@ternkit/tern 1.2.1 → 1.4.0

package/dist/ui/Tooltip.svelte

@@ -0,0 +1,85 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import { float, type Side } from './floating.js';
+
+	type Props = {
+		/** The tooltip's text. It describes the trigger; don't put anything interactive in it. */
+		text: string;
+		side?: Side;
+		/** How long to wait before showing, in milliseconds. */
+		delay?: number;
+		/** The trigger, which must be focusable, such as a Button. It receives aria-describedby through the snippet's props. */
+		children: Snippet<[{ 'aria-describedby': string }]>;
+	};
+	let { text, side = 'top', delay = 300, children }: Props = $props();
+	const uid = $props.id();
+	let open = $state(false);
+	let wrap = $state<HTMLSpanElement>();
+	let tip = $state<HTMLSpanElement>();
+	let timer: ReturnType<typeof setTimeout> | undefined;
+
+	const show = (now = false) => {
+		clearTimeout(timer);
+		if (now) open = true;
+		else timer = setTimeout(() => (open = true), delay);
+	};
+	const hide = () => {
+		clearTimeout(timer);
+		open = false;
+	};
+
+	$effect(() => {
+		if (!open || !tip || !wrap) return;
+		tip.showPopover?.();
+		const stop = float(tip, wrap.firstElementChild ?? wrap, { side, align: 'center', offset: 6 });
+		return () => {
+			stop();
+			tip?.hidePopover?.();
+		};
+	});
+</script>
+
+<!-- svelte-ignore a11y_no_static_element_interactions -->
+<span
+	bind:this={wrap}
+	class="tern-tooltip"
+	onpointerenter={() => show()}
+	onpointerleave={hide}
+	onfocusin={() => show(true)}
+	onfocusout={hide}
+	onkeydown={(e) => e.key === 'Escape' && hide()}
+>
+	{@render children({ 'aria-describedby': `tern-tooltip-${uid}` })}
+	<span bind:this={tip} role="tooltip" id="tern-tooltip-{uid}" class="tip" class:open popover="manual">{text}</span>
+</span>
+
+<style>
+	.tern-tooltip {
+		display: inline-flex;
+	}
+	.tip {
+		width: max-content;
+		max-width: 16rem;
+		padding: 0.35rem 0.55rem;
+		border: 0;
+		border-radius: var(--tern-radius-sm);
+		background: var(--tern-fg);
+		color: var(--tern-bg);
+		font-size: 0.75rem;
+		line-height: 1.35;
+		pointer-events: none;
+	}
+	.tip.open {
+		animation: tern-tip-in var(--tern-duration) ease-out;
+	}
+	@keyframes tern-tip-in {
+		from {
+			opacity: 0;
+		}
+	}
+	@media (prefers-reduced-motion: reduce) {
+		.tip.open {
+			animation: none;
+		}
+	}
+</style>

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

@@ -0,0 +1,16 @@
+import type { Snippet } from 'svelte';
+import { type Side } from './floating.js';
+type Props = {
+    /** The tooltip's text. It describes the trigger; don't put anything interactive in it. */
+    text: string;
+    side?: Side;
+    /** How long to wait before showing, in milliseconds. */
+    delay?: number;
+    /** The trigger, which must be focusable, such as a Button. It receives aria-describedby through the snippet's props. */
+    children: Snippet<[{
+        'aria-describedby': string;
+    }]>;
+};
+declare const Tooltip: import("svelte").Component<Props, {}, "">;
+type Tooltip = ReturnType<typeof Tooltip>;
+export default Tooltip;

package/dist/ui/chart.d.ts

@@ -0,0 +1,26 @@
+export type XValue = number | string | Date;
+export type Series<Row> = {
+    /** The field holding this series' numbers. */
+    key: keyof Row & string;
+    label: string;
+};
+/** The series colors, in their fixed order. A ninth series folds into "Other". */
+export declare const seriesColor: (i: number) => string;
+/** Turns x values into numbers for time and number axes, or null for categories. */
+export declare function numericX(values: XValue[]): number[] | null;
+export declare const isTime: (values: XValue[]) => boolean;
+/** Round ticks covering [min, max], about count of them. */
+export declare function niceTicks(min: number, max: number, count?: number): number[];
+/** 1,284 in full under 10,000; 12K, 4.2M above. */
+export declare function formatNumber(n: number, compact?: boolean): string;
+/** Evenly spaced time ticks with a format that fits their spacing. */
+export declare function timeTicks(min: number, max: number, count?: number): {
+    ticks: number[];
+    format: (t: number) => string;
+};
+/** A readable label for an x value in tooltips and tables. */
+export declare function formatX(v: XValue, time: boolean): string;
+/** An estimate of how wide a label is, for margins; the charts' text is 12px. */
+export declare const textWidth: (s: string) => number;
+/** Array.prototype.findLastIndex, for older targets. */
+export declare function lastIndex<T>(a: T[], ok: (v: T) => boolean): number;

