@nqmcreative/ui 0.1.0

package/dist/components/Toaster.svelte

@@ -0,0 +1,110 @@
+<script lang="ts">
+	import { flip } from 'svelte/animate';
+	import { fly } from 'svelte/transition';
+	import { portal } from '../actions/dismissable.js';
+	import { toast } from '../toast.svelte.js';
+	import { toneBorderSoft, toneSurface, toneText } from '../tones.js';
+	import Spinner from './Spinner.svelte';
+	import { useLocale } from '../locale.svelte.js';
+
+	export type ToasterPosition =
+		'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+
+	interface Props {
+		position?: ToasterPosition;
+		class?: string;
+	}
+
+	let { position = 'bottom-right', class: className = '' }: Props = $props();
+
+	const t = useLocale();
+
+	const positions: Record<ToasterPosition, string> = {
+		'top-left': 'top-4 left-4 items-start',
+		'top-center': 'top-4 left-1/2 -translate-x-1/2 items-center',
+		'top-right': 'top-4 right-4 items-end',
+		'bottom-left': 'bottom-4 left-4 items-start',
+		'bottom-center': 'bottom-4 left-1/2 -translate-x-1/2 items-center',
+		'bottom-right': 'bottom-4 right-4 items-end'
+	};
+
+	const fromTop = $derived(position.startsWith('top'));
+	const fromLeft = $derived(position.endsWith('left'));
+	const fromCenter = $derived(position.endsWith('center'));
+
+	const enter = $derived(
+		fromCenter ? { y: fromTop ? -16 : 16, x: 0 } : { x: fromLeft ? -16 : 16, y: 0 }
+	);
+</script>
+
+<div
+	use:portal
+	aria-live="polite"
+	aria-label={t.current.notifications}
+	class="pointer-events-none fixed z-[100] flex w-[min(24rem,calc(100vw-2rem))] flex-col gap-3 {positions[
+		position
+	]} {fromTop ? '' : 'flex-col-reverse'} {className}"
+>
+	{#each toast.items as item (item.id)}
+		<div
+			animate:flip={{ duration: 200 }}
+			in:fly={{ ...enter, duration: 220 }}
+			out:fly={{ ...enter, duration: 160 }}
+			role={item.tone === 'danger' ? 'alert' : 'status'}
+			class="pointer-events-auto flex w-full items-start gap-3 border p-4 font-sans
+				{toneSurface[item.tone]} {toneBorderSoft[item.tone]}"
+		>
+			<span class="mt-0.5 shrink-0 {toneText[item.tone]}">
+				{#if item.loading}
+					<Spinner size="sm" label="" />
+				{:else if item.tone === 'success'}
+					<svg class="size-4" viewBox="0 0 16 16" fill="none" aria-hidden="true">
+						<path d="m3 8.5 3.2 3.2L13 5" stroke="currentColor" stroke-width="1.6" />
+					</svg>
+				{:else if item.tone === 'danger'}
+					<svg class="size-4" viewBox="0 0 16 16" fill="none" aria-hidden="true">
+						<path d="m3.5 3.5 9 9M12.5 3.5l-9 9" stroke="currentColor" stroke-width="1.6" />
+					</svg>
+				{:else}
+					<svg class="size-4" viewBox="0 0 16 16" fill="none" aria-hidden="true">
+						<circle cx="8" cy="8" r="7" stroke="currentColor" stroke-width="1.5" />
+						<path d="M8 4.5v4.5" stroke="currentColor" stroke-width="1.5" />
+						<circle cx="8" cy="11.5" r="0.9" fill="currentColor" />
+					</svg>
+				{/if}
+			</span>
+
+			<div class="flex min-w-0 flex-1 flex-col gap-1">
+				<p class="text-[15px] leading-snug font-medium {toneText[item.tone]}">{item.title}</p>
+				{#if item.description}
+					<p class="text-sm leading-relaxed text-text-secondary">{item.description}</p>
+				{/if}
+				{#if item.action}
+					<button
+						type="button"
+						onclick={() => {
+							item.action?.onclick();
+							toast.dismiss(item.id);
+						}}
+						class="mt-1 self-start font-sans text-sm font-medium underline underline-offset-4 {toneText[
+							item.tone
+						]}"
+					>
+						{item.action.label}
+					</button>
+				{/if}
+			</div>
+
+			<button
+				type="button"
+				onclick={() => toast.dismiss(item.id)}
+				aria-label={t.current.dismiss}
+				class="-m-1 shrink-0 p-1 text-text-muted transition-colors duration-150 hover:text-text focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-current"
+			>
+				<svg class="size-3.5" viewBox="0 0 14 14" fill="none" aria-hidden="true">
+					<path d="m2 2 10 10M12 2 2 12" stroke="currentColor" stroke-width="1.5" />
+				</svg>
+			</button>
+		</div>
+	{/each}
+</div>

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

@@ -0,0 +1,8 @@
+export type ToasterPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+interface Props {
+    position?: ToasterPosition;
+    class?: string;
+}
+declare const Toaster: import("svelte").Component<Props, {}, "">;
+type Toaster = ReturnType<typeof Toaster>;
+export default Toaster;

package/dist/components/Tooltip.svelte

@@ -0,0 +1,33 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
+
+	interface Props extends HTMLAttributes<HTMLSpanElement> {
+		/** Tooltip text. CSS-only: shows on hover and on keyboard focus. */
+		content: string;
+		placement?: TooltipPlacement;
+		children: Snippet;
+	}
+
+	let { content, placement = 'top', class: className = '', children, ...rest }: Props = $props();
+
+	const placements: Record<TooltipPlacement, string> = {
+		top: 'bottom-full left-1/2 mb-2 -translate-x-1/2',
+		bottom: 'top-full left-1/2 mt-2 -translate-x-1/2',
+		left: 'right-full top-1/2 mr-2 -translate-y-1/2',
+		right: 'left-full top-1/2 ml-2 -translate-y-1/2'
+	};
+</script>
+
+<span class="group/tt relative inline-flex" {...rest}>
+	{@render children()}
+	<span
+		role="tooltip"
+		class="pointer-events-none invisible absolute z-50 bg-text px-2.5 py-1.5 font-sans text-xs whitespace-nowrap text-text-inverse opacity-0 transition-opacity duration-150 ease-brand-out group-focus-within/tt:visible group-focus-within/tt:opacity-100 group-hover/tt:visible group-hover/tt:opacity-100
+			{placements[placement]} {className}"
+	>
+		{content}
+	</span>
+</span>

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

@@ -0,0 +1,12 @@
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+export type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
+interface Props extends HTMLAttributes<HTMLSpanElement> {
+    /** Tooltip text. CSS-only: shows on hover and on keyboard focus. */
+    content: string;
+    placement?: TooltipPlacement;
+    children: Snippet;
+}
+declare const Tooltip: import("svelte").Component<Props, {}, "">;
+type Tooltip = ReturnType<typeof Tooltip>;
+export default Tooltip;

package/dist/date.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Date helpers for `Calendar` and `DatePicker`.
+ *
+ * Dates cross the component boundary as `YYYY-MM-DD` strings, never as `Date`
+ * objects: a `Date` is a UTC instant, so `new Date('2026-03-01')` is the last
+ * day of February for anyone west of Greenwich. Everything below stays in the
+ * viewer's local calendar.
+ */
+/** `YYYY-MM-DD` for a local date. */
+export declare function toISO(date: Date): string;
+/** Parses `YYYY-MM-DD` as local midnight. Returns `null` for anything else. */
+export declare function fromISO(value: string | undefined | null): Date | null;
+export declare function today(): Date;
+export declare function isSameDay(a: Date | null, b: Date | null): boolean;
+export declare function addDays(date: Date, days: number): Date;
+export declare function addMonths(date: Date, months: number): Date;
+/**
+ * The 42 cells of a month grid: trailing days of the previous month, the month
+ * itself, then enough of the next to fill six rows, so the grid never jumps
+ * height between months.
+ */
+export declare function monthGrid(month: Date, weekStart?: 0 | 1): Date[];
+/** Localised weekday initials, starting on `weekStart`. */
+export declare function weekdayNames(locale: string, weekStart?: 0 | 1): string[];
+export declare function monthLabel(month: Date, locale: string): string;
+/** `true` when `date` falls outside `min`/`max`, both inclusive and optional. */
+export declare function isOutOfRange(date: Date, min?: string, max?: string): boolean;
+export type DateFormat = 'dmy' | 'mdy' | 'ymd';
+/** Prints `YYYY-MM-DD` in the locale's part order, e.g. `31/12/2026`. */
+export declare function formatISO(value: string, format: DateFormat, separator?: string): string;
+/**
+ * The inverse of `formatISO`, forgiving about separators and single digits.
+ * Returns `null` when the text isn't a complete, real date.
+ */
+export declare function parseFormatted(text: string, format: DateFormat): string | null;

package/dist/date.js

@@ -0,0 +1,108 @@
+/**
+ * Date helpers for `Calendar` and `DatePicker`.
+ *
+ * Dates cross the component boundary as `YYYY-MM-DD` strings, never as `Date`
+ * objects: a `Date` is a UTC instant, so `new Date('2026-03-01')` is the last
+ * day of February for anyone west of Greenwich. Everything below stays in the
+ * viewer's local calendar.
+ */
+/** `YYYY-MM-DD` for a local date. */
+export function toISO(date) {
+    const month = `${date.getMonth() + 1}`.padStart(2, '0');
+    const day = `${date.getDate()}`.padStart(2, '0');
+    return `${date.getFullYear()}-${month}-${day}`;
+}
+/** Parses `YYYY-MM-DD` as local midnight. Returns `null` for anything else. */
+export function fromISO(value) {
+    if (!value)
+        return null;
+    const match = /^(\d{4})-(\d{2})-(\d{2})$/.exec(value.trim());
+    if (!match)
+        return null;
+    const [, y, m, d] = match;
+    const date = new Date(Number(y), Number(m) - 1, Number(d));
+    // Rejects 2026-02-31 and friends, which Date would roll forward.
+    return date.getMonth() === Number(m) - 1 ? date : null;
+}
+export function today() {
+    const now = new Date();
+    return new Date(now.getFullYear(), now.getMonth(), now.getDate());
+}
+export function isSameDay(a, b) {
+    return !!a && !!b && toISO(a) === toISO(b);
+}
+export function addDays(date, days) {
+    return new Date(date.getFullYear(), date.getMonth(), date.getDate() + days);
+}
+export function addMonths(date, months) {
+    const target = new Date(date.getFullYear(), date.getMonth() + months, 1);
+    const lastDay = new Date(target.getFullYear(), target.getMonth() + 1, 0).getDate();
+    target.setDate(Math.min(date.getDate(), lastDay));
+    return target;
+}
+/**
+ * The 42 cells of a month grid: trailing days of the previous month, the month
+ * itself, then enough of the next to fill six rows, so the grid never jumps
+ * height between months.
+ */
+export function monthGrid(month, weekStart = 1) {
+    const first = new Date(month.getFullYear(), month.getMonth(), 1);
+    const offset = (first.getDay() - weekStart + 7) % 7;
+    const start = addDays(first, -offset);
+    return Array.from({ length: 42 }, (_, i) => addDays(start, i));
+}
+/** Localised weekday initials, starting on `weekStart`. */
+export function weekdayNames(locale, weekStart = 1) {
+    const format = new Intl.DateTimeFormat(locale, { weekday: 'short' });
+    // 2024-01-07 was a Sunday, so this walks a full week in order.
+    return Array.from({ length: 7 }, (_, i) => format.format(new Date(2024, 0, 7 + ((i + weekStart) % 7))));
+}
+export function monthLabel(month, locale) {
+    return new Intl.DateTimeFormat(locale, { month: 'long', year: 'numeric' }).format(month);
+}
+/** `true` when `date` falls outside `min`/`max`, both inclusive and optional. */
+export function isOutOfRange(date, min, max) {
+    const iso = toISO(date);
+    if (min && iso < min)
+        return true;
+    if (max && iso > max)
+        return true;
+    return false;
+}
+/** Prints `YYYY-MM-DD` in the locale's part order, e.g. `31/12/2026`. */
+export function formatISO(value, format, separator = '/') {
+    const date = fromISO(value);
+    if (!date)
+        return '';
+    const d = `${date.getDate()}`.padStart(2, '0');
+    const m = `${date.getMonth() + 1}`.padStart(2, '0');
+    const y = `${date.getFullYear()}`;
+    if (format === 'ymd')
+        return [y, m, d].join(separator);
+    if (format === 'mdy')
+        return [m, d, y].join(separator);
+    return [d, m, y].join(separator);
+}
+/**
+ * The inverse of `formatISO`, forgiving about separators and single digits.
+ * Returns `null` when the text isn't a complete, real date.
+ */
+export function parseFormatted(text, format) {
+    const parts = text
+        .trim()
+        .split(/[^\d]+/)
+        .filter(Boolean);
+    if (parts.length !== 3)
+        return null;
+    let y, m, d;
+    if (format === 'ymd')
+        [y, m, d] = parts;
+    else if (format === 'mdy')
+        [m, d, y] = parts;
+    else
+        [d, m, y] = parts;
+    if (y.length !== 4)
+        return null;
+    const iso = `${y}-${m.padStart(2, '0')}-${d.padStart(2, '0')}`;
+    return fromISO(iso) ? iso : null;
+}

package/dist/fonts.css

@@ -0,0 +1,193 @@
+/*
+ * Optional: the exact Google Fonts used by nqmcreative.com — Sora (headings),
+ * Work Sans (body), JetBrains Mono (labels and code). Import this only if your
+ * project doesn't already self-host or load these fonts another way.
+ *
+ * These are plain `@font-face` rules rather than an `@import` of the Google
+ * stylesheet on purpose: `@import` is only valid before every other rule, so a
+ * bundler silently drops it when this file is imported after `tailwindcss` —
+ * the fonts then fall back to system-ui with no error anywhere. `@font-face`
+ * works wherever you put it, and it skips the CSS-to-CSS round trip before the
+ * font files start downloading.
+ *
+ * Latin and Latin Extended subsets only. Add
+ * `<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>` to
+ * your document head to open the connection earlier.
+ */
+
+/* --- Sora --- */
+/* latin */
+@font-face {
+	font-family: 'Sora';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(https://fonts.gstatic.com/s/sora/v17/xMQ9uFFYT72X5wkB_18qmnndmSdSnh2BAfO5mnuyOo1lfiQwV6-x.woff2)
+		format('woff2');
+	unicode-range:
+		U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
+		U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* latin-ext */
+@font-face {
+	font-family: 'Sora';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(https://fonts.gstatic.com/s/sora/v17/xMQ9uFFYT72X5wkB_18qmnndmSdSnh2BAfO5mnuyOo1lfiQwWa-xsaQ.woff2)
+		format('woff2');
+	unicode-range:
+		U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
+		U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
+		U+A720-A7FF;
+}
+/* latin */
+@font-face {
+	font-family: 'Sora';
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(https://fonts.gstatic.com/s/sora/v17/xMQ9uFFYT72X5wkB_18qmnndmSdSnh2BAfO5mnuyOo1lfiQwV6-x.woff2)
+		format('woff2');
+	unicode-range:
+		U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
+		U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* latin-ext */
+@font-face {
+	font-family: 'Sora';
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(https://fonts.gstatic.com/s/sora/v17/xMQ9uFFYT72X5wkB_18qmnndmSdSnh2BAfO5mnuyOo1lfiQwWa-xsaQ.woff2)
+		format('woff2');
+	unicode-range:
+		U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
+		U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
+		U+A720-A7FF;
+}
+/* latin */
+@font-face {
+	font-family: 'Sora';
+	font-style: normal;
+	font-weight: 600;
+	font-display: swap;
+	src: url(https://fonts.gstatic.com/s/sora/v17/xMQ9uFFYT72X5wkB_18qmnndmSdSnh2BAfO5mnuyOo1lfiQwV6-x.woff2)
+		format('woff2');
+	unicode-range:
+		U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
+		U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* latin-ext */
+@font-face {
+	font-family: 'Sora';
+	font-style: normal;
+	font-weight: 600;
+	font-display: swap;
+	src: url(https://fonts.gstatic.com/s/sora/v17/xMQ9uFFYT72X5wkB_18qmnndmSdSnh2BAfO5mnuyOo1lfiQwWa-xsaQ.woff2)
+		format('woff2');
+	unicode-range:
+		U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
+		U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
+		U+A720-A7FF;
+}
+/* --- Work Sans --- */
+/* latin */
+@font-face {
+	font-family: 'Work Sans';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(https://fonts.gstatic.com/s/worksans/v24/QGYsz_wNahGAdqQ43Rh_fKDp.woff2) format('woff2');
+	unicode-range:
+		U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
+		U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* latin-ext */
+@font-face {
+	font-family: 'Work Sans';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(https://fonts.gstatic.com/s/worksans/v24/QGYsz_wNahGAdqQ43Rh_cqDpp_k.woff2)
+		format('woff2');
+	unicode-range:
+		U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
+		U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
+		U+A720-A7FF;
+}
+/* latin */
+@font-face {
+	font-family: 'Work Sans';
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(https://fonts.gstatic.com/s/worksans/v24/QGYsz_wNahGAdqQ43Rh_fKDp.woff2) format('woff2');
+	unicode-range:
+		U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
+		U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* latin-ext */
+@font-face {
+	font-family: 'Work Sans';
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(https://fonts.gstatic.com/s/worksans/v24/QGYsz_wNahGAdqQ43Rh_cqDpp_k.woff2)
+		format('woff2');
+	unicode-range:
+		U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
+		U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
+		U+A720-A7FF;
+}
+/* --- JetBrains Mono --- */
+/* latin */
+@font-face {
+	font-family: 'JetBrains Mono';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxDcwg.woff2)
+		format('woff2');
+	unicode-range:
+		U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
+		U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* latin-ext */
+@font-face {
+	font-family: 'JetBrains Mono';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx7cwhsk.woff2)
+		format('woff2');
+	unicode-range:
+		U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
+		U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
+		U+A720-A7FF;
+}
+/* latin */
+@font-face {
+	font-family: 'JetBrains Mono';
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxDcwg.woff2)
+		format('woff2');
+	unicode-range:
+		U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
+		U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* latin-ext */
+@font-face {
+	font-family: 'JetBrains Mono';
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx7cwhsk.woff2)
+		format('woff2');
+	unicode-range:
+		U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
+		U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
+		U+A720-A7FF;
+}

package/dist/index.d.ts

@@ -0,0 +1,105 @@
+/**
+ * @nqmcreative/ui — public entry point.
+ * Tokens live in `theme.css`; shared tone maps live in `tones.ts`.
+ */
+export { TONES, focusRing, peerFocusRing, toneBorder, toneBorderLeft, toneBorderSoft, toneFill, toneFocusBorder, toneFocusWithinBorder, toneHoverBorder, toneHoverText, tonePeerChecked, tonePeerFocus, toneRing, toneSoft, toneSoftHover, toneSolid, toneSolidHover, toneSurface, toneText } from './tones.js';
+export type { Tone } from './tones.js';
+export { anchored } from './actions/anchor.js';
+export type { Placement, AnchorOptions } from './actions/anchor.js';
+export { clickOutside, focusTrap, focusable, navigateList, portal } from './actions/dismissable.js';
+export type { ClickOutsideOptions, FocusTrapOptions } from './actions/dismissable.js';
+export { toast } from './toast.svelte.js';
+export type { Toast, ToastOptions, ToastAction } from './toast.svelte.js';
+export { locale, setLocale, provideLocale, useLocale, enUS, idID, LocaleStore } from './locale.svelte.js';
+export type { Locale } from './locale.svelte.js';
+export { default as LocaleProvider } from './components/LocaleProvider.svelte';
+export { default as Button } from './components/Button.svelte';
+export type { ButtonVariant, ButtonSize } from './components/Button.svelte';
+export { default as Link } from './components/Link.svelte';
+export { default as Input } from './components/Input.svelte';
+export type { InputSize } from './components/Input.svelte';
+export { default as Textarea } from './components/Textarea.svelte';
+export { default as Select } from './components/Select.svelte';
+export type { SelectOption } from './components/Select.svelte';
+export { default as Checkbox } from './components/Checkbox.svelte';
+export { default as Radio } from './components/Radio.svelte';
+export { default as Switch } from './components/Switch.svelte';
+export type { SwitchSize } from './components/Switch.svelte';
+export { default as Field } from './components/Field.svelte';
+export { default as Label } from './components/Label.svelte';
+export { default as PasswordInput } from './components/PasswordInput.svelte';
+export { default as NumberInput } from './components/NumberInput.svelte';
+export { default as Slider } from './components/Slider.svelte';
+export { default as RadioGroup } from './components/RadioGroup.svelte';
+export type { RadioOption } from './components/RadioGroup.svelte';
+export { default as CheckboxGroup } from './components/CheckboxGroup.svelte';
+export type { CheckboxOption } from './components/CheckboxGroup.svelte';
+export { default as SegmentedControl } from './components/SegmentedControl.svelte';
+export type { SegmentOption, SegmentedSize } from './components/SegmentedControl.svelte';
+export { default as InputGroup } from './components/InputGroup.svelte';
+export { default as Combobox } from './components/Combobox.svelte';
+export type { ComboboxOption } from './components/Combobox.svelte';
+export { default as MultiSelect } from './components/MultiSelect.svelte';
+export type { MultiSelectOption } from './components/MultiSelect.svelte';
+export { default as DatePicker } from './components/DatePicker.svelte';
+export { default as Calendar } from './components/Calendar.svelte';
+export { toISO, fromISO, today, isSameDay, addDays, addMonths, monthGrid, weekdayNames, monthLabel, isOutOfRange, formatISO, parseFormatted } from './date.js';
+export type { DateFormat } from './date.js';
+export { default as Dropzone } from './components/Dropzone.svelte';
+export type { RejectedFile } from './components/Dropzone.svelte';
+export { default as Badge } from './components/Badge.svelte';
+export type { BadgeTone, BadgeVariant, BadgeSize } from './components/Badge.svelte';
+export { default as Avatar } from './components/Avatar.svelte';
+export type { AvatarSize } from './components/Avatar.svelte';
+export { default as AvatarGroup } from './components/AvatarGroup.svelte';
+export { default as Card } from './components/Card.svelte';
+export type { CardVariant } from './components/Card.svelte';
+export { default as Stat } from './components/Stat.svelte';
+export type { StatTrend } from './components/Stat.svelte';
+export { default as Table } from './components/Table.svelte';
+export type { TableColumn, TableSort, SortDirection } from './components/Table.svelte';
+export { default as Kbd } from './components/Kbd.svelte';
+export { default as Alert } from './components/Alert.svelte';
+export type { AlertVariant } from './components/Alert.svelte';
+export { default as Progress } from './components/Progress.svelte';
+export type { ProgressSize } from './components/Progress.svelte';
+export { default as Spinner } from './components/Spinner.svelte';
+export type { SpinnerSize } from './components/Spinner.svelte';
+export { default as Skeleton } from './components/Skeleton.svelte';
+export type { SkeletonVariant } from './components/Skeleton.svelte';
+export { default as EmptyState } from './components/EmptyState.svelte';
+export { default as Toaster } from './components/Toaster.svelte';
+export type { ToasterPosition } from './components/Toaster.svelte';
+export { default as Divider } from './components/Divider.svelte';
+export type { DividerOrientation } from './components/Divider.svelte';
+export { default as Tabs } from './components/Tabs.svelte';
+export type { TabItem, TabsVariant } from './components/Tabs.svelte';
+export { default as Accordion } from './components/Accordion.svelte';
+export { default as AccordionItem } from './components/AccordionItem.svelte';
+export { default as Breadcrumb } from './components/Breadcrumb.svelte';
+export type { BreadcrumbItem } from './components/Breadcrumb.svelte';
+export { default as Pagination } from './components/Pagination.svelte';
+export { default as Steps } from './components/Steps.svelte';
+export type { StepItem } from './components/Steps.svelte';
+export { default as Navbar } from './components/Navbar.svelte';
+export type { NavItem } from './components/Navbar.svelte';
+export { default as Sidebar } from './components/Sidebar.svelte';
+export type { SidebarItem, SidebarSection } from './components/Sidebar.svelte';
+export { default as Footer } from './components/Footer.svelte';
+export type { FooterColumn, FooterLink } from './components/Footer.svelte';
+export { default as Modal } from './components/Modal.svelte';
+export type { ModalSize } from './components/Modal.svelte';
+export { default as Drawer } from './components/Drawer.svelte';
+export type { DrawerSide, DrawerSize } from './components/Drawer.svelte';
+export { default as ConfirmDialog } from './components/ConfirmDialog.svelte';
+export { default as CommandPalette } from './components/CommandPalette.svelte';
+export type { CommandItem } from './components/CommandPalette.svelte';
+export { default as ContextMenu } from './components/ContextMenu.svelte';
+export { default as Dropdown } from './components/Dropdown.svelte';
+export { default as MenuItem } from './components/MenuItem.svelte';
+export { default as MenuSeparator } from './components/MenuSeparator.svelte';
+export { default as Popover } from './components/Popover.svelte';
+export { default as ThemeToggle, applyTheme, storedTheme } from './components/ThemeToggle.svelte';
+export type { Theme } from './components/ThemeToggle.svelte';
+export { default as Tooltip } from './components/Tooltip.svelte';
+export type { TooltipPlacement } from './components/Tooltip.svelte';