@ternkit/tern 1.3.0 → 1.5.0

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

@@ -1,10 +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/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

@@ -1,24 +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

@@ -3,25 +3,68 @@
 // 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';

package/dist/ui/menu.d.ts

@@ -0,0 +1,25 @@
+/** An entry in a Menu, ContextMenu or Menubar. */
+export type MenuItem = {
+    /** The text; also what typing a letter jumps to. */
+    label?: string;
+    onselect?: () => void;
+    /** Makes the item a link. */
+    href?: string;
+    danger?: boolean;
+    disabled?: boolean;
+    /** A keyboard shortcut to show, such as "⌘K". It's only shown: bind the key yourself. */
+    shortcut?: string;
+    /** For type "checkbox" or "radio": whether it's checked. Flip it in onselect. */
+    checked?: boolean;
+    type?: 'checkbox' | 'radio';
+    /** Items of a submenu, opened with ArrowRight, Enter or by hovering. */
+    items?: MenuItem[];
+    /** Draws a line instead of an item. */
+    separator?: boolean;
+    /** Starts a labelled group of the items after it. */
+    heading?: string;
+};
+export type MenuClose = {
+    all: boolean;
+    returnFocus: boolean;
+};

package/dist/ui/menu.js

@@ -0,0 +1 @@
+export {};

package/dist/ui/options.d.ts

@@ -0,0 +1,17 @@
+/** An option in a Combobox or SelectMenu. */
+export type Option = {
+    value: string;
+    label: string;
+    /** A second line, such as an email under a name. */
+    description?: string;
+    disabled?: boolean;
+    /** Groups options under this heading. */
+    group?: string;
+};
+/** Matches when every word of the query starts a word of the text, or, from three letters, appears anywhere in it. Ignores case and accents. */
+export declare function matches(text: string, query: string): boolean;
+/** Splits options into groups, keeping their order. */
+export declare function grouped(options: Option[]): {
+    group?: string;
+    options: Option[];
+}[];

package/dist/ui/options.js

@@ -0,0 +1,22 @@
+/** Matches when every word of the query starts a word of the text, or, from three letters, appears anywhere in it. Ignores case and accents. */
+export function matches(text, query) {
+    const norm = (s) => s.normalize('NFD').replace(/\p{Diacritic}/gu, '').toLowerCase();
+    const words = norm(text).split(/[\s\-_/.@]+/);
+    const hay = norm(text);
+    return norm(query)
+        .split(/\s+/)
+        .filter(Boolean)
+        .every((q) => words.some((w) => w.startsWith(q)) || (q.length >= 3 && hay.includes(q)));
+}
+/** Splits options into groups, keeping their order. */
+export function grouped(options) {
+    const out = [];
+    for (const o of options) {
+        const last = out[out.length - 1];
+        if (last && last.group === o.group)
+            last.options.push(o);
+        else
+            out.push({ group: o.group, options: [o] });
+    }
+    return out;
+}

package/dist/ui/table.d.ts

@@ -0,0 +1,26 @@
+import type { Snippet } from 'svelte';
+/** A column of a Table or DataTable. */
+export type Column<R> = {
+    /** The field shown, or an id when cell draws it. */
+    key: keyof R & string;
+    header: string;
+    /** end for numbers. */
+    align?: 'start' | 'end' | 'center';
+    /** Draws the cell instead of the value. */
+    cell?: Snippet<[R]>;
+    /** For DataTable: whether the column sorts. */
+    sortable?: boolean;
+    /** For DataTable: the value it sorts and filters by, if not the field. */
+    value?: (row: R) => string | number | Date | null | undefined;
+    width?: string;
+};
+/** What a DataTable shows: passed to onquery when the server sorts, searches and pages. */
+export type DataQuery = {
+    page: number;
+    pageSize: number;
+    sort: {
+        key: string;
+        dir: 'asc' | 'desc';
+    } | null;
+    search: string;
+};

package/dist/ui/table.js

@@ -0,0 +1 @@
+export {};

package/dist/ui/theme.css