package/dist/ui/chart.js

@@ -0,0 +1,89 @@
+// Scales, ticks and formatting shared by the charts.
+/** The series colors, in their fixed order. A ninth series folds into "Other". */
+export const seriesColor = (i) => `var(--tern-chart-${(i % 8) + 1})`;
+const isoDate = /^\d{4}-\d{2}-\d{2}([T ][\d:.]+(Z|[+-]\d{2}:?\d{2})?)?$/;
+/** Turns x values into numbers for time and number axes, or null for categories. */
+export function numericX(values) {
+    if (values.every((v) => typeof v === 'number'))
+        return values;
+    if (values.every((v) => v instanceof Date))
+        return values.map((d) => d.getTime());
+    if (values.every((v) => typeof v === 'string' && isoDate.test(v)))
+        return values.map((s) => Date.parse(s.length === 10 ? s + 'T00:00:00Z' : s));
+    return null;
+}
+export const isTime = (values) => values.length > 0 && !values.every((v) => typeof v === 'number') && numericX(values) !== null;
+/** Round ticks covering [min, max], about count of them. */
+export function niceTicks(min, max, count = 5) {
+    if (min === max) {
+        if (min === 0)
+            return [0, 1];
+        [min, max] = min > 0 ? [0, min] : [min, 0];
+    }
+    const span = max - min;
+    const raw = span / Math.max(1, count);
+    const mag = 10 ** Math.floor(Math.log10(raw));
+    const step = [1, 2, 2.5, 5, 10].map((m) => m * mag).find((s) => span / s <= count) ?? 10 * mag;
+    const start = Math.floor(min / step) * step;
+    const end = Math.ceil(max / step) * step;
+    const out = [];
+    for (let v = start; v <= end + step / 2; v += step)
+        out.push(Number(v.toFixed(10)));
+    return out;
+}
+/** 1,284 in full under 10,000; 12K, 4.2M above. */
+export function formatNumber(n, compact = Math.abs(n) >= 10_000) {
+    return new Intl.NumberFormat(undefined, compact ? { notation: 'compact', maximumFractionDigits: 1 } : { maximumFractionDigits: 2 }).format(n);
+}
+const DAY = 86_400_000;
+/** Evenly spaced time ticks with a format that fits their spacing. */
+export function timeTicks(min, max, count = 6) {
+    const span = max - min;
+    const fmt = (o) => {
+        const f = new Intl.DateTimeFormat(undefined, { timeZone: 'UTC', ...o });
+        return (t) => f.format(new Date(t));
+    };
+    if (span <= 2 * DAY) {
+        const step = [1, 2, 3, 6, 12].map((h) => h * 3_600_000).find((s) => span / s <= count) ?? 24 * 3_600_000;
+        return { ticks: stepTicks(min, max, step), format: fmt({ hour: '2-digit', minute: '2-digit' }) };
+    }
+    if (span <= 120 * DAY) {
+        const step = [1, 2, 7, 14].map((d) => d * DAY).find((s) => span / s <= count) ?? 28 * DAY;
+        return { ticks: stepTicks(min, max, step), format: fmt({ month: 'short', day: 'numeric' }) };
+    }
+    const months = [];
+    const d = new Date(min);
+    d.setUTCDate(1);
+    d.setUTCHours(0, 0, 0, 0);
+    const every = Math.max(1, Math.ceil(span / (30 * DAY) / count));
+    while (d.getTime() <= max) {
+        if (d.getTime() >= min)
+            months.push(d.getTime());
+        d.setUTCMonth(d.getUTCMonth() + every);
+    }
+    return { ticks: months, format: fmt(span > 400 * DAY ? { month: 'short', year: 'numeric' } : { month: 'short' }) };
+}
+function stepTicks(min, max, step) {
+    const out = [];
+    for (let t = Math.ceil(min / step) * step; t <= max; t += step)
+        out.push(t);
+    return out;
+}
+/** A readable label for an x value in tooltips and tables. */
+export function formatX(v, time) {
+    if (!time)
+        return v instanceof Date ? v.toISOString() : String(v);
+    const t = v instanceof Date ? v.getTime() : typeof v === 'number' ? v : Date.parse(v.length === 10 ? v + 'T00:00:00Z' : v);
+    const d = new Date(t);
+    const hasTime = d.getUTCHours() || d.getUTCMinutes();
+    return new Intl.DateTimeFormat(undefined, { timeZone: 'UTC', dateStyle: 'medium', ...(hasTime ? { timeStyle: 'short' } : {}) }).format(d);
+}
+/** An estimate of how wide a label is, for margins; the charts' text is 12px. */
+export const textWidth = (s) => s.length * 6.6;
+/** Array.prototype.findLastIndex, for older targets. */
+export function lastIndex(a, ok) {
+    for (let i = a.length - 1; i >= 0; i--)
+        if (ok(a[i]))
+            return i;
+    return -1;
+}

