` markup */
+ svg?: string;
+ /** URL to fetch inline `` markup from */
+ svgUrl?: string;
+
+ /** Accessible name. Renders a `` and labels the icon */
+ title?: string;
+ /** Accessible description. Renders a `<desc>` and labels the icon */
+ desc?: string;
+ titleId?: string;
+ descId?: string;
+
+ class?: string;
+ classes?: {
+ root?: string;
+ path?: string | string[];
+ };
+ children?: Snippet;
+ };
+
+ /**
+ * Remaining attributes are spread onto whichever element is rendered — an `<svg>`, a `<span>`
+ * (for inline/fetched markup and `children`), or the icon component passed as `data`. Typed as
+ * SVG attributes since that is the common case; the element type is left open so the same
+ * attributes fit all three. Own props are omitted so declarations like `path?: string | string[]`
+ * are not narrowed by the SVG attribute of the same name.
+ */
+ export type IconProps = IconOwnProps & Omit<SVGAttributes<any>, keyof IconOwnProps>;
+</script>
+
+<script lang="ts">
+ import { cls } from '@layerstack/tailwind';
+ import { uniqueId } from '@layerstack/utils';
+
+ import { getComponentClasses } from './theme.js';
+
+ let {
+ size = '1.2em', // default scale of unplugin-icons - https://github.com/unplugin/unplugin-icons?tab=readme-ov-file#options
+ width: widthProp,
+ height: heightProp,
+ viewBox: viewBoxProp = '0 0 24 24',
+ path: pathProp = '',
+ data,
+ svg: svgProp,
+ svgUrl: svgUrlProp,
+ title,
+ desc,
+ titleId,
+ descId,
+ class: className,
+ classes = {},
+ children,
+ ...restProps
+ }: IconProps = $props();
+
+ const settingsClasses = getComponentClasses('Icon');
+
+ // `data` conveniently also accepts a path, inline `<svg>`, or a URL
+ const dataString = $derived(typeof data === 'string' ? data : undefined);
+ const dataIsSvg = $derived(dataString?.toLowerCase().includes('<svg') ?? false);
+ const dataIsUrl = $derived(dataString?.toLowerCase().includes('http') ?? false);
+
+ const faIcon = $derived(
+ typeof data === 'object' && data !== null && 'icon' in data ? data : undefined
+ );
+
+ const svgUrl = $derived(svgUrlProp ?? (dataIsUrl ? dataString : undefined));
+
+ let fetchedSvg = $state<string>();
+
+ $effect(() => {
+ if (!svgUrl) return;
+
+ let request = cache.get(svgUrl);
+ if (!request) {
+ const url = svgUrl;
+ request = fetch(url)
+ .then((resp) => resp.text())
+ .catch(() => {
+ // Failed request, drop the promise so it is fetched again next time
+ cache.delete(url);
+ // TODO: Consider showing error icon
+ return '';
+ });
+ cache.set(url, request);
+ }
+
+ let current = true;
+ request.then((text) => {
+ if (current) fetchedSvg = text;
+ });
+ return () => {
+ current = false;
+ };
+ });
+
+ const svg = $derived(svgProp ?? (dataIsSvg ? dataString : undefined) ?? fetchedSvg);
+
+ // Font Awesome icons are sized in `rem` rather than following the surrounding font size. An
+ // explicit `width`/`height` still wins (in Svelte UX it was silently overridden).
+ const isFontAwesome = $derived(
+ faIcon !== undefined || (svg?.includes('fontawesome.com') ?? false)
+ );
+ const width = $derived(widthProp ?? (isFontAwesome ? '1.0rem' : size));
+ const height = $derived(heightProp ?? (isFontAwesome ? '1.0rem' : size));
+
+ const viewBox = $derived(faIcon ? `0 0 ${faIcon.icon[0]} ${faIcon.icon[1]}` : viewBoxProp);
+ const path = $derived(
+ faIcon
+ ? faIcon.icon[4]
+ : dataString !== undefined && !dataIsSvg && !dataIsUrl
+ ? dataString
+ : pathProp
+ );
+
+ const isLabelled = $derived(Boolean(title || desc));
+ const generatedTitleId = uniqueId('title-');
+ const generatedDescId = uniqueId('desc-');
+ const resolvedTitleId = $derived(titleId ?? (title ? generatedTitleId : ''));
+ const resolvedDescId = $derived(descId ?? (desc ? generatedDescId : ''));
+
+ const rootClass = $derived(
+ cls('Icon', 'inline-block shrink-0', settingsClasses.root, classes.root, className)
+ );
+</script>
+
+{#if typeof data === 'function'}
+ <!-- Icon component -->
+ <!-- narrowed to a single component type: type-checking a spread against the `IconComponent`
+ union (svg component | lucide component) blows past TypeScript's union complexity limit -->
+ {@const IconComponent = data as Component<SVGAttributes<any>>}
+ <IconComponent
+ class={cls(
+ 'Icon',
+ 'icon-container inline-block shrink-0 align-middle',
+ 'size-[1.2em]', // default scale of unplugin-icons - https://github.com/unplugin/unplugin-icons?tab=readme-ov-file#options
+ settingsClasses.root,
+ classes.root,
+ className
+ )}
+ role={isLabelled ? 'img' : 'presentation'}
+ aria-labelledby={isLabelled ? `${resolvedTitleId} ${resolvedDescId}` : undefined}
+ {...restProps}
+ />
+{:else if svg || svgUrl || children}
+ <span
+ class={cls(rootClass, 'icon-container align-middle fill-current')}
+ style:width
+ style:height
+ style:--width={width}
+ style:--height={height}
+ role={isLabelled ? 'img' : 'presentation'}
+ aria-labelledby={isLabelled ? `${resolvedTitleId} ${resolvedDescId}` : undefined}
+ {...restProps}
+ >
+ {#if children}
+ {@render children()}
+ {:else}
+ <!-- eslint-disable-next-line svelte/no-at-html-tags -- `svg` is caller-provided markup -->
+ {@html svg ?? ''}
+ {/if}
+ </span>
+{:else}
+ <svg
+ {width}
+ {height}
+ {viewBox}
+ class={cls(rootClass, 'fill-current')}
+ role={isLabelled ? 'img' : 'presentation'}
+ aria-labelledby={isLabelled ? `${resolvedTitleId} ${resolvedDescId}` : undefined}
+ {...restProps}
+ >
+ {#if title}
+ <title id={resolvedTitleId}>{title}
+ {/if}
+ {#if desc}
+ {desc}
+ {/if}
+
+ {#each Array.isArray(path) ? path : [path] as d, i (i)}
+
+{/if}
+
+
diff --git a/packages/ui/src/lib/components/Icon.svelte.test.ts b/packages/ui/src/lib/components/Icon.svelte.test.ts
new file mode 100644
index 0000000..d03a3f4
--- /dev/null
+++ b/packages/ui/src/lib/components/Icon.svelte.test.ts
@@ -0,0 +1,249 @@
+import { describe, expect, it, vi, beforeEach, afterEach } from 'vitest';
+import { render } from 'vitest-browser-svelte';
+
+import Icon from './Icon.svelte';
+import IconChildrenHarness from './tests/IconChildrenHarness.svelte';
+
+/** A minimal Font Awesome `IconDefinition` (`[width, height, ligatures, unicode, path]`) */
+const faIcon = {
+ prefix: 'fas',
+ iconName: 'house',
+ icon: [576, 512, [], 'f015', 'M100 200L300 400'] as [number, number, string[], string, string],
+};
+
+const svgPath = 'M12 2L2 7l10 5 10-5-10-5z';
+
+function svgOf(container: HTMLElement) {
+ return container.querySelector('svg.Icon') as SVGSVGElement | null;
+}
+
+describe('Icon', () => {
+ describe('path data', () => {
+ it('renders a `path` prop as an svg path', async () => {
+ const { container } = render(Icon, { path: svgPath });
+
+ const svg = svgOf(container)!;
+ expect(svg).not.toBeNull();
+ expect(svg.getAttribute('viewBox')).toBe('0 0 24 24');
+ expect([...svg.querySelectorAll('path')].map((p) => p.getAttribute('d'))).toEqual([svgPath]);
+ });
+
+ it('renders each entry of a `path` array', async () => {
+ const { container } = render(Icon, { path: [svgPath, 'M0 0L1 1'] });
+
+ const paths = [...svgOf(container)!.querySelectorAll('path')];
+ expect(paths.map((p) => p.getAttribute('d'))).toEqual([svgPath, 'M0 0L1 1']);
+ });
+
+ it('accepts a path string as `data`', async () => {
+ const { container } = render(Icon, { data: svgPath });
+
+ expect(svgOf(container)!.querySelector('path')?.getAttribute('d')).toBe(svgPath);
+ });
+ });
+
+ describe('sizing', () => {
+ it('defaults to `1.2em`', async () => {
+ const { container } = render(Icon, { path: svgPath });
+
+ const svg = svgOf(container)!;
+ expect(svg.getAttribute('width')).toBe('1.2em');
+ expect(svg.getAttribute('height')).toBe('1.2em');
+ });
+
+ it('applies `size` to both dimensions', async () => {
+ const { container } = render(Icon, { path: svgPath, size: '2rem' });
+
+ const svg = svgOf(container)!;
+ expect(svg.getAttribute('width')).toBe('2rem');
+ expect(svg.getAttribute('height')).toBe('2rem');
+ });
+
+ it('lets explicit `width`/`height` win over `size`', async () => {
+ const { container } = render(Icon, { path: svgPath, size: '2rem', width: '10px' });
+
+ const svg = svgOf(container)!;
+ expect(svg.getAttribute('width')).toBe('10px');
+ expect(svg.getAttribute('height')).toBe('2rem');
+ });
+ });
+
+ describe('font awesome data', () => {
+ it('derives `viewBox`, `path`, and size', async () => {
+ const { container } = render(Icon, { data: faIcon });
+
+ const svg = svgOf(container)!;
+ expect(svg.getAttribute('viewBox')).toBe('0 0 576 512');
+ expect(svg.querySelector('path')?.getAttribute('d')).toBe('M100 200L300 400');
+ expect(svg.getAttribute('width')).toBe('1.0rem');
+ expect(svg.getAttribute('height')).toBe('1.0rem');
+ });
+
+ it('still honors an explicit `width`', async () => {
+ const { container } = render(Icon, { data: faIcon, width: '3em' });
+
+ expect(svgOf(container)!.getAttribute('width')).toBe('3em');
+ });
+ });
+
+ describe('inline svg', () => {
+ it('renders an `svg` prop inside a span', async () => {
+ const { container } = render(Icon, { svg: ' {
+ if (entry.isIntersecting) {
+ page += 1;
+ }
+ onIntersecting?.(entry);
+ },
+ })}
+ >
+{/if}
diff --git a/packages/ui/src/lib/components/Input.svelte b/packages/ui/src/lib/components/Input.svelte
new file mode 100644
index 0000000..c325b97
--- /dev/null
+++ b/packages/ui/src/lib/components/Input.svelte
@@ -0,0 +1,195 @@
+
+
+
+
+
+ {#if control}
+ ⌃
+ {/if}
+
+ {#if option}
+ ⌥
+ {/if}
+
+ {#if shift}
+ ⇧
+ {/if}
+
+ {#if command}
+ ⌘
+ {/if}
+
+ {@render children?.()}
+
diff --git a/packages/ui/src/lib/components/LanguageSelect.svelte b/packages/ui/src/lib/components/LanguageSelect.svelte
new file mode 100644
index 0000000..a4e45a7
--- /dev/null
+++ b/packages/ui/src/lib/components/LanguageSelect.svelte
@@ -0,0 +1,75 @@
+
+
+
+
+ (open = !open)}
+>
+ {selected?.code ?? settings.locale}
+
+
+
+ {#each languages as language (language.code)}
+ {
+ onLanguageSet?.(language);
+ settings.setLocale(language.code);
+ }}
+ class={cls(
+ 'bg-surface-100 text-surface-content font-semibold border shadow-sm',
+ selected === language && 'ring-2 ring-surface-content'
+ )}
+ >
+ {language.flag} - {language.name}
+
+ {/each}
+
+
+
+ Affects date & number formats
+
+
+
diff --git a/packages/ui/src/lib/components/Lazy.svelte b/packages/ui/src/lib/components/Lazy.svelte
new file mode 100644
index 0000000..b0f30c8
--- /dev/null
+++ b/packages/ui/src/lib/components/Lazy.svelte
@@ -0,0 +1,61 @@
+
+
+
+
+ {
+ if (entry.isIntersecting) {
+ show = true;
+ } else if (unmount) {
+ height = entry.boundingClientRect.height;
+ show = false;
+ }
+ onIntersecting?.(entry);
+ },
+ })}
+>
+ {#if show}
+ {@render children?.()}
+ {/if}
+
diff --git a/packages/ui/src/lib/components/ListItem.svelte b/packages/ui/src/lib/components/ListItem.svelte
new file mode 100644
index 0000000..2f2c950
--- /dev/null
+++ b/packages/ui/src/lib/components/ListItem.svelte
@@ -0,0 +1,138 @@
+
+
+
+
+
+
+
+ {#if loading}
+
+
+ {/if}
+
+ {#if avatarSnippet}
+ {@render avatarSnippet()}
+ {:else if icon != null}
+ {#if avatar}
+
+
+ {:else}
+
+ {#if titleSnippet}
+ {@render titleSnippet()}
+ {:else if title != null}
+
{title}
+ {/if}
+
+ {#if subheadingSnippet}
+ {@render subheadingSnippet()}
+ {:else if subheading != null}
+
+ {subheading}
+
+ {/if}
+
diff --git a/packages/ui/src/lib/components/Maybe.svelte b/packages/ui/src/lib/components/Maybe.svelte
new file mode 100644
index 0000000..a4cde21
--- /dev/null
+++ b/packages/ui/src/lib/components/Maybe.svelte
@@ -0,0 +1,22 @@
+
+
+
+
+{#if self}
+ {@const Wrapper = self}
+
+ {@render children?.()}
+
+{:else}
+ {@render children?.()}
+{/if}
diff --git a/packages/ui/src/lib/components/Menu.svelte b/packages/ui/src/lib/components/Menu.svelte
new file mode 100644
index 0000000..658bdbf
--- /dev/null
+++ b/packages/ui/src/lib/components/Menu.svelte
@@ -0,0 +1,126 @@
+
+
+
+
+
+
+
+
+
diff --git a/packages/ui/src/lib/components/Menu.svelte.test.ts b/packages/ui/src/lib/components/Menu.svelte.test.ts
new file mode 100644
index 0000000..0c482d4
--- /dev/null
+++ b/packages/ui/src/lib/components/Menu.svelte.test.ts
@@ -0,0 +1,226 @@
+import { describe, expect, it, vi } from 'vitest';
+import { render } from 'vitest-browser-svelte';
+
+import PopoverHarness from './tests/PopoverHarness.svelte';
+import MenuHarness from './tests/MenuHarness.svelte';
+import MenuItemSettingsHarness from './tests/MenuItemSettingsHarness.svelte';
+
+/** Popover/Menu portal their content out of the container, so query the document */
+function popoverEl() {
+ return document.querySelector('.Popover') as HTMLElement | null;
+}
+function menuEl() {
+ return document.querySelector('.Menu') as HTMLElement | null;
+}
+function openState(container: HTMLElement) {
+ return container.querySelector('[data-testid="open-state"]')!.textContent;
+}
+
+/** A full mousedown/mouseup pair — the outside-click detection requires both on the same target */
+function clickOutside(target: EventTarget = document.body) {
+ target.dispatchEvent(new MouseEvent('mousedown', { bubbles: true }));
+ target.dispatchEvent(new MouseEvent('mouseup', { bubbles: true }));
+}
+
+describe('Popover', () => {
+ it('renders nothing while closed', async () => {
+ render(PopoverHarness, {});
+
+ expect(popoverEl()).toBeNull();
+ });
+
+ it('renders content when opened', async () => {
+ const { container } = render(PopoverHarness, { open: true });
+
+ await vi.waitFor(() => {
+ expect(popoverEl()).not.toBeNull();
+ });
+ expect(document.querySelector('[data-testid="popover-content"]')).not.toBeNull();
+ expect(openState(container)).toBe('true');
+ });
+
+ it('portals out of its container', async () => {
+ const { container } = render(PopoverHarness, { open: true });
+
+ await vi.waitFor(() => expect(popoverEl()).not.toBeNull());
+ expect(container.contains(popoverEl())).toBe(false);
+ });
+
+ it('positions itself against the anchor', async () => {
+ render(PopoverHarness, { open: true, placement: 'bottom-start' });
+
+ await vi.waitFor(() => {
+ const el = popoverEl()!;
+ expect(el.style.left).not.toBe('');
+ expect(el.style.top).not.toBe('');
+ });
+ });
+
+ it('closes on Escape and reports the reason', async () => {
+ const onClose = vi.fn();
+ const { container } = render(PopoverHarness, { open: true, onClose });
+
+ await vi.waitFor(() => expect(popoverEl()).not.toBeNull());
+
+ window.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape', bubbles: true }));
+
+ await vi.waitFor(() => {
+ expect(popoverEl()).toBeNull();
+ expect(openState(container)).toBe('false');
+ });
+ expect(onClose).toHaveBeenCalledWith('escape');
+ });
+
+ it('closes on an outside click', async () => {
+ const onClose = vi.fn();
+ render(PopoverHarness, { open: true, onClose });
+
+ await vi.waitFor(() => expect(popoverEl()).not.toBeNull());
+
+ clickOutside();
+
+ await vi.waitFor(() => {
+ expect(onClose).toHaveBeenCalledWith('clickOutside');
+ expect(popoverEl()).toBeNull();
+ });
+ });
+
+ it('stays open when clicking inside', async () => {
+ const onClose = vi.fn();
+ render(PopoverHarness, { open: true, onClose });
+
+ await vi.waitFor(() => expect(popoverEl()).not.toBeNull());
+
+ const content = document.querySelector('[data-testid="popover-content"]')!;
+ clickOutside(content);
+
+ expect(onClose).not.toHaveBeenCalled();
+ expect(popoverEl()).not.toBeNull();
+ });
+
+ it('closes via the `close` callback given to children', async () => {
+ const { container } = render(PopoverHarness, { open: true });
+
+ await vi.waitFor(() => expect(popoverEl()).not.toBeNull());
+
+ (document.querySelector('[data-testid="close"]') as HTMLButtonElement).click();
+
+ await vi.waitFor(() => {
+ expect(openState(container)).toBe('false');
+ });
+ });
+
+ it('matches the anchor width when asked', async () => {
+ render(PopoverHarness, { open: true, matchWidth: true });
+
+ await vi.waitFor(() => {
+ expect(popoverEl()!.style.width).not.toBe('');
+ });
+ });
+});
+
+describe('Menu', () => {
+ it('renders its items when open', async () => {
+ render(MenuHarness, { open: true });
+
+ await vi.waitFor(() => expect(menuEl()).not.toBeNull());
+
+ const items = document.querySelectorAll('.MenuItem');
+ expect(items).toHaveLength(3);
+ expect([...items].map((i) => i.textContent?.trim())).toEqual(['One', 'Two', 'Three']);
+ });
+
+ it('closes when an item is clicked', async () => {
+ const onItemClick = vi.fn();
+ const onClose = vi.fn();
+ const { container } = render(MenuHarness, { open: true, onItemClick, onClose });
+
+ await vi.waitFor(() => expect(menuEl()).not.toBeNull());
+
+ (document.querySelectorAll('.MenuItem')[1] as HTMLButtonElement).click();
+
+ await vi.waitFor(() => {
+ expect(openState(container)).toBe('false');
+ });
+ expect(onItemClick).toHaveBeenCalledWith('Two');
+ expect(onClose).toHaveBeenCalledWith('item');
+ });
+
+ it('stays open on item click with `explicitClose`', async () => {
+ const { container } = render(MenuHarness, { open: true, explicitClose: true });
+
+ await vi.waitFor(() => expect(menuEl()).not.toBeNull());
+
+ (document.querySelectorAll('.MenuItem')[0] as HTMLButtonElement).click();
+
+ expect(openState(container)).toBe('true');
+ expect(menuEl()).not.toBeNull();
+ });
+
+ it('closes via the `close` callback given to children', async () => {
+ const { container } = render(MenuHarness, { open: true, explicitClose: true });
+
+ await vi.waitFor(() => expect(menuEl()).not.toBeNull());
+
+ (document.querySelector('[data-testid="explicit-close"]') as HTMLButtonElement).click();
+
+ await vi.waitFor(() => expect(openState(container)).toBe('false'));
+ });
+
+ it('moves focus into the menu by default', async () => {
+ render(MenuHarness, { open: true });
+
+ await vi.waitFor(() => {
+ expect(document.activeElement).toBe(document.querySelector('.menu-items'));
+ });
+ });
+
+ it('leaves focus alone when `moveFocus` is false', async () => {
+ render(MenuHarness, { open: true, moveFocus: false });
+
+ await vi.waitFor(() => expect(menuEl()).not.toBeNull());
+ expect(document.activeElement).not.toBe(document.querySelector('.menu-items'));
+ });
+
+ it('reopens after closing', async () => {
+ const { container } = render(MenuHarness, {});
+
+ const anchor = container.querySelector('[data-testid="anchor"]') as HTMLButtonElement;
+ anchor.click();
+ await vi.waitFor(() => expect(menuEl()).not.toBeNull());
+
+ window.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape', bubbles: true }));
+ await vi.waitFor(() => expect(menuEl()).toBeNull());
+
+ anchor.click();
+ await vi.waitFor(() => expect(menuEl()).not.toBeNull());
+ });
+});
+
+describe('MenuItem', () => {
+ it('marks the selected item', async () => {
+ render(MenuHarness, { open: true, selectedIndex: 1 });
+
+ await vi.waitFor(() => expect(menuEl()).not.toBeNull());
+
+ const items = document.querySelectorAll('.MenuItem');
+ expect(items[1].className).toContain('font-semibold');
+ expect(items[0].className).not.toContain('font-semibold');
+ });
+
+ it('opts its Button out of app-wide Button settings', async () => {
+ const { container } = render(MenuItemSettingsHarness, {
+ options: { components: { Button: { variant: 'fill', classes: 'app-button' } } },
+ });
+
+ const outside = container.querySelector('.Button:not(.MenuItem)')!;
+ const inside = container.querySelector('.MenuItem')!;
+
+ expect(outside.classList.contains('app-button')).toBe(true);
+ expect(outside.className).toContain('variant-fill');
+
+ // MenuItem sets its own `variant="none"` and clears the subtree's component settings
+ expect(inside.classList.contains('app-button')).toBe(false);
+ expect(inside.className).toContain('variant-none');
+ });
+});
diff --git a/packages/ui/src/lib/components/MenuButton.svelte b/packages/ui/src/lib/components/MenuButton.svelte
new file mode 100644
index 0000000..55bc53f
--- /dev/null
+++ b/packages/ui/src/lib/components/MenuButton.svelte
@@ -0,0 +1,125 @@
+
+
+
+
+ (open = !open)}
+ class={cls('MenuButton', settingsClasses.root, classes.root, className)}
+>
+ {#if selection}
+ {@render selection({ value: selected })}
+ {:else}
+
+ {selected?.label ?? 'No selection'}
+
+ {/if}
+
+ {#if resolvedMenuIcon}
+
+ {#if children}
+ {@render children({ options, selected, close: () => (open = false), setValue })}
+ {:else}
+
+ {#each options as option (option.value)}
+ {
+ value = option.value;
+ onChange?.({ option, value });
+ }}
+ >
+ {option.label}
+
+ {/each}
+
+ {/if}
+
+
diff --git a/packages/ui/src/lib/components/MenuField.svelte b/packages/ui/src/lib/components/MenuField.svelte
new file mode 100644
index 0000000..e459a06
--- /dev/null
+++ b/packages/ui/src/lib/components/MenuField.svelte
@@ -0,0 +1,209 @@
+
+
+
+
+ (open = !open)}
+>
+ {#snippet children()}
+ {#if selection}
+ {@render selection({ selected: resolvedSelected })}
+ {:else}
+
+ {resolvedSelected?.label ?? 'No selection'}
+
+ {/if}
+ {/snippet}
+
+ {#snippet prepend()}
+
+ {#if stepper}
+ (value = previous())}
+ class="mr-2"
+ size="sm"
+ />
+ {/if}
+ {@render prependSnippet?.()}
+
+ {/snippet}
+
+ {#snippet append()}
+
+ {@render appendSnippet?.()}
+
+
+
+ {
+ e.stopPropagation();
+ open = !open;
+ }}
+ >
+
+
+ {#if stepper}
+ (value = next())} class="mr-2" size="sm" />
+ {/if}
+
+ {/snippet}
+
+ {#snippet root()}
+
+ {#if childrenSnippet}
+ {@render childrenSnippet({
+ options,
+ selected: resolvedSelected,
+ close: () => (open = false),
+ setValue,
+ })}
+ {:else}
+
+ {#each options as option, index (`${option.group}-${option.value}`)}
+ {@const previousOption = options[index - 1]}
+ {#if option.group && option.group !== previousOption?.group}
+
+ {option.group}
+
+ {/if}
+
+ (value = option.value)}
+ >
+ {option.label}
+
+ {/each}
+
+ {/if}
+
+ {/snippet}
+
diff --git a/packages/ui/src/lib/components/MenuItem.svelte b/packages/ui/src/lib/components/MenuItem.svelte
new file mode 100644
index 0000000..24dddf9
--- /dev/null
+++ b/packages/ui/src/lib/components/MenuItem.svelte
@@ -0,0 +1,79 @@
+
+
+
+
+
+ {@render children?.()}
+
diff --git a/packages/ui/src/lib/components/Month.svelte b/packages/ui/src/lib/components/Month.svelte
new file mode 100644
index 0000000..6ea98aa
--- /dev/null
+++ b/packages/ui/src/lib/components/Month.svelte
@@ -0,0 +1,159 @@
+
+
+
+
+{#if showMonthSelect}
+
+ {
+ startOfMonth = date;
+ showMonthSelect = false;
+ }}
+ />
+
+{:else}
+ {#if !hideControls}
+
+
(startOfMonth = intervalOffset(monthInterval, displayedMonth, -1))}
+ />
+
+
+ (showMonthSelect = true)}>
+ {settings.format(displayedMonth, PeriodType.MonthYear, { utc })}
+
+
+
+ (startOfMonth = intervalOffset(monthInterval, displayedMonth, 1))}
+ />
+
+ {#each monthDaysByWeek[0] ?? [] as day (day.getDate())}
+
+
+ {settings.format(day, PeriodType.Day, { custom: 'eee', utc })}
+
+
+ {/each}
+
+ {#each monthDaysByWeek ?? [] as week, weekIndex (weekIndex)}
+ {#each week ?? [] as day (day.valueOf())}
+
+{/if}
diff --git a/packages/ui/src/lib/components/MonthList.svelte b/packages/ui/src/lib/components/MonthList.svelte
new file mode 100644
index 0000000..206ff57
--- /dev/null
+++ b/packages/ui/src/lib/components/MonthList.svelte
@@ -0,0 +1,79 @@
+
+
+
+
+{#each months ?? [] as month (month.valueOf())}
+
+
(minYear = resolvedMinYear - 10)}>More
+
+ {#each years ?? [] as year (year)}
+
+ {/each}
+
+
(maxYear = resolvedMaxYear + 10)}>More
+
+ searchText, (next) => (searchText = String(next ?? ''))}
+ autofocus={{ delay: 100, disabled: !autoFocusSearch }}
+ />
+
+{/if}
+
+
+ {@render beforeOptions?.({ selection })}
+
+
+
+ {#snippet children({ visibleItems })}
+ {#each visibleItems as option (option.value)}
+ {@const ctx = {
+ option,
+ label: option.label,
+ value: option.value,
+ checked: selection.isSelected(option.value),
+ indeterminate: indeterminate.current.has(option.value),
+ disabled: selection.isDisabled(option.value),
+ onChange: () => toggleOption(option.value),
+ }}
+
+ {#if optionSnippet}
+ {@render optionSnippet(ctx)}
+ {:else}
+
+ {ctx.label}
+
+ {/if}
+
+ {:else}
+ {#if maintainOrder && !filteredOptions.length}
+
+ There are no matching items.
+
+ {/if}
+ {/each}
+ {/snippet}
+
+
+ {#if !maintainOrder}
+ {#if filteredSelectedOptions.length && filteredUnselectedOptions.length}
+
+
+ {/if}
+
+
+ {#snippet children({ visibleItems })}
+ {#each visibleItems as option (option.value)}
+ {@const ctx = {
+ option,
+ label: option.label,
+ value: option.value,
+ checked: selection.isSelected(option.value),
+ indeterminate: indeterminate.current.has(option.value),
+ disabled: selection.isDisabled(option.value),
+ onChange: () => toggleOption(option.value),
+ }}
+
+ {#if optionSnippet}
+ {@render optionSnippet(ctx)}
+ {:else}
+
+ {ctx.label}
+
+ {/if}
+
+ {:else}
+ {#if !filteredSelectedOptions.length}
+
+ There are no matching items.
+
+ {/if}
+ {/each}
+ {/snippet}
+
+ {/if}
+
+ {@render afterOptions?.({ selection })}
+
:first-child))]:hidden border-t border-surface-content/10 pt-2',
+ settingsClasses.actions,
+ classes.actions
+ )}
+>
+ {@render actions?.({ selection, searchText })}
+
+ {#if mode === 'actions'}
+
+ {
+ selection.current = appliedSelection;
+ onCancel?.();
+ }}
+ {...cancelButtonProps}
+ >
+ Cancel
+
+
+ applyChange()}
+ {...applyButtonProps}
+ >
+ Apply
+
+
+ {/if}
+
show()}
+>
+
searchText, (next) => (searchText = String(next ?? ''))}
+ bind:inputEl
+ onfocus={() => show()}
+ onChange={({ inputValue }) => (searchText = String(inputValue ?? ''))}
+ classes={clsMerge(
+ { root: 'h-full' },
+ normalizeClasses(settingsClasses.field),
+ normalizeClasses(typeof classes.field === 'string' ? { root: classes.field } : classes.field)
+ )}
+ {...defaults}
+ {...restProps}
+ >
+ {#snippet prepend()}
+ {@render prependSnippet?.()}
+ {/snippet}
+
+ {#snippet append()}
+
+ {@render appendSnippet?.()}
+
+ {#if loading}
+
+
+ {:else if value?.length && clearable}
+ {
+ e.stopPropagation();
+ clear();
+ hide();
+ }}
+ />
+ {:else}
+ {
+ e.stopPropagation();
+ open ? hide() : show();
+ }}
+ />
+ {/if}
+
+ {/snippet}
+
+
+
{
+ value = ctx.value;
+ onChange?.({ value });
+ }}
+ onClose={hide}
+ {beforeOptions}
+ {afterOptions}
+ {actions}
+ option={optionSnippet}
+ {...menuProps}
+ />
+
+ {#snippet children({ close })}
+ {
+ if (mode !== 'immediate') close();
+ onCancel?.();
+ }}
+ onChange={(ctx) => {
+ if (mode !== 'immediate') close();
+ onChange?.(ctx);
+ }}
+ {beforeOptions}
+ {afterOptions}
+ {actions}
+ >
+ {#snippet option(ctx)}
+ {#if optionSnippet}
+ {@render optionSnippet(ctx)}
+ {:else}
+
+ {ctx.label}
+
+ {/if}
+ {/snippet}
+
+ {/snippet}
+
diff --git a/packages/ui/src/lib/components/MultiSelectOption.svelte b/packages/ui/src/lib/components/MultiSelectOption.svelte
new file mode 100644
index 0000000..04d404c
--- /dev/null
+++ b/packages/ui/src/lib/components/MultiSelectOption.svelte
@@ -0,0 +1,124 @@
+
+
+
+
+
+ {#if variant === 'checkbox'}
+
onChange?.()}
+ {disabled}
+ classes={{
+ root: 'px-2 rounded-sm hover:bg-surface-content/5',
+ label: 'py-2',
+ ...settingsClasses.checkbox,
+ ...classes.checkbox,
+ }}
+ >
+
+ {@render children?.()}
+
+
+ {:else if variant === 'checkmark'}
+
onChange?.()}
+ >
+ {@render children?.()}
+
+ {:else if variant === 'fill'}
+
onChange?.()}
+ >
+ {@render children?.()}
+
+ {/if}
+
+ {@render actions?.()}
+
{
+ // Close the drawer when it is temporary (narrow viewports)
+ if (!media.mdScreen.current) {
+ settings.showDrawer = false;
+ }
+ onclick?.(e);
+ }}
+ {@attach scrollIntoView({
+ condition: isPathActive,
+ onlyIfNeeded: true,
+ delay: 500,
+ })}
+>
+ {@render avatar?.()}
+
+ {#if icon}
+ {#if typeof icon === 'function' || typeof icon === 'string' || 'icon' in icon}
+
diff --git a/packages/ui/src/lib/components/Notification.svelte b/packages/ui/src/lib/components/Notification.svelte
new file mode 100644
index 0000000..6ccd8e9
--- /dev/null
+++ b/packages/ui/src/lib/components/Notification.svelte
@@ -0,0 +1,272 @@
+
+
+
+
+{#if open}
+
+
+ onClose?.()}
+ onclick={(e) => {
+ if (!(e.target instanceof Element)) return;
+ // Close when an action is clicked (but not the container). Opt out with `e.stopPropagation()`
+ if (e.target !== actionsEl && actionsEl?.contains(e.target)) {
+ open = false;
+ }
+ }}
+ >
+
+
+ {#if iconSnippet}
+ {@render iconSnippet()}
+ {:else if icon}
+
+ {/if}
+
+
+ {#if titleSnippet}
+
{@render titleSnippet()}
+ {:else if title}
+
{title}
+ {/if}
+
+ {#if descriptionSnippet || description}
+
+ {#if descriptionSnippet}
+ {@render descriptionSnippet()}
+ {:else}
+ {description}
+ {/if}
+
+ {/if}
+
+ {#if hasActions && actionsPlacement === 'below'}
+
+ {#if actionsSnippet}
+ {@render actionsSnippet()}
+ {:else}
+ {#each Object.entries(actions) as [name, fn], i (name)}
+ fn()}
+ >
+ {name}
+
+ {/each}
+ {/if}
+
+ {/if}
+
+
+ {#if hasActions && actionsPlacement === 'inline'}
+
+ {#if actionsSnippet}
+ {@render actionsSnippet()}
+ {:else}
+ {#each Object.entries(actions) as [name, fn], i (name)}
+ fn()}
+ >
+ {name}
+
+ {/each}
+ {/if}
+
+ {/if}
+
+ {#if closeIcon}
+
(open = false)}
+ class={cls(
+ 'self-start',
+ {
+ fill: {
+ primary: 'text-primary-content/25',
+ secondary: 'text-secondary-content/25',
+ accent: 'text-accent-content/25',
+ neutral: 'text-neutral-content/25',
+ info: 'text-info-content/25',
+ success: 'text-success-content/25',
+ warning: 'text-warning-content/25',
+ danger: 'text-danger-content/25',
+ }[color],
+ default: 'text-surface-content/25',
+ }[variant]
+ )}
+ />
+ {/if}
+
+
+ {#if hasActions && actionsPlacement === 'split'}
+
+ {#if actionsSnippet}
+ {@render actionsSnippet()}
+ {:else}
+ {#each Object.entries(actions) as [name, fn], i (name)}
+ fn()}
+ >
+ {name}
+
+ {/each}
+ {/if}
+
+ {/if}
+
+
value, (next) => (value = Number(next ?? 0))}
+ {min}
+ {max}
+ {step}
+ align="center"
+ class={cls('NumberStepper w-24', settingsClasses.root, className)}
+ {@attach selectOnFocus()}
+>
+ {#snippet prepend()}
+ (value = stepUtil(value, -step))}
+ size="sm"
+ disabled={min != null && value <= min}
+ />
+ {/snippet}
+
+ {#snippet append()}
+ (value = stepUtil(value, step))}
+ size="sm"
+ disabled={max != null && value >= max}
+ />
+ {/snippet}
+
+ {#snippet prefix()}
+ {@render prefixSnippet?.()}
+ {/snippet}
+
+ {#snippet suffix()}
+ {@render suffixSnippet?.()}
+ {/snippet}
+
diff --git a/packages/ui/src/lib/components/Overflow.svelte b/packages/ui/src/lib/components/Overflow.svelte
new file mode 100644
index 0000000..cb5a0e8
--- /dev/null
+++ b/packages/ui/src/lib/components/Overflow.svelte
@@ -0,0 +1,40 @@
+
+
+
+
+ {
+ overflowX = detail.overflowX;
+ overflowY = detail.overflowY;
+ },
+ })}
+>
+ {@render children?.({ overflowX, overflowY })}
+
diff --git a/packages/ui/src/lib/components/Overlay.svelte b/packages/ui/src/lib/components/Overlay.svelte
new file mode 100644
index 0000000..0fb6495
--- /dev/null
+++ b/packages/ui/src/lib/components/Overlay.svelte
@@ -0,0 +1,50 @@
+
+
+
+
+
+ {@render children?.()}
+
diff --git a/packages/ui/src/lib/components/Paginate.svelte b/packages/ui/src/lib/components/Paginate.svelte
new file mode 100644
index 0000000..a9b128e
--- /dev/null
+++ b/packages/ui/src/lib/components/Paginate.svelte
@@ -0,0 +1,29 @@
+
+
+
+
+{@render children?.({ pagination, pageData })}
diff --git a/packages/ui/src/lib/components/Pagination.svelte b/packages/ui/src/lib/components/Pagination.svelte
new file mode 100644
index 0000000..761040f
--- /dev/null
+++ b/packages/ui/src/lib/components/Pagination.svelte
@@ -0,0 +1,160 @@
+
+
+
+
+{#if pagination.totalPages > 1 || !hideSinglePage}
+
+ {#each show as component (component)}
+ {#if component === 'actions'}
+ {@render actions?.()}
+ {:else if component === 'firstPage'}
+
+
+ {:else if component === 'prevPage'}
+
+
+ {:else if component === 'nextPage'}
+
+
+ {:else if component === 'lastPage'}
+
+
+ {:else if component === 'perPage'}
+
+ Per page:
+
+ (perPageOpen = !perPageOpen)}>
+ {pagination.perPage}
+
+
+
+ {#each perPageOptions ?? [] as option (option)}
+ (pagination.perPage = option)}
+ >
+ {settings.format(option, 'integer')}
+
+ {/each}
+
+
+
+ {:else if component === 'pagination'}
+ {#if paginationSnippet}
+ {@render paginationSnippet({ pagination })}
+ {:else}
+
+ {format(pagination)}
+
+ {/if}
+ {/if}
+ {/each}
+
{
+ if (open && e.key === 'Escape') {
+ e.stopPropagation();
+ close('escape');
+ }
+ }}
+/>
+
+{#if open}
+ close('clickOutside'),
+ })}
+ >
+ {@render children?.({ close: () => close() })}
+
+{/if}
diff --git a/packages/ui/src/lib/components/Progress.svelte b/packages/ui/src/lib/components/Progress.svelte
new file mode 100644
index 0000000..5d0aaeb
--- /dev/null
+++ b/packages/ui/src/lib/components/Progress.svelte
@@ -0,0 +1,52 @@
+
+
+
+
+
+
+ {#if track}
+
+
+ {@render children?.()}
+
+
{
+ if (e.key === 'k' && (e.metaKey || e.ctrlKey)) {
+ e.preventDefault();
+ open = !open;
+ } else if (open && e.key === 'Escape') {
+ e.preventDefault();
+ open = false;
+ }
+ }}
+/>
+
+ (open = true)}
+ class={cls(
+ 'QuickSearch',
+ 'sm:bg-black/10 sm:hover:bg-black/20 rounded-full sm:w-56 justify-start',
+ settingsClasses.button,
+ classes.button
+ )}
+>
+ Search
+ K
+
+
+
+ {
+ onChange?.(detail);
+ open = false;
+ }}
+ classes={{
+ root: 'w-[420px] max-w-[95vw] py-1',
+ field: {
+ container: 'border-none hover:shadow-none group-focus-within:shadow-none',
+ },
+ options: 'overflow-auto max-h-[min(90dvh,380px)]',
+ group: 'capitalize',
+ }}
+ {@attach (node) => {
+ // Focus and select the search input as the dialog opens
+ const input = (node as HTMLElement).querySelector('input');
+ if (!input) return;
+ const cleanupFocus = autoFocus({ delay: 100 })(input);
+ const cleanupSelect = selectOnFocus()(input);
+ return () => {
+ cleanupFocus?.();
+ cleanupSelect?.();
+ };
+ }}
+ {...restProps}
+ />
+
diff --git a/packages/ui/src/lib/components/Radio.svelte b/packages/ui/src/lib/components/Radio.svelte
new file mode 100644
index 0000000..0740350
--- /dev/null
+++ b/packages/ui/src/lib/components/Radio.svelte
@@ -0,0 +1,137 @@
+
+
+
+
+
+
+
+
+ {#if children}
+
+ {@render children()}
+
+ {/if}
+
diff --git a/packages/ui/src/lib/components/RangeField.svelte b/packages/ui/src/lib/components/RangeField.svelte
new file mode 100644
index 0000000..67b1e1d
--- /dev/null
+++ b/packages/ui/src/lib/components/RangeField.svelte
@@ -0,0 +1,79 @@
+
+
+
+
+
+ {#snippet prepend()}
+ (value -= value > min ? step : 0)}
+ class="mr-2"
+ size="sm"
+ />
+ {/snippet}
+
+ {#snippet children({ id })}
+
+ {settings.format(min, format)}
+ {settings.format(value, format)}
+ {settings.format(max, format)}
+
+ {/snippet}
+
+ {#snippet append()}
+ (value += value < max ? step : 0)}
+ class="ml-2"
+ size="sm"
+ />
+ {/snippet}
+
diff --git a/packages/ui/src/lib/components/RangeSlider.svelte b/packages/ui/src/lib/components/RangeSlider.svelte
new file mode 100644
index 0000000..4a0c80f
--- /dev/null
+++ b/packages/ui/src/lib/components/RangeSlider.svelte
@@ -0,0 +1,284 @@
+
+
+
+
+
+
+ {
+ const target = e.target as HTMLDivElement;
+ // Focus for keyboard input
+ target.focus();
+
+ if (ignoreClickEvents) return;
+
+ let sliderRect: DOMRect;
+ if (target.classList.contains('RangeSlider')) {
+ sliderRect = target.getBoundingClientRect();
+ } else if (target.classList.contains('range')) {
+ sliderRect = target.parentElement!.getBoundingClientRect();
+ } else {
+ // Ignore clicks on thumbs and value bubbles
+ return;
+ }
+
+ const deltaPercent = (e.clientX - sliderRect.x) / sliderRect.width;
+ const newValue = min + (max - min) * deltaPercent;
+
+ // Move whichever end is closest to the clicked point
+ if (Math.abs(value[0] - newValue) < Math.abs(value[1] - newValue)) {
+ value = [round(newValue, stepDecimals), value[1]];
+ lastMoved = 'start';
+ } else {
+ value = [value[0], round(newValue, stepDecimals)];
+ lastMoved = 'end';
+ }
+ }}
+ onkeydown={(e) => {
+ if (e.key === 'ArrowLeft') {
+ applyMove(lastMoved, -step);
+ } else if (e.key === 'ArrowRight') {
+ applyMove(lastMoved, step);
+ }
+ }}
+>
+
+
onMouseEnter('range')}
+ onmouseleave={onMouseLeave}
+ style="
+ left: calc(var(--start) * 100%);
+ right: calc((1 - var(--end)) * 100%);
+ "
+ class="range absolute top-0 bottom-0 bg-primary"
+ >
+
+
+
onMouseEnter('range')}
+ onmouseleave={onMouseLeave}
+ ondblclick={() => (value = [min, max])}
+ style="left: calc((((var(--end) - var(--start)) / 2 ) + var(--start)) * 100%);"
+ class={cls(
+ 'range-thumb',
+ 'absolute top-1/2 w-8 h-4 -translate-x-1/2 -translate-y-1/2',
+ 'rounded-full',
+ 'flex items-center justify-center',
+ showStartValue || showEndValue ? 'opacity-100' : 'opacity-0',
+ 'transition-opacity'
+ )}
+ {@attach movable({ axis: 'x', stepPercent, ...moveHandlers('range') })}
+ >
+
+
+
+
onMouseEnter('start')}
+ onmouseleave={onMouseLeave}
+ ondblclick={() => (value = [min, value[1]])}
+ style="left: calc(var(--start) * 100%);"
+ class={cls(
+ 'thumb',
+ 'absolute top-1/2 w-4 h-4 -translate-x-1/2 -translate-y-1/2',
+ 'border bg-white rounded-full outline-4',
+ 'hover:outline hover:outline-primary/20',
+ (lastMoved === 'start' || lastMoved === 'range') &&
+ 'group-focus:outline group-focus:outline-primary/40'
+ )}
+ {@attach movable({ axis: 'x', stepPercent, ...moveHandlers('start') })}
+ >
+
+
+
onMouseEnter('end')}
+ onmouseleave={onMouseLeave}
+ ondblclick={() => (value = [value[0], max])}
+ style="left: calc(var(--end) * 100%);"
+ class={cls(
+ 'thumb',
+ 'absolute top-1/2 w-4 h-4 -translate-x-1/2 -translate-y-1/2',
+ 'border bg-white rounded-full outline-4',
+ 'outline-primary/20',
+ 'hover:outline hover:outline-primary/20',
+ (lastMoved === 'end' || lastMoved === 'range') &&
+ 'group-focus:outline group-focus:outline-primary/40'
+ )}
+ {@attach movable({ axis: 'x', stepPercent, ...moveHandlers('end') })}
+ >
+
+ {#if showStartValue && !disableTooltips}
+
+ {value[0]}
+
+ {/if}
+
+ {#if showEndValue && !disableTooltips}
+
+ {value[1]}
+
+ {/if}
+
onClose?.()}
+ {...menuProps}
+ class={cls('ResponsiveMenu', className, menuProps?.class)}
+ >
+ {@render children?.({ open })}
+
+{:else}
+
+{/if}
diff --git a/packages/ui/src/lib/components/ScrollContainer.svelte b/packages/ui/src/lib/components/ScrollContainer.svelte
new file mode 100644
index 0000000..a37df1a
--- /dev/null
+++ b/packages/ui/src/lib/components/ScrollContainer.svelte
@@ -0,0 +1,27 @@
+
+
+
+
+
+ {@render children?.({ scrollIntoView })}
+
diff --git a/packages/ui/src/lib/components/ScrollingValue.svelte b/packages/ui/src/lib/components/ScrollingValue.svelte
new file mode 100644
index 0000000..0798b01
--- /dev/null
+++ b/packages/ui/src/lib/components/ScrollingValue.svelte
@@ -0,0 +1,85 @@
+
+
+
+
+
+
+ {#if children}
+ {@render children({ value: nextDisplayValue })}
+ {:else}
+ {format(nextDisplayValue)}
+ {/if}
+
+
+ {#if children}
+ {@render children({ value: currentDisplayValue })}
+ {:else}
+ {format(currentDisplayValue)}
+ {/if}
+
+
+
+
+ {@render children?.()}
+
+
+
{
+ e.stopPropagation();
+ if (!(e.target instanceof HTMLElement) || !menuOptionsEl) return;
+
+ // Find the option wrapper the click landed in, falling back to the target itself.
+ // `.options > *` handles a snippet that renders nested markup.
+ const optionEl = e.target.closest('.options > *') ?? e.target;
+
+ // Index among the options, ignoring group headers
+ const optionIndex = [...menuOptionsEl.children]
+ .filter((el) => !el.classList.contains('group-header'))
+ .indexOf(optionEl);
+
+ if (optionIndex !== -1) {
+ selectIndex(optionIndex);
+ }
+ }}
+ onkeydown={onKeyDown}
+ onkeypress={onKeyPress}
+ >
+ {#each filteredOptions ?? [] as option, index (JSON.stringify(option))}
+ {@const previousOption = filteredOptions[index - 1]}
+ {#if option.group && option.group !== previousOption?.group}
+
+ {option.group}
+
+ {/if}
+
+ {#if optionSnippet}
+ {@render optionSnippet({ option, index, selected, value, highlightIndex })}
+ {:else}
+
&]:bg-surface-content/5',
+ isSameOption(selected, option) && (classes.selected || 'font-semibold'),
+ option.group ? 'px-4' : 'px-2',
+ settingsClasses.option,
+ classes.option
+ )}
+ scrollIntoView={{
+ condition: index === highlightIndex,
+ onlyIfNeeded: inlineOptions,
+ ...scrollIntoView,
+ }}
+ role="option"
+ aria-selected={isSameOption(selected, option) ? 'true' : 'false'}
+ disabled={option.disabled}
+ >
+ {option.label}
+
+ {/if}
+ {:else}
+ {#if emptySnippet}
+ {@render emptySnippet({ loading: loading ?? false })}
+ {:else}
+
+ {loading ? 'Loading...' : 'No options found'}
+
+ {/if}
+ {/each}
+
show()}
+ tabindex="-1"
+>
+
searchText, (next) => (searchText = String(next ?? ''))}
+ onChange={({ inputValue }) => {
+ searchText = String(inputValue ?? '');
+ onInputChange?.(searchText);
+ show();
+ }}
+ onfocus={() => show()}
+ onblur={onBlur}
+ onkeydown={onKeyDown}
+ onkeypress={onKeyPress}
+ classes={clsMerge(
+ {
+ root: 'h-full',
+ container: inlineOptions
+ ? 'border-none shadow-none hover:shadow-none group-focus-within:shadow-none'
+ : undefined,
+ },
+ normalizeClasses(settingsClasses.field),
+ normalizeClasses(fieldClasses)
+ )}
+ role="combobox"
+ aria-expanded={open ? 'true' : 'false'}
+ aria-autocomplete={!inlineOptions ? 'list' : undefined}
+ {@attach focusAttachment}
+ {...restProps}
+ >
+ {#snippet prepend()}
+
+ {
+ e.stopPropagation();
+ selectValue(previousValue());
+ }}
+ class="mr-2"
+ size="sm"
+ />
+ {/if}
+ {@render prependSnippet?.()}
+
+ {/snippet}
+
+ {#snippet append()}
+
+ {@render appendSnippet?.()}
+
+ {#if loading}
+
+
+ {:else if readonly}
+
+ {:else if value && clearable}
+ {
+ e.stopPropagation();
+ clear();
+ }}
+ />
+ {:else if resolvedToggleIcon}
+ {
+ e.stopPropagation();
+ open ? hide() : show();
+ }}
+ />
+ {/if}
+
+ {#if stepper}
+ {
+ e.stopPropagation();
+ selectValue(nextValue());
+ }}
+ class="mr-2"
+ size="sm"
+ />
+ {/if}
+
+ {/snippet}
+
+
+
+ {#if options?.length > 0 || loading !== true}
+ {#if inlineOptions}
+ {@render listOptions()}
+ {:else}
+
hide()}
+ {...menuProps}
+ >
+ {@render beforeOptions?.({ hide })}
+ {@render listOptions()}
+ {@render afterOptions?.({ hide })}
+ {@render actions?.({ hide })}
+
+ {/if}
+ {/if}
+
{
+ wrapperBox = wrapperEl?.getBoundingClientRect() ?? { left: 0, top: 0 };
+ mouse = { x: e.clientX, y: e.clientY };
+ }}
+ onscroll={() => {
+ wrapperBox = wrapperEl?.getBoundingClientRect() ?? { left: 0, top: 0 };
+ }}
+/>
+
+
+
+
+
+
+
+
+
+
+ {@render children?.()}
+
diff --git a/packages/ui/src/lib/components/SpringValue.svelte b/packages/ui/src/lib/components/SpringValue.svelte
new file mode 100644
index 0000000..da835b6
--- /dev/null
+++ b/packages/ui/src/lib/components/SpringValue.svelte
@@ -0,0 +1,39 @@
+
+
+
+
+{#if children}
+ {@render children({ value: displayValue })}
+{:else}
+ {settings.format(displayValue, format)}
+{/if}
diff --git a/packages/ui/src/lib/components/Stack.svelte b/packages/ui/src/lib/components/Stack.svelte
new file mode 100644
index 0000000..7ba9228
--- /dev/null
+++ b/packages/ui/src/lib/components/Stack.svelte
@@ -0,0 +1,44 @@
+
+
+
+
+{#if vertical}
+
+ {@render children?.()}
+
+{:else if horizontal}
+
+ {@render children?.()}
+
+{:else if stack}
+
+ {@render children?.()}
+
+{/if}
diff --git a/packages/ui/src/lib/components/Step.svelte b/packages/ui/src/lib/components/Step.svelte
new file mode 100644
index 0000000..40eebf8
--- /dev/null
+++ b/packages/ui/src/lib/components/Step.svelte
@@ -0,0 +1,103 @@
+
+
+
+
+
+
+
+
+ {@render children?.()}
+
+
+
+ {#if pointSnippet}
+ {@render pointSnippet()}
+ {:else if icon}
+
+
diff --git a/packages/ui/src/lib/components/Steps.svelte b/packages/ui/src/lib/components/Steps.svelte
new file mode 100644
index 0000000..f1b8cd4
--- /dev/null
+++ b/packages/ui/src/lib/components/Steps.svelte
@@ -0,0 +1,90 @@
+
+
+
+
+
+ {#if children}
+ {@render children({ data })}
+ {:else}
+ {#each data as item (item.label)}
+
+ {item.label}
+
+ {/each}
+ {/if}
+
diff --git a/packages/ui/src/lib/components/Switch.svelte b/packages/ui/src/lib/components/Switch.svelte
new file mode 100644
index 0000000..8cb92c6
--- /dev/null
+++ b/packages/ui/src/lib/components/Switch.svelte
@@ -0,0 +1,125 @@
+
+
+
+
+
+
{
+ checked = e.currentTarget.checked;
+ onchange?.(e);
+ }}
+ />
+
+
+
+ {@render children?.({ checked, value })}
+
+
+
+ {@render children?.()}
+
diff --git a/packages/ui/src/lib/components/Table.ssr.test.ts b/packages/ui/src/lib/components/Table.ssr.test.ts
new file mode 100644
index 0000000..0e6a460
--- /dev/null
+++ b/packages/ui/src/lib/components/Table.ssr.test.ts
@@ -0,0 +1,41 @@
+import { describe, expect, it } from 'vitest';
+import { render } from 'svelte/server';
+
+import Table from './Table.svelte';
+
+const columns = [
+ { name: 'name', header: 'Name' },
+ { name: 'value', header: 'Value' },
+];
+const data = [
+ { name: 'Alice', value: 1 },
+ { name: 'Bob', value: 2 },
+];
+
+describe('Table (SSR)', () => {
+ it('renders headers and rows', () => {
+ const { body } = render(Table, { props: { columns, data } });
+
+ expect(body).toContain('class="Table');
+ expect(body).toContain(' {
+ const { body } = render(Table, { props: { columns, data: null } });
+
+ expect(body).toContain(' {
+ const { body } = render(Table, {
+ props: { columns: [{ name: 'value', format: (v: number) => `#${v}` }], data },
+ });
+
+ expect(body).toContain('#1');
+ });
+});
diff --git a/packages/ui/src/lib/components/Table.svelte b/packages/ui/src/lib/components/Table.svelte
new file mode 100644
index 0000000..a2a34b0
--- /dev/null
+++ b/packages/ui/src/lib/components/Table.svelte
@@ -0,0 +1,188 @@
+
+
+
+
+
+
+
+ {#if headersSnippet}
+ {@render headersSnippet({ headers, getCellHeader: getCellHeaderUtil })}
+ {:else}
+
+ {#each headers ?? [] as headerRow, rowIndex (rowIndex)}
+
+ {#each headerRow ?? [] as column (column.name)}
+
+ onHeaderClick?.({ column })}
+ {@attach fromAction(tableCell, () => ({ column, order }))}
+ >
+ {getCellHeaderUtil(column)}
+ {#if order}
+
+ {/each}
+
+ {/each}
+
+ {/if}
+
+ {@render children?.()}
+
+ {#if body}
+ {@render body({
+ data,
+ columns: rowColumns,
+ getCellValue: getCellValueUtil,
+ getCellContent,
+ })}
+ {:else}
+
+ {#each data ?? [] as rowData, rowIndex (rowIndex)}
+
+ {#each rowColumns ?? [] as column (column.name)}
+
+ onCellClick?.({ column, rowData, rowIndex })}
+ {@attach fromAction(tableCell, () => ({
+ column,
+ rowData,
+ rowIndex,
+ tableData: data,
+ }))}
+ >
+ {#if column.html}
+
+ {@html getCellContent(column, rowData, rowIndex)}
+ {:else}
+ {getCellContent(column, rowData, rowIndex)}
+ {/if}
+
+ {/each}
+
+ {/each}
+
+ {/if}
+
+
+
${v} ` }],
+ data: [data[0]],
+ });
+
+ expect(container.querySelector('tbody td em')).not.toBeNull();
+ });
+ });
+
+ describe('callbacks', () => {
+ it('calls `onHeaderClick` with the column', async () => {
+ const onHeaderClick = vi.fn();
+ const { container } = render(Table, { columns, data, onHeaderClick });
+
+ (container.querySelectorAll('thead th')[1] as HTMLElement).click();
+
+ expect(onHeaderClick).toHaveBeenCalledWith(
+ expect.objectContaining({ column: expect.objectContaining({ name: 'value' }) })
+ );
+ });
+
+ it('calls `onCellClick` with the column, row, and index', async () => {
+ const onCellClick = vi.fn();
+ const { container } = render(Table, { columns, data, onCellClick });
+
+ (container.querySelectorAll('tbody tr')[1].querySelector('td') as HTMLElement).click();
+
+ expect(onCellClick).toHaveBeenCalledWith(
+ expect.objectContaining({
+ column: expect.objectContaining({ name: 'name' }),
+ rowData: data[1],
+ rowIndex: 1,
+ })
+ );
+ });
+ });
+
+ describe('ordering', () => {
+ it('sorts when a header is clicked and shows the indicator', async () => {
+ const { container } = render(TableOrderHarness, { columns, data });
+
+ expect(container.querySelector('.TableOrderIcon')).toBeNull();
+
+ (container.querySelector('thead th') as HTMLElement).click();
+
+ await vi.waitFor(() => {
+ expect(cellText(container, 'tbody tr td:first-child')).toEqual(['Alice', 'Bob', 'Charlie']);
+ });
+ expect(container.querySelector('.TableOrderIcon')).not.toBeNull();
+ expect(container.querySelector('[data-testid="order-state"]')!.textContent).toBe('name:asc');
+ });
+
+ it('reverses direction on a second click', async () => {
+ const { container } = render(TableOrderHarness, { columns, data });
+
+ const header = container.querySelector('thead th') as HTMLElement;
+ header.click();
+ await vi.waitFor(() =>
+ expect(container.querySelector('[data-testid="order-state"]')!.textContent).toBe('name:asc')
+ );
+
+ header.click();
+ await vi.waitFor(() => {
+ expect(container.querySelector('[data-testid="order-state"]')!.textContent).toBe(
+ 'name:desc'
+ );
+ expect(cellText(container, 'tbody tr td:first-child')).toEqual(['Charlie', 'Bob', 'Alice']);
+ });
+ });
+ });
+
+ describe('classes and styles', () => {
+ it('applies `classes` per part', async () => {
+ const { container } = render(Table, {
+ columns,
+ data,
+ classes: {
+ container: 'container-c',
+ wrapper: 'wrapper-c',
+ table: 'table-c',
+ thead: 'thead-c',
+ tbody: 'tbody-c',
+ tr: 'tr-c',
+ th: 'th-c',
+ td: 'td-c',
+ },
+ });
+
+ expect(container.querySelector('.Table')!.classList.contains('container-c')).toBe(true);
+ expect(container.querySelector('.table-wrapper')!.classList.contains('wrapper-c')).toBe(true);
+ expect(container.querySelector('table')!.classList.contains('table-c')).toBe(true);
+ expect(container.querySelector('thead')!.classList.contains('thead-c')).toBe(true);
+ expect(container.querySelector('tbody')!.classList.contains('tbody-c')).toBe(true);
+ expect(container.querySelector('thead tr')!.classList.contains('tr-c')).toBe(true);
+ // `th`/`td` classes are applied by the `tableCell` attachment
+ expect(container.querySelector('thead th')!.classList.contains('th-c')).toBe(true);
+ expect(container.querySelector('tbody td')!.classList.contains('td-c')).toBe(true);
+ });
+
+ it('applies `styles` per part', async () => {
+ const { container } = render(Table, {
+ columns,
+ data,
+ styles: { container: 'color: red;', table: 'color: blue;' },
+ });
+
+ expect((container.querySelector('.Table') as HTMLElement).style.color).toBe('red');
+ expect((container.querySelector('table') as HTMLElement).style.color).toBe('blue');
+ });
+ });
+});
diff --git a/packages/ui/src/lib/components/TableOfContents.svelte b/packages/ui/src/lib/components/TableOfContents.svelte
new file mode 100644
index 0000000..6f8d82b
--- /dev/null
+++ b/packages/ui/src/lib/components/TableOfContents.svelte
@@ -0,0 +1,145 @@
+
+
+
+
+
+ {#snippet children({ node })}
+ {@const resolvedProps = typeof props.a === 'function' ? props.a(node) : props.a}
+ {@const resolvedClass = typeof classes.a === 'function' ? classes.a(node) : classes.a}
+
+ {#if itemSnippet}
+ {@render itemSnippet({ node, activeHeadingId })}
+ {:else}
+ onNodeClick?.(node)}
+ >
+ {#if link}
+ {@render link({ node, activeHeadingId })}
+ {:else}
+
+ {@html node.name}
+ {/if}
+
+ {/if}
+ {/snippet}
+
diff --git a/packages/ui/src/lib/components/TableOrderIcon.svelte b/packages/ui/src/lib/components/TableOrderIcon.svelte
new file mode 100644
index 0000000..6fe500b
--- /dev/null
+++ b/packages/ui/src/lib/components/TableOrderIcon.svelte
@@ -0,0 +1,32 @@
+
+
+
+
+{#if $order.by && ($order.by === column.value || $order.by === column.name || $order.by === column.orderBy)}
+
+
+{/if}
diff --git a/packages/ui/src/lib/components/Tabs.svelte b/packages/ui/src/lib/components/Tabs.svelte
new file mode 100644
index 0000000..fc4322e
--- /dev/null
+++ b/packages/ui/src/lib/components/Tabs.svelte
@@ -0,0 +1,113 @@
+
+
+
+
+
+
+ {#if children}
+ {@render children()}
+ {:else}
+ {#each options as tab (tab.value)}
+ (value = tab.value)}
+ classes={{ ...settingsClasses.tab, ...classes.tab }}
+ >
+ {tab.label}
+
+ {/each}
+ {/if}
+
+
+
+ {@render content?.({ value })}
+
+
{
+ const { body } = render(TextField, { props: { multiline: true } });
+
+ expect(body).toContain(' {
+ const { body } = render(TextField, { props: { value: 'hello' } });
+
+ expect(body).toContain('hello');
+ });
+
+ it('renders the operator select', () => {
+ const { body } = render(TextField, {
+ props: { operators: [{ label: '>', value: 'gt' }] },
+ });
+
+ expect(body).toContain(' {
+ const { body } = render(TextField, { props: { error: 'Required' } });
+
+ expect(body).toContain('Required');
+ expect(body).toContain('--color-danger');
+ });
+
+ it('renders a number input for numeric types', () => {
+ const { body } = render(TextField, { props: { type: 'integer' } });
+
+ expect(body).toContain('type="number"');
+ expect(body).toContain('inputmode="numeric"');
+ });
+});
+
+describe('Field (SSR)', () => {
+ it('renders a labelled group', () => {
+ const { body } = render(Field, { props: { label: 'Name', labelPlacement: 'top' } });
+
+ expect(body).toContain('class="Field');
+ expect(body).toContain('role="group"');
+ expect(body).toContain('placement-top');
+ });
+
+ it('renders the value fallback without children', () => {
+ const { body } = render(Field, { props: { value: 'fallback' } });
+
+ expect(body).toContain('fallback');
+ });
+
+ it('renders a hint', () => {
+ const { body } = render(Field, { props: { hint: 'Helpful' } });
+
+ expect(body).toContain('Helpful');
+ });
+});
+
+describe('Input (SSR)', () => {
+ it('renders an input with the given value', () => {
+ const { body } = render(Input, { props: { value: 'abc', name: 'field' } });
+
+ expect(body).toContain(' {
+ const { body } = render(Input, { props: { mask: '___-___' } });
+
+ expect(body).toContain('placeholder="___-___"');
+ });
+});
diff --git a/packages/ui/src/lib/components/TextField.svelte b/packages/ui/src/lib/components/TextField.svelte
new file mode 100644
index 0000000..b1fcdb2
--- /dev/null
+++ b/packages/ui/src/lib/components/TextField.svelte
@@ -0,0 +1,587 @@
+
+
+
+
+
+ {#if label && ['top', 'left'].includes(labelPlacement)}
+
+ {label}
+
+ {/if}
+
+
+
+
+ {#if hasPrepend}
+
+ {@render prepend?.()}
+ {#if icon}
+
+
+ {/if}
+
+ {/if}
+
+
+
+
+ {#if label && ['inset', 'float'].includes(labelPlacement)}
+
+ {label}
+
+ {/if}
+
+
+ {@render prefix?.()}
+
+ {#if type === 'currency'}
+
+
+
+ {#if hasAppend}
+
+ {#if clearable && hasInputValue}
+ {
+ inputValue = '';
+ operatorOverride = operators?.[0]?.value;
+ updateValue();
+ onClear?.();
+ labelEl?.focus();
+ }}
+ />
+ {/if}
+
+ {#if operators}
+ {
+ operatorOverride = e.currentTarget.value;
+ updateValue();
+ }}
+ class="appearance-none bg-surface-content/5 border rounded-full mr-2 px-2 text-sm outline-hidden focus:border-opacity-50 focus:shadow-md"
+ style="text-align-last: center;"
+ >
+ {#each operators as { label: operatorLabel, value: operatorValue } (operatorValue)}
+ {operatorLabel}
+ {/each}
+
+ {/if}
+
+ {#if type === 'password'}
+ (passwordRevealed = !passwordRevealed)}
+ />
+ {/if}
+
+ {@render append?.()}
+
+ {#if error}
+
+ {/if}
+
+
+
+
+ {error && error != true ? error : hint}
+
+
+
+
diff --git a/packages/ui/src/lib/components/TextField.svelte.test.ts b/packages/ui/src/lib/components/TextField.svelte.test.ts
new file mode 100644
index 0000000..16f5644
--- /dev/null
+++ b/packages/ui/src/lib/components/TextField.svelte.test.ts
@@ -0,0 +1,266 @@
+import { describe, expect, it, vi } from 'vitest';
+import { render } from 'vitest-browser-svelte';
+
+import TextField from './TextField.svelte';
+import TextFieldHarness from './tests/TextFieldHarness.svelte';
+
+function inputOf(container: HTMLElement) {
+ return container.querySelector('input, textarea') as HTMLInputElement | HTMLTextAreaElement;
+}
+
+function type(el: HTMLInputElement | HTMLTextAreaElement, value: string) {
+ el.value = value;
+ el.dispatchEvent(new Event('input', { bubbles: true }));
+}
+
+describe('TextField', () => {
+ it('renders an input associated with its label', async () => {
+ const { container } = render(TextField, { label: 'Name' });
+
+ const root = container.querySelector('.TextField') as HTMLLabelElement;
+ expect(root.getAttribute('for')).toBe(inputOf(container).id);
+ expect(inputOf(container).id).toMatch(/^textfield-/);
+ });
+
+ it('renders a textarea when `multiline`', async () => {
+ const { container } = render(TextField, { multiline: true });
+
+ expect(container.querySelector('textarea')).not.toBeNull();
+ expect(container.querySelector('input')).toBeNull();
+ });
+
+ describe('value', () => {
+ it('binds the value', async () => {
+ const { container } = render(TextFieldHarness, { value: 'hello' });
+
+ expect(inputOf(container).value).toBe('hello');
+ });
+
+ it('calls `onChange` with the detail', async () => {
+ const onChange = vi.fn();
+ const { container } = render(TextField, { onChange });
+
+ type(inputOf(container), 'abc');
+
+ expect(onChange).toHaveBeenCalledWith(
+ expect.objectContaining({ value: 'abc', inputValue: 'abc' })
+ );
+ });
+
+ it('reports an empty value as null', async () => {
+ const onChange = vi.fn();
+ const { container } = render(TextField, { value: 'abc', onChange });
+
+ type(inputOf(container), '');
+
+ expect(onChange).toHaveBeenCalledWith(expect.objectContaining({ value: null }));
+ });
+
+ it('coerces numeric types', async () => {
+ const onChange = vi.fn();
+ const { container } = render(TextField, { type: 'integer', onChange });
+
+ type(inputOf(container), '42');
+
+ expect(onChange).toHaveBeenCalledWith(expect.objectContaining({ value: 42 }));
+ });
+
+ it('debounces when `debounceChange` is set', async () => {
+ const onChange = vi.fn();
+ const { container } = render(TextField, { onChange, debounceChange: 50 });
+
+ type(inputOf(container), 'a');
+ type(inputOf(container), 'ab');
+ expect(onChange).not.toHaveBeenCalled();
+
+ await vi.waitFor(() => expect(onChange).toHaveBeenCalledTimes(1));
+ expect(onChange).toHaveBeenCalledWith(expect.objectContaining({ inputValue: 'ab' }));
+ });
+ });
+
+ describe('type', () => {
+ const typeCases = [
+ ['text', 'text', 'text'],
+ ['password', 'password', 'text'],
+ ['email', 'email', 'email'],
+ ['search', 'search', 'search'],
+ ['integer', 'number', 'numeric'],
+ ['decimal', 'number', 'decimal'],
+ ['currency', 'number', 'decimal'],
+ ['percent', 'number', 'decimal'],
+ ] as const;
+
+ it.each(typeCases)(
+ 'maps %s to input type %s and inputmode %s',
+ async (type, inputType, inputMode) => {
+ const { container } = render(TextField, { type });
+
+ const el = inputOf(container) as HTMLInputElement;
+ expect(el.type).toBe(inputType);
+ expect(el.inputMode).toBe(inputMode);
+ }
+ );
+
+ it('defaults `step` to 0.1 for decimals', async () => {
+ const decimal = render(TextField, { type: 'decimal' });
+ const integer = render(TextField, { type: 'integer' });
+
+ expect((inputOf(decimal.container) as HTMLInputElement).step).toBe('0.1');
+ expect((inputOf(integer.container) as HTMLInputElement).step).toBe('1');
+ });
+
+ it('renders a currency icon as a prefix', async () => {
+ const { container } = render(TextField, { type: 'currency' });
+
+ expect(container.querySelector('.input .Icon')).not.toBeNull();
+ });
+
+ it('toggles password visibility', async () => {
+ const { container } = render(TextField, { type: 'password' });
+
+ const el = inputOf(container) as HTMLInputElement;
+ expect(el.type).toBe('password');
+
+ (container.querySelector('.append .Button') as HTMLButtonElement).click();
+ await vi.waitFor(() => {
+ expect((inputOf(container) as HTMLInputElement).type).toBe('text');
+ });
+ });
+ });
+
+ describe('operators', () => {
+ const operators = [
+ { label: '>', value: 'gt' },
+ { label: '<', value: 'lt' },
+ ];
+
+ it('renders a select of operators', async () => {
+ const { container } = render(TextField, { operators });
+
+ const select = container.querySelector('.append select') as HTMLSelectElement;
+ expect(select).not.toBeNull();
+ expect([...select.options].map((o) => o.value)).toEqual(['gt', 'lt']);
+ expect(select.value).toBe('gt');
+ });
+
+ it('wraps the value with the selected operator', async () => {
+ const onChange = vi.fn();
+ const { container } = render(TextField, { operators, onChange });
+
+ type(inputOf(container), '5');
+
+ expect(onChange).toHaveBeenCalledWith(
+ expect.objectContaining({ value: { gt: '5' }, operator: 'gt' })
+ );
+ });
+
+ it('updates the value when the operator changes', async () => {
+ const onChange = vi.fn();
+ const { container } = render(TextField, { operators, onChange });
+
+ type(inputOf(container), '5');
+ onChange.mockClear();
+
+ const select = container.querySelector('.append select') as HTMLSelectElement;
+ select.value = 'lt';
+ select.dispatchEvent(new Event('change', { bubbles: true }));
+
+ expect(onChange).toHaveBeenCalledWith(
+ expect.objectContaining({ value: { lt: '5' }, operator: 'lt' })
+ );
+ });
+
+ it('reads the initial operator from an object value', async () => {
+ const { container } = render(TextField, { operators, value: { lt: 7 } });
+
+ expect((container.querySelector('.append select') as HTMLSelectElement).value).toBe('lt');
+ expect(inputOf(container).value).toBe('7');
+ });
+ });
+
+ describe('clearable', () => {
+ it('clears the value and calls `onClear`', async () => {
+ const onClear = vi.fn();
+ const onChange = vi.fn();
+ const { container } = render(TextField, {
+ clearable: true,
+ value: 'abc',
+ onClear,
+ onChange,
+ });
+
+ const button = container.querySelector('.append .Button') as HTMLButtonElement;
+ button.click();
+
+ await vi.waitFor(() => {
+ expect(onClear).toHaveBeenCalledTimes(1);
+ });
+ expect(onChange).toHaveBeenCalledWith(expect.objectContaining({ value: null }));
+ });
+
+ it('is hidden without a value', async () => {
+ const { container } = render(TextField, { clearable: true, value: '' });
+
+ expect(container.querySelector('.append .Button')).toBeNull();
+ });
+ });
+
+ describe('accept', () => {
+ it('filters input to the accepted pattern', async () => {
+ const onChange = vi.fn();
+ const { container } = render(TextField, { accept: '[0-9]+', onChange });
+
+ type(inputOf(container), 'abc123def');
+
+ expect(onChange).toHaveBeenCalledWith(expect.objectContaining({ inputValue: '123' }));
+ });
+ });
+
+ it('applies the `autoFocus` attachment when `autofocus` is set', async () => {
+ const { container } = render(TextField, { autofocus: true });
+
+ await vi.waitFor(() => {
+ expect(document.activeElement).toBe(inputOf(container));
+ });
+ });
+
+ it('does not focus by default', async () => {
+ const { container } = render(TextField, {});
+
+ expect(document.activeElement).not.toBe(inputOf(container));
+ });
+
+ it('forwards focus and keyboard handlers to the input', async () => {
+ const onfocus = vi.fn();
+ const onkeydown = vi.fn();
+ const { container } = render(TextField, { onfocus, onkeydown });
+
+ const el = inputOf(container);
+ el.dispatchEvent(new FocusEvent('focus'));
+ // `keydown` is a delegated event in Svelte 5 — the listener lives on the root, so a
+ // non-bubbling synthetic event would never reach it
+ el.dispatchEvent(new KeyboardEvent('keydown', { key: 'a', bubbles: true }));
+
+ expect(onfocus).toHaveBeenCalledTimes(1);
+ expect(onkeydown).toHaveBeenCalledTimes(1);
+ });
+
+ it('shows an error message and accent', async () => {
+ const { container } = render(TextField, { error: 'Required' });
+
+ expect(container.querySelector('.error')!.textContent?.trim()).toBe('Required');
+ expect(container.querySelector('.TextField')!.className).toContain('--color-danger');
+ });
+
+ it('aligns text', async () => {
+ const { container } = render(TextField, { align: 'right' });
+
+ expect(inputOf(container).className).toContain('text-right');
+ });
+
+ it('applies a mask through to the input', async () => {
+ const { container } = render(TextField, { mask: '___-___' });
+
+ expect((inputOf(container) as HTMLInputElement).placeholder).toBe('___-___');
+ });
+});
diff --git a/packages/ui/src/lib/components/ThemeInit.svelte b/packages/ui/src/lib/components/ThemeInit.svelte
new file mode 100644
index 0000000..5c68994
--- /dev/null
+++ b/packages/ui/src/lib/components/ThemeInit.svelte
@@ -0,0 +1,28 @@
+
+
+
+
+
+
+ {@html headSnippet}
+
diff --git a/packages/ui/src/lib/components/ThemeSelect.svelte b/packages/ui/src/lib/components/ThemeSelect.svelte
new file mode 100644
index 0000000..c2d36fb
--- /dev/null
+++ b/packages/ui/src/lib/components/ThemeSelect.svelte
@@ -0,0 +1,198 @@
+
+
+
+
+ {
+ if (!keyboardShortcuts) return;
+ if (!(e.ctrlKey && e.code === 'KeyT')) return;
+
+ if (e.shiftKey) {
+ // Cycle to the next theme within the current scheme
+ const currentIndex = themes.indexOf(currentTheme.resolvedTheme);
+ setTheme(themes[(currentIndex + 1) % themes.length]);
+ } else {
+ setTheme(currentTheme.dark ? 'light' : 'dark');
+ }
+ }}
+/>
+
+ (open = !open)}
+>
+
+
+
+ {#if hasThemeChoice}
+
+
+ Mode
+ {#if currentTheme.theme}
+
+
+ setTheme('system')}
+ />
+
+
+ {/if}
+
+ setTheme(e.currentTarget.checked ? 'dark' : 'light')}
+ class="my-1"
+ >
+ {#snippet children({ checked })}
+ {#if checked}
+
+
+
+
+ {#each themes as themeName (themeName)}
+
setTheme(themeName)}
+ data-theme={themeName}
+ class={cls(
+ 'bg-surface-100 text-surface-content font-semibold border shadow-sm',
+ currentTheme.resolvedTheme === themeName && 'ring-2 ring-surface-content'
+ )}
+ >
+
+ {themeName}
+
+ {/each}
+
+ Toggle scheme:
+ T Next theme:
+ T
+ {/if}
+
+ {:else}
+
+ setTheme('light')}
+ >
+ Light
+
+
+ setTheme('dark')}
+ >
+ Dark
+
+
+ setTheme('system')}
+ >
+ System
+
+
+ {/if}
+
diff --git a/packages/ui/src/lib/components/ThemeSwitch.svelte b/packages/ui/src/lib/components/ThemeSwitch.svelte
new file mode 100644
index 0000000..b14c327
--- /dev/null
+++ b/packages/ui/src/lib/components/ThemeSwitch.svelte
@@ -0,0 +1,56 @@
+
+
+
+
+ {
+ const newTheme = e.currentTarget.checked ? 'dark' : 'light';
+ onThemeSet?.({ theme: newTheme });
+ settings.currentTheme.setTheme(newTheme);
+ }}
+ classes={clsMerge(
+ {
+ switch: 'dark:bg-primary dark:border-primary',
+ toggle: 'translate-x-0 dark:translate-x-full',
+ },
+ otherClasses,
+ classes
+ )}
+ {...restProps}
+>
+
+
+
diff --git a/packages/ui/src/lib/components/Tilt.svelte b/packages/ui/src/lib/components/Tilt.svelte
new file mode 100644
index 0000000..28f7c77
--- /dev/null
+++ b/packages/ui/src/lib/components/Tilt.svelte
@@ -0,0 +1,74 @@
+
+
+
+
+
+ {
+ rotateY = scaleY(e.offsetX);
+ rotateX = scaleX(e.offsetY);
+ if (setBrightness) {
+ brightness = scaleBrightness(e.offsetY);
+ }
+ }}
+ onmouseleave={() => {
+ rotateX = 0;
+ rotateY = 0;
+ brightness = 1;
+ }}
+>
+ {@render children?.()}
+
diff --git a/packages/ui/src/lib/components/Timeline.svelte b/packages/ui/src/lib/components/Timeline.svelte
new file mode 100644
index 0000000..3317158
--- /dev/null
+++ b/packages/ui/src/lib/components/Timeline.svelte
@@ -0,0 +1,115 @@
+
+
+
+
+
+ {#if children}
+ {@render children({ data })}
+ {:else}
+ {#each data as item, i (i)}
+
diff --git a/packages/ui/src/lib/components/TimelineEvent.svelte b/packages/ui/src/lib/components/TimelineEvent.svelte
new file mode 100644
index 0000000..9b618f2
--- /dev/null
+++ b/packages/ui/src/lib/components/TimelineEvent.svelte
@@ -0,0 +1,175 @@
+
+
+
+
+
+
+ {#if startSnippet}
+ {@render startSnippet()}
+ {:else}
+ {start}
+ {/if}
+
+ {/if}
+
+
+ {#if pointSnippet}
+ {@render pointSnippet()}
+ {:else}
+
+
+ {#if hasEnd}
+
+ {#if endSnippet}
+ {@render endSnippet()}
+ {:else}
+ {end}
+ {/if}
+
+ {/if}
+
+
diff --git a/packages/ui/src/lib/components/Toggle.svelte b/packages/ui/src/lib/components/Toggle.svelte
new file mode 100644
index 0000000..d1500fa
--- /dev/null
+++ b/packages/ui/src/lib/components/Toggle.svelte
@@ -0,0 +1,49 @@
+
+
+
+
+{@render children?.({
+ get on() {
+ return on;
+ },
+ toggle: () => set(!on),
+ toggleOn: () => set(true),
+ toggleOff: () => set(false),
+})}
diff --git a/packages/ui/src/lib/components/ToggleButton.svelte b/packages/ui/src/lib/components/ToggleButton.svelte
new file mode 100644
index 0000000..c0f2c8a
--- /dev/null
+++ b/packages/ui/src/lib/components/ToggleButton.svelte
@@ -0,0 +1,71 @@
+
+
+
+
+
+ {#snippet children(ctx)}
+ {#if buttonPlacement === 'before'}
+
+ {@render children?.(ctx)}
+
+ {/if}
+
+ {#if ctx.on}
+ {#if transition}
+
+
+ {@render toggleSnippet?.(ctx)}
+
+ {:else}
+ {@render toggleSnippet?.(ctx)}
+ {/if}
+ {/if}
+
+ {#if buttonPlacement === 'after'}
+
+ {@render children?.(ctx)}
+
+ {/if}
+ {/snippet}
+
diff --git a/packages/ui/src/lib/components/ToggleGroup.svelte b/packages/ui/src/lib/components/ToggleGroup.svelte
new file mode 100644
index 0000000..0c055c0
--- /dev/null
+++ b/packages/ui/src/lib/components/ToggleGroup.svelte
@@ -0,0 +1,318 @@
+
+
+
+
+
+
+ {@render children?.()}
+
+ {@render panes?.()}
+
+
+ {#if selected}
+
+ {/if}
+
+
+ {@render children?.({ selected })}
+
+
+
+
+
diff --git a/packages/ui/src/lib/components/TogglePanel.svelte b/packages/ui/src/lib/components/TogglePanel.svelte
new file mode 100644
index 0000000..3afe35e
--- /dev/null
+++ b/packages/ui/src/lib/components/TogglePanel.svelte
@@ -0,0 +1,36 @@
+
+
+
+
+
+
+ {#if selected}
+ {@render children?.()}
+ {/if}
+
diff --git a/packages/ui/src/lib/components/Tooltip.svelte b/packages/ui/src/lib/components/Tooltip.svelte
new file mode 100644
index 0000000..1f6edbe
--- /dev/null
+++ b/packages/ui/src/lib/components/Tooltip.svelte
@@ -0,0 +1,166 @@
+
+
+
+
+{#if enabled && hasTitle}
+
+ {#if titleSnippet}
+ {@render titleSnippet()}
+ {:else}
+
+ {title}
+
+ {/if}
+
+{/if}
+
+
+
+ {
+ // TODO: Is there a better way to tell focus-from-click apart from focus-from-tab?
+ if ((e.target as Element)?.parentElement?.querySelector(':focus-visible')) {
+ showTooltip(e);
+ } else {
+ hideTooltip();
+ lastShown = null;
+ }
+ }}
+ onfocusout={hideTooltip}
+ onclick={hideTooltip}
+>
+ {#if className || underline || cursor}
+
+ {@render children?.()}
+
+ {:else}
+ {@render children?.()}
+ {/if}
+
diff --git a/packages/ui/src/lib/components/TreeList.svelte b/packages/ui/src/lib/components/TreeList.svelte
new file mode 100644
index 0000000..eed8a06
--- /dev/null
+++ b/packages/ui/src/lib/components/TreeList.svelte
@@ -0,0 +1,60 @@
+
+
+
+
+
+ {#each nodes ?? [] as node (node)}
+
+ {@render children?.({ node })}
+ {#if node.children}
+
+ {/each}
+
diff --git a/packages/ui/src/lib/components/TweenedValue.svelte b/packages/ui/src/lib/components/TweenedValue.svelte
new file mode 100644
index 0000000..c2ac169
--- /dev/null
+++ b/packages/ui/src/lib/components/TweenedValue.svelte
@@ -0,0 +1,44 @@
+
+
+
+
+{#if children}
+ {@render children({ value: displayValue })}
+{:else}
+ {settings.format(displayValue, format)}
+{/if}
diff --git a/packages/ui/src/lib/components/ViewportCenter.svelte b/packages/ui/src/lib/components/ViewportCenter.svelte
new file mode 100644
index 0000000..da25440
--- /dev/null
+++ b/packages/ui/src/lib/components/ViewportCenter.svelte
@@ -0,0 +1,23 @@
+
+
+
+
+
+ {@render children?.()}
+
diff --git a/packages/ui/src/lib/components/YearList.svelte b/packages/ui/src/lib/components/YearList.svelte
new file mode 100644
index 0000000..60b47fe
--- /dev/null
+++ b/packages/ui/src/lib/components/YearList.svelte
@@ -0,0 +1,107 @@
+
+
+
+
+
+
(minYear = resolvedMinYear - 1)} class="border-b">More
+
+
+ {#each yearDates as year (year.valueOf())}
+
+
+
(maxYear = resolvedMaxYear + 1)} class="border-t">More
+
= {
+ alert: LucideCircleAlert,
+ arrowUp: LucideArrowUp,
+ arrowDown: LucideArrowDown,
+ arrowLeft: LucideArrowLeft,
+ arrowRight: LucideArrowRight,
+ calendar: LucideCalendar,
+ check: LucideCheck,
+ chevronLeft: LucideChevronLeft,
+ chevronRight: LucideChevronRight,
+ chevronDown: LucideChevronDown,
+ chevronFirst: LucideChevronFirst,
+ chevronLast: LucideChevronLast,
+ close: LucideX,
+ cut: LucideScissors,
+ code: LucideCode,
+ codeBraces: LucideBraces,
+ copy: LucideCopy,
+ currency: LucideDollarSign,
+ edit: LucidePencil,
+ ellipsis: LucideEllipsis,
+ ellipsisVertical: LucideEllipsisVertical,
+ gripHorizontal: LucideGripHorizontal,
+ home: LucideHouse,
+ info: LucideInfo,
+ menu: LucideMenu,
+ minus: LucideMinus,
+ paste: LucideClipboardPaste,
+ percent: LucidePercent,
+ plus: LucidePlus,
+ refresh: LucideRefreshCw,
+ reveal: LucideEye,
+ search: LucideSearch,
+ trash: LucideTrash2,
+ undo: LucideUndo2,
+
+ lightMode: LucideSun,
+ darkMode: LucideMoon,
+ monitor: LucideMonitor,
+};
+
+export interface DefaultProps {
+ labelPlacement: LabelPlacement;
+}
+
+export type SettingsOptions = {
+ /** Force a specific locale setting. */
+ forceLocale?: string;
+ /** Use this locale in case we don't have locale info for the user's current locale as returned
+ * from Intl. Defaults to `en` if not specified. */
+ fallbackLocale?: string;
+ /** Format information for additional locales that are not built-in. */
+ localeFormats?: Record;
+
+ /** Component settings including default props and classes */
+ components?: ComponentSettings;
+
+ /** A list of the available themes */
+ themes?: {
+ light?: string[];
+ dark?: string[];
+ };
+
+ /** An existing theme, when calling `settings()` again from inside a component */
+ currentTheme?: ThemeState;
+
+ icons?: typeof DEFAULT_ICONS;
+};
+
+/**
+ * Application-wide settings — locale/formatting, theme, icons, and per-component defaults.
+ *
+ * Replaces the store-based `Settings` object from Svelte UX: `locale`, `localeSettings`, `format`,
+ * `currentTheme`, and `showDrawer` are reactive properties rather than stores, so read them
+ * directly (`settings.format.number(...)`) instead of subscribing (`$format.number(...)`).
+ */
+export class SettingsState {
+ #fallbackLocale: string | undefined;
+ #locale = $state(null);
+ #localeSettings: () => LocaleSettings;
+ #format: () => FormatFunctions;
+
+ /** Component settings including default props and classes */
+ components: ComponentSettings;
+ /** A list of the available themes */
+ themes: { light: string[]; dark: string[] };
+ /** The currently selected theme */
+ currentTheme: ThemeState;
+ icons: typeof DEFAULT_ICONS;
+
+ /** Whether the app drawer is open. Defaults to open on `md` and wider viewports */
+ showDrawer = $state(BROWSER ? window.innerWidth >= breakpoints.md : true);
+
+ componentSettingsCache: Partial>> =
+ {};
+
+ constructor(options: SettingsOptions = {}) {
+ const allLocales = getAllKnownLocales(options.localeFormats);
+ this.#fallbackLocale = options.fallbackLocale;
+ this.#locale = options.forceLocale ?? null;
+
+ // Derived here rather than as class fields so they can read `allLocales` — class field
+ // initializers run before the constructor body, which TypeScript (correctly) rejects.
+ const localeSettings = $derived(
+ allLocales[this.locale] ?? { ...allLocales.en, locale: this.locale }
+ );
+ const format = $derived(buildFormatters(localeSettings));
+ this.#localeSettings = () => localeSettings;
+ this.#format = () => format;
+
+ this.components = options.components ?? {};
+
+ const light = options.themes ? (options.themes.light ?? []) : ['light'];
+ const dark = options.themes ? (options.themes.dark ?? []) : ['dark'];
+ this.themes = { light, dark };
+
+ // `settings()` is sometimes called again from inside a component — reuse the existing theme
+ // rather than creating (and re-applying) a second one
+ this.currentTheme = options.currentTheme ?? new ThemeState({ light, dark });
+
+ this.icons = options.icons ?? DEFAULT_ICONS;
+ }
+
+ /** The currently selected locale */
+ get locale(): string {
+ return this.#locale ?? this.#fallbackLocale ?? 'en';
+ }
+
+ /** Select a locale, or `null` to fall back to `fallbackLocale` */
+ setLocale(value: string | null) {
+ this.#locale = value;
+ }
+
+ /** The settings for the currently selected locale */
+ get localeSettings(): LocaleSettings {
+ return this.#localeSettings();
+ }
+
+ /** Formatting functions and information for the currently selected locale */
+ get format(): FormatFunctions {
+ return this.#format();
+ }
+}
+
+const settingsKey = Symbol();
+const componentsKey = Symbol();
+
+/**
+ * Override the component settings (default props and classes) for a subtree, without disturbing
+ * locale, theme, or icons. `MenuItem` uses this to opt the `Button` it renders out of the app's
+ * `Button` defaults.
+ */
+export function setComponentSettings(components: ComponentSettings) {
+ setContext(componentsKey, components);
+}
+
+function getComponentSettingsOverride(): ComponentSettings | undefined {
+ // in a try/catch to support use outside of a component
+ try {
+ return getContext(componentsKey);
+ } catch {
+ return undefined;
+ }
+}
+
+/** Create application settings and make them available to descendant components */
+export function settings(options: SettingsOptions = {}): SettingsState {
+ return setContext(settingsKey, new SettingsState(options));
+}
+
+let FALLBACK_SETTINGS: SettingsState | null = null;
+
+function getFallbackSettings() {
+ FALLBACK_SETTINGS = FALLBACK_SETTINGS ?? new SettingsState({ themes: { light: [], dark: [] } });
+ return FALLBACK_SETTINGS;
+}
+
+export function getSettings(): SettingsState {
+ // in a try/catch to be able to use components without calling `settings()` first, and to
+ // support testing outside of a component
+ try {
+ return getContext(settingsKey) ?? getFallbackSettings();
+ } catch {
+ return getFallbackSettings();
+ }
+}
+
+export function resolveComponentSettings(
+ settings: SettingsState | ComponentSettings,
+ name: NAME
+): ResolvedComponentSettings {
+ const components = settings instanceof SettingsState ? settings.components : settings;
+ const { classes: themeClasses, ...defaultProps } = components?.[name] ?? {};
+
+ return {
+ defaults: (defaultProps ?? {}) as ResolvedDefaultProps,
+ classes: resolveComponentClasses(themeClasses),
+ };
+}
+
+/** The component settings in effect here — a subtree override if present, otherwise the app's */
+export function getActiveComponentSettings(): ComponentSettings {
+ return getComponentSettingsOverride() ?? getSettings().components;
+}
+
+/**
+ * Returns default component props and classes for a given component.
+ * @param name component name
+ */
+export function getComponentSettings(
+ name: NAME
+): ResolvedComponentSettings {
+ const override = getComponentSettingsOverride();
+ if (override) {
+ // Overrides are subtree-scoped, so they bypass the app-level cache
+ return resolveComponentSettings(override, name);
+ }
+
+ const settings = getSettings();
+
+ const existing = settings.componentSettingsCache[name];
+ if (existing) {
+ return existing as ResolvedComponentSettings;
+ }
+
+ const output = resolveComponentSettings(settings, name);
+ settings.componentSettingsCache[name] = output;
+ return output;
+}
diff --git a/packages/ui/src/lib/components/tests/ButtonGroupHarness.svelte b/packages/ui/src/lib/components/tests/ButtonGroupHarness.svelte
new file mode 100644
index 0000000..e652e01
--- /dev/null
+++ b/packages/ui/src/lib/components/tests/ButtonGroupHarness.svelte
@@ -0,0 +1,16 @@
+
+
+
+ {#each Array.from({ length: count }, (_, i) => i) as i (i)}
+ Button {i}
+ {/each}
+
diff --git a/packages/ui/src/lib/components/tests/ButtonLabelHarness.svelte b/packages/ui/src/lib/components/tests/ButtonLabelHarness.svelte
new file mode 100644
index 0000000..c183392
--- /dev/null
+++ b/packages/ui/src/lib/components/tests/ButtonLabelHarness.svelte
@@ -0,0 +1,7 @@
+
+
+{label}
diff --git a/packages/ui/src/lib/components/tests/ButtonSettingsHarness.svelte b/packages/ui/src/lib/components/tests/ButtonSettingsHarness.svelte
new file mode 100644
index 0000000..451bf77
--- /dev/null
+++ b/packages/ui/src/lib/components/tests/ButtonSettingsHarness.svelte
@@ -0,0 +1,12 @@
+
+
+Labelled
diff --git a/packages/ui/src/lib/components/tests/DateHarness.svelte b/packages/ui/src/lib/components/tests/DateHarness.svelte
new file mode 100644
index 0000000..1200429
--- /dev/null
+++ b/packages/ui/src/lib/components/tests/DateHarness.svelte
@@ -0,0 +1,35 @@
+
+
+
+ {#if kind === 'date-button'}
+
+ {:else if kind === 'year-list'}
+ {value ? value.toISOString() : 'null'}
+ {:else if kind === 'picker-field'}
+ {value ? value.toISOString() : 'null'}
+ {/if}
+
diff --git a/packages/ui/src/lib/components/tests/DialogHarness.svelte b/packages/ui/src/lib/components/tests/DialogHarness.svelte
new file mode 100644
index 0000000..8553a38
--- /dev/null
+++ b/packages/ui/src/lib/components/tests/DialogHarness.svelte
@@ -0,0 +1,42 @@
+
+
+ (open = true)}>Open
+
+
+{#snippet headerSnippet()}
+ Custom header
+{/snippet}
+
+{#snippet titleSnippet()}
+ Dialog title
+{/snippet}
+
+{#snippet actionsSnippet()}
+ Cancel
+ e.stopPropagation()}>Stay
+{/snippet}
+
+
+ {#snippet children(ctx)}
+ Body content (open: {ctx.open})
+ ctx.close({ force: true })}>Force
+ {/snippet}
+
+
+{open}
diff --git a/packages/ui/src/lib/components/tests/DisclosureHarness.svelte b/packages/ui/src/lib/components/tests/DisclosureHarness.svelte
new file mode 100644
index 0000000..0c75470
--- /dev/null
+++ b/packages/ui/src/lib/components/tests/DisclosureHarness.svelte
@@ -0,0 +1,33 @@
+
+
+{#if kind === 'collapse'}
+
+ content
+
+{:else if kind === 'accordion'}
+ {#each ['a', 'b', 'c'] as item (item)}
+
+ panel {item}
+
+ {/each}
+ {group ?? 'none'}
+{:else if kind === 'expansion'}
+
+ {#snippet actions()}
+ actions
+ {/snippet}
+ content
+
+{:else if kind === 'tree'}
+
+ {#snippet children({ node })}
+ {node.name}
+ {/snippet}
+
+{/if}
diff --git a/packages/ui/src/lib/components/tests/DisplayHarness.svelte b/packages/ui/src/lib/components/tests/DisplayHarness.svelte
new file mode 100644
index 0000000..e75288d
--- /dev/null
+++ b/packages/ui/src/lib/components/tests/DisplayHarness.svelte
@@ -0,0 +1,53 @@
+
+
+{#if kind === 'badge-value'}
+
+ {#snippet valueSnippet()}
+ !
+ {/snippet}
+
+
+{:else if kind === 'badge'}
+
+
+
+{:else if kind === 'lazy'}
+
+ loaded
+
+{:else if kind === 'infinite'}
+
+ {#snippet children({ visibleItems })}
+ {visibleItems.length}
+ {#each visibleItems as item (item)}
+ {item}
+ {/each}
+ {/snippet}
+
+{:else if kind === 'overflow'}
+
+ {#snippet children({ overflowX, overflowY })}
+ {overflowX}
+ {overflowY}
+
+ {/snippet}
+
+{:else if kind === 'paginate'}
+
+ {#snippet children({ pagination, pageData })}
+ {pagination.page}
+ {pagination.totalPages}
+ {pageData.join(',')}
+ next
+ last
+ {/snippet}
+
+{/if}
diff --git a/packages/ui/src/lib/components/tests/EffectsHarness.svelte b/packages/ui/src/lib/components/tests/EffectsHarness.svelte
new file mode 100644
index 0000000..3d78c8a
--- /dev/null
+++ b/packages/ui/src/lib/components/tests/EffectsHarness.svelte
@@ -0,0 +1,30 @@
+
+
+{#if kind === 'spring'}
+
+ {#snippet children({ value })}
+ {value}
+ {/snippet}
+
+{:else if kind === 'spring-default'}
+
+ {#snippet children({ value })}
+ {value}
+ {/snippet}
+
+{:else if kind === 'tween-default'}
+
+ {#snippet actions()}
+ Act
+ {/snippet}
+
+ {pagination.page}
+ {pagination.perPage}
+{:else if kind === 'notification'}
+
+ {#snippet children({ id })}
+ {#if withChildren}
+ pre {/if}
+ {/snippet}
+
+ {#snippet append()}
+ {#if withAppend}app {/if}
+ {/snippet}
+
+ {#snippet prefix()}
+ {#if withPrefix}$ {/if}
+ {/snippet}
+
+ {#snippet suffix()}
+ {#if withSuffix}% {/if}
+ {/snippet}
+
+ {#snippet root()}
+ {#if withRoot}root {/if}
+ {/snippet}
+
diff --git a/packages/ui/src/lib/components/tests/FieldNoChildrenHarness.svelte b/packages/ui/src/lib/components/tests/FieldNoChildrenHarness.svelte
new file mode 100644
index 0000000..8ce3376
--- /dev/null
+++ b/packages/ui/src/lib/components/tests/FieldNoChildrenHarness.svelte
@@ -0,0 +1,9 @@
+
+
+{checked}
+{:else if kind === 'checkbox'}
+ Label
+ {checked}
+{:else if kind === 'checkbox-group'}
+ {#each ['a', 'b', 'c'] as item (item)}
+ {item}
+ {/each}
+ {(group ?? []).join(',')}
+{:else if kind === 'radio-group'}
+ {#each ['a', 'b', 'c'] as item (item)}
+ {item}
+ {/each}
+ {group ?? 'none'}
+{:else if kind === 'stepper'}
+ {value}
+{:else if kind === 'range'}
+ {value}
+{:else if kind === 'navitem'}
+
+
+
diff --git a/packages/ui/src/lib/components/tests/IconChildrenHarness.svelte b/packages/ui/src/lib/components/tests/IconChildrenHarness.svelte
new file mode 100644
index 0000000..90df177
--- /dev/null
+++ b/packages/ui/src/lib/components/tests/IconChildrenHarness.svelte
@@ -0,0 +1,9 @@
+
+
+
+
diff --git a/packages/ui/src/lib/components/tests/InputHarness.svelte b/packages/ui/src/lib/components/tests/InputHarness.svelte
new file mode 100644
index 0000000..38dc8f1
--- /dev/null
+++ b/packages/ui/src/lib/components/tests/InputHarness.svelte
@@ -0,0 +1,9 @@
+
+
+{value}
diff --git a/packages/ui/src/lib/components/tests/LayoutHarness.svelte b/packages/ui/src/lib/components/tests/LayoutHarness.svelte
new file mode 100644
index 0000000..8b6c25f
--- /dev/null
+++ b/packages/ui/src/lib/components/tests/LayoutHarness.svelte
@@ -0,0 +1,63 @@
+
+
+{#if kind === 'tabs'}
+
+ {#snippet content({ value })}
+ Content for {value}
+ {/snippet}
+
+ {value}
+{:else if kind === 'steps'}
+
+ {#snippet children()}
+ First
+ Second
+ {/snippet}
+
+{:else if kind === 'timeline'}
+
+ {#snippet children()}
+
+{:else if kind === 'listitem'}
+
+
+ {#snippet actions()}
+ Act
+ {/snippet}
+
+
+{:else if kind === 'drawer'}
+ (open = true)}>Open
+
+ {#snippet children(ctx)}
+ Content
+ ctx.close({ force: true })}>Force
+ {/snippet}
+ {#snippet actions()}
+ Action
+ {/snippet}
+
+ {open}
+{/if}
diff --git a/packages/ui/src/lib/components/tests/MenuHarness.svelte b/packages/ui/src/lib/components/tests/MenuHarness.svelte
new file mode 100644
index 0000000..b9cf2ec
--- /dev/null
+++ b/packages/ui/src/lib/components/tests/MenuHarness.svelte
@@ -0,0 +1,33 @@
+
+
+
+ (open = !open)}>Toggle
+
+
+ {#snippet children({ close })}
+ {#each items as item, i (item)}
+ onItemClick?.(item)}
+ >
+ {item}
+
+ {/each}
+ close()}>Close
+ {/snippet}
+
+
+
+{open}
diff --git a/packages/ui/src/lib/components/tests/MenuItemSettingsHarness.svelte b/packages/ui/src/lib/components/tests/MenuItemSettingsHarness.svelte
new file mode 100644
index 0000000..cf07ae7
--- /dev/null
+++ b/packages/ui/src/lib/components/tests/MenuItemSettingsHarness.svelte
@@ -0,0 +1,13 @@
+
+
+Outside
+Inside
diff --git a/packages/ui/src/lib/components/tests/PopoverHarness.svelte b/packages/ui/src/lib/components/tests/PopoverHarness.svelte
new file mode 100644
index 0000000..98af3a5
--- /dev/null
+++ b/packages/ui/src/lib/components/tests/PopoverHarness.svelte
@@ -0,0 +1,18 @@
+
+
+
+
(open = !open)}>Toggle
+
+
+ {#snippet children({ close })}
+ Content
+ close()}>Close
+ {/snippet}
+
+
{open}
diff --git a/packages/ui/src/lib/components/tests/PrimitivesHarness.svelte b/packages/ui/src/lib/components/tests/PrimitivesHarness.svelte
new file mode 100644
index 0000000..a309d64
--- /dev/null
+++ b/packages/ui/src/lib/components/tests/PrimitivesHarness.svelte
@@ -0,0 +1,56 @@
+
+
+{#if kind === 'toggle'}
+
+ {#snippet children({ on, toggle, toggleOn, toggleOff })}
+ {on}
+ toggle
+ on
+ off
+ {/snippet}
+
+{:else if kind === 'selection'}
+
+ {#snippet children({ selected, isSelected, toggleSelected, toggleAll, isAllSelected, clear })}
+ {selected.join(',')}
+ {isAllSelected()}
+ {isSelected('a')}
+ toggleSelected('a')}>a
+ all
+ clear
+ {/snippet}
+
+{:else if kind === 'maybe'}
+
+ child
+
+{:else if kind === 'scroll'}
+
+ {#snippet children({ scrollIntoView })}
+ scrollIntoView()}>scroll
+ {/snippet}
+
+{:else if kind === 'avatar-children'}
+
+ AB
+
+{:else if kind === 'card-snippets'}
+
+ children
+ {#snippet contents()}
+ contents
+ {/snippet}
+ {#snippet actions()}
+ actions
+ {/snippet}
+
+{/if}
diff --git a/packages/ui/src/lib/components/tests/SelectHarness.svelte b/packages/ui/src/lib/components/tests/SelectHarness.svelte
new file mode 100644
index 0000000..18a9fbe
--- /dev/null
+++ b/packages/ui/src/lib/components/tests/SelectHarness.svelte
@@ -0,0 +1,36 @@
+
+
+
+ {#if kind === 'menu-button'}
+ {value ?? 'none'}
+ {:else if kind === 'menu-field'}
+ {value ?? 'none'}
+ {:else if kind === 'select-field'}
+ {value ?? 'none'}
+ {:else if kind === 'multi-select'}
+ {(values ?? []).join(',')}
+ {:else if kind === 'multi-select-field'}
+ {(values ?? []).join(',')}
+ {/if}
+
diff --git a/packages/ui/src/lib/components/tests/TableOrderHarness.svelte b/packages/ui/src/lib/components/tests/TableOrderHarness.svelte
new file mode 100644
index 0000000..14a654b
--- /dev/null
+++ b/packages/ui/src/lib/components/tests/TableOrderHarness.svelte
@@ -0,0 +1,18 @@
+
+
+
+
+{$order.by}:{$order.direction}
diff --git a/packages/ui/src/lib/components/tests/TextFieldHarness.svelte b/packages/ui/src/lib/components/tests/TextFieldHarness.svelte
new file mode 100644
index 0000000..4ab6cce
--- /dev/null
+++ b/packages/ui/src/lib/components/tests/TextFieldHarness.svelte
@@ -0,0 +1,7 @@
+
+
+
+ {#if kind === 'theme-switch'}
+
+ Hover me
+
+ {/if}
+
diff --git a/packages/ui/src/lib/components/tests/ToggleGroupHarness.svelte b/packages/ui/src/lib/components/tests/ToggleGroupHarness.svelte
new file mode 100644
index 0000000..c8dbf01
--- /dev/null
+++ b/packages/ui/src/lib/components/tests/ToggleGroupHarness.svelte
@@ -0,0 +1,48 @@
+
+
+{#if kind === 'group'}
+
+ {#each options as option (option)}
+
+ {#snippet children({ selected })}
+ {option}
+ {/snippet}
+
+ {/each}
+
+ {#snippet panes()}
+ {#if withPanels}
+ {#each options as option (option)}
+
+ panel {option}
+
+ {/each}
+ {/if}
+ {/snippet}
+
+
+ {value ?? 'none'}
+{:else if kind === 'button'}
+
+ {#snippet children({ on })}
+ {on ? 'On' : 'Off'}
+ {/snippet}
+ {#snippet toggle()}
+ toggled content
+ {/snippet}
+
+{/if}
diff --git a/packages/ui/src/lib/components/theme.svelte.test.ts b/packages/ui/src/lib/components/theme.svelte.test.ts
new file mode 100644
index 0000000..f501eb5
--- /dev/null
+++ b/packages/ui/src/lib/components/theme.svelte.test.ts
@@ -0,0 +1,236 @@
+import { describe, expect, it, vi, beforeEach } from 'vitest';
+import { render } from 'vitest-browser-svelte';
+
+import ThemeHarness from './tests/ThemeHarness.svelte';
+
+const testId = (id: string) =>
+ document.querySelector(`[data-testid="${id}"]`) as HTMLElement | null;
+
+beforeEach(() => {
+ localStorage.clear();
+ delete document.documentElement.dataset.theme;
+ document.documentElement.classList.remove('dark');
+});
+
+describe('ThemeSwitch', () => {
+ it('sets the theme when toggled', async () => {
+ const onThemeSet = vi.fn();
+ const { container } = render(ThemeHarness, {
+ kind: 'theme-switch',
+ options: { themes: { light: ['light'], dark: ['dark'] } },
+ onThemeSet,
+ });
+
+ const input = container.querySelector('input[type="checkbox"]') as HTMLInputElement;
+ input.checked = true;
+ input.dispatchEvent(new Event('change', { bubbles: true }));
+
+ await vi.waitFor(() => {
+ expect(onThemeSet).toHaveBeenCalledWith({ theme: 'dark' });
+ expect(document.documentElement.dataset.theme).toBe('dark');
+ });
+ });
+
+ it('renders both mode icons', async () => {
+ const { container } = render(ThemeHarness, {
+ kind: 'theme-switch',
+ options: { themes: { light: ['light'], dark: ['dark'] } },
+ });
+
+ expect(container.querySelectorAll('.Switch .Icon')).toHaveLength(2);
+ });
+});
+
+describe('ThemeSelect', () => {
+ const singleThemeOptions = { themes: { light: ['light'], dark: ['dark'] } };
+ const multiThemeOptions = {
+ themes: { light: ['light', 'daisy'], dark: ['dark', 'midnight'] },
+ };
+
+ it('offers light/dark/system when there is one theme per scheme', async () => {
+ const { container } = render(ThemeHarness, {
+ kind: 'theme-select',
+ options: singleThemeOptions,
+ });
+
+ (container.querySelector('.ThemeSelect') as HTMLButtonElement).click();
+
+ await vi.waitFor(() => {
+ const items = [...document.querySelectorAll('.MenuItem')].map((i) => i.textContent?.trim());
+ expect(items).toEqual(['Light', 'Dark', 'System']);
+ });
+ });
+
+ it('sets the theme from the menu', async () => {
+ const onThemeSet = vi.fn();
+ const { container } = render(ThemeHarness, {
+ kind: 'theme-select',
+ options: singleThemeOptions,
+ onThemeSet,
+ });
+
+ (container.querySelector('.ThemeSelect') as HTMLButtonElement).click();
+ await vi.waitFor(() => expect(document.querySelectorAll('.MenuItem').length).toBe(3));
+
+ (document.querySelectorAll('.MenuItem')[1] as HTMLButtonElement).click();
+
+ await vi.waitFor(() => {
+ expect(onThemeSet).toHaveBeenCalledWith({ theme: 'dark' });
+ });
+ });
+
+ it('offers a theme picker when a scheme has several themes', async () => {
+ const { container } = render(ThemeHarness, {
+ kind: 'theme-select',
+ options: multiThemeOptions,
+ });
+
+ (container.querySelector('.ThemeSelect') as HTMLButtonElement).click();
+
+ await vi.waitFor(() => {
+ // one item per light theme, plus the mode switch
+ expect(document.querySelector('#switch-color-scheme')).not.toBeNull();
+ });
+ const items = [...document.querySelectorAll('.MenuItem')].map((i) => i.textContent?.trim());
+ expect(items).toEqual(['light', 'daisy']);
+ });
+
+ it('shows keyboard shortcuts when enabled', async () => {
+ const { container } = render(ThemeHarness, {
+ kind: 'theme-select',
+ options: multiThemeOptions,
+ keyboardShortcuts: true,
+ });
+
+ (container.querySelector('.ThemeSelect') as HTMLButtonElement).click();
+
+ await vi.waitFor(() => {
+ expect(document.body.textContent).toContain('Toggle scheme:');
+ });
+ expect(document.querySelectorAll('kbd').length).toBeGreaterThan(0);
+ });
+
+ it('toggles the scheme with Ctrl+T', async () => {
+ const onThemeSet = vi.fn();
+ render(ThemeHarness, {
+ kind: 'theme-select',
+ options: multiThemeOptions,
+ keyboardShortcuts: true,
+ onThemeSet,
+ });
+
+ window.dispatchEvent(
+ new KeyboardEvent('keydown', { code: 'KeyT', ctrlKey: true, bubbles: true })
+ );
+
+ await vi.waitFor(() => expect(onThemeSet).toHaveBeenCalledWith({ theme: 'dark' }));
+ });
+
+ it('ignores shortcuts when disabled', async () => {
+ const onThemeSet = vi.fn();
+ render(ThemeHarness, { kind: 'theme-select', options: multiThemeOptions, onThemeSet });
+
+ window.dispatchEvent(
+ new KeyboardEvent('keydown', { code: 'KeyT', ctrlKey: true, bubbles: true })
+ );
+
+ expect(onThemeSet).not.toHaveBeenCalled();
+ });
+});
+
+describe('LanguageSelect', () => {
+ it('shows the current locale code', async () => {
+ const { container } = render(ThemeHarness, {
+ kind: 'language',
+ options: { forceLocale: 'fr' },
+ });
+
+ expect(container.querySelector('.LanguageSelect')!.textContent).toContain('fr');
+ });
+
+ it('lists the languages and sets the locale', async () => {
+ const onLanguageSet = vi.fn();
+ const { container } = render(ThemeHarness, {
+ kind: 'language',
+ options: { forceLocale: 'en' },
+ onLanguageSet,
+ });
+
+ (container.querySelector('.LanguageSelect') as HTMLButtonElement).click();
+
+ await vi.waitFor(() => {
+ expect(document.querySelectorAll('.MenuItem').length).toBe(2);
+ });
+
+ (document.querySelectorAll('.MenuItem')[1] as HTMLButtonElement).click();
+
+ await vi.waitFor(() => {
+ expect(onLanguageSet).toHaveBeenCalledWith(expect.objectContaining({ code: 'fr' }));
+ });
+ });
+});
+
+describe('Tooltip', () => {
+ it('renders its trigger without a tooltip initially', async () => {
+ render(ThemeHarness, { kind: 'tooltip', title: 'Help text' });
+
+ expect(testId('trigger')).not.toBeNull();
+ expect(document.querySelector('.Tooltip')).toBeNull();
+ });
+
+ it('shows immediately with no delay', async () => {
+ const { container } = render(ThemeHarness, { kind: 'tooltip', title: 'Help text', delay: 0 });
+
+ (container.querySelector('.contents') as HTMLElement).dispatchEvent(
+ new MouseEvent('mouseenter')
+ );
+
+ await vi.waitFor(() => {
+ expect(document.querySelector('.Tooltip')).not.toBeNull();
+ expect(document.querySelector('.Tooltip')!.textContent).toContain('Help text');
+ });
+ });
+
+ it('hides on mouse leave', async () => {
+ const { container } = render(ThemeHarness, { kind: 'tooltip', title: 'Help', delay: 0 });
+
+ const trigger = container.querySelector('.contents') as HTMLElement;
+ trigger.dispatchEvent(new MouseEvent('mouseenter'));
+ await vi.waitFor(() => expect(document.querySelector('.Tooltip')).not.toBeNull());
+
+ trigger.dispatchEvent(new MouseEvent('mouseleave'));
+ await vi.waitFor(() => expect(document.querySelector('.Tooltip')).toBeNull());
+ });
+
+ it('renders nothing when disabled', async () => {
+ const { container } = render(ThemeHarness, {
+ kind: 'tooltip',
+ title: 'Help',
+ delay: 0,
+ enabled: false,
+ });
+
+ (container.querySelector('.contents') as HTMLElement).dispatchEvent(
+ new MouseEvent('mouseenter')
+ );
+
+ expect(document.querySelector('.Tooltip')).toBeNull();
+ });
+
+ it('renders nothing without a title', async () => {
+ const { container } = render(ThemeHarness, { kind: 'tooltip', delay: 0 });
+
+ (container.querySelector('.contents') as HTMLElement).dispatchEvent(
+ new MouseEvent('mouseenter')
+ );
+
+ expect(document.querySelector('.Tooltip')).toBeNull();
+ });
+
+ it('wraps the trigger when styling is requested', async () => {
+ const { container } = render(ThemeHarness, { kind: 'tooltip', title: 'Help', underline: true });
+
+ const span = container.querySelector('.contents > span')!;
+ expect(span.className).toContain('border-dotted');
+ });
+});
diff --git a/packages/ui/src/lib/components/theme.ts b/packages/ui/src/lib/components/theme.ts
new file mode 100644
index 0000000..1dc10ef
--- /dev/null
+++ b/packages/ui/src/lib/components/theme.ts
@@ -0,0 +1,142 @@
+import type { Component, ComponentProps } from 'svelte';
+import type { TransitionConfig } from 'svelte/transition';
+
+import type * as Components from './index.js';
+import { getActiveComponentSettings, getSettings } from './settingsState.svelte.js';
+import type {
+ ButtonColor,
+ ButtonRounded,
+ ButtonSize,
+ ButtonVariant,
+ LabelPlacement,
+ TransitionParams,
+} from '../types/index.js';
+
+export type ComponentName = keyof typeof Components;
+
+/**
+ * The shape of a component's `classes` prop, or `{ root?: string }` for components that only take
+ * a `class`. Svelte 5 components are functions rather than classes, so this infers from
+ * `Component` rather than a `prototype`.
+ */
+type ClassesProp =
+ T extends Component
+ ? ComponentProps extends { classes?: infer C }
+ ? C
+ : ComponentProps extends { class?: string }
+ ? { root?: string }
+ : never
+ : never;
+
+interface ComponentDefaultProps {
+ Button?: {
+ variant?: ButtonVariant;
+ color?: ButtonColor;
+ size?: ButtonSize;
+ rounded?: ButtonRounded;
+ };
+ ButtonGroup?: {
+ variant?: ButtonVariant;
+ color?: ButtonColor;
+ size?: ButtonSize;
+ rounded?: ButtonRounded;
+ };
+ CopyButton?: {
+ variant?: ButtonVariant;
+ color?: ButtonColor;
+ size?: ButtonSize;
+ rounded?: ButtonRounded;
+ };
+ DateButton?: {
+ variant?: ButtonVariant;
+ };
+ DateField?: {
+ labelPlacement?: LabelPlacement;
+ };
+ DatePickerField?: {
+ labelPlacement?: LabelPlacement;
+ };
+ DateRangeField?: {
+ labelPlacement?: LabelPlacement;
+ };
+ Field?: {
+ labelPlacement?: LabelPlacement;
+ };
+ MenuButton?: {
+ variant?: ButtonVariant;
+ color?: ButtonColor;
+ size?: ButtonSize;
+ rounded?: ButtonRounded;
+ };
+ Menu?: {
+ transition?: (node: HTMLElement, params: TransitionParams) => TransitionConfig;
+ transitionParams?: TransitionParams;
+ };
+ MenuField?: {
+ labelPlacement?: LabelPlacement;
+ };
+ MultiSelectField?: {
+ labelPlacement?: LabelPlacement;
+ };
+ RangeField?: {
+ labelPlacement?: LabelPlacement;
+ };
+ SelectField?: {
+ labelPlacement?: LabelPlacement;
+ };
+ TextField?: {
+ labelPlacement?: LabelPlacement;
+ };
+ ToggleButton?: {
+ variant?: ButtonVariant;
+ color?: ButtonColor;
+ size?: ButtonSize;
+ rounded?: ButtonRounded;
+ };
+}
+
+export type ResolvedComponentClasses = {
+ [key in ComponentName]: ResolvedComponentClassesProp;
+};
+
+export type ResolvedComponentClassesProp =
+ ClassesProp<(typeof Components)[NAME]> extends never
+ ? {}
+ : NonNullable>;
+
+export type ResolvedDefaultProps =
+ NAME extends keyof ComponentDefaultProps ? NonNullable : {};
+
+export interface ResolvedComponentSettings {
+ defaults: ResolvedDefaultProps;
+ classes: ResolvedComponentClassesProp;
+}
+
+export type ComponentSettings = {
+ [key in ComponentName]?: {
+ classes?: ClassesProp<(typeof Components)[key]> | string;
+ } & (key extends keyof ComponentDefaultProps ? ComponentDefaultProps[key] : {});
+};
+
+export function getComponents(): ComponentSettings {
+ return getSettings().components ?? {};
+}
+
+export function resolveComponentClasses(
+ theme: ClassesProp<(typeof Components)[NAME]> | string | undefined
+): ResolvedComponentClassesProp {
+ return (
+ typeof theme === 'string' ? { root: theme } : (theme ?? {})
+ ) as ResolvedComponentClassesProp;
+}
+
+/**
+ * Returns default component classes for a given component. See {@link getComponentSettings}
+ * to get both default props and classes.
+ * @param name component name
+ */
+export function getComponentClasses(
+ name: NAME
+): ResolvedComponentClasses[NAME] {
+ return resolveComponentClasses(getActiveComponentSettings()?.[name]?.classes);
+}
diff --git a/packages/ui/src/lib/components/toggleGroup.svelte.test.ts b/packages/ui/src/lib/components/toggleGroup.svelte.test.ts
new file mode 100644
index 0000000..f512a88
--- /dev/null
+++ b/packages/ui/src/lib/components/toggleGroup.svelte.test.ts
@@ -0,0 +1,128 @@
+import { describe, expect, it, vi } from 'vitest';
+import { render } from 'vitest-browser-svelte';
+
+import ToggleGroupHarness from './tests/ToggleGroupHarness.svelte';
+
+const testId = (container: HTMLElement, id: string) =>
+ container.querySelector(`[data-testid="${id}"]`) as HTMLElement | null;
+
+describe('ToggleGroup', () => {
+ it('renders an option per child', async () => {
+ const { container } = render(ToggleGroupHarness, {});
+
+ expect(container.querySelectorAll('.ToggleOption')).toHaveLength(3);
+ });
+
+ it('selects the option matching the initial value', async () => {
+ const { container } = render(ToggleGroupHarness, { value: 'b' });
+
+ await vi.waitFor(() => {
+ expect(testId(container, 'option-b')!.dataset.selected).toBe('true');
+ });
+ expect(testId(container, 'option-a')!.dataset.selected).toBe('false');
+ });
+
+ it('selects on click and reports the change', async () => {
+ const onChange = vi.fn();
+ const { container } = render(ToggleGroupHarness, { value: 'a', onChange });
+
+ const inputs = [...container.querySelectorAll('.ToggleOption input')] as HTMLInputElement[];
+ inputs[2].click();
+
+ await vi.waitFor(() => {
+ expect(testId(container, 'value')!.textContent).toBe('c');
+ expect(testId(container, 'option-c')!.dataset.selected).toBe('true');
+ });
+ expect(onChange).toHaveBeenCalledWith({ value: 'c' });
+ });
+
+ it('marks the selected option with a `selected` class', async () => {
+ const { container } = render(ToggleGroupHarness, { value: 'a' });
+
+ await vi.waitFor(() => {
+ expect(container.querySelector('.ToggleOption')!.classList.contains('selected')).toBe(true);
+ });
+ });
+
+ it('renders an indicator only for the selected option', async () => {
+ const { container } = render(ToggleGroupHarness, { value: 'a' });
+
+ await vi.waitFor(() => {
+ expect(container.querySelectorAll('.indicator')).toHaveLength(1);
+ });
+ });
+
+ it('applies variant classes to the root and options', async () => {
+ const { container } = render(ToggleGroupHarness, { value: 'a', variant: 'outline' });
+
+ const root = container.querySelector('.ToggleGroup')!;
+ expect(root.classList.contains('variant-outline')).toBe(true);
+ expect(container.querySelector('.options')!.className).toContain('border');
+ });
+
+ it('lays out vertically', async () => {
+ const { container } = render(ToggleGroupHarness, { value: 'a', vertical: true });
+
+ expect(container.querySelector('.options')!.className).toContain('grid-flow-row');
+ });
+
+ it('sizes the labels', async () => {
+ const { container } = render(ToggleGroupHarness, { value: 'a', size: 'lg' });
+
+ expect(container.querySelector('.ToggleOption')!.className).toContain('text-base');
+ });
+
+ describe('panels', () => {
+ it('shows only the panel matching the selected option', async () => {
+ const { container } = render(ToggleGroupHarness, { value: 'a', withPanels: true });
+
+ await vi.waitFor(() => {
+ expect(testId(container, 'panel-a')).not.toBeNull();
+ });
+ expect(testId(container, 'panel-b')).toBeNull();
+ expect(testId(container, 'panel-c')).toBeNull();
+ });
+
+ it('switches panels with the selection', async () => {
+ const { container } = render(ToggleGroupHarness, { value: 'a', withPanels: true });
+
+ const inputs = [...container.querySelectorAll('.ToggleOption input')] as HTMLInputElement[];
+ inputs[1].click();
+
+ await vi.waitFor(() => {
+ expect(testId(container, 'panel-b')).not.toBeNull();
+ expect(testId(container, 'panel-a')).toBeNull();
+ });
+ });
+ });
+});
+
+describe('ToggleButton', () => {
+ it('toggles its content', async () => {
+ const { container } = render(ToggleGroupHarness, { kind: 'button', transition: false });
+
+ expect(testId(container, 'label')!.textContent).toBe('Off');
+ expect(testId(container, 'toggled')).toBeNull();
+
+ (container.querySelector('.Button') as HTMLButtonElement).click();
+
+ await vi.waitFor(() => {
+ expect(testId(container, 'label')!.textContent).toBe('On');
+ expect(testId(container, 'toggled')).not.toBeNull();
+ });
+ });
+
+ it('places the button after the content when asked', async () => {
+ const { container } = render(ToggleGroupHarness, {
+ kind: 'button',
+ on: true,
+ transition: false,
+ buttonPlacement: 'after',
+ });
+
+ // `ToggleButton` renders a fragment, so compare document order directly
+ const button = container.querySelector('.Button')!;
+ const content = testId(container, 'toggled')!;
+ expect(content.compareDocumentPosition(button) & Node.DOCUMENT_POSITION_FOLLOWING).toBeTruthy();
+ });
+});
diff --git a/packages/ui/src/lib/index.ts b/packages/ui/src/lib/index.ts
new file mode 100644
index 0000000..2a75e29
--- /dev/null
+++ b/packages/ui/src/lib/index.ts
@@ -0,0 +1,23 @@
+export * from './components/index.js';
+export * from './types/index.js';
+export {
+ settings,
+ getSettings,
+ getComponentSettings,
+ getActiveComponentSettings,
+ setComponentSettings,
+ resolveComponentSettings,
+ SettingsState,
+ DEFAULT_ICONS,
+ type SettingsOptions,
+} from './components/settingsState.svelte.js';
+export {
+ getComponents,
+ getComponentClasses,
+ resolveComponentClasses,
+ type ComponentName,
+ type ComponentSettings,
+ type ResolvedComponentSettings,
+} from './components/theme.js';
+export { asIconData } from './utils/icons.js';
+export { emptyDateRange } from './components/DateRangeField.svelte';
diff --git a/packages/ui/src/lib/types/index.ts b/packages/ui/src/lib/types/index.ts
new file mode 100644
index 0000000..d2e772c
--- /dev/null
+++ b/packages/ui/src/lib/types/index.ts
@@ -0,0 +1,63 @@
+import type { Component } from 'svelte';
+import type { SvelteHTMLElements } from 'svelte/elements';
+import type {
+ FlyParams,
+ SlideParams,
+ BlurParams,
+ FadeParams,
+ ScaleParams,
+} from 'svelte/transition';
+import type { ThemeColors } from '@layerstack/tailwind';
+
+import LucideChevronDown from '@lucide/svelte/icons/chevron-down';
+
+// Unable to get `IconProps` from `@lucide/svelte`
+type LucideComponent = typeof LucideChevronDown;
+
+/**
+ * Structural match for Font Awesome's `IconDefinition`, declared here so `@layerstack/ui` does not
+ * take a dependency on `@fortawesome/fontawesome-common-types`. Real `IconDefinition` values are
+ * assignable to this, since `IconPrefix`/`IconName` are string literal unions.
+ */
+export type FontAwesomeIconDefinition = {
+ prefix: string;
+ iconName: string;
+ /** `[width, height, ligatures, unicode, svgPathData]` */
+ icon: [number, number, string[], string, string | string[]];
+};
+
+export type IconComponent = Component | LucideComponent;
+
+/**
+ * Everything `Icon` accepts as its `data` prop — an icon component, a Font Awesome definition, or
+ * a string holding an SVG path, an inline ``, or a URL to fetch one from.
+ */
+export type IconData = IconComponent | FontAwesomeIconDefinition | string | null | undefined;
+
+export type IconProp = IconComponent | IconData;
+
+export type MenuOption = {
+ label: string;
+ value: T;
+ icon?: IconProp;
+ group?: string;
+ disabled?: boolean;
+} & Record;
+
+export type LabelPlacement = 'inset' | 'float' | 'top' | 'left';
+export const DEFAULT_LABEL_PLACEMENT: LabelPlacement = 'inset';
+
+export type ButtonVariant =
+ | 'default'
+ | 'outline'
+ | 'fill'
+ | 'fill-outline'
+ | 'fill-light'
+ | 'text'
+ | 'none';
+
+export type ButtonColor = ThemeColors | 'default';
+export type ButtonSize = 'sm' | 'md' | 'lg';
+export type ButtonRounded = boolean | 'full';
+
+export type TransitionParams = BlurParams | FadeParams | FlyParams | SlideParams | ScaleParams;
diff --git a/packages/ui/src/lib/utils/icons.ts b/packages/ui/src/lib/utils/icons.ts
new file mode 100644
index 0000000..8a6a386
--- /dev/null
+++ b/packages/ui/src/lib/utils/icons.ts
@@ -0,0 +1,14 @@
+import { isLiteralObject } from '@layerstack/utils/object';
+
+import type { IconProps } from '../components/Icon.svelte';
+import type { IconData } from '../types/index.js';
+
+/** Accept either raw icon data or an `Icon` props object, and narrow to the icon data */
+export function asIconData(v: IconData | IconProps): IconData {
+ return isIconComponentProps(v) ? v.data : v;
+}
+
+function isIconComponentProps(v: IconData | IconProps): v is IconProps {
+ // `iconName` is a required property of a Font Awesome definition, the only other object supported
+ return isLiteralObject(v) && !('iconName' in v);
+}
diff --git a/packages/ui/src/vitest-setup-client.ts b/packages/ui/src/vitest-setup-client.ts
new file mode 100644
index 0000000..6039633
--- /dev/null
+++ b/packages/ui/src/vitest-setup-client.ts
@@ -0,0 +1,19 @@
+/// [0], options?: Parameters[1]) =>
+ waitFor(
+ callback,
+ typeof options === 'number' ? options : { timeout: 5000, ...options }
+ )) as typeof vi.waitFor;
diff --git a/packages/ui/svelte.config.js b/packages/ui/svelte.config.js
new file mode 100644
index 0000000..55d4fe5
--- /dev/null
+++ b/packages/ui/svelte.config.js
@@ -0,0 +1,11 @@
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
+
+/** @type {import('@sveltejs/kit').Config} */
+const config = {
+ preprocess: vitePreprocess(),
+ // `svelte-kit sync` generates ambient `$app/*` types used by some components.
+ // No adapter is required for `svelte-package`.
+ kit: {},
+};
+
+export default config;
diff --git a/packages/ui/tsconfig.json b/packages/ui/tsconfig.json
new file mode 100644
index 0000000..6130661
--- /dev/null
+++ b/packages/ui/tsconfig.json
@@ -0,0 +1,15 @@
+{
+ "extends": "./.svelte-kit/tsconfig.json",
+ "compilerOptions": {
+ "allowJs": true,
+ "checkJs": false,
+ "esModuleInterop": true,
+ "forceConsistentCasingInFileNames": true,
+ "resolveJsonModule": true,
+ "skipLibCheck": true,
+ "sourceMap": true,
+ "strict": true,
+ "moduleResolution": "bundler"
+ },
+ "exclude": ["node_modules", "dist"]
+}
diff --git a/packages/ui/vite.config.js b/packages/ui/vite.config.js
new file mode 100644
index 0000000..93b8677
--- /dev/null
+++ b/packages/ui/vite.config.js
@@ -0,0 +1,63 @@
+import { defineConfig } from 'vitest/config';
+import { sveltekit } from '@sveltejs/kit/vite';
+import { playwright } from '@vitest/browser-playwright';
+
+// Tests run under a fixed non-zero UTC offset so bugs where local and UTC boundaries differ (day
+// starts, month boundaries, ...) actually surface. Applied to both the node processes and the
+// browser context below - Chromium picks up `TZ` on macOS but ignores it on Linux (CI).
+const TEST_TIMEZONE = 'Etc/GMT-5'; // UTC+5 (IANA inverts the sign)
+if (process.env.VITEST) {
+ process.env.TZ = TEST_TIMEZONE;
+}
+
+/** @type {import('vite').UserConfig} */
+const config = defineConfig({
+ plugins: [sveltekit()],
+ test: {
+ projects: [
+ {
+ // Client-side tests (Svelte components)
+ extends: true,
+ test: {
+ name: 'client',
+ browser: {
+ enabled: true,
+ provider: playwright({
+ contextOptions: { timezoneId: TEST_TIMEZONE },
+ }),
+ instances: [{ browser: 'chromium' }],
+ headless: true,
+ },
+ include: ['src/**/*.svelte.{test,spec}.{js,ts}'],
+ exclude: ['src/**/*.ssr.{test,spec}.{js,ts}'],
+ setupFiles: ['./src/vitest-setup-client.ts'],
+ },
+ },
+ {
+ // SSR tests (server-side rendering)
+ extends: true,
+ test: {
+ name: 'ssr',
+ environment: 'node',
+ include: ['src/**/*.ssr.{test,spec}.{js,ts}'],
+ },
+ },
+ {
+ // Plain module tests (utils, type helpers, ...)
+ extends: true,
+ test: {
+ name: 'server',
+ environment: 'node',
+ include: ['src/**/*.{test,spec}.{js,ts}'],
+ exclude: ['src/**/*.svelte.{test,spec}.{js,ts}', 'src/**/*.ssr.{test,spec}.{js,ts}'],
+ },
+ },
+ ],
+ coverage: {
+ // Improved performance: only check files in `src/` instead of scanning the whole project
+ include: ['src'],
+ },
+ },
+});
+
+export default config;
diff --git a/packages/utils/package.json b/packages/utils/package.json
index 515b10a..22a51c6 100644
--- a/packages/utils/package.json
+++ b/packages/utils/package.json
@@ -25,15 +25,16 @@
"@types/d3-time": "^3.0.4",
"@types/d3-time-format": "^4.0.3",
"@types/lodash-es": "^4.17.12",
+ "@types/node": "^24.0.1",
"prettier": "^3.5.3",
- "prettier-plugin-svelte": "^3.3.3",
+ "prettier-plugin-svelte": "^3.5.2",
"rimraf": "6.0.1",
- "svelte": "^5.28.2",
+ "svelte": "^5.29.0",
"svelte2tsx": "^0.7.36",
"tslib": "^2.8.1",
"typescript": "^5.8.3",
"vite": "^6.3.5",
- "vitest": "^3.1.3"
+ "vitest": "^4.1.8"
},
"type": "module",
"dependencies": {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ade85c8..6486e98 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -35,6 +35,9 @@ importers:
'@layerstack/svelte-actions':
specifier: workspace:*
version: link:../packages/svelte-actions
+ '@layerstack/svelte-attachments':
+ specifier: workspace:*
+ version: link:../packages/svelte-attachments
'@layerstack/svelte-state':
specifier: workspace:*
version: link:../packages/svelte-state
@@ -47,6 +50,9 @@ importers:
'@layerstack/tailwind':
specifier: workspace:*
version: link:../packages/tailwind
+ '@layerstack/ui':
+ specifier: workspace:*
+ version: link:../packages/ui
'@layerstack/utils':
specifier: workspace:*
version: link:../packages/utils
@@ -62,6 +68,9 @@ importers:
tailwind-merge:
specifier: ^3.2.0
version: 3.3.0
+ zod:
+ specifier: ^4.4.3
+ version: 4.4.3
devDependencies:
'@changesets/cli':
specifier: ^2.29.4
@@ -86,16 +95,16 @@ importers:
version: 1.2.84
'@sveltejs/adapter-cloudflare':
specifier: ^7.0.3
- version: 7.0.3(@sveltejs/kit@2.21.0(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.28.6)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)))(svelte@5.28.6)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)))(wrangler@4.14.4(@cloudflare/workers-types@4.20250514.0))
+ version: 7.0.3(@sveltejs/kit@2.21.0(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.56.10)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)))(svelte@5.56.10)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)))(wrangler@4.14.4(@cloudflare/workers-types@4.20250514.0))
'@sveltejs/kit':
specifier: ^2.21.0
- version: 2.21.0(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.28.6)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)))(svelte@5.28.6)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
+ version: 2.21.0(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.56.10)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)))(svelte@5.56.10)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
'@sveltejs/package':
specifier: ^2.3.11
- version: 2.3.11(svelte@5.28.6)(typescript@5.8.3)
+ version: 2.3.11(svelte@5.56.10)(typescript@5.8.3)
'@sveltejs/vite-plugin-svelte':
specifier: ^5.0.3
- version: 5.0.3(svelte@5.28.6)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
+ version: 5.0.3(svelte@5.56.10)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
'@tailwindcss/typography':
specifier: ^0.5.16
version: 0.5.16(tailwindcss@4.1.6)
@@ -107,7 +116,7 @@ importers:
version: 3.2.1
mdsx:
specifier: ^0.0.7
- version: 0.0.7(svelte@5.28.6)
+ version: 0.0.7(svelte@5.56.10)
posthog-js:
specifier: ^1.239.0
version: 1.242.1
@@ -115,23 +124,23 @@ importers:
specifier: ^3.5.3
version: 3.5.3
prettier-plugin-svelte:
- specifier: ^3.3.3
- version: 3.3.3(prettier@3.5.3)(svelte@5.28.6)
+ specifier: ^3.5.2
+ version: 3.5.2(prettier@3.5.3)(svelte@5.56.10)
rehype-slug:
specifier: ^6.0.0
version: 6.0.0
svelte:
- specifier: ^5.28.2
- version: 5.28.6
+ specifier: ^5.29.0
+ version: 5.56.10
svelte-check:
specifier: ^4.1.6
- version: 4.1.7(picomatch@4.0.2)(svelte@5.28.6)(typescript@5.8.3)
+ version: 4.1.7(picomatch@4.0.2)(svelte@5.56.10)(typescript@5.8.3)
svelte-ux:
specifier: 2.0.0-next.22
- version: 2.0.0-next.22(postcss-load-config@6.0.1(jiti@2.4.2)(postcss@8.5.3)(tsx@4.22.3)(yaml@2.9.0))(postcss@8.5.3)(svelte@5.28.6)
+ version: 2.0.0-next.22(postcss-load-config@6.0.1(jiti@2.4.2)(postcss@8.5.3)(tsx@4.22.3)(yaml@2.9.0))(postcss@8.5.3)(svelte@5.56.10)
svelte2tsx:
specifier: ^0.7.36
- version: 0.7.37(svelte@5.28.6)(typescript@5.8.3)
+ version: 0.7.37(svelte@5.56.10)(typescript@5.8.3)
tailwindcss:
specifier: ^4.1.5
version: 4.1.6
@@ -146,7 +155,7 @@ importers:
version: 5.1.0
unplugin-icons:
specifier: ^22.1.0
- version: 22.1.0(svelte@5.28.6)
+ version: 22.1.0(svelte@5.56.10)
vite:
specifier: ^6.3.5
version: 6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)
@@ -176,7 +185,7 @@ importers:
version: 4.1.0
'@sveltejs/svelte-json-tree':
specifier: ^2.2.1
- version: 2.2.1(svelte@5.28.6)
+ version: 2.2.1(svelte@5.56.10)
'@webcontainer/api':
specifier: ^1.6.4
version: 1.6.4
@@ -188,7 +197,7 @@ importers:
version: 2.0.0
mdsx:
specifier: ^0.0.7
- version: 0.0.7(svelte@5.28.6)
+ version: 0.0.7(svelte@5.56.10)
playwright:
specifier: ^1.60.0
version: 1.60.0
@@ -206,7 +215,7 @@ importers:
version: 3.11.0
runed:
specifier: ^0.37.1
- version: 0.37.1(@sveltejs/kit@2.21.0(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.28.6)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)))(svelte@5.28.6)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)))(svelte@5.28.6)(zod@4.4.3)
+ version: 0.37.1(@sveltejs/kit@2.21.0(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.56.10)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)))(svelte@5.56.10)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)))(svelte@5.56.10)(zod@4.4.3)
sharp:
specifier: ^0.34.5
version: 0.34.5
@@ -215,7 +224,7 @@ importers:
version: 4.1.0
svelte-ux:
specifier: 2.0.0-next.22
- version: 2.0.0-next.22(postcss-load-config@6.0.1(jiti@2.4.2)(postcss@8.5.3)(tsx@4.22.3)(yaml@2.9.0))(postcss@8.5.3)(svelte@5.28.6)
+ version: 2.0.0-next.22(postcss-load-config@6.0.1(jiti@2.4.2)(postcss@8.5.3)(tsx@4.22.3)(yaml@2.9.0))(postcss@8.5.3)(svelte@5.56.10)
typescript:
specifier: ^5.8.3
version: 5.8.3
@@ -231,13 +240,13 @@ importers:
devDependencies:
'@sveltejs/kit':
specifier: ^2.21.0
- version: 2.21.0(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.28.6)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)))(svelte@5.28.6)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
+ version: 2.21.0(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.56.10)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)))(svelte@5.56.10)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
'@sveltejs/package':
specifier: ^2.3.11
- version: 2.3.11(svelte@5.28.6)(typescript@5.8.3)
+ version: 2.3.11(svelte@5.56.10)(typescript@5.8.3)
'@sveltejs/vite-plugin-svelte':
specifier: ^5.0.3
- version: 5.0.3(svelte@5.28.6)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
+ version: 5.0.3(svelte@5.56.10)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
'@types/node':
specifier: ^24.0.1
version: 24.0.1
@@ -245,20 +254,20 @@ importers:
specifier: ^3.5.3
version: 3.5.3
prettier-plugin-svelte:
- specifier: ^3.3.3
- version: 3.3.3(prettier@3.5.3)(svelte@5.28.6)
+ specifier: ^3.5.2
+ version: 3.5.2(prettier@3.5.3)(svelte@5.56.10)
svelte:
- specifier: ^5.28.2
- version: 5.28.6
+ specifier: ^5.29.0
+ version: 5.56.10
svelte-check:
specifier: ^4.1.6
- version: 4.1.7(picomatch@4.0.2)(svelte@5.28.6)(typescript@5.8.3)
+ version: 4.1.7(picomatch@4.0.7)(svelte@5.56.10)(typescript@5.8.3)
tslib:
specifier: ^2.8.1
version: 2.8.1
unplugin-icons:
specifier: ^22.1.0
- version: 22.1.0(svelte@5.28.6)
+ version: 22.1.0(svelte@5.56.10)
vite:
specifier: ^6.3.5
version: 6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)
@@ -277,31 +286,86 @@ importers:
devDependencies:
'@sveltejs/package':
specifier: ^2.3.11
- version: 2.3.11(svelte@5.28.6)(typescript@5.8.3)
+ version: 2.3.11(svelte@5.56.10)(typescript@5.8.3)
+ '@sveltejs/vite-plugin-svelte':
+ specifier: ^5.0.3
+ version: 5.0.3(svelte@5.56.10)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
+ '@types/d3-scale':
+ specifier: ^4.0.9
+ version: 4.0.9
+ prettier:
+ specifier: ^3.5.3
+ version: 3.5.3
+ prettier-plugin-svelte:
+ specifier: ^3.5.2
+ version: 3.5.2(prettier@3.5.3)(svelte@5.56.10)
+ rimraf:
+ specifier: 6.0.1
+ version: 6.0.1
+ svelte:
+ specifier: ^5.29.0
+ version: 5.56.10
+ svelte-check:
+ specifier: ^4.1.6
+ version: 4.1.7(picomatch@4.0.7)(svelte@5.56.10)(typescript@5.8.3)
+ svelte2tsx:
+ specifier: ^0.7.36
+ version: 0.7.37(svelte@5.56.10)(typescript@5.8.3)
+ tslib:
+ specifier: ^2.8.1
+ version: 2.8.1
+ typescript:
+ specifier: ^5.8.3
+ version: 5.8.3
+ vite:
+ specifier: ^6.3.5
+ version: 6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)
+ vitest:
+ specifier: ^4.1.8
+ version: 4.1.11(@types/node@24.0.1)(@vitest/browser-playwright@4.1.11)(happy-dom@20.11.13)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
+
+ packages/svelte-attachments:
+ dependencies:
+ '@floating-ui/dom':
+ specifier: ^1.7.0
+ version: 1.7.6
+ '@layerstack/utils':
+ specifier: workspace:*
+ version: link:../utils
+ d3-scale:
+ specifier: ^4.0.2
+ version: 4.0.2
+ devDependencies:
+ '@sveltejs/package':
+ specifier: ^2.3.11
+ version: 2.3.11(svelte@5.56.10)(typescript@5.8.3)
'@sveltejs/vite-plugin-svelte':
specifier: ^5.0.3
- version: 5.0.3(svelte@5.28.6)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
+ version: 5.0.3(svelte@5.56.10)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
'@types/d3-scale':
specifier: ^4.0.9
version: 4.0.9
+ happy-dom:
+ specifier: ^18.0.1
+ version: 18.0.1
prettier:
specifier: ^3.5.3
version: 3.5.3
prettier-plugin-svelte:
- specifier: ^3.3.3
- version: 3.3.3(prettier@3.5.3)(svelte@5.28.6)
+ specifier: ^3.5.2
+ version: 3.5.2(prettier@3.5.3)(svelte@5.56.10)
rimraf:
specifier: 6.0.1
version: 6.0.1
svelte:
- specifier: ^5.28.2
- version: 5.28.6
+ specifier: ^5.29.0
+ version: 5.56.10
svelte-check:
specifier: ^4.1.6
- version: 4.1.7(picomatch@4.0.2)(svelte@5.28.6)(typescript@5.8.3)
+ version: 4.1.7(picomatch@4.0.7)(svelte@5.56.10)(typescript@5.8.3)
svelte2tsx:
specifier: ^0.7.36
- version: 0.7.37(svelte@5.28.6)(typescript@5.8.3)
+ version: 0.7.37(svelte@5.56.10)(typescript@5.8.3)
tslib:
specifier: ^2.8.1
version: 2.8.1
@@ -312,8 +376,8 @@ importers:
specifier: ^6.3.5
version: 6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)
vitest:
- specifier: ^3.1.3
- version: 3.1.3(@types/debug@4.1.13)(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)
+ specifier: ^4.1.8
+ version: 4.1.11(@types/node@24.0.1)(@vitest/browser-playwright@4.1.11)(happy-dom@18.0.1)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
packages/svelte-state:
dependencies:
@@ -323,31 +387,34 @@ importers:
devDependencies:
'@sveltejs/kit':
specifier: ^2.20.8
- version: 2.21.0(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.28.6)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)))(svelte@5.28.6)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
+ version: 2.21.0(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.56.10)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)))(svelte@5.56.10)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
'@sveltejs/package':
specifier: ^2.3.11
- version: 2.3.11(svelte@5.28.6)(typescript@5.8.3)
+ version: 2.3.11(svelte@5.56.10)(typescript@5.8.3)
'@sveltejs/vite-plugin-svelte':
specifier: ^5.0.3
- version: 5.0.3(svelte@5.28.6)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
+ version: 5.0.3(svelte@5.56.10)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
+ happy-dom:
+ specifier: ^18.0.1
+ version: 18.0.1
prettier:
specifier: ^3.5.3
version: 3.5.3
prettier-plugin-svelte:
- specifier: ^3.3.3
- version: 3.3.3(prettier@3.5.3)(svelte@5.28.6)
+ specifier: ^3.5.2
+ version: 3.5.2(prettier@3.5.3)(svelte@5.56.10)
rimraf:
specifier: 6.0.1
version: 6.0.1
svelte:
- specifier: ^5.28.2
- version: 5.28.6
+ specifier: ^5.29.0
+ version: 5.56.10
svelte-check:
specifier: ^4.1.6
- version: 4.1.7(picomatch@4.0.2)(svelte@5.28.6)(typescript@5.8.3)
+ version: 4.1.7(picomatch@4.0.7)(svelte@5.56.10)(typescript@5.8.3)
svelte2tsx:
specifier: ^0.7.36
- version: 0.7.37(svelte@5.28.6)(typescript@5.8.3)
+ version: 0.7.37(svelte@5.56.10)(typescript@5.8.3)
tslib:
specifier: ^2.8.1
version: 2.8.1
@@ -358,8 +425,8 @@ importers:
specifier: ^6.3.4
version: 6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)
vitest:
- specifier: ^3.1.2
- version: 3.1.3(@types/debug@4.1.13)(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)
+ specifier: ^4.1.8
+ version: 4.1.11(@types/node@24.0.1)(@vitest/browser-playwright@4.1.11)(happy-dom@18.0.1)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
packages/svelte-stores:
dependencies:
@@ -375,13 +442,13 @@ importers:
devDependencies:
'@sveltejs/kit':
specifier: ^2.21.0
- version: 2.21.0(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.28.6)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)))(svelte@5.28.6)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
+ version: 2.21.0(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.56.10)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)))(svelte@5.56.10)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
'@sveltejs/package':
specifier: ^2.3.11
- version: 2.3.11(svelte@5.28.6)(typescript@5.8.3)
+ version: 2.3.11(svelte@5.56.10)(typescript@5.8.3)
'@sveltejs/vite-plugin-svelte':
specifier: ^5.0.3
- version: 5.0.3(svelte@5.28.6)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
+ version: 5.0.3(svelte@5.56.10)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
'@types/lodash-es':
specifier: ^4.17.12
version: 4.17.12
@@ -389,20 +456,20 @@ importers:
specifier: ^3.5.3
version: 3.5.3
prettier-plugin-svelte:
- specifier: ^3.3.3
- version: 3.3.3(prettier@3.5.3)(svelte@5.28.6)
+ specifier: ^3.5.2
+ version: 3.5.2(prettier@3.5.3)(svelte@5.56.10)
rimraf:
specifier: 6.0.1
version: 6.0.1
svelte:
- specifier: ^5.28.2
- version: 5.28.6
+ specifier: ^5.29.0
+ version: 5.56.10
svelte-check:
specifier: ^4.1.6
- version: 4.1.7(picomatch@4.0.2)(svelte@5.28.6)(typescript@5.8.3)
+ version: 4.1.7(picomatch@4.0.7)(svelte@5.56.10)(typescript@5.8.3)
svelte2tsx:
specifier: ^0.7.36
- version: 0.7.37(svelte@5.28.6)(typescript@5.8.3)
+ version: 0.7.37(svelte@5.56.10)(typescript@5.8.3)
tslib:
specifier: ^2.8.1
version: 2.8.1
@@ -413,8 +480,8 @@ importers:
specifier: ^6.3.5
version: 6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)
vitest:
- specifier: ^3.1.3
- version: 3.1.3(@types/debug@4.1.13)(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)
+ specifier: ^4.1.8
+ version: 4.1.11(@types/node@24.0.1)(@vitest/browser-playwright@4.1.11)(happy-dom@20.11.13)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
packages/svelte-table:
dependencies:
@@ -430,10 +497,10 @@ importers:
devDependencies:
'@sveltejs/package':
specifier: ^2.3.11
- version: 2.3.11(svelte@5.28.6)(typescript@5.8.3)
+ version: 2.3.11(svelte@5.56.10)(typescript@5.8.3)
'@sveltejs/vite-plugin-svelte':
specifier: ^5.0.3
- version: 5.0.3(svelte@5.28.6)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
+ version: 5.0.3(svelte@5.56.10)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
'@types/d3-array':
specifier: ^3.2.1
version: 3.2.1
@@ -444,20 +511,20 @@ importers:
specifier: ^3.5.3
version: 3.5.3
prettier-plugin-svelte:
- specifier: ^3.3.3
- version: 3.3.3(prettier@3.5.3)(svelte@5.28.6)
+ specifier: ^3.5.2
+ version: 3.5.2(prettier@3.5.3)(svelte@5.56.10)
rimraf:
specifier: 6.0.1
version: 6.0.1
svelte:
- specifier: ^5.28.2
- version: 5.28.6
+ specifier: ^5.29.0
+ version: 5.56.10
svelte-check:
specifier: ^4.1.6
- version: 4.1.7(picomatch@4.0.2)(svelte@5.28.6)(typescript@5.8.3)
+ version: 4.1.7(picomatch@4.0.7)(svelte@5.56.10)(typescript@5.8.3)
svelte2tsx:
specifier: ^0.7.36
- version: 0.7.37(svelte@5.28.6)(typescript@5.8.3)
+ version: 0.7.37(svelte@5.56.10)(typescript@5.8.3)
tslib:
specifier: ^2.8.1
version: 2.8.1
@@ -468,8 +535,8 @@ importers:
specifier: ^6.3.5
version: 6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)
vitest:
- specifier: ^3.1.3
- version: 3.1.3(@types/debug@4.1.13)(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)
+ specifier: ^4.1.8
+ version: 4.1.11(@types/node@24.0.1)(@vitest/browser-playwright@4.1.11)(happy-dom@20.11.13)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
packages/tailwind:
dependencies:
@@ -491,7 +558,7 @@ importers:
version: 0.4.1(tailwindcss@4.1.6)
'@sveltejs/package':
specifier: ^2.3.11
- version: 2.3.11(svelte@5.28.6)(typescript@5.8.3)
+ version: 2.3.11(svelte@5.56.10)(typescript@5.8.3)
'@types/culori':
specifier: ^2.1.1
version: 2.1.1
@@ -532,8 +599,114 @@ importers:
specifier: ^6.3.5
version: 6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.19.4)(yaml@2.9.0)
vitest:
- specifier: ^3.1.3
- version: 3.1.3(@types/debug@4.1.13)(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.19.4)(yaml@2.9.0)
+ specifier: ^4.1.8
+ version: 4.1.11(@types/node@24.0.1)(@vitest/browser-playwright@4.1.11)(happy-dom@20.11.13)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.19.4)(yaml@2.9.0))
+
+ packages/ui:
+ dependencies:
+ '@floating-ui/dom':
+ specifier: ^1.7.0
+ version: 1.7.6
+ '@layerstack/svelte-attachments':
+ specifier: workspace:*
+ version: link:../svelte-attachments
+ '@layerstack/svelte-state':
+ specifier: workspace:*
+ version: link:../svelte-state
+ '@layerstack/svelte-table':
+ specifier: workspace:*
+ version: link:../svelte-table
+ '@layerstack/tailwind':
+ specifier: workspace:*
+ version: link:../tailwind
+ '@layerstack/utils':
+ specifier: workspace:*
+ version: link:../utils
+ '@lucide/svelte':
+ specifier: ^0.577.0
+ version: 0.577.0(svelte@5.56.10)
+ d3-array:
+ specifier: ^3.2.4
+ version: 3.2.4
+ d3-scale:
+ specifier: ^4.0.2
+ version: 4.0.2
+ esm-env:
+ specifier: ^1.2.2
+ version: 1.2.2
+ immer:
+ specifier: ^10.1.3
+ version: 10.2.0
+ lodash-es:
+ specifier: ^4.17.23
+ version: 4.18.1
+ devDependencies:
+ '@shikijs/transformers':
+ specifier: ^4.1.0
+ version: 4.1.0
+ '@sveltejs/kit':
+ specifier: ^2.21.0
+ version: 2.21.0(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.56.10)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)))(svelte@5.56.10)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
+ '@sveltejs/package':
+ specifier: ^2.3.11
+ version: 2.3.11(svelte@5.56.10)(typescript@5.8.3)
+ '@sveltejs/vite-plugin-svelte':
+ specifier: ^5.0.3
+ version: 5.0.3(svelte@5.56.10)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
+ '@types/d3-array':
+ specifier: ^3.2.1
+ version: 3.2.1
+ '@types/d3-scale':
+ specifier: ^4.0.9
+ version: 4.0.9
+ '@types/lodash-es':
+ specifier: ^4.17.12
+ version: 4.17.12
+ '@vitest/browser':
+ specifier: ^4.1.8
+ version: 4.1.11(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))(vitest@4.1.11(@types/node@24.0.1)(@vitest/browser-playwright@4.1.11)(happy-dom@20.11.13)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)))
+ '@vitest/browser-playwright':
+ specifier: ^4.1.8
+ version: 4.1.11(playwright@1.60.0)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))(vitest@4.1.11)
+ playwright:
+ specifier: ^1.60.0
+ version: 1.60.0
+ prettier:
+ specifier: ^3.5.3
+ version: 3.5.3
+ prettier-plugin-svelte:
+ specifier: ^3.5.2
+ version: 3.5.2(prettier@3.5.3)(svelte@5.56.10)
+ rimraf:
+ specifier: 6.0.1
+ version: 6.0.1
+ shiki:
+ specifier: ^4.1.0
+ version: 4.1.0
+ svelte:
+ specifier: ^5.29.0
+ version: 5.56.10
+ svelte-check:
+ specifier: ^4.1.6
+ version: 4.1.7(picomatch@4.0.7)(svelte@5.56.10)(typescript@5.8.3)
+ svelte2tsx:
+ specifier: ^0.7.36
+ version: 0.7.37(svelte@5.56.10)(typescript@5.8.3)
+ tslib:
+ specifier: ^2.8.1
+ version: 2.8.1
+ typescript:
+ specifier: ^5.8.3
+ version: 5.8.3
+ vite:
+ specifier: ^6.3.5
+ version: 6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)
+ vitest:
+ specifier: ^4.1.8
+ version: 4.1.11(@types/node@24.0.1)(@vitest/browser-playwright@4.1.11)(happy-dom@20.11.13)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
+ vitest-browser-svelte:
+ specifier: ^2.1.1
+ version: 2.2.1(svelte@5.56.10)(vitest@4.1.11(@types/node@24.0.1)(@vitest/browser-playwright@4.1.11)(happy-dom@20.11.13)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)))
packages/utils:
dependencies:
@@ -549,10 +722,10 @@ importers:
devDependencies:
'@sveltejs/package':
specifier: ^2.3.11
- version: 2.3.11(svelte@5.28.6)(typescript@5.8.3)
+ version: 2.3.11(svelte@5.56.10)(typescript@5.8.3)
'@sveltejs/vite-plugin-svelte':
specifier: ^5.0.3
- version: 5.0.3(svelte@5.28.6)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
+ version: 5.0.3(svelte@5.56.10)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
'@types/d3-array':
specifier: ^3.2.1
version: 3.2.1
@@ -565,21 +738,24 @@ importers:
'@types/lodash-es':
specifier: ^4.17.12
version: 4.17.12
+ '@types/node':
+ specifier: ^24.0.1
+ version: 24.0.1
prettier:
specifier: ^3.5.3
version: 3.5.3
prettier-plugin-svelte:
- specifier: ^3.3.3
- version: 3.3.3(prettier@3.5.3)(svelte@5.28.6)
+ specifier: ^3.5.2
+ version: 3.5.2(prettier@3.5.3)(svelte@5.56.10)
rimraf:
specifier: 6.0.1
version: 6.0.1
svelte:
- specifier: ^5.28.2
- version: 5.28.6
+ specifier: ^5.29.0
+ version: 5.56.10
svelte2tsx:
specifier: ^0.7.36
- version: 0.7.37(svelte@5.28.6)(typescript@5.8.3)
+ version: 0.7.37(svelte@5.56.10)(typescript@5.8.3)
tslib:
specifier: ^2.8.1
version: 2.8.1
@@ -590,8 +766,8 @@ importers:
specifier: ^6.3.5
version: 6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)
vitest:
- specifier: ^3.1.3
- version: 3.1.3(@types/debug@4.1.13)(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)
+ specifier: ^4.1.8
+ version: 4.1.11(@types/node@24.0.1)(@vitest/browser-playwright@4.1.11)(happy-dom@20.11.13)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
packages:
@@ -609,6 +785,9 @@ packages:
resolution: {integrity: sha512-1x3D2xEk2fRo3PAhwQwu5UubzgiVWSXTBfWpVd2Mx2AzRqJuDJCsgaDVZ7HB5iGzDW1Hl1sWN2mFyKjmR9uAog==}
engines: {node: '>=6.9.0'}
+ '@blazediff/core@1.9.1':
+ resolution: {integrity: sha512-ehg3jIkYKulZh+8om/O25vkvSsXXwC+skXmyA87FFx6A/45eqOkZsBltMw/TVteb0mloiGT8oGRTcjRAz66zaA==}
+
'@changesets/apply-release-plan@7.0.12':
resolution: {integrity: sha512-EaET7As5CeuhTzvXTQCRZeBUcisoYPDDcXvgTE/2jmmypKp0RC7LxKj/yzqeh/1qFTZI7oDGFcL1PHRuQuketQ==}
@@ -1505,6 +1684,9 @@ packages:
resolution: {integrity: sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==}
engines: {node: '>=6.0.0'}
+ '@jridgewell/remapping@2.3.5':
+ resolution: {integrity: sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==}
+
'@jridgewell/resolve-uri@3.1.2':
resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
engines: {node: '>=6.0.0'}
@@ -1516,6 +1698,9 @@ packages:
'@jridgewell/sourcemap-codec@1.5.0':
resolution: {integrity: sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==}
+ '@jridgewell/sourcemap-codec@1.6.0':
+ resolution: {integrity: sha512-T7jf+5zgsZHwNJ4lvQ7/aezbyk0nNX+zJVWpmHA7VYsEx7a7qr5Rg5IbtJFqkgze5Y2sruq1RUY8Q837Od7iFw==}
+
'@jridgewell/trace-mapping@0.3.25':
resolution: {integrity: sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==}
@@ -1729,6 +1914,11 @@ packages:
'@standard-schema/spec@1.1.0':
resolution: {integrity: sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==}
+ '@sveltejs/acorn-typescript@1.0.13':
+ resolution: {integrity: sha512-wgKggnhZVL9Bfx1OaKKTrYY9BFRk6C8UAkQNUcIv1+llzYrIqy+RZm5HPKzn0NpEBvTVhTqB4kQyllZywsRBRQ==}
+ peerDependencies:
+ acorn: ^8.9.0
+
'@sveltejs/acorn-typescript@1.0.5':
resolution: {integrity: sha512-IwQk4yfwLdibDlrXVE04jTZYlLnwsTT2PIOQQGNLWfjavGifnk1JD1LcZjZaBTRcxZu2FfPfNLOE04DSu9lqtQ==}
peerDependencies:
@@ -1876,6 +2066,15 @@ packages:
peerDependencies:
vite: ^5.2.0 || ^6
+ '@testing-library/svelte-core@1.1.3':
+ resolution: {integrity: sha512-KkMAvXeWorxN2Yn0kdC1lfoAItxpoj4uOWzxK5leDrNxonLvS5nwBFvztrroyTszQ0Wf/EU6iLT8JhY5qcn22g==}
+ engines: {node: '>=16'}
+ peerDependencies:
+ svelte: ^3 || ^4 || ^5 || ^5.0.0-next.0
+
+ '@types/chai@5.2.3':
+ resolution: {integrity: sha512-Mw558oeA9fFbv65/y4mHtXDs9bPnFMZAL/jxdPFUpOHHIXX91mcgEHbS5Lahr+pwZFR8A7GQleRWeI6cGFC2UA==}
+
'@types/cookie@0.6.0':
resolution: {integrity: sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==}
@@ -1897,6 +2096,9 @@ packages:
'@types/debug@4.1.13':
resolution: {integrity: sha512-KSVgmQmzMwPlmtljOomayoR89W4FynCAi3E8PPs7vmDVPe84hT+vGPKkJfThkmXs0x0jAaa9U8uW8bbfyS2fWw==}
+ '@types/deep-eql@4.0.2':
+ resolution: {integrity: sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw==}
+
'@types/estree@0.0.39':
resolution: {integrity: sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==}
@@ -1924,12 +2126,18 @@ packages:
'@types/node@12.20.55':
resolution: {integrity: sha512-J8xLz7q2OFulZ2cyGTLE1TbbZcjpno7FaN6zdJNrgAdrJ+DZzh/uFR6YrTb4C+nXakvud8Q4+rbhoIWlYQbUFQ==}
+ '@types/node@20.19.43':
+ resolution: {integrity: sha512-6oYBAi5ikg4Pl+kGsoYtawUMBT2zZMCvPNF7pVLnHZfd1zf38DRiWn/gT01RYCdUqkv7Fhr+C9ot4/tb+2sVvA==}
+
'@types/node@24.0.1':
resolution: {integrity: sha512-MX4Zioh39chHlDJbKmEgydJDS3tspMP/lnQC67G3SWsTnb9NeYVWOjkxpOSy4oMfPs4StcWHwBrvUb4ybfnuaw==}
'@types/resolve@1.17.1':
resolution: {integrity: sha512-yy7HuzQhj0dhGpD8RLXSZWEkLsV9ibvxvi6EiJ3bkqLAO1RGo0WbkWQiwpRlSFymTJRz0d3k5LM3kkx8ArDbLw==}
+ '@types/trusted-types@2.0.7':
+ resolution: {integrity: sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==}
+
'@types/unist@2.0.11':
resolution: {integrity: sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==}
@@ -1939,37 +2147,54 @@ packages:
'@types/unist@3.0.3':
resolution: {integrity: sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==}
+ '@types/whatwg-mimetype@3.0.2':
+ resolution: {integrity: sha512-c2AKvDT8ToxLIOUlN51gTiHXflsfIFisS4pO7pDPoKouJCESkhZnEy623gwP9laCy5lnLDAw1vAzu2vM2YLOrA==}
+
+ '@types/ws@8.18.1':
+ resolution: {integrity: sha512-ThVF6DCVhA8kUGy+aazFQ4kXQ7E1Ty7A3ypFOe0IcJV8O/M511G99AW24irKrW56Wt44yG9+ij8FaqoBGkuBXg==}
+
'@ungap/structured-clone@1.3.1':
resolution: {integrity: sha512-mUFwbeTqrVgDQxFveS+df2yfap6iuP20NAKAsBt5jDEoOTDew+zwLAOilHCeQJOVSvmgCX4ogqIrA0mnyr08yQ==}
- '@vitest/expect@3.1.3':
- resolution: {integrity: sha512-7FTQQuuLKmN1Ig/h+h/GO+44Q1IlglPlR2es4ab7Yvfx+Uk5xsv+Ykk+MEt/M2Yn/xGmzaLKxGw2lgy2bwuYqg==}
+ '@vitest/browser-playwright@4.1.11':
+ resolution: {integrity: sha512-riLBxPqwnJ0lWs2DN2WeUfYeKLoAjbP2Xx8cLQdSddzMi20sksIa6K2mPz79DyMZKKVKH2ksOC2yJvtNcZg8cg==}
+ peerDependencies:
+ playwright: '*'
+ vitest: 4.1.11
+
+ '@vitest/browser@4.1.11':
+ resolution: {integrity: sha512-bwMovvAeuTFOK5kIFevw4VEf+1gVEICv4SYK4k3knJOxl6b1zEWud8mYKD73e1B0odAn174h1MofURy2TPWf3w==}
+ peerDependencies:
+ vitest: 4.1.11
+
+ '@vitest/expect@4.1.11':
+ resolution: {integrity: sha512-VX2x5vNJXET47KAFzwERI+KRMtTTCSWTfSMKsW7JsUsXV4psq++e3DvZpuTDOpHcxytiDs6p2nhVb2tVDiiUYw==}
- '@vitest/mocker@3.1.3':
- resolution: {integrity: sha512-PJbLjonJK82uCWHjzgBJZuR7zmAOrSvKk1QBxrennDIgtH4uK0TB1PvYmc0XBCigxxtiAVPfWtAdy4lpz8SQGQ==}
+ '@vitest/mocker@4.1.11':
+ resolution: {integrity: sha512-2XJVD55d1o5AZous5CCGKS74g/riOj9odEt2bQpCVZeblHyHdnMeFl4jl0XjU21stf4mbjUkew2eXQZt65g5CQ==}
peerDependencies:
msw: ^2.4.9
- vite: ^5.0.0 || ^6.0.0
+ vite: ^6.0.0 || ^7.0.0 || ^8.0.0
peerDependenciesMeta:
msw:
optional: true
vite:
optional: true
- '@vitest/pretty-format@3.1.3':
- resolution: {integrity: sha512-i6FDiBeJUGLDKADw2Gb01UtUNb12yyXAqC/mmRWuYl+m/U9GS7s8us5ONmGkGpUUo7/iAYzI2ePVfOZTYvUifA==}
+ '@vitest/pretty-format@4.1.11':
+ resolution: {integrity: sha512-yiZzPbGTS9Sr/JpFl8zHrcIkAofNbFV6k21vIgQN/cY/oxZeXhJv5sc/MBJ5jFKWmWs+oJHw0UXLZjmf931+Vw==}
- '@vitest/runner@3.1.3':
- resolution: {integrity: sha512-Tae+ogtlNfFei5DggOsSUvkIaSuVywujMj6HzR97AHK6XK8i3BuVyIifWAm/sE3a15lF5RH9yQIrbXYuo0IFyA==}
+ '@vitest/runner@4.1.11':
+ resolution: {integrity: sha512-LztvUgdwMNJMIkj3hQnnxiC2Xy1zNxq928W/xhjCLaNCzqTZOudjwbQf6v9IntZGPw132i2Lq2rgTRZHD3JHNw==}
- '@vitest/snapshot@3.1.3':
- resolution: {integrity: sha512-XVa5OPNTYUsyqG9skuUkFzAeFnEzDp8hQu7kZ0N25B1+6KjGm4hWLtURyBbsIAOekfWQ7Wuz/N/XXzgYO3deWQ==}
+ '@vitest/snapshot@4.1.11':
+ resolution: {integrity: sha512-pN7ikn1ON7h8ee4gIAp4AzyK+zBtJPzVbqOgu5LCEh4VaJVbPQcgYQYJIMGQPXVeJJq1fnfazis7a5pFNPahog==}
- '@vitest/spy@3.1.3':
- resolution: {integrity: sha512-x6w+ctOEmEXdWaa6TO4ilb7l9DxPR5bwEb6hILKuxfU1NqWT2mpJD9NJN7t3OTfxmVlOMrvtoFJGdgyzZ605lQ==}
+ '@vitest/spy@4.1.11':
+ resolution: {integrity: sha512-apNa/prQy2qCeywhnixOHPRCgGNhvg7T4Dapfl1GahLp/R+uhBm5cPyFoNVyqsNd2h1nJxL6BqqdIjiABL60YA==}
- '@vitest/utils@3.1.3':
- resolution: {integrity: sha512-2Ltrpht4OmHO9+c/nmHtF09HWiyWdworqnHIwjfvDyWjuwKbdkcS9AnhsDn+8E2RM4x++foD1/tNuLPVvWG1Rg==}
+ '@vitest/utils@4.1.11':
+ resolution: {integrity: sha512-zTCVGpyFsGWBhllOyKlTw/vnr6D9qxsfSDyfbyZmTyjHw5N/VuvzHpHoQjm2ZJzn4RJgx5w4r7V0er69CmLgPQ==}
'@webcontainer/api@1.6.4':
resolution: {integrity: sha512-r9sHCXg1FcC1AMgppGwAc0vYWaQhqvg282cnsuPbJEzYnWifAdCVvg+8ngJUEHyHcomhJJp+/zuytite4ITHLw==}
@@ -2011,6 +2236,10 @@ packages:
argparse@1.0.10:
resolution: {integrity: sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==}
+ aria-query@5.3.1:
+ resolution: {integrity: sha512-Z/ZeOgVl7bcSYZ/u/rh0fOpvEpq//LZmdbkXyc7syVzjPAhfOa9ebsdTSjEBDU4vs5nC98Kfduj1uFo0qyET3g==}
+ engines: {node: '>= 0.4'}
+
aria-query@5.3.2:
resolution: {integrity: sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==}
engines: {node: '>= 0.4'}
@@ -2050,14 +2279,14 @@ packages:
resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
engines: {node: '>=8'}
+ buffer-image-size@0.6.4:
+ resolution: {integrity: sha512-nEh+kZOPY1w+gcCMobZ6ETUp9WfibndnosbpwB1iJk/8Gt5ZF2bhS6+B6bPYz424KtwsR6Rflc3tCz1/ghX2dQ==}
+ engines: {node: '>=4.0'}
+
builtin-modules@3.3.0:
resolution: {integrity: sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==}
engines: {node: '>=6'}
- cac@6.7.14:
- resolution: {integrity: sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==}
- engines: {node: '>=8'}
-
camelcase-css@2.0.1:
resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==}
engines: {node: '>= 6'}
@@ -2069,9 +2298,9 @@ packages:
ccount@2.0.1:
resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
- chai@5.2.0:
- resolution: {integrity: sha512-mCuXncKXk5iCLhfhwTc0izo0gtEmpz5CtG2y8GiOINBlMVS6v8TMRc5TaLWKS6692m9+dVVfzgeVxR5UxWHTYw==}
- engines: {node: '>=12'}
+ chai@6.2.2:
+ resolution: {integrity: sha512-NUPRluOfOiTKBKvWPtSD4PhFvWCqOi0BGStNWs57X9js7XGTprSmFoz5F0tWhR4WPjNeR9jXqdC7/UpSJTnlRg==}
+ engines: {node: '>=18'}
character-entities-html4@2.1.0:
resolution: {integrity: sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==}
@@ -2088,10 +2317,6 @@ packages:
chardet@0.7.0:
resolution: {integrity: sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==}
- check-error@2.1.1:
- resolution: {integrity: sha512-OAlb+T7V4Op9OwdkjmguYRqncdlx5JiofwOAUkmTF+jNdHwzTaTs4sRAGpzLF3oOz5xAyDGrPgeIDFQmDOTiJw==}
- engines: {node: '>= 16'}
-
chokidar@4.0.3:
resolution: {integrity: sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==}
engines: {node: '>= 14.16.0'}
@@ -2138,6 +2363,9 @@ packages:
confbox@0.2.2:
resolution: {integrity: sha512-1NB+BKqhtNipMsov4xI/NnhCKp9XG9NamYp5PVm9klAT0fsrNPjaFICsCFhNhwZJKNh7zB/3q8qXz0E9oaMNtQ==}
+ convert-source-map@2.0.0:
+ resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
+
cookie@0.6.0:
resolution: {integrity: sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==}
engines: {node: '>= 0.6'}
@@ -2235,10 +2463,6 @@ packages:
dedent-js@1.0.1:
resolution: {integrity: sha512-OUepMozQULMLUmhxS95Vudo0jb0UchLimi3+pQ2plj61Fcy8axbP9hbiD4Sz6DPqn6XG3kfmziVfQ1rSys5AJQ==}
- deep-eql@5.0.2:
- resolution: {integrity: sha512-h5k/5U50IJJFpzfL6nO9jaaumfjO/f2NjK/oYB2Djzm4p9L+3T9qWpZqZ2hAbLPuuYq9wrU08WQyBTL5GbPk5Q==}
- engines: {node: '>=6'}
-
deepmerge@4.3.1:
resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
engines: {node: '>=0.10.0'}
@@ -2261,6 +2485,9 @@ packages:
devalue@5.1.1:
resolution: {integrity: sha512-maua5KUiapvEwiEAe+XnlZ3Rh0GD+qI1J/nb9vrJc3muPXvcF/8gXYTWF76+5DAqHyDUtOIImEuo0YKE9mshVw==}
+ devalue@5.9.2:
+ resolution: {integrity: sha512-po4PAY5c53tw5XMocSnf8A/5OHhbbUftpr93aEN6BBoAdntUmK7vu7wOATqvt7cXO7m1Cl4gMVn6p7n6n4mj0w==}
+
devlop@1.1.0:
resolution: {integrity: sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==}
@@ -2293,8 +2520,12 @@ packages:
resolution: {integrity: sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==}
engines: {node: '>=0.12'}
- es-module-lexer@1.7.0:
- resolution: {integrity: sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==}
+ entities@7.0.1:
+ resolution: {integrity: sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==}
+ engines: {node: '>=0.12'}
+
+ es-module-lexer@2.3.2:
+ resolution: {integrity: sha512-poHGpORABojJJucnV9KbOavETW8lBVnphkW77ER5/BQ5Fz7oXSoCNek7IH3vR5nRjdsEz926ibFYX8KtLQmdyw==}
esbuild@0.25.12:
resolution: {integrity: sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg==}
@@ -2326,6 +2557,14 @@ packages:
esrap@1.4.6:
resolution: {integrity: sha512-F/D2mADJ9SHY3IwksD4DAXjTt7qt7GWUf3/8RhCNWmC/67tyb55dpimHmy7EplakFaflV0R/PC+fdSPqrRHAQw==}
+ esrap@2.3.6:
+ resolution: {integrity: sha512-yc0OC12UjPqLoc+fe+v5GNs4TOjAigUw3sTikfC+xeBPGUw7gDRz3DtYaqEhxyMVJojcSWJw7jT0QWR+CbuE/A==}
+ peerDependencies:
+ '@typescript-eslint/types': ^8.2.0
+ peerDependenciesMeta:
+ '@typescript-eslint/types':
+ optional: true
+
estree-walker@1.0.1:
resolution: {integrity: sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg==}
@@ -2339,8 +2578,8 @@ packages:
resolution: {integrity: sha512-eNTPlAD67BmP31LDINZ3U7HSF8l57TxOY2PmBJ1shpCvpnxBF93mWCE8YHBnXs8qiUZJc9WDcWIeC3a2HIAMfw==}
engines: {node: '>=6'}
- expect-type@1.2.1:
- resolution: {integrity: sha512-/kP8CAwxzLVEeFrMm4kMmy4CCDlpipyA7MYLVrdJIkV0fYF0UaigQHRsxHiuY/GEea+bh4KSv3TIlgr+2UL6bw==}
+ expect-type@1.4.0:
+ resolution: {integrity: sha512-KfYbmpRm0VbLjEvVa9yGwCi9GI34xvi7A/HXYWQO65CSD2u3MczUJSuwXKFIxlGsgBQizV9q5J9NHj4VG0n+pA==}
engines: {node: '>=12.0.0'}
exsolve@1.0.5:
@@ -2381,6 +2620,15 @@ packages:
picomatch:
optional: true
+ fdir@6.5.0:
+ resolution: {integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==}
+ engines: {node: '>=12.0.0'}
+ peerDependencies:
+ picomatch: ^3 || ^4
+ peerDependenciesMeta:
+ picomatch:
+ optional: true
+
fflate@0.4.8:
resolution: {integrity: sha512-FJqqoDBR00Mdj9ppamLa/Y7vxm+PRmNWA67N846RvsoYVMKB4q3y/de5PA7gUmRMYK/8CMz2GDZQmCRN1wBcWA==}
@@ -2462,6 +2710,14 @@ packages:
resolution: {integrity: sha512-5v6yZd4JK3eMI3FqqCouswVqwugaA9r4dNZB1wwcmrD02QkV5H0y7XBQW8QwQqEaZY1pM9aqORSORhJRdNK44Q==}
engines: {node: '>=6.0'}
+ happy-dom@18.0.1:
+ resolution: {integrity: sha512-qn+rKOW7KWpVTtgIUi6RVmTBZJSe2k0Db0vh1f7CWrWclkkc7/Q+FrOfkZIb2eiErLyqu5AXEzE7XthO9JVxRA==}
+ engines: {node: '>=20.0.0'}
+
+ happy-dom@20.11.13:
+ resolution: {integrity: sha512-UUGd67JqTs0BaH4UbTaq8jCxdtNoYjvbmZM5iwgQKK60tLad0p2uPc48WcVTj1MxlIP43z48WahJcViKbxnprQ==}
+ engines: {node: '>=20.0.0'}
+
hasown@2.0.2:
resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
engines: {node: '>= 0.4'}
@@ -2708,9 +2964,6 @@ packages:
longest-streak@3.1.0:
resolution: {integrity: sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==}
- loupe@3.1.3:
- resolution: {integrity: sha512-kkIp7XSkP78ZxJEsSxW3712C6teJVoeHHwgo9zJ380de7IYyJ2ISlxojcH2pC5OFLewESmnRi/+XCDIEEVyoug==}
-
lower-case@2.0.2:
resolution: {integrity: sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==}
@@ -2725,6 +2978,9 @@ packages:
magic-string@0.30.17:
resolution: {integrity: sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==}
+ magic-string@0.30.21:
+ resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==}
+
markdown-table@3.0.4:
resolution: {integrity: sha512-wiYz4+JrLyb/DqW2hkFJxP7Vd7JuTDm77fvbM8VfEQdmSMqcImWeeRbHwZjBjIFki/VaMK2BhFi7oUUZeM5bqw==}
@@ -2926,6 +3182,10 @@ packages:
encoding:
optional: true
+ obug@2.1.4:
+ resolution: {integrity: sha512-4a+OsYv9UktOJKE+l1A4OufDgdRF9PifWj+tJnHURo/P+WOxpG4GzUFL9qCalmWauao6ogiG+QvnCovwPoyAWA==}
+ engines: {node: '>=12.20.0'}
+
ohash@2.0.11:
resolution: {integrity: sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ==}
@@ -3012,10 +3272,6 @@ packages:
pathe@2.0.3:
resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==}
- pathval@2.0.0:
- resolution: {integrity: sha512-vE7JKRyES09KiunauX7nd2Q9/L7lhok4smP9RZTDeD4MVs72Dp2qNFVz39Nz5a0FVEW0BJR6C0DYrq6unoziZA==}
- engines: {node: '>= 14.16'}
-
periscopic@3.1.0:
resolution: {integrity: sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==}
@@ -3030,6 +3286,10 @@ packages:
resolution: {integrity: sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==}
engines: {node: '>=12'}
+ picomatch@4.0.7:
+ resolution: {integrity: sha512-qcJu88Q2IWqJsDD529JKMdwGm/dvInW4HvQnRwiH9JtihJvzGOscDtHE3x1pBKeUOTysQ8kVmLnJ2kJu7yhcGA==}
+ engines: {node: '>=12'}
+
pify@4.0.1:
resolution: {integrity: sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==}
engines: {node: '>=6'}
@@ -3054,6 +3314,10 @@ packages:
resolution: {integrity: sha512-Nc3IT5yHzflTfbjgqWcCPpo7DaKy4FnpB0l/zCAW0Tc7jxAiuqSxHasntB3D7887LSrA93kDJ9IXovxJYxyLCA==}
engines: {node: '>=4'}
+ pngjs@7.0.0:
+ resolution: {integrity: sha512-LKWqWJRhstyYo9pGvgor/ivk2w94eSjE3RGVuzLGlr3NmD8bf7RcYGze1mNdEHRP6TRP6rMuDHk5t44hnTRyow==}
+ engines: {node: '>=14.19.0'}
+
postcss-js@4.0.1:
resolution: {integrity: sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==}
engines: {node: ^12 || ^14 || >= 16}
@@ -3100,8 +3364,8 @@ packages:
preact@10.26.2:
resolution: {integrity: sha512-0gNmv4qpS9HaN3+40CLBAnKe0ZfyE4ZWo5xKlC1rVrr0ckkEvJvAQqKaHANdFKsGstoxrY4AItZ7kZSGVoVjgg==}
- prettier-plugin-svelte@3.3.3:
- resolution: {integrity: sha512-yViK9zqQ+H2qZD1w/bH7W8i+bVfKrD8GIFjkFe4Thl6kCT9SlAsXVNmt3jCvQOCsnOhcvYgsoVlRV/Eu6x5nNw==}
+ prettier-plugin-svelte@3.5.2:
+ resolution: {integrity: sha512-ItFouLvzSFE3ulNl4DKoWM3BGcbDCNVpIyy/Y3F2gC3aNiGLxtFUdffVqO5Z5hhYG+DFT5KULWaxmeFFpdbvaQ==}
peerDependencies:
prettier: ^3.0.0
svelte: ^3.2.0 || ^4.0.0-next.0 || ^5.0.0-next.0
@@ -3314,6 +3578,10 @@ packages:
resolution: {integrity: sha512-FoqMu0NCGBLCcAkS1qA+XJIQTR6/JHfQXl+uGteNCQ76T91DMUjPa9xfmeqMY3z80nLSg9yQmNjK0Px6RWsH/A==}
engines: {node: '>=18'}
+ sirv@3.0.2:
+ resolution: {integrity: sha512-2wcC/oGxHis/BoHkkPwldgiPSYcpZK3JU28WoMVv55yHJgcZ8rlXvuG9iZggz+sU1d4bRgIGASwyWqjxu3FM0g==}
+ engines: {node: '>=18'}
+
slash@3.0.0:
resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==}
engines: {node: '>=8'}
@@ -3341,8 +3609,8 @@ packages:
stacktracey@2.1.8:
resolution: {integrity: sha512-Kpij9riA+UNg7TnphqjH7/CzctQ/owJGNbFkfEeve4Z4uxT5+JapVLFXcsurIfN34gnTWZNJ/f7NMG0E8JDzTw==}
- std-env@3.9.0:
- resolution: {integrity: sha512-UGvjygr6F6tpH7o2qyqR6QYpwraIjKSdtzyBdyytFOHmPZY917kwdwLG0RbOjWOnKmnm3PeHjaoLLMie7kPLQw==}
+ std-env@4.2.0:
+ resolution: {integrity: sha512-oCUKSupKTHX53EyjDtuZQ64pjLJ6yYCtpmEw0goYxtjG9KpbRe8KAsl2tBUGU9DyMcJ0RwJ8GqJAFzMXcXW1Rw==}
stoppable@1.1.0:
resolution: {integrity: sha512-KXDYZ9dszj6bzvnEMRYvxgeTHU74QBFL54XKtP3nyMuJ81CFYtABZ3bAzL2EdFUaEwJOBOgENyFj3R7oTzDyyw==}
@@ -3443,8 +3711,8 @@ packages:
resolution: {integrity: sha512-IY1rnGr6izd10B0A8LqsBfmlT5OILVuZ7XsI0vdGPEvuonFV7NYEUK4dAkm9Zg2q0Um92kYjTpS1CAP3Nh/KWw==}
engines: {node: '>=16'}
- svelte@5.28.6:
- resolution: {integrity: sha512-9qqr7mw8YR9PAnxGFfzCK6PUlNGtns7wVavrhnxyf3fpB1mP/Ol55Z2UnIapsSzNNl3k9qw7cZ22PdE8+xT/jQ==}
+ svelte@5.56.10:
+ resolution: {integrity: sha512-Lcxbj8I/KAbpY+VjtY4ENQBV0dDCipfGAhqb51XQZ67CIQqXgsv/8dPkbILaj4Fb6/b6JAEM/PIVbILXgDQy2g==}
engines: {node: '>=18'}
tailwind-merge@3.3.0:
@@ -3469,12 +3737,13 @@ packages:
tinybench@2.9.0:
resolution: {integrity: sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==}
- tinyexec@0.3.2:
- resolution: {integrity: sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA==}
-
tinyexec@1.0.1:
resolution: {integrity: sha512-5uC6DDlmeqiOwCPmK9jMSdOuZTh8bU39Ys6yidB+UTt5hfZUPGAypSgFRiEp+jbi9qH40BLDvy85jIU88wKSqw==}
+ tinyexec@1.3.0:
+ resolution: {integrity: sha512-QKAl9m8gWWGHV8jZcPeym6j+XULi6tOf1mT83WYJ4Lk2ytW/uwAWkrP0uFsdoYMdueVJ0qs26wZ+23xeB4ibNQ==}
+ engines: {node: '>=18'}
+
tinyglobby@0.2.12:
resolution: {integrity: sha512-qkf4trmKSIiMTs/E63cxH+ojC2unam7rJ0WrauAzpT3ECNTxGRMlaXxVbfxMUC/w0LaYk6jQ4y/nGR9uBO3tww==}
engines: {node: '>=12.0.0'}
@@ -3483,16 +3752,12 @@ packages:
resolution: {integrity: sha512-mEwzpUgrLySlveBwEVDMKk5B57bhLPYovRfPAXD5gA/98Opn0rCDj3GtLwFvCvH5RK9uPCExUROW5NjDwvqkxw==}
engines: {node: '>=12.0.0'}
- tinypool@1.0.2:
- resolution: {integrity: sha512-al6n+QEANGFOMf/dmUMsuS5/r9B06uwlyNjZZql/zv8J7ybHCgoihBNORZCY2mzUuAnomQa2JdhyHKzZxPCrFA==}
- engines: {node: ^18.0.0 || >=20.0.0}
-
- tinyrainbow@2.0.0:
- resolution: {integrity: sha512-op4nsTR47R6p0vMUUoYl/a+ljLFVtlfaXkLQmqfLR1qHma1h/ysYk4hEXZ880bf2CYgTskvTa/e196Vd5dDQXw==}
- engines: {node: '>=14.0.0'}
+ tinyglobby@0.2.17:
+ resolution: {integrity: sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g==}
+ engines: {node: '>=12.0.0'}
- tinyspy@3.0.2:
- resolution: {integrity: sha512-n1cw8k1k0x4pgA2+9XrOkFydTerNcJ1zWCO5Nn9scWHTD+5tp8dghT2x1uduQePZTZgd3Tupf+x9BxJjeJi77Q==}
+ tinyrainbow@3.1.1:
+ resolution: {integrity: sha512-yau8yJdTt989Mm0Bd/236QnzEiPf2xLLTqUZRUJOo/3CB078LSwzei343DgtJVmfJKJE3TMINY1u42SQsP6mXw==}
engines: {node: '>=14.0.0'}
tmp@0.0.33:
@@ -3537,6 +3802,9 @@ packages:
ufo@1.6.1:
resolution: {integrity: sha512-9a4/uxlTWJ4+a5i0ooc1rU7C7YOw3wT+UGqdeNNHWnOF9qcMBgLRS+4IYUqbczewFx4mLEig6gawh7X6mFlEkA==}
+ undici-types@6.21.0:
+ resolution: {integrity: sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==}
+
undici-types@7.8.0:
resolution: {integrity: sha512-9UJ2xGDvQ43tYyVMpuHlsgApydB8ZKfVYTsLDhXkFL/6gfkp+U8xTGdh8pMJv1SpZna0zxG1DwsKZsreLbXBxw==}
@@ -3614,11 +3882,6 @@ packages:
vfile@6.0.3:
resolution: {integrity: sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==}
- vite-node@3.1.3:
- resolution: {integrity: sha512-uHV4plJ2IxCl4u1up1FQRrqclylKAogbtBfOTwcuJ28xFi+89PZ57BRh+naIRvH70HPwxy5QHYzg1OrEaC7AbA==}
- engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
- hasBin: true
-
vite@6.3.5:
resolution: {integrity: sha512-cZn6NDFE7wdTpINgs++ZJ4N49W2vRp8LCKrn3Ob1kYNtOo21vfDoaV5GzBfLU4MovSAB8uNRm4jgzVQZ+mBzPQ==}
engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
@@ -3667,26 +3930,45 @@ packages:
vite:
optional: true
- vitest@3.1.3:
- resolution: {integrity: sha512-188iM4hAHQ0km23TN/adso1q5hhwKqUpv+Sd6p5sOuh6FhQnRNW3IsiIpvxqahtBabsJ2SLZgmGSpcYK4wQYJw==}
- engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
+ vitest-browser-svelte@2.2.1:
+ resolution: {integrity: sha512-dVjmXuk58eLSloA41Lvz5ALMqWVzK7Gk5TvY5KWFbI8VoEO1nJF1/M498NwJRbxlnjaEZrASd02h+NDS/T9mBA==}
+ peerDependencies:
+ svelte: ^3 || ^4 || ^5 || ^5.0.0-next.0
+ vitest: ^4.0.0
+
+ vitest@4.1.11:
+ resolution: {integrity: sha512-fhACrNXUidIbGSBr5FlbuBkO7VWC1ZyLl0DO4CU2DrQoAPxX84Ysxs+HeGQpii5lZWV1Q4gBZTTu49mF+A6Edw==}
+ engines: {node: ^20.0.0 || ^22.0.0 || >=24.0.0}
hasBin: true
peerDependencies:
'@edge-runtime/vm': '*'
- '@types/debug': ^4.1.12
- '@types/node': ^18.0.0 || ^20.0.0 || >=22.0.0
- '@vitest/browser': 3.1.3
- '@vitest/ui': 3.1.3
+ '@opentelemetry/api': ^1.9.0
+ '@types/node': ^20.0.0 || ^22.0.0 || >=24.0.0
+ '@vitest/browser-playwright': 4.1.11
+ '@vitest/browser-preview': 4.1.11
+ '@vitest/browser-webdriverio': 4.1.11
+ '@vitest/coverage-istanbul': 4.1.11
+ '@vitest/coverage-v8': 4.1.11
+ '@vitest/ui': 4.1.11
happy-dom: '*'
jsdom: '*'
+ vite: ^6.0.0 || ^7.0.0 || ^8.0.0
peerDependenciesMeta:
'@edge-runtime/vm':
optional: true
- '@types/debug':
+ '@opentelemetry/api':
optional: true
'@types/node':
optional: true
- '@vitest/browser':
+ '@vitest/browser-playwright':
+ optional: true
+ '@vitest/browser-preview':
+ optional: true
+ '@vitest/browser-webdriverio':
+ optional: true
+ '@vitest/coverage-istanbul':
+ optional: true
+ '@vitest/coverage-v8':
optional: true
'@vitest/ui':
optional: true
@@ -3707,6 +3989,10 @@ packages:
webpack-virtual-modules@0.6.2:
resolution: {integrity: sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==}
+ whatwg-mimetype@3.0.0:
+ resolution: {integrity: sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==}
+ engines: {node: '>=12'}
+
whatwg-url@5.0.0:
resolution: {integrity: sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==}
@@ -3759,6 +4045,18 @@ packages:
utf-8-validate:
optional: true
+ ws@8.21.3:
+ resolution: {integrity: sha512-201TZ/kPWxoPr/OKWjquZR1SWKXcvxdH+e1xrx89b3YbmzLMFCLfnaG1HFIgWzJOEWZ7MvpK++odZufgYR50Rw==}
+ engines: {node: '>=10.0.0'}
+ peerDependencies:
+ bufferutil: ^4.0.1
+ utf-8-validate: '>=5.0.2'
+ peerDependenciesMeta:
+ bufferutil:
+ optional: true
+ utf-8-validate:
+ optional: true
+
yallist@5.0.0:
resolution: {integrity: sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==}
engines: {node: '>=18'}
@@ -3814,6 +4112,8 @@ snapshots:
'@babel/runtime@7.27.1': {}
+ '@blazediff/core@1.9.1': {}
+
'@changesets/apply-release-plan@7.0.12':
dependencies:
'@changesets/config': 3.1.1
@@ -4516,12 +4816,19 @@ snapshots:
'@jridgewell/sourcemap-codec': 1.5.0
'@jridgewell/trace-mapping': 0.3.25
+ '@jridgewell/remapping@2.3.5':
+ dependencies:
+ '@jridgewell/gen-mapping': 0.3.8
+ '@jridgewell/trace-mapping': 0.3.25
+
'@jridgewell/resolve-uri@3.1.2': {}
'@jridgewell/set-array@1.2.1': {}
'@jridgewell/sourcemap-codec@1.5.0': {}
+ '@jridgewell/sourcemap-codec@1.6.0': {}
+
'@jridgewell/trace-mapping@0.3.25':
dependencies:
'@jridgewell/resolve-uri': 3.1.2
@@ -4563,9 +4870,9 @@ snapshots:
d3-time: 3.1.0
d3-time-format: 4.1.0
- '@lucide/svelte@0.577.0(svelte@5.28.6)':
+ '@lucide/svelte@0.577.0(svelte@5.56.10)':
dependencies:
- svelte: 5.28.6
+ svelte: 5.56.10
'@manypkg/find-root@1.1.0':
dependencies:
@@ -4735,21 +5042,25 @@ snapshots:
'@standard-schema/spec@1.1.0': {}
+ '@sveltejs/acorn-typescript@1.0.13(acorn@8.14.1)':
+ dependencies:
+ acorn: 8.14.1
+
'@sveltejs/acorn-typescript@1.0.5(acorn@8.14.1)':
dependencies:
acorn: 8.14.1
- '@sveltejs/adapter-cloudflare@7.0.3(@sveltejs/kit@2.21.0(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.28.6)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)))(svelte@5.28.6)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)))(wrangler@4.14.4(@cloudflare/workers-types@4.20250514.0))':
+ '@sveltejs/adapter-cloudflare@7.0.3(@sveltejs/kit@2.21.0(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.56.10)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)))(svelte@5.56.10)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)))(wrangler@4.14.4(@cloudflare/workers-types@4.20250514.0))':
dependencies:
'@cloudflare/workers-types': 4.20250514.0
- '@sveltejs/kit': 2.21.0(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.28.6)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)))(svelte@5.28.6)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
+ '@sveltejs/kit': 2.21.0(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.56.10)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)))(svelte@5.56.10)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
worktop: 0.8.0-next.18
wrangler: 4.14.4(@cloudflare/workers-types@4.20250514.0)
- '@sveltejs/kit@2.21.0(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.28.6)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)))(svelte@5.28.6)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))':
+ '@sveltejs/kit@2.21.0(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.56.10)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)))(svelte@5.56.10)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))':
dependencies:
'@sveltejs/acorn-typescript': 1.0.5(acorn@8.14.1)
- '@sveltejs/vite-plugin-svelte': 5.0.3(svelte@5.28.6)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
+ '@sveltejs/vite-plugin-svelte': 5.0.3(svelte@5.56.10)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
'@types/cookie': 0.6.0
acorn: 8.14.1
cookie: 0.6.0
@@ -4761,41 +5072,41 @@ snapshots:
sade: 1.8.1
set-cookie-parser: 2.7.1
sirv: 3.0.1
- svelte: 5.28.6
+ svelte: 5.56.10
vite: 6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)
- '@sveltejs/package@2.3.11(svelte@5.28.6)(typescript@5.8.3)':
+ '@sveltejs/package@2.3.11(svelte@5.56.10)(typescript@5.8.3)':
dependencies:
chokidar: 4.0.3
kleur: 4.1.5
sade: 1.8.1
semver: 7.7.2
- svelte: 5.28.6
- svelte2tsx: 0.7.37(svelte@5.28.6)(typescript@5.8.3)
+ svelte: 5.56.10
+ svelte2tsx: 0.7.37(svelte@5.56.10)(typescript@5.8.3)
transitivePeerDependencies:
- typescript
- '@sveltejs/svelte-json-tree@2.2.1(svelte@5.28.6)':
+ '@sveltejs/svelte-json-tree@2.2.1(svelte@5.56.10)':
dependencies:
- svelte: 5.28.6
+ svelte: 5.56.10
- '@sveltejs/vite-plugin-svelte-inspector@4.0.1(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.28.6)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)))(svelte@5.28.6)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))':
+ '@sveltejs/vite-plugin-svelte-inspector@4.0.1(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.56.10)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)))(svelte@5.56.10)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))':
dependencies:
- '@sveltejs/vite-plugin-svelte': 5.0.3(svelte@5.28.6)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
+ '@sveltejs/vite-plugin-svelte': 5.0.3(svelte@5.56.10)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
debug: 4.4.0
- svelte: 5.28.6
+ svelte: 5.56.10
vite: 6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)
transitivePeerDependencies:
- supports-color
- '@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.28.6)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))':
+ '@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.56.10)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))':
dependencies:
- '@sveltejs/vite-plugin-svelte-inspector': 4.0.1(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.28.6)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)))(svelte@5.28.6)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
+ '@sveltejs/vite-plugin-svelte-inspector': 4.0.1(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.56.10)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)))(svelte@5.56.10)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
debug: 4.4.0
deepmerge: 4.3.1
kleur: 4.1.5
magic-string: 0.30.17
- svelte: 5.28.6
+ svelte: 5.56.10
vite: 6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)
vitefu: 1.0.6(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
transitivePeerDependencies:
@@ -4887,6 +5198,15 @@ snapshots:
tailwindcss: 4.1.6
vite: 6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)
+ '@testing-library/svelte-core@1.1.3(svelte@5.56.10)':
+ dependencies:
+ svelte: 5.56.10
+
+ '@types/chai@5.2.3':
+ dependencies:
+ '@types/deep-eql': 4.0.2
+ assertion-error: 2.0.1
+
'@types/cookie@0.6.0': {}
'@types/culori@2.1.1': {}
@@ -4905,6 +5225,8 @@ snapshots:
dependencies:
'@types/ms': 2.1.0
+ '@types/deep-eql@4.0.2': {}
+
'@types/estree@0.0.39': {}
'@types/estree@1.0.6': {}
@@ -4929,6 +5251,10 @@ snapshots:
'@types/node@12.20.55': {}
+ '@types/node@20.19.43':
+ dependencies:
+ undici-types: 6.21.0
+
'@types/node@24.0.1':
dependencies:
undici-types: 7.8.0
@@ -4937,61 +5263,145 @@ snapshots:
dependencies:
'@types/node': 24.0.1
+ '@types/trusted-types@2.0.7': {}
+
'@types/unist@2.0.11': {}
'@types/unist@3.0.2': {}
'@types/unist@3.0.3': {}
+ '@types/whatwg-mimetype@3.0.2': {}
+
+ '@types/ws@8.18.1':
+ dependencies:
+ '@types/node': 24.0.1
+ optional: true
+
'@ungap/structured-clone@1.3.1': {}
- '@vitest/expect@3.1.3':
+ '@vitest/browser-playwright@4.1.11(playwright@1.60.0)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))(vitest@4.1.11)':
+ dependencies:
+ '@vitest/browser': 4.1.11(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))(vitest@4.1.11(@types/node@24.0.1)(@vitest/browser-playwright@4.1.11)(happy-dom@20.11.13)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)))
+ '@vitest/mocker': 4.1.11(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
+ playwright: 1.60.0
+ tinyrainbow: 3.1.1
+ vitest: 4.1.11(@types/node@24.0.1)(@vitest/browser-playwright@4.1.11)(happy-dom@20.11.13)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
+ transitivePeerDependencies:
+ - bufferutil
+ - msw
+ - utf-8-validate
+ - vite
+
+ '@vitest/browser-playwright@4.1.11(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.19.4)(yaml@2.9.0))(vitest@4.1.11)':
+ dependencies:
+ '@vitest/browser': 4.1.11(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.19.4)(yaml@2.9.0))(vitest@4.1.11(@types/node@24.0.1)(@vitest/browser-playwright@4.1.11)(happy-dom@20.11.13)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.19.4)(yaml@2.9.0)))
+ '@vitest/mocker': 4.1.11(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.19.4)(yaml@2.9.0))
+ tinyrainbow: 3.1.1
+ vitest: 4.1.11(@types/node@24.0.1)(@vitest/browser-playwright@4.1.11)(happy-dom@20.11.13)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.19.4)(yaml@2.9.0))
+ transitivePeerDependencies:
+ - bufferutil
+ - msw
+ - utf-8-validate
+ - vite
+ optional: true
+
+ '@vitest/browser-playwright@4.1.11(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))(vitest@4.1.11)':
+ dependencies:
+ '@vitest/browser': 4.1.11(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))(vitest@4.1.11(@types/node@24.0.1)(@vitest/browser-playwright@4.1.11)(happy-dom@20.11.13)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)))
+ '@vitest/mocker': 4.1.11(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
+ tinyrainbow: 3.1.1
+ vitest: 4.1.11(@types/node@24.0.1)(@vitest/browser-playwright@4.1.11)(happy-dom@20.11.13)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
+ transitivePeerDependencies:
+ - bufferutil
+ - msw
+ - utf-8-validate
+ - vite
+ optional: true
+
+ '@vitest/browser@4.1.11(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.19.4)(yaml@2.9.0))(vitest@4.1.11(@types/node@24.0.1)(@vitest/browser-playwright@4.1.11)(happy-dom@20.11.13)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.19.4)(yaml@2.9.0)))':
+ dependencies:
+ '@blazediff/core': 1.9.1
+ '@vitest/mocker': 4.1.11(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.19.4)(yaml@2.9.0))
+ '@vitest/utils': 4.1.11
+ magic-string: 0.30.21
+ pngjs: 7.0.0
+ sirv: 3.0.2
+ tinyrainbow: 3.1.1
+ vitest: 4.1.11(@types/node@24.0.1)(@vitest/browser-playwright@4.1.11)(happy-dom@20.11.13)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.19.4)(yaml@2.9.0))
+ ws: 8.21.3
+ transitivePeerDependencies:
+ - bufferutil
+ - msw
+ - utf-8-validate
+ - vite
+ optional: true
+
+ '@vitest/browser@4.1.11(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))(vitest@4.1.11(@types/node@24.0.1)(@vitest/browser-playwright@4.1.11)(happy-dom@20.11.13)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)))':
+ dependencies:
+ '@blazediff/core': 1.9.1
+ '@vitest/mocker': 4.1.11(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
+ '@vitest/utils': 4.1.11
+ magic-string: 0.30.21
+ pngjs: 7.0.0
+ sirv: 3.0.2
+ tinyrainbow: 3.1.1
+ vitest: 4.1.11(@types/node@24.0.1)(@vitest/browser-playwright@4.1.11)(happy-dom@20.11.13)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
+ ws: 8.21.3
+ transitivePeerDependencies:
+ - bufferutil
+ - msw
+ - utf-8-validate
+ - vite
+
+ '@vitest/expect@4.1.11':
dependencies:
- '@vitest/spy': 3.1.3
- '@vitest/utils': 3.1.3
- chai: 5.2.0
- tinyrainbow: 2.0.0
+ '@standard-schema/spec': 1.1.0
+ '@types/chai': 5.2.3
+ '@vitest/spy': 4.1.11
+ '@vitest/utils': 4.1.11
+ chai: 6.2.2
+ tinyrainbow: 3.1.1
- '@vitest/mocker@3.1.3(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.19.4)(yaml@2.9.0))':
+ '@vitest/mocker@4.1.11(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.19.4)(yaml@2.9.0))':
dependencies:
- '@vitest/spy': 3.1.3
+ '@vitest/spy': 4.1.11
estree-walker: 3.0.3
- magic-string: 0.30.17
+ magic-string: 0.30.21
optionalDependencies:
vite: 6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.19.4)(yaml@2.9.0)
- '@vitest/mocker@3.1.3(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))':
+ '@vitest/mocker@4.1.11(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))':
dependencies:
- '@vitest/spy': 3.1.3
+ '@vitest/spy': 4.1.11
estree-walker: 3.0.3
- magic-string: 0.30.17
+ magic-string: 0.30.21
optionalDependencies:
vite: 6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)
- '@vitest/pretty-format@3.1.3':
+ '@vitest/pretty-format@4.1.11':
dependencies:
- tinyrainbow: 2.0.0
+ tinyrainbow: 3.1.1
- '@vitest/runner@3.1.3':
+ '@vitest/runner@4.1.11':
dependencies:
- '@vitest/utils': 3.1.3
+ '@vitest/utils': 4.1.11
pathe: 2.0.3
- '@vitest/snapshot@3.1.3':
+ '@vitest/snapshot@4.1.11':
dependencies:
- '@vitest/pretty-format': 3.1.3
- magic-string: 0.30.17
+ '@vitest/pretty-format': 4.1.11
+ '@vitest/utils': 4.1.11
+ magic-string: 0.30.21
pathe: 2.0.3
- '@vitest/spy@3.1.3':
- dependencies:
- tinyspy: 3.0.2
+ '@vitest/spy@4.1.11': {}
- '@vitest/utils@3.1.3':
+ '@vitest/utils@4.1.11':
dependencies:
- '@vitest/pretty-format': 3.1.3
- loupe: 3.1.3
- tinyrainbow: 2.0.0
+ '@vitest/pretty-format': 4.1.11
+ convert-source-map: 2.0.0
+ tinyrainbow: 3.1.1
'@webcontainer/api@1.6.4': {}
@@ -5017,6 +5427,8 @@ snapshots:
dependencies:
sprintf-js: 1.0.3
+ aria-query@5.3.1: {}
+
aria-query@5.3.2: {}
array-union@2.1.0: {}
@@ -5047,9 +5459,12 @@ snapshots:
dependencies:
fill-range: 7.1.1
- builtin-modules@3.3.0: {}
+ buffer-image-size@0.6.4:
+ dependencies:
+ '@types/node': 24.0.1
+ optional: true
- cac@6.7.14: {}
+ builtin-modules@3.3.0: {}
camelcase-css@2.0.1: {}
@@ -5057,13 +5472,7 @@ snapshots:
ccount@2.0.1: {}
- chai@5.2.0:
- dependencies:
- assertion-error: 2.0.1
- check-error: 2.1.1
- deep-eql: 5.0.2
- loupe: 3.1.3
- pathval: 2.0.0
+ chai@6.2.2: {}
character-entities-html4@2.1.0: {}
@@ -5075,8 +5484,6 @@ snapshots:
chardet@0.7.0: {}
- check-error@2.1.1: {}
-
chokidar@4.0.3:
dependencies:
readdirp: 4.1.2
@@ -5121,6 +5528,8 @@ snapshots:
confbox@0.2.2: {}
+ convert-source-map@2.0.0: {}
+
cookie@0.6.0: {}
cookie@0.7.2: {}
@@ -5204,8 +5613,6 @@ snapshots:
dedent-js@1.0.1: {}
- deep-eql@5.0.2: {}
-
deepmerge@4.3.1: {}
defu@6.1.4: {}
@@ -5218,6 +5625,8 @@ snapshots:
devalue@5.1.1: {}
+ devalue@5.9.2: {}
+
devlop@1.1.0:
dependencies:
dequal: 2.0.3
@@ -5246,7 +5655,10 @@ snapshots:
entities@6.0.1: {}
- es-module-lexer@1.7.0: {}
+ entities@7.0.1:
+ optional: true
+
+ es-module-lexer@2.3.2: {}
esbuild@0.25.12:
optionalDependencies:
@@ -5345,6 +5757,10 @@ snapshots:
dependencies:
'@jridgewell/sourcemap-codec': 1.5.0
+ esrap@2.3.6:
+ dependencies:
+ '@jridgewell/sourcemap-codec': 1.5.0
+
estree-walker@1.0.1: {}
estree-walker@2.0.2: {}
@@ -5355,7 +5771,7 @@ snapshots:
exit-hook@2.2.1: {}
- expect-type@1.2.1: {}
+ expect-type@1.4.0: {}
exsolve@1.0.5: {}
@@ -5393,6 +5809,14 @@ snapshots:
optionalDependencies:
picomatch: 4.0.2
+ fdir@6.4.4(picomatch@4.0.7):
+ optionalDependencies:
+ picomatch: 4.0.7
+
+ fdir@6.5.0(picomatch@4.0.7):
+ optionalDependencies:
+ picomatch: 4.0.7
+
fflate@0.4.8: {}
fill-range@7.1.1:
@@ -5479,6 +5903,26 @@ snapshots:
section-matter: 1.0.0
strip-bom-string: 1.0.0
+ happy-dom@18.0.1:
+ dependencies:
+ '@types/node': 20.19.43
+ '@types/whatwg-mimetype': 3.0.2
+ whatwg-mimetype: 3.0.0
+
+ happy-dom@20.11.13:
+ dependencies:
+ '@types/node': 24.0.1
+ '@types/whatwg-mimetype': 3.0.2
+ '@types/ws': 8.18.1
+ buffer-image-size: 0.6.4
+ entities: 7.0.1
+ whatwg-mimetype: 3.0.0
+ ws: 8.21.3
+ transitivePeerDependencies:
+ - bufferutil
+ - utf-8-validate
+ optional: true
+
hasown@2.0.2:
dependencies:
function-bind: 1.1.2
@@ -5728,8 +6172,6 @@ snapshots:
longest-streak@3.1.0: {}
- loupe@3.1.3: {}
-
lower-case@2.0.2:
dependencies:
tslib: 2.8.1
@@ -5742,6 +6184,10 @@ snapshots:
dependencies:
'@jridgewell/sourcemap-codec': 1.5.0
+ magic-string@0.30.21:
+ dependencies:
+ '@jridgewell/sourcemap-codec': 1.6.0
+
markdown-table@3.0.4: {}
mdast-util-find-and-replace@3.0.2:
@@ -5860,7 +6306,7 @@ snapshots:
mdn-data@2.0.30: {}
- mdsx@0.0.7(svelte@5.28.6):
+ mdsx@0.0.7(svelte@5.56.10):
dependencies:
esrap: 1.4.6
hast-util-to-html: 9.0.5
@@ -5869,7 +6315,7 @@ snapshots:
rehype-stringify: 10.0.1
remark-parse: 11.0.0
remark-rehype: 11.1.2
- svelte: 5.28.6
+ svelte: 5.56.10
unified: 11.0.5
unist-util-visit: 5.1.0
vfile: 6.0.3
@@ -6133,6 +6579,8 @@ snapshots:
dependencies:
whatwg-url: 5.0.0
+ obug@2.1.4: {}
+
ohash@2.0.11: {}
oniguruma-parser@0.12.2: {}
@@ -6213,8 +6661,6 @@ snapshots:
pathe@2.0.3: {}
- pathval@2.0.0: {}
-
periscopic@3.1.0:
dependencies:
'@types/estree': 1.0.7
@@ -6227,6 +6673,8 @@ snapshots:
picomatch@4.0.2: {}
+ picomatch@4.0.7: {}
+
pify@4.0.1: {}
pkg-types@1.3.1:
@@ -6251,6 +6699,8 @@ snapshots:
pluralize@8.0.0: {}
+ pngjs@7.0.0: {}
+
postcss-js@4.0.1(postcss@8.5.3):
dependencies:
camelcase-css: 2.0.1
@@ -6286,10 +6736,10 @@ snapshots:
preact@10.26.2: {}
- prettier-plugin-svelte@3.3.3(prettier@3.5.3)(svelte@5.28.6):
+ prettier-plugin-svelte@3.5.2(prettier@3.5.3)(svelte@5.56.10):
dependencies:
prettier: 3.5.3
- svelte: 5.28.6
+ svelte: 5.56.10
prettier@2.8.8: {}
@@ -6483,14 +6933,14 @@ snapshots:
dependencies:
queue-microtask: 1.2.3
- runed@0.37.1(@sveltejs/kit@2.21.0(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.28.6)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)))(svelte@5.28.6)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)))(svelte@5.28.6)(zod@4.4.3):
+ runed@0.37.1(@sveltejs/kit@2.21.0(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.56.10)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)))(svelte@5.56.10)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)))(svelte@5.56.10)(zod@4.4.3):
dependencies:
dequal: 2.0.3
esm-env: 1.2.2
lz-string: 1.5.0
- svelte: 5.28.6
+ svelte: 5.56.10
optionalDependencies:
- '@sveltejs/kit': 2.21.0(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.28.6)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)))(svelte@5.28.6)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
+ '@sveltejs/kit': 2.21.0(@sveltejs/vite-plugin-svelte@5.0.3(svelte@5.56.10)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)))(svelte@5.56.10)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
zod: 4.4.3
sade@1.8.1:
@@ -6604,6 +7054,12 @@ snapshots:
mrmime: 2.0.1
totalist: 3.0.1
+ sirv@3.0.2:
+ dependencies:
+ '@polka/url': 1.0.0-next.29
+ mrmime: 2.0.1
+ totalist: 3.0.1
+
slash@3.0.0: {}
source-map-js@1.2.1: {}
@@ -6626,7 +7082,7 @@ snapshots:
as-table: 1.0.55
get-source: 2.0.12
- std-env@3.9.0: {}
+ std-env@4.2.0: {}
stoppable@1.1.0: {}
@@ -6684,14 +7140,26 @@ snapshots:
- stylus
- sugarss
- svelte-check@4.1.7(picomatch@4.0.2)(svelte@5.28.6)(typescript@5.8.3):
+ svelte-check@4.1.7(picomatch@4.0.2)(svelte@5.56.10)(typescript@5.8.3):
dependencies:
'@jridgewell/trace-mapping': 0.3.25
chokidar: 4.0.3
fdir: 6.4.4(picomatch@4.0.2)
picocolors: 1.1.1
sade: 1.8.1
- svelte: 5.28.6
+ svelte: 5.56.10
+ typescript: 5.8.3
+ transitivePeerDependencies:
+ - picomatch
+
+ svelte-check@4.1.7(picomatch@4.0.7)(svelte@5.56.10)(typescript@5.8.3):
+ dependencies:
+ '@jridgewell/trace-mapping': 0.3.25
+ chokidar: 4.0.3
+ fdir: 6.4.4(picomatch@4.0.7)
+ picocolors: 1.1.1
+ sade: 1.8.1
+ svelte: 5.56.10
typescript: 5.8.3
transitivePeerDependencies:
- picomatch
@@ -6704,7 +7172,7 @@ snapshots:
postcss-load-config: 6.0.1(jiti@2.4.2)(postcss@8.5.3)(tsx@4.22.3)(yaml@2.9.0)
typescript: 5.8.3
- svelte-ux@2.0.0-next.22(postcss-load-config@6.0.1(jiti@2.4.2)(postcss@8.5.3)(tsx@4.22.3)(yaml@2.9.0))(postcss@8.5.3)(svelte@5.28.6):
+ svelte-ux@2.0.0-next.22(postcss-load-config@6.0.1(jiti@2.4.2)(postcss@8.5.3)(tsx@4.22.3)(yaml@2.9.0))(postcss@8.5.3)(svelte@5.56.10):
dependencies:
'@floating-ui/dom': 1.7.6
'@layerstack/svelte-actions': 1.0.1-next.18
@@ -6712,7 +7180,7 @@ snapshots:
'@layerstack/svelte-table': 1.0.1-next.18
'@layerstack/tailwind': 2.0.0-next.22
'@layerstack/utils': 2.0.0-next.18
- '@lucide/svelte': 0.577.0(svelte@5.28.6)
+ '@lucide/svelte': 0.577.0(svelte@5.56.10)
d3-array: 3.2.4
d3-scale: 4.0.2
esm-env: 1.2.2
@@ -6722,7 +7190,7 @@ snapshots:
prism-themes: 1.9.0
prismjs: 1.30.0
sveld: 0.22.1(postcss-load-config@6.0.1(jiti@2.4.2)(postcss@8.5.3)(tsx@4.22.3)(yaml@2.9.0))(postcss@8.5.3)
- svelte: 5.28.6
+ svelte: 5.56.10
zod: 3.25.67
transitivePeerDependencies:
- '@babel/core'
@@ -6735,11 +7203,11 @@ snapshots:
- stylus
- sugarss
- svelte2tsx@0.7.37(svelte@5.28.6)(typescript@5.8.3):
+ svelte2tsx@0.7.37(svelte@5.56.10)(typescript@5.8.3):
dependencies:
dedent-js: 1.0.1
pascal-case: 3.1.2
- svelte: 5.28.6
+ svelte: 5.56.10
typescript: 5.8.3
svelte@4.2.19:
@@ -6759,22 +7227,26 @@ snapshots:
magic-string: 0.30.17
periscopic: 3.1.0
- svelte@5.28.6:
+ svelte@5.56.10:
dependencies:
- '@ampproject/remapping': 2.3.0
+ '@jridgewell/remapping': 2.3.5
'@jridgewell/sourcemap-codec': 1.5.0
- '@sveltejs/acorn-typescript': 1.0.5(acorn@8.14.1)
+ '@sveltejs/acorn-typescript': 1.0.13(acorn@8.14.1)
'@types/estree': 1.0.7
+ '@types/trusted-types': 2.0.7
acorn: 8.14.1
- aria-query: 5.3.2
+ aria-query: 5.3.1
axobject-query: 4.1.0
clsx: 2.1.1
+ devalue: 5.9.2
esm-env: 1.2.2
- esrap: 1.4.6
+ esrap: 2.3.6
is-reference: 3.0.3
locate-character: 3.0.0
magic-string: 0.30.17
zimmerframe: 1.1.2
+ transitivePeerDependencies:
+ - '@typescript-eslint/types'
tailwind-merge@3.3.0: {}
@@ -6795,10 +7267,10 @@ snapshots:
tinybench@2.9.0: {}
- tinyexec@0.3.2: {}
-
tinyexec@1.0.1: {}
+ tinyexec@1.3.0: {}
+
tinyglobby@0.2.12:
dependencies:
fdir: 6.4.4(picomatch@4.0.2)
@@ -6809,11 +7281,12 @@ snapshots:
fdir: 6.4.4(picomatch@4.0.2)
picomatch: 4.0.2
- tinypool@1.0.2: {}
-
- tinyrainbow@2.0.0: {}
+ tinyglobby@0.2.17:
+ dependencies:
+ fdir: 6.5.0(picomatch@4.0.7)
+ picomatch: 4.0.7
- tinyspy@3.0.2: {}
+ tinyrainbow@3.1.1: {}
tmp@0.0.33:
dependencies:
@@ -6851,6 +7324,8 @@ snapshots:
ufo@1.6.1: {}
+ undici-types@6.21.0: {}
+
undici-types@7.8.0: {}
undici@5.29.0:
@@ -6909,7 +7384,7 @@ snapshots:
universalify@0.1.2: {}
- unplugin-icons@22.1.0(svelte@5.28.6):
+ unplugin-icons@22.1.0(svelte@5.56.10):
dependencies:
'@antfu/install-pkg': 1.1.0
'@iconify/utils': 2.3.0
@@ -6917,7 +7392,7 @@ snapshots:
local-pkg: 1.1.1
unplugin: 2.3.5
optionalDependencies:
- svelte: 5.28.6
+ svelte: 5.56.10
transitivePeerDependencies:
- supports-color
@@ -6944,48 +7419,6 @@ snapshots:
'@types/unist': 3.0.2
vfile-message: 4.0.3
- vite-node@3.1.3(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.19.4)(yaml@2.9.0):
- dependencies:
- cac: 6.7.14
- debug: 4.4.1
- es-module-lexer: 1.7.0
- pathe: 2.0.3
- vite: 6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.19.4)(yaml@2.9.0)
- transitivePeerDependencies:
- - '@types/node'
- - jiti
- - less
- - lightningcss
- - sass
- - sass-embedded
- - stylus
- - sugarss
- - supports-color
- - terser
- - tsx
- - yaml
-
- vite-node@3.1.3(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0):
- dependencies:
- cac: 6.7.14
- debug: 4.4.1
- es-module-lexer: 1.7.0
- pathe: 2.0.3
- vite: 6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)
- transitivePeerDependencies:
- - '@types/node'
- - jiti
- - less
- - lightningcss
- - sass
- - sass-embedded
- - stylus
- - sugarss
- - supports-color
- - terser
- - tsx
- - yaml
-
vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.19.4)(yaml@2.9.0):
dependencies:
esbuild: 0.25.4
@@ -7022,85 +7455,98 @@ snapshots:
optionalDependencies:
vite: 6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)
- vitest@3.1.3(@types/debug@4.1.13)(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.19.4)(yaml@2.9.0):
- dependencies:
- '@vitest/expect': 3.1.3
- '@vitest/mocker': 3.1.3(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.19.4)(yaml@2.9.0))
- '@vitest/pretty-format': 3.1.3
- '@vitest/runner': 3.1.3
- '@vitest/snapshot': 3.1.3
- '@vitest/spy': 3.1.3
- '@vitest/utils': 3.1.3
- chai: 5.2.0
- debug: 4.4.1
- expect-type: 1.2.1
- magic-string: 0.30.17
+ vitest-browser-svelte@2.2.1(svelte@5.56.10)(vitest@4.1.11(@types/node@24.0.1)(@vitest/browser-playwright@4.1.11)(happy-dom@20.11.13)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))):
+ dependencies:
+ '@testing-library/svelte-core': 1.1.3(svelte@5.56.10)
+ svelte: 5.56.10
+ vitest: 4.1.11(@types/node@24.0.1)(@vitest/browser-playwright@4.1.11)(happy-dom@20.11.13)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
+
+ vitest@4.1.11(@types/node@24.0.1)(@vitest/browser-playwright@4.1.11)(happy-dom@18.0.1)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)):
+ dependencies:
+ '@vitest/expect': 4.1.11
+ '@vitest/mocker': 4.1.11(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
+ '@vitest/pretty-format': 4.1.11
+ '@vitest/runner': 4.1.11
+ '@vitest/snapshot': 4.1.11
+ '@vitest/spy': 4.1.11
+ '@vitest/utils': 4.1.11
+ es-module-lexer: 2.3.2
+ expect-type: 1.4.0
+ magic-string: 0.30.21
+ obug: 2.1.4
pathe: 2.0.3
- std-env: 3.9.0
+ picomatch: 4.0.7
+ std-env: 4.2.0
tinybench: 2.9.0
- tinyexec: 0.3.2
- tinyglobby: 0.2.13
- tinypool: 1.0.2
- tinyrainbow: 2.0.0
+ tinyexec: 1.3.0
+ tinyglobby: 0.2.17
+ tinyrainbow: 3.1.1
+ vite: 6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)
+ why-is-node-running: 2.3.0
+ optionalDependencies:
+ '@types/node': 24.0.1
+ '@vitest/browser-playwright': 4.1.11(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))(vitest@4.1.11)
+ happy-dom: 18.0.1
+ transitivePeerDependencies:
+ - msw
+
+ vitest@4.1.11(@types/node@24.0.1)(@vitest/browser-playwright@4.1.11)(happy-dom@20.11.13)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.19.4)(yaml@2.9.0)):
+ dependencies:
+ '@vitest/expect': 4.1.11
+ '@vitest/mocker': 4.1.11(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.19.4)(yaml@2.9.0))
+ '@vitest/pretty-format': 4.1.11
+ '@vitest/runner': 4.1.11
+ '@vitest/snapshot': 4.1.11
+ '@vitest/spy': 4.1.11
+ '@vitest/utils': 4.1.11
+ es-module-lexer: 2.3.2
+ expect-type: 1.4.0
+ magic-string: 0.30.21
+ obug: 2.1.4
+ pathe: 2.0.3
+ picomatch: 4.0.7
+ std-env: 4.2.0
+ tinybench: 2.9.0
+ tinyexec: 1.3.0
+ tinyglobby: 0.2.17
+ tinyrainbow: 3.1.1
vite: 6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.19.4)(yaml@2.9.0)
- vite-node: 3.1.3(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.19.4)(yaml@2.9.0)
why-is-node-running: 2.3.0
optionalDependencies:
- '@types/debug': 4.1.13
'@types/node': 24.0.1
+ '@vitest/browser-playwright': 4.1.11(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.19.4)(yaml@2.9.0))(vitest@4.1.11)
+ happy-dom: 20.11.13
transitivePeerDependencies:
- - jiti
- - less
- - lightningcss
- msw
- - sass
- - sass-embedded
- - stylus
- - sugarss
- - supports-color
- - terser
- - tsx
- - yaml
-
- vitest@3.1.3(@types/debug@4.1.13)(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0):
- dependencies:
- '@vitest/expect': 3.1.3
- '@vitest/mocker': 3.1.3(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
- '@vitest/pretty-format': 3.1.3
- '@vitest/runner': 3.1.3
- '@vitest/snapshot': 3.1.3
- '@vitest/spy': 3.1.3
- '@vitest/utils': 3.1.3
- chai: 5.2.0
- debug: 4.4.1
- expect-type: 1.2.1
- magic-string: 0.30.17
+
+ vitest@4.1.11(@types/node@24.0.1)(@vitest/browser-playwright@4.1.11)(happy-dom@20.11.13)(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)):
+ dependencies:
+ '@vitest/expect': 4.1.11
+ '@vitest/mocker': 4.1.11(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))
+ '@vitest/pretty-format': 4.1.11
+ '@vitest/runner': 4.1.11
+ '@vitest/snapshot': 4.1.11
+ '@vitest/spy': 4.1.11
+ '@vitest/utils': 4.1.11
+ es-module-lexer: 2.3.2
+ expect-type: 1.4.0
+ magic-string: 0.30.21
+ obug: 2.1.4
pathe: 2.0.3
- std-env: 3.9.0
+ picomatch: 4.0.7
+ std-env: 4.2.0
tinybench: 2.9.0
- tinyexec: 0.3.2
- tinyglobby: 0.2.13
- tinypool: 1.0.2
- tinyrainbow: 2.0.0
+ tinyexec: 1.3.0
+ tinyglobby: 0.2.17
+ tinyrainbow: 3.1.1
vite: 6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)
- vite-node: 3.1.3(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0)
why-is-node-running: 2.3.0
optionalDependencies:
- '@types/debug': 4.1.13
'@types/node': 24.0.1
+ '@vitest/browser-playwright': 4.1.11(vite@6.3.5(@types/node@24.0.1)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.22.3)(yaml@2.9.0))(vitest@4.1.11)
+ happy-dom: 20.11.13
transitivePeerDependencies:
- - jiti
- - less
- - lightningcss
- msw
- - sass
- - sass-embedded
- - stylus
- - sugarss
- - supports-color
- - terser
- - tsx
- - yaml
web-namespaces@2.0.1: {}
@@ -7110,6 +7556,8 @@ snapshots:
webpack-virtual-modules@0.6.2: {}
+ whatwg-mimetype@3.0.0: {}
+
whatwg-url@5.0.0:
dependencies:
tr46: 0.0.3
@@ -7169,6 +7617,8 @@ snapshots:
ws@8.18.0: {}
+ ws@8.21.3: {}
+
yallist@5.0.0: {}
yaml@2.7.1: {}