@@ -42,6 +42,15 @@
 	--tern-shadow: 0 1px 2px oklch(0.24 0.02 240 / 0.06), 0 1px 1px oklch(0.24 0.02 240 / 0.04);
 	--tern-shadow-lg: 0 12px 32px -8px oklch(0.24 0.02 240 / 0.18), 0 2px 6px oklch(0.24 0.02 240 / 0.08);
 	--tern-control-height: 2.25rem;
+	/* Chart series, in order; validated for color vision deficiencies on these surfaces. */
+	--tern-chart-1: #2a78d6;
+	--tern-chart-2: #eb6834;
+	--tern-chart-3: #1baf7a;
+	--tern-chart-4: #eda100;
+	--tern-chart-5: #e87ba4;
+	--tern-chart-6: #008300;
+	--tern-chart-7: #6250d6;
+	--tern-chart-8: #e34948;
 	--tern-duration: 140ms;
 }
 
@@ -70,6 +79,14 @@
 		--tern-ring: oklch(0.75 0.11 200);
 		--tern-shadow: 0 1px 2px oklch(0 0 0 / 0.4);
 		--tern-shadow-lg: 0 16px 40px -8px oklch(0 0 0 / 0.6), 0 2px 8px oklch(0 0 0 / 0.4);
+		--tern-chart-1: #3987e5;
+		--tern-chart-2: #d95926;
+		--tern-chart-3: #199e70;
+		--tern-chart-4: #c98500;
+		--tern-chart-5: #d55181;
+		--tern-chart-6: #008300;
+		--tern-chart-7: #9085e9;
+		--tern-chart-8: #e66767;
 	}
 }
 
@@ -97,6 +114,14 @@
 	--tern-ring: oklch(0.75 0.11 200);
 	--tern-shadow: 0 1px 2px oklch(0 0 0 / 0.4);
 	--tern-shadow-lg: 0 16px 40px -8px oklch(0 0 0 / 0.6), 0 2px 8px oklch(0 0 0 / 0.4);
+	--tern-chart-1: #3987e5;
+	--tern-chart-2: #d95926;
+	--tern-chart-3: #199e70;
+	--tern-chart-4: #c98500;
+	--tern-chart-5: #d55181;
+	--tern-chart-6: #008300;
+	--tern-chart-7: #9085e9;
+	--tern-chart-8: #e66767;
 }
 
 @media (prefers-reduced-motion: reduce) {

package/dist/vite/index.js

@@ -2,6 +2,7 @@ import { svelte } from '@sveltejs/vite-plugin-svelte';
 import fs from 'node:fs';
 import { createRequire } from 'node:module';
 import path from 'node:path';
+import { nativePlugin } from './native.js';
 import { goScriptPlugin, goScriptPreprocessor } from './goscript.js';
 import { imagePlugin } from './image.js';
 /** Packages whose browser build works in the server renderer and whose default build needs Node. */
@@ -128,8 +129,16 @@ export function tern(options = {}) {
                 }
             };
         },
-        resolveId(id) {
-            return id === SW_MODULE ? '\0' + SW_MODULE : undefined;
+        resolveId(id, importer) {
+            if (id === SW_MODULE)
+                return '\0' + SW_MODULE;
+            // ./$forms sits next to ./$types, in .tern/types, written by tern gen.
+            if (id === './$forms' && importer) {
+                const dir = path.relative(root, path.dirname(importer.split('?')[0]));
+                if (!dir.startsWith('..'))
+                    return path.join(root, '.tern/types', dir, '$forms.js');
+            }
+            return undefined;
         },
         load(id) {
             if (id !== '\0' + SW_MODULE)
@@ -210,7 +219,7 @@ export function tern(options = {}) {
             return user;
         }
     };
-    return [browserBuildsPlugin, imagePlugin(), goScriptPlugin(() => root), ...svelte(svelteOptions), plugin];
+    return [browserBuildsPlugin, imagePlugin(), goScriptPlugin(() => root), ...svelte(svelteOptions), plugin, nativePlugin(() => root, SERVER_ENTRY)];
 }
 /** The $service-worker module: what this build produced, for caching. */
 function serviceWorkerModule(root, base) {

package/dist/vite/native.d.ts

@@ -0,0 +1,3 @@
+import type { Plugin } from 'vite';
+export declare const NATIVE_IR = ".tern/native/ir.json";
+export declare function nativePlugin(getRoot: () => string, entry: string): Plugin;