package/dist/ui/dates.d.ts

@@ -0,0 +1,13 @@
+export type ISODate = string;
+export declare function parse(iso: ISODate): Date;
+export declare function iso(d: Date): ISODate;
+export declare function today(): ISODate;
+export declare function addDays(date: ISODate, n: number): ISODate;
+/** Adds months, keeping the day where the month has it, else its last day. */
+export declare function addMonths(date: ISODate, n: number): ISODate;
+export declare function startOfMonth(date: ISODate): ISODate;
+/** The weeks shown for date's month, each 7 ISO dates, starting on weekStart (0 = Sunday). */
+export declare function monthGrid(date: ISODate, weekStart: number): ISODate[][];
+/** The first day of the week for a locale, from Intl where the browser knows it. */
+export declare function localeWeekStart(locale?: string): number;
+export declare function format(date: ISODate, locale: string | undefined, options: Intl.DateTimeFormatOptions): string;

package/dist/ui/dates.js

@@ -0,0 +1,64 @@
+// Calendar dates as ISO strings ("2026-11-10"), done in UTC so time zones
+// and daylight saving never move a day.
+export function parse(iso) {
+    const [y, m, d] = iso.split('-').map(Number);
+    return new Date(Date.UTC(y, (m ?? 1) - 1, d ?? 1));
+}
+export function iso(d) {
+    return d.toISOString().slice(0, 10);
+}
+export function today() {
+    const n = new Date();
+    return iso(new Date(Date.UTC(n.getFullYear(), n.getMonth(), n.getDate())));
+}
+export function addDays(date, n) {
+    const d = parse(date);
+    d.setUTCDate(d.getUTCDate() + n);
+    return iso(d);
+}
+/** Adds months, keeping the day where the month has it, else its last day. */
+export function addMonths(date, n) {
+    const d = parse(date);
+    const day = d.getUTCDate();
+    d.setUTCDate(1);
+    d.setUTCMonth(d.getUTCMonth() + n);
+    const last = new Date(Date.UTC(d.getUTCFullYear(), d.getUTCMonth() + 1, 0)).getUTCDate();
+    d.setUTCDate(Math.min(day, last));
+    return iso(d);
+}
+export function startOfMonth(date) {
+    return date.slice(0, 8) + '01';
+}
+/** The weeks shown for date's month, each 7 ISO dates, starting on weekStart (0 = Sunday). */
+export function monthGrid(date, weekStart) {
+    const first = parse(startOfMonth(date));
+    const lead = (first.getUTCDay() - weekStart + 7) % 7;
+    let day = addDays(iso(first), -lead);
+    const weeks = [];
+    const month = date.slice(0, 7);
+    do {
+        const week = [];
+        for (let i = 0; i < 7; i++) {
+            week.push(day);
+            day = addDays(day, 1);
+        }
+        weeks.push(week);
+    } while (day.slice(0, 7) === month);
+    return weeks;
+}
+/** The first day of the week for a locale, from Intl where the browser knows it. */
+export function localeWeekStart(locale) {
+    try {
+        const loc = new Intl.Locale(locale ?? navigator.language);
+        const info = loc.getWeekInfo?.() ?? loc.weekInfo;
+        if (info)
+            return info.firstDay % 7;
+        return ['US', 'CA', 'JP', 'BR', 'IL', 'MX', 'PH', 'KR', 'TW', 'IN'].includes(loc.maximize().region ?? '') ? 0 : 1;
+    }
+    catch {
+        return 1;
+    }
+}
+export function format(date, locale, options) {
+    return new Intl.DateTimeFormat(locale, { timeZone: 'UTC', ...options }).format(parse(date));
+}

package/dist/ui/field.d.ts

@@ -0,0 +1,18 @@
+/** What a Field tells the control inside it, so labels and messages are wired up. */
+export interface FieldContext {
+    readonly id: string;
+    /** The label's id, for controls that aren't labelable elements and need aria-labelledby. */
+    readonly labelId: string;
+    readonly describedBy: string | undefined;
+    readonly invalid: boolean;
+    readonly required: boolean;
+    readonly disabled: boolean;
+    /** Custom controls call this: the label then focuses the element with the field's id instead of using for. */
+    custom(): void;
+    /** The name the control posts under, from the Field. */
+    readonly name: string | undefined;
+    /** What was posted before, to refill the control after a failed post. */
+    readonly value: string | undefined;
+}
+export declare function setField(ctx: FieldContext): void;
+export declare function getField(): FieldContext | undefined;

package/dist/ui/field.js

@@ -0,0 +1,8 @@
+import { getContext, setContext } from 'svelte';
+const key = Symbol('tern-field');
+export function setField(ctx) {
+    setContext(key, ctx);
+}
+export function getField() {
+    return getContext(key);
+}

package/dist/ui/floating.d.ts

@@ -0,0 +1,44 @@
+export type Side = 'top' | 'bottom' | 'left' | 'right';
+export type Align = 'start' | 'center' | 'end';
+export type FloatingOptions = {
+    side?: Side;
+    align?: Align;
+    /** The gap between the anchor and the floating element, in pixels. */
+    offset?: number;
+    /** The space kept free at the viewport's edges, in pixels. */
+    padding?: number;
+    /** Make the floating element at least as wide as the anchor. */
+    matchWidth?: boolean;
+};
+type Rect = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+/** Computes where the floating element goes. Exported for tests. */
+export declare function compute(anchor: Rect, size: {
+    width: number;
+    height: number;
+}, viewport: {
+    width: number;
+    height: number;
+}, o?: FloatingOptions): {
+    x: number;
+    y: number;
+    side: Side;
+};
+/**
+ * Keeps el next to anchor while it is shown: on scroll, resize and size
+ * changes. Returns a function that stops. el gets data-side with the side
+ * it ended up on, for styles.
+ */
+export declare function float(el: HTMLElement, anchor: Element | {
+    x: number;
+    y: number;
+}, o?: FloatingOptions): () => void;
+/** The elements inside root that can take focus, in order. */
+export declare function focusables(root: Element): HTMLElement[];
+/** Keeps Tab inside root, as modal dialogs need. Call it from keydown. */
+export declare function trapTab(root: Element, e: KeyboardEvent): void;
+export {};

package/dist/ui/floating.js

@@ -0,0 +1,97 @@
+// Positions a floating element (a popover, menu or tooltip) next to an
+// anchor element or a point, flipping to the other side and shifting along
+// it to stay in the viewport. The floating element is position: fixed,
+// usually in the top layer through the Popover API.
+const opposite = { top: 'bottom', bottom: 'top', left: 'right', right: 'left' };
+/** Computes where the floating element goes. Exported for tests. */
+export function compute(anchor, size, viewport, o = {}) {
+    const { side = 'bottom', align = 'start', offset = 6, padding = 8 } = o;
+    const place = (s) => {
+        const vertical = s === 'top' || s === 'bottom';
+        let x;
+        let y;
+        if (vertical) {
+            y = s === 'bottom' ? anchor.y + anchor.height + offset : anchor.y - size.height - offset;
+            x = align === 'start' ? anchor.x : align === 'end' ? anchor.x + anchor.width - size.width : anchor.x + (anchor.width - size.width) / 2;
+        }
+        else {
+            x = s === 'right' ? anchor.x + anchor.width + offset : anchor.x - size.width - offset;
+            y = align === 'start' ? anchor.y : align === 'end' ? anchor.y + anchor.height - size.height : anchor.y + (anchor.height - size.height) / 2;
+        }
+        return { x, y };
+    };
+    const fits = (s, p) => s === 'bottom' ? p.y + size.height <= viewport.height - padding : s === 'top' ? p.y >= padding : s === 'right' ? p.x + size.width <= viewport.width - padding : p.x >= padding;
+    let chosen = side;
+    let p = place(side);
+    if (!fits(side, p)) {
+        const q = place(opposite[side]);
+        if (fits(opposite[side], q)) {
+            chosen = opposite[side];
+            p = q;
+        }
+    }
+    // Shift along the side to stay on screen.
+    const clamp = (v, min, max) => Math.max(min, Math.min(v, Math.max(min, max)));
+    p.x = clamp(p.x, padding, viewport.width - size.width - padding);
+    p.y = clamp(p.y, padding, viewport.height - size.height - padding);
+    return { x: Math.round(p.x), y: Math.round(p.y), side: chosen };
+}
+/**
+ * Keeps el next to anchor while it is shown: on scroll, resize and size
+ * changes. Returns a function that stops. el gets data-side with the side
+ * it ended up on, for styles.
+ */
+export function float(el, anchor, o = {}) {
+    el.style.position = 'fixed';
+    el.style.margin = '0';
+    el.style.inset = 'auto';
+    const update = () => {
+        const r = anchor instanceof Element ? anchor.getBoundingClientRect() : { x: anchor.x, y: anchor.y, width: 0, height: 0 };
+        if (o.matchWidth)
+            el.style.minWidth = `${r.width}px`;
+        const pos = compute(r, { width: el.offsetWidth, height: el.offsetHeight }, { width: document.documentElement.clientWidth, height: window.innerHeight }, o);
+        el.style.left = `${pos.x}px`;
+        el.style.top = `${pos.y}px`;
+        el.dataset.side = pos.side;
+    };
+    update();
+    let frame = 0;
+    const schedule = () => {
+        cancelAnimationFrame(frame);
+        frame = requestAnimationFrame(update);
+    };
+    window.addEventListener('scroll', schedule, { capture: true, passive: true });
+    window.addEventListener('resize', schedule);
+    const ro = new ResizeObserver(schedule);
+    ro.observe(el);
+    if (anchor instanceof Element)
+        ro.observe(anchor);
+    return () => {
+        cancelAnimationFrame(frame);
+        window.removeEventListener('scroll', schedule, { capture: true });
+        window.removeEventListener('resize', schedule);
+        ro.disconnect();
+    };
+}
+/** The elements inside root that can take focus, in order. */
+export function focusables(root) {
+    return Array.from(root.querySelectorAll('a[href], button:not([disabled]), input:not([disabled]):not([type="hidden"]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])')).filter((el) => el.offsetParent !== null || el === document.activeElement);
+}
+/** Keeps Tab inside root, as modal dialogs need. Call it from keydown. */
+export function trapTab(root, e) {
+    if (e.key !== 'Tab')
+        return;
+    const list = focusables(root);
+    if (list.length === 0)
+        return;
+    const first = list[0];
+    const last = list[list.length - 1];
+    if (e.shiftKey && document.activeElement === first) {
+        e.preventDefault();
+        last.focus();
+    }
+    else if (!e.shiftKey && document.activeElement === last) {
+        e.preventDefault();
+        first.focus();
+    }
+}

package/dist/ui/form.d.ts

@@ -0,0 +1,12 @@
+import type { FormField } from '../runtime/validate.js';
+/** What a Form tells the Fields and controls inside it. */
+export interface FormContext {
+    /** The message to show for a field, from the browser's checks or the server. */
+    error(name: string): string | undefined;
+    /** What was posted before, to refill a field after a failure without JavaScript. */
+    value(name: string): string | undefined;
+    /** A field's rules, such as whether it's required. */
+    field(name: string): FormField | undefined;
+}
+export declare function setForm(ctx: FormContext): void;
+export declare function getForm(): FormContext | undefined;

package/dist/ui/form.js

@@ -0,0 +1,8 @@
+import { getContext, setContext } from 'svelte';
+const key = Symbol('tern-form');
+export function setForm(ctx) {
+    setContext(key, ctx);
+}
+export function getForm() {
+    return getContext(key);
+}

package/dist/ui/index.d.ts

@@ -0,0 +1,78 @@
+export { default as Accordion } from './Accordion.svelte';
+export { default as Alert } from './Alert.svelte';
+export { default as AlertDialog } from './AlertDialog.svelte';
+export { default as AreaChart } from './AreaChart.svelte';
+export { default as AspectRatio } from './AspectRatio.svelte';
+export { default as Avatar } from './Avatar.svelte';
+export { default as Badge } from './Badge.svelte';
+export { default as BarChart } from './BarChart.svelte';
+export { default as Breadcrumb } from './Breadcrumb.svelte';
+export { default as Button } from './Button.svelte';
+export { default as ButtonGroup } from './ButtonGroup.svelte';
+export { default as Calendar } from './Calendar.svelte';
+export { default as Card } from './Card.svelte';
+export { default as Carousel } from './Carousel.svelte';
+export { default as Checkbox } from './Checkbox.svelte';
+export { default as Collapsible } from './Collapsible.svelte';
+export { default as Combobox } from './Combobox.svelte';
+export { default as Command } from './Command.svelte';
+export { default as ConsentScreen } from './ConsentScreen.svelte';
+export { default as ContextMenu } from './ContextMenu.svelte';
+export { default as DataTable } from './DataTable.svelte';
+export { default as DatePicker } from './DatePicker.svelte';
+export { default as Dialog } from './Dialog.svelte';
+export { default as DonutChart } from './DonutChart.svelte';
+export { default as Drawer } from './Drawer.svelte';
+export { default as Empty } from './Empty.svelte';
+export { default as Field } from './Field.svelte';
+export { default as Form } from './Form.svelte';
+export { default as HoverCard } from './HoverCard.svelte';
+export { default as Input } from './Input.svelte';
+export { default as InputGroup } from './InputGroup.svelte';
+export { default as InputOTP } from './InputOTP.svelte';
+export { default as Item } from './Item.svelte';
+export { default as Kbd } from './Kbd.svelte';
+export { default as Label } from './Label.svelte';
+export { default as LineChart } from './LineChart.svelte';
+export { default as Menu } from './Menu.svelte';
+export { default as Menubar } from './Menubar.svelte';
+export { default as NavigationMenu } from './NavigationMenu.svelte';
+export { default as Pagination } from './Pagination.svelte';
+export { default as PasswordInput } from './PasswordInput.svelte';
+export { default as Popover } from './Popover.svelte';
+export { default as Progress } from './Progress.svelte';
+export { default as RadioGroup } from './RadioGroup.svelte';
+export { default as Resizable } from './Resizable.svelte';
+export { default as ScrollArea } from './ScrollArea.svelte';
+export { default as Select } from './Select.svelte';
+export { default as SelectMenu } from './SelectMenu.svelte';
+export { default as Separator } from './Separator.svelte';
+export { default as Sheet } from './Sheet.svelte';
+export { default as Sidebar } from './Sidebar.svelte';
+export { default as SignIn } from './SignIn.svelte';
+export { default as SignUp } from './SignUp.svelte';
+export { default as Skeleton } from './Skeleton.svelte';
+export { default as Slider } from './Slider.svelte';
+export { default as Sparkline } from './Sparkline.svelte';
+export { default as Spinner } from './Spinner.svelte';
+export { default as Stat } from './Stat.svelte';
+export { default as Switch } from './Switch.svelte';
+export { default as Table } from './Table.svelte';
+export { default as Tabs } from './Tabs.svelte';
+export { default as Textarea } from './Textarea.svelte';
+export { default as Toaster } from './Toaster.svelte';
+export { default as Toggle } from './Toggle.svelte';
+export { default as ToggleGroup } from './ToggleGroup.svelte';
+export { default as Tooltip } from './Tooltip.svelte';
+export { dismiss, toast, toasts, type Toast, type Tone } from './toast.svelte.js';
+export type { MenuItem } from './menu.js';
+export type { Align, Side } from './floating.js';
+export type { Option } from './options.js';
+export type { ISODate } from './dates.js';
+export type { DateRange } from './Calendar.svelte';
+export type { CommandItem } from './Command.svelte';
+export type { PopoverTrigger } from './Popover.svelte';
+export type { HoverCardTrigger } from './HoverCard.svelte';
+export type { Column, DataQuery } from './table.js';
+export type { SidebarGroup, SidebarLink } from './Sidebar.svelte';
+export type { Series } from './chart.js';

package/dist/ui/index.js

@@ -0,0 +1,70 @@
+// Tern UI: accessible Svelte 5 components with Tern's own look. Import the
+// theme once (import '@ternkit/tern/ui/theme.css') and the components where
+// you use them. See docs/ui.md.
+export { default as Accordion } from './Accordion.svelte';
+export { default as Alert } from './Alert.svelte';
+export { default as AlertDialog } from './AlertDialog.svelte';
+export { default as AreaChart } from './AreaChart.svelte';
+export { default as AspectRatio } from './AspectRatio.svelte';
+export { default as Avatar } from './Avatar.svelte';
+export { default as Badge } from './Badge.svelte';
+export { default as BarChart } from './BarChart.svelte';
+export { default as Breadcrumb } from './Breadcrumb.svelte';
+export { default as Button } from './Button.svelte';
+export { default as ButtonGroup } from './ButtonGroup.svelte';
+export { default as Calendar } from './Calendar.svelte';
+export { default as Card } from './Card.svelte';
+export { default as Carousel } from './Carousel.svelte';
+export { default as Checkbox } from './Checkbox.svelte';
+export { default as Collapsible } from './Collapsible.svelte';
+export { default as Combobox } from './Combobox.svelte';
+export { default as Command } from './Command.svelte';
+export { default as ConsentScreen } from './ConsentScreen.svelte';
+export { default as ContextMenu } from './ContextMenu.svelte';
+export { default as DataTable } from './DataTable.svelte';
+export { default as DatePicker } from './DatePicker.svelte';
+export { default as Dialog } from './Dialog.svelte';
+export { default as DonutChart } from './DonutChart.svelte';
+export { default as Drawer } from './Drawer.svelte';
+export { default as Empty } from './Empty.svelte';
+export { default as Field } from './Field.svelte';
+export { default as Form } from './Form.svelte';
+export { default as HoverCard } from './HoverCard.svelte';
+export { default as Input } from './Input.svelte';
+export { default as InputGroup } from './InputGroup.svelte';
+export { default as InputOTP } from './InputOTP.svelte';
+export { default as Item } from './Item.svelte';
+export { default as Kbd } from './Kbd.svelte';
+export { default as Label } from './Label.svelte';
+export { default as LineChart } from './LineChart.svelte';
+export { default as Menu } from './Menu.svelte';
+export { default as Menubar } from './Menubar.svelte';
+export { default as NavigationMenu } from './NavigationMenu.svelte';
+export { default as Pagination } from './Pagination.svelte';
+export { default as PasswordInput } from './PasswordInput.svelte';
+export { default as Popover } from './Popover.svelte';
+export { default as Progress } from './Progress.svelte';
+export { default as RadioGroup } from './RadioGroup.svelte';
+export { default as Resizable } from './Resizable.svelte';
+export { default as ScrollArea } from './ScrollArea.svelte';
+export { default as Select } from './Select.svelte';
+export { default as SelectMenu } from './SelectMenu.svelte';
+export { default as Separator } from './Separator.svelte';
+export { default as Sheet } from './Sheet.svelte';
+export { default as Sidebar } from './Sidebar.svelte';
+export { default as SignIn } from './SignIn.svelte';
+export { default as SignUp } from './SignUp.svelte';
+export { default as Skeleton } from './Skeleton.svelte';
+export { default as Slider } from './Slider.svelte';
+export { default as Sparkline } from './Sparkline.svelte';
+export { default as Spinner } from './Spinner.svelte';
+export { default as Stat } from './Stat.svelte';
+export { default as Switch } from './Switch.svelte';
+export { default as Table } from './Table.svelte';
+export { default as Tabs } from './Tabs.svelte';
+export { default as Textarea } from './Textarea.svelte';
+export { default as Toaster } from './Toaster.svelte';
+export { default as Toggle } from './Toggle.svelte';
+export { default as ToggleGroup } from './ToggleGroup.svelte';
+export { default as Tooltip } from './Tooltip.svelte';
+export { dismiss, toast, toasts } from './toast.svelte.js';