@svgrid/grid 1.2.22 → 1.2.24

package/dist/export-format.js

@@ -0,0 +1,419 @@
+import { formatNumericWithConfig, getDateFormatter, resolveDatePattern, } from './cell-formatting';
+// Re-export the pure conditional-formatting engine here too, so the
+// Svelte-free `@svgrid/grid/format` subpath carries it for @svgrid/enterprise's
+// export code (which must not pull in SvGrid.svelte).
+export { computeColumnStat, contrastText, formatsNeedingStats, resolveCellFormat, } from './conditional-formatting';
+/** Best-effort coercion of a cell value to a Date. Accepts Date, epoch ms
+ *  numbers, and parseable date strings. Returns null when it isn't a date. */
+export function coerceExportDate(value) {
+    if (value instanceof Date)
+        return Number.isNaN(value.getTime()) ? null : value;
+    if (typeof value === 'number' && Number.isFinite(value)) {
+        const d = new Date(value);
+        return Number.isNaN(d.getTime()) ? null : d;
+    }
+    if (typeof value === 'string' && value.trim() !== '') {
+        const d = new Date(value);
+        return Number.isNaN(d.getTime()) ? null : d;
+    }
+    return null;
+}
+/**
+ * Format a raw cell value to its on-screen display string using the column's
+ * `format` config. Mirrors the grid's own numeric / currency / percent / date
+ * branches. Values with no (or an unrecognised) format fall back to
+ * `String(value)`, and `null` / `undefined` become an empty string.
+ */
+export function formatValueForExport(value, format) {
+    if (value == null)
+        return '';
+    if (!format)
+        return String(value);
+    if (format.type === 'number' || format.type === 'currency' || format.type === 'percent') {
+        return formatNumericWithConfig(value, {
+            type: format.type,
+            locales: format.locales,
+            currency: format.type === 'currency' ? (format.currency ?? 'USD') : undefined,
+            valueIsPercentPoints: format.type === 'percent' ? format.valueIsPercentPoints : undefined,
+            options: format.options,
+        });
+    }
+    if (format.type === 'date' || format.type === 'datetime') {
+        const parsed = coerceExportDate(value);
+        if (parsed) {
+            const preset = resolveDatePattern(format.pattern, format.type);
+            const merged = preset || format.options
+                ? { ...preset, ...format.options }
+                : format.type === 'date'
+                    ? { year: 'numeric', month: '2-digit', day: '2-digit' }
+                    : {
+                        year: 'numeric',
+                        month: '2-digit',
+                        day: '2-digit',
+                        hour: '2-digit',
+                        minute: '2-digit',
+                    };
+            return getDateFormatter(format.locales, merged).format(parsed);
+        }
+    }
+    return String(value);
+}
+/**
+ * Map a `CellFormatConfig` to an Excel/OOXML number-format code, so an xlsx
+ * writer can keep the cell numeric/date while displaying it formatted.
+ * Returns `undefined` when the format has no natural Excel representation
+ * (or the caller should just write a string).
+ *
+ * These are deliberately conservative, widely-recognised codes:
+ *   number   → `#,##0[.00…]`   (grouping + N decimals)
+ *   currency → `"$"#,##0.00`   (symbol + grouping + 2 decimals)
+ *   percent  → `0[.00…]%`      (Excel multiplies by 100, so this pairs with a
+ *                               0..1 fraction; see `valueForExcel`)
+ *   date     → `yyyy-mm-dd`, datetime → `yyyy-mm-dd hh:mm`
+ */
+export function toExcelNumFmt(format) {
+    if (!format)
+        return undefined;
+    const decimals = () => {
+        // `options` is a union across number/date formats; only the numeric ones
+        // carry fraction-digit hints, so read them through a narrow shape.
+        const o = format.options;
+        if (o && typeof o.maximumFractionDigits === 'number')
+            return o.maximumFractionDigits;
+        if (o && typeof o.minimumFractionDigits === 'number')
+            return o.minimumFractionDigits;
+        return format.type === 'currency' ? 2 : format.type === 'number' ? 0 : 2;
+    };
+    const dp = (n) => (n > 0 ? '.' + '0'.repeat(n) : '');
+    switch (format.type) {
+        case 'number':
+            return `#,##0${dp(decimals())}`;
+        case 'currency': {
+            const sym = currencySymbol(format.currency ?? 'USD');
+            return `"${sym}"#,##0${dp(decimals())}`;
+        }
+        case 'percent':
+            return `0${dp(decimals())}%`;
+        case 'date':
+            return 'yyyy-mm-dd';
+        case 'datetime':
+            return 'yyyy-mm-dd hh:mm';
+        default:
+            return undefined;
+    }
+}
+/**
+ * Turn a grid's data rows + columns into the header-first `{ field: value }`
+ * record shape the serializers consume, applying each column's `format` so
+ * the export matches what's on screen (unless `rawValues`). Optionally
+ * restricts + reorders columns to a `columns` field subset.
+ */
+export function projectGridRows(dataRows, columns, opts = {}) {
+    const chosen = opts.columns && opts.columns.length
+        ? opts.columns
+            .map((f) => columns.find((c) => c.field === f))
+            .filter((c) => !!c)
+        : columns.filter((c) => c.field);
+    const fields = chosen.map((c) => c.field);
+    const align = {};
+    for (const c of chosen)
+        if (c.align)
+            align[c.field] = c.align;
+    const header = {};
+    for (const c of chosen)
+        header[c.field] = c.header;
+    const records = [header];
+    for (const row of dataRows) {
+        const rec = {};
+        for (const c of chosen) {
+            const raw = row[c.field];
+            rec[c.field] = opts.rawValues ? raw : formatValueForExport(raw, c.format);
+        }
+        records.push(rec);
+    }
+    return { records, fields, align };
+}
+/** A tiny currency-code → symbol map for the Excel numFmt code. Falls back
+ *  to the ISO code itself (e.g. "CHF") when we don't have a glyph. */
+function currencySymbol(code) {
+    const map = {
+        USD: '$',
+        EUR: '€',
+        GBP: '£',
+        JPY: '¥',
+        CNY: '¥',
+        INR: '₹',
+        KRW: '₩',
+        RUB: '₽',
+        BRL: 'R$',
+    };
+    return map[code.toUpperCase()] ?? code.toUpperCase();
+}
+/**
+ * The value to write into a native xlsx cell that carries an Excel numFmt.
+ * Numbers stay numbers; percent values are divided to the 0..1 fraction Excel
+ * expects (unless the config already stores 0..1); dates become real `Date`s.
+ * Returns `{ ok: false }` when the value can't be represented natively and the
+ * caller should fall back to the formatted string.
+ */
+export function valueForExcel(value, format) {
+    if (value == null || !format)
+        return { ok: false };
+    if (format.type === 'number' || format.type === 'currency') {
+        const n = typeof value === 'number' ? value : Number(value);
+        return Number.isFinite(n) ? { ok: true, value: n } : { ok: false };
+    }
+    if (format.type === 'percent') {
+        const n = typeof value === 'number' ? value : Number(value);
+        if (!Number.isFinite(n))
+            return { ok: false };
+        // Excel's percent numFmt multiplies by 100, so it wants the fraction.
+        return { ok: true, value: format.valueIsPercentPoints === true ? n / 100 : n };
+    }
+    if (format.type === 'date' || format.type === 'datetime') {
+        const d = coerceExportDate(value);
+        return d ? { ok: true, value: d } : { ok: false };
+    }
+    return { ok: false };
+}
+const EXPORT_BOM = '';
+function throwIfAborted(signal) {
+    if (signal?.aborted) {
+        throw new DOMException('Export aborted', 'AbortError');
+    }
+}
+/** Let the event loop breathe (paint a progress bar, honour an abort). */
+const yieldToLoop = () => new Promise((resolve) => setTimeout(resolve, 0));
+/** RFC-4180 quoting: wrap in double quotes and double any embedded quote
+ *  when the value contains the delimiter, a quote, or a newline. */
+function csvCell(value, delimiter) {
+    const s = value == null
+        ? ''
+        : value instanceof Date
+            ? value.toISOString()
+            : String(value);
+    if (s === '')
+        return s;
+    if (s.includes(delimiter) || s.includes('"') || s.includes('\n') || s.includes('\r')) {
+        return `"${s.replace(/"/g, '""')}"`;
+    }
+    return s;
+}
+/**
+ * Serialize projected rows to a delimited string (CSV / TSV).
+ * `rows[0]` is treated as the header row.
+ */
+export async function serializeDelimited(rows, fields, opts = {}) {
+    const delimiter = opts.csv?.delimiter ?? ',';
+    const eol = opts.csv?.eol ?? '\r\n';
+    const useBom = opts.csv?.bom ?? true;
+    const chunk = Math.max(1, opts.chunkRows ?? 5000);
+    const total = rows.length;
+    const parts = [];
+    for (let i = 0; i < rows.length; i++) {
+        throwIfAborted(opts.signal);
+        const row = rows[i];
+        parts.push(fields.map((f) => csvCell(row[f], delimiter)).join(delimiter));
+        if (i > 0 && i % chunk === 0) {
+            opts.onProgress?.({ phase: 'serialize', ratio: i / total, row: i, total });
+            await yieldToLoop();
+        }
+    }
+    opts.onProgress?.({ phase: 'serialize', ratio: 1, row: total, total });
+    const body = parts.join(eol);
+    return (useBom ? EXPORT_BOM : '') + body;
+}
+const HTML_ESCAPE = {
+    '&': '&amp;',
+    '<': '&lt;',
+    '>': '&gt;',
+    '"': '&quot;',
+    "'": '&#39;',
+};
+function htmlCell(value) {
+    const s = value == null ? '' : value instanceof Date ? value.toISOString() : String(value);
+    return s.replace(/[&<>"']/g, (c) => HTML_ESCAPE[c]);
+}
+/**
+ * Serialize projected rows to a standalone HTML `<table>` document.
+ * `rows[0]` is the header row (rendered as `<th>`); the rest are `<td>`.
+ */
+export async function serializeHtml(rows, fields, opts = {}) {
+    const chunk = Math.max(1, opts.chunkRows ?? 5000);
+    const total = rows.length;
+    const align = opts.align ?? {};
+    const cellStyle = opts.cellStyle;
+    const cellLink = opts.cellLink;
+    const title = opts.title ?? 'Grid export';
+    const head = rows[0];
+    const th = head
+        ? fields.map((f) => `<th>${htmlCell(head[f])}</th>`).join('')
+        : '';
+    const bodyParts = [];
+    for (let i = 1; i < rows.length; i++) {
+        throwIfAborted(opts.signal);
+        const row = rows[i];
+        const tds = fields
+            .map((f, ci) => {
+            const a = align[f];
+            const styles = [];
+            if (a && a !== 'left')
+                styles.push(`text-align:${a}`);
+            const cf = cellStyle?.(i - 1, ci);
+            if (cf?.fill)
+                styles.push(`background:${cf.fill}`);
+            if (cf?.color)
+                styles.push(`color:${cf.color}`);
+            if (cf?.bold)
+                styles.push('font-weight:700');
+            const style = styles.length ? ` style="${styles.join(';')}"` : '';
+            let text = cf?.icon ? `${cf.icon} ${htmlCell(row[f])}` : htmlCell(row[f]);
+            const href = cellLink?.(i - 1, ci);
+            if (href)
+                text = `<a href="${htmlCell(href)}">${text}</a>`;
+            return `<td${style}>${text}</td>`;
+        })
+            .join('');
+        bodyParts.push(`<tr>${tds}</tr>`);
+        if (i > 0 && i % chunk === 0) {
+            opts.onProgress?.({ phase: 'serialize', ratio: i / total, row: i, total });
+            await yieldToLoop();
+        }
+    }
+    opts.onProgress?.({ phase: 'serialize', ratio: 1, row: total, total });
+    return (`<!doctype html><html><head><meta charset="utf-8"><title>${htmlCell(title)}</title>` +
+        `<style>table{border-collapse:collapse;font-family:system-ui,sans-serif;font-size:13px}` +
+        `th,td{border:1px solid #d0d7de;padding:6px 10px}th{background:#f6f8fa;text-align:left}</style>` +
+        `</head><body><table><thead><tr>${th}</tr></thead><tbody>${bodyParts.join('')}</tbody></table></body></html>`);
+}
+/**
+ * Serialize projected rows to a JSON array of `{ field: value }` objects.
+ * `rows[0]` (the header row) is dropped - JSON keys are the field names.
+ */
+export async function serializeJson(rows, fields, opts = {}) {
+    const chunk = Math.max(1, opts.chunkRows ?? 5000);
+    const total = rows.length - 1;
+    const out = [];
+    for (let i = 1; i < rows.length; i++) {
+        throwIfAborted(opts.signal);
+        const src = rows[i];
+        const obj = {};
+        for (const f of fields)
+            obj[f] = src[f];
+        out.push(obj);
+        if (i > 0 && i % chunk === 0) {
+            opts.onProgress?.({ phase: 'serialize', ratio: i / total, row: i, total });
+            await yieldToLoop();
+        }
+    }
+    opts.onProgress?.({ phase: 'serialize', ratio: 1, row: total, total });
+    return JSON.stringify(out, null, 2);
+}
+/** Escape a Markdown table cell: pipes and newlines would break the row. */
+function mdCell(value) {
+    const s = value == null ? '' : value instanceof Date ? value.toISOString() : String(value);
+    return s.replace(/\\/g, '\\\\').replace(/\|/g, '\\|').replace(/\r?\n/g, '<br>');
+}
+/**
+ * Serialize projected rows to a GitHub-flavored Markdown table. `rows[0]` is
+ * the header row; `align` sets the `:---`, `:--:`, `---:` markers per column.
+ */
+export async function serializeMarkdown(rows, fields, opts = {}) {
+    const chunk = Math.max(1, opts.chunkRows ?? 5000);
+    const total = rows.length;
+    const align = opts.align ?? {};
+    const head = rows[0];
+    const headerLine = `| ${fields.map((f) => mdCell(head?.[f])).join(' | ')} |`;
+    const sepLine = `| ${fields
+        .map((f) => {
+        const a = align[f];
+        return a === 'right' ? '---:' : a === 'center' ? ':--:' : '---';
+    })
+        .join(' | ')} |`;
+    const bodyLines = [];
+    for (let i = 1; i < rows.length; i++) {
+        throwIfAborted(opts.signal);
+        const src = rows[i];
+        bodyLines.push(`| ${fields.map((f) => mdCell(src[f])).join(' | ')} |`);
+        if (i > 0 && i % chunk === 0) {
+            opts.onProgress?.({ phase: 'serialize', ratio: i / total, row: i, total });
+            await yieldToLoop();
+        }
+    }
+    opts.onProgress?.({ phase: 'serialize', ratio: 1, row: total, total });
+    return [headerLine, sepLine, ...bodyLines].join('\n') + '\n';
+}
+const XML_ESCAPE = {
+    '&': '&amp;',
+    '<': '&lt;',
+    '>': '&gt;',
+    '"': '&quot;',
+    "'": '&apos;',
+};
+function xmlText(value) {
+    const s = value == null ? '' : value instanceof Date ? value.toISOString() : String(value);
+    return s.replace(/[\x00-\x08\x0B\x0C\x0E-\x1F]/g, '').replace(/[&<>"']/g, (c) => XML_ESCAPE[c]);
+}
+/** Coerce a field name into a valid XML element name. */
+function xmlTag(field) {
+    const t = field.replace(/[^A-Za-z0-9_.-]/g, '_');
+    return /^[A-Za-z_]/.test(t) ? t : `_${t}`;
+}
+/**
+ * Serialize projected rows to a simple XML document:
+ * `<rows><row><field>value</field>…</row>…</rows>`. `rows[0]` (header) is
+ * dropped - element names come from the field names.
+ */
+export async function serializeXml(rows, fields, opts = {}) {
+    const chunk = Math.max(1, opts.chunkRows ?? 5000);
+    const total = rows.length - 1;
+    const root = opts.rootTag ?? 'rows';
+    const rowTag = opts.rowTag ?? 'row';
+    const tags = fields.map(xmlTag);
+    const parts = [`<?xml version="1.0" encoding="UTF-8"?>`, `<${root}>`];
+    for (let i = 1; i < rows.length; i++) {
+        throwIfAborted(opts.signal);
+        const src = rows[i];
+        const cells = fields
+            .map((f, ci) => `<${tags[ci]}>${xmlText(src[f])}</${tags[ci]}>`)
+            .join('');
+        parts.push(`  <${rowTag}>${cells}</${rowTag}>`);
+        if (i > 0 && i % chunk === 0) {
+            opts.onProgress?.({ phase: 'serialize', ratio: i / total, row: i, total });
+            await yieldToLoop();
+        }
+    }
+    parts.push(`</${root}>`);
+    opts.onProgress?.({ phase: 'serialize', ratio: 1, row: total, total });
+    return parts.join('\n');
+}
+// ----- Delivery: download + clipboard (browser-guarded) --------------------
+/** Trigger a browser download of an already-built Blob. No-op guard for SSR. */
+export function downloadBlobFile(blob, filename) {
+    if (typeof document === 'undefined' || typeof URL === 'undefined') {
+        throw new Error('@svgrid/grid: export requires a browser environment');
+    }
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement('a');
+    a.href = url;
+    a.download = filename;
+    document.body.appendChild(a);
+    a.click();
+    a.remove();
+    setTimeout(() => URL.revokeObjectURL(url), 0);
+}
+/** Trigger a browser download of a text blob. No-op guard for SSR. */
+export function downloadTextFile(text, filename, mime) {
+    if (typeof document === 'undefined' || typeof URL === 'undefined') {
+        throw new Error('@svgrid/grid: text export requires a browser environment');
+    }
+    downloadBlobFile(new Blob([text], { type: mime }), filename);
+}
+/** Write text to the system clipboard. Throws when the API is unavailable
+ *  (insecure context / SSR). */
+export async function copyTextToClipboard(text) {
+    if (typeof navigator === 'undefined' || !navigator.clipboard) {
+        throw new Error('@svgrid/grid: clipboard API is unavailable in this context');
+    }
+    await navigator.clipboard.writeText(text);
+}

package/dist/hyperformula-adapter.d.ts

@@ -43,6 +43,10 @@ export type HyperFormulaInstance = {
         row: number;
         col: number;
     }): unknown;
+    /** Bulk-load an entire sheet in one call (one recalc instead of one per
+     *  cell). Optional so minimal / mock instances still satisfy the type;
+     *  the adapter falls back to per-cell `setCellContents` when it's absent. */
+    setSheetContent?(sheetId: number, values: unknown[][]): unknown;
     destroy(): void;
     rebuildAndRecalculate(): void;
 };

package/dist/hyperformula-adapter.js

@@ -31,12 +31,21 @@ export function createHyperFormulaSheet(config) {
     const colByField = new Map();
     fields.forEach((f, i) => colByField.set(f, i));
     // 1. Seed HF with every cell. HF expects raw strings for formulas
-    //    (`'=A1+B1'`) and primitives for everything else.
-    for (let r = 0; r < rows.length; r += 1) {
-        const row = rows[r];
-        for (let c = 0; c < fields.length; c += 1) {
-            const field = fields[c];
-            hf.setCellContents({ sheet: sheetId, row: r, col: c }, row[field]);
+    //    (`'=A1+B1'`) and primitives for everything else. Prefer a single bulk
+    //    `setSheetContent` write - it recalculates ONCE instead of once per
+    //    setCellContents, ~3x faster to mount a large sheet (e.g. 200x26). Fall
+    //    back to per-cell for instances that don't expose it.
+    if (typeof hf.setSheetContent === 'function') {
+        const grid = rows.map((row) => fields.map((f) => row[f]));
+        hf.setSheetContent(sheetId, grid);
+    }
+    else {
+        for (let r = 0; r < rows.length; r += 1) {
+            const row = rows[r];
+            for (let c = 0; c < fields.length; c += 1) {
+                const field = fields[c];
+                hf.setCellContents({ sheet: sheetId, row: r, col: c }, row[field]);
+            }
         }
     }
     /** Pull computed values out of HF into a fresh row array. Preserves

package/dist/index.d.ts

@@ -1,9 +1,69 @@
 export { formatNumericWithConfig, resolveDatePattern } from './cell-formatting';
+export { coerceExportDate, formatValueForExport, projectGridRows, toExcelNumFmt, valueForExcel, serializeDelimited, serializeJson, serializeMarkdown, serializeHtml, serializeXml, downloadTextFile, downloadBlobFile, copyTextToClipboard, type GridExportOptions, type GridExportScope, type GridExportColumn, type GridClipboardOptions, type GridClipboardFormat, type SerializeProgress, type SerializeOptions, type CsvOptions, } from './export-format';
 export { columnFilteringFeature, columnGroupingFeature, createCoreRowModel, createExpandedRowModel, createFilteredRowModel, createGroupedRowModel, createPaginatedRowModel, createSortedRowModel, applyGroupAggregate, filterFns, rowExpandingFeature, rowPaginationFeature, rowSelectionFeature, rowSortingFeature, sortFns, tableFeatures, type Cell, type CellContext, type CellSpanParams, type ValueParserParams, type EditorContext, type CellData, type ActiveCellState, type CellFormatConfig, type CellFormatter, type Column, type ColumnDef, type ColumnDefTemplate, type GroupAggregator, type Header, type HeaderContext, type HeaderGroup, type Row, type RowData, type SortingState, type SvGrid as SvGridInstance, type SvGridOptions, type TableFeatures, type Updater, } from './core';
 export { createGrid, createSvGrid, type SvelteGrid } from './createGrid.svelte';
 export { createGridState, createSvGridState } from './createGridState.svelte';
 export { subscribeGrid, subscribeSvGrid } from './subscribe';
 export { default as SvGrid } from './SvGrid.svelte';
+export { default as SvGridDropdown } from './SvGridDropdown.svelte';
+export { default as SvCalendar, type CalendarValue, type CalendarPreset, type CalendarAnimation } from './SvCalendar.svelte';
+export { default as SvTimePicker, type TimeValue } from './SvTimePicker.svelte';
+export { default as SvDateTimePicker, type DateTimeValue } from './SvDateTimePicker.svelte';
+export { editorAria, editorErrorId, type SvEditorProps, type EditorSize, type EditorAriaState } from './editor-contract';
+export { createListbox, toSelectedArray, type Listbox, type ListboxConfig, type ListboxValue, type ListboxRootProps, type OptionProps, } from './createListbox.svelte';
+export { createCombobox, type Combobox, type ComboboxConfig, type ComboboxValue } from './createCombobox.svelte';
+export { createDropdownList, type DropdownList, type DropdownListConfig, type DropdownValue } from './createDropdownList.svelte';
+export { createAutocomplete, type Autocomplete, type AutocompleteConfig } from './createAutocomplete.svelte';
+export { createTagsInput, type TagsInput, type TagsInputConfig } from './createTagsInput.svelte';
+export { createCountryInput, type CountryInput, type CountryInputConfig } from './createCountryInput.svelte';
+export { createNumberInput, type NumberInputConfig, type NumberInputCore } from './createNumberInput.svelte';
+export { createMaskedInput, type MaskedInputConfig, type MaskedInputCore } from './createMaskedInput.svelte';
+export { createPhoneInput, type PhoneInputConfig, type PhoneInputCore } from './createPhoneInput.svelte';
+export { createColorInput, normalizeHex, type ColorInputConfig, type ColorInputCore } from './createColorInput.svelte';
+export { createPasswordInput, passwordStrength, STRENGTH_LABELS, type PasswordInputConfig, type PasswordInputCore } from './createPasswordInput.svelte';
+export { createToggle, type Toggle, type ToggleConfig, type ToggleButtonProps } from './createToggle.svelte';
+export { createSwitch, type Switch, type SwitchConfig, type SwitchProps } from './createSwitch.svelte';
+export { createCheckbox, type Checkbox, type CheckboxConfig, type CheckboxBoxProps } from './createCheckbox.svelte';
+export { createRadioGroup, type RadioGroup, type RadioGroupConfig, type RadioProps, type RadioGroupProps } from './createRadioGroup.svelte';
+export { createRating, type Rating, type RatingConfig, type RatingFill, type RatingRootProps, type RatingStarProps } from './createRating.svelte';
+export { createCalendar, normalizeCalendarValue, type Calendar, type CalendarConfig, type CalendarDayState, type CalendarNavDir, type CalendarNameFormat, type DisplayMode } from './createCalendar.svelte';
+export { createTimePicker, parseTimeValue, type TimePicker, type TimePickerConfig, type TimeSelection, type TimeFormat, type DialTick } from './createTimePicker.svelte';
+export { createDateTimePicker, type DateTimePicker, type DateTimePickerConfig, type DropDownDisplayMode, type DateTimeTab } from './createDateTimePicker.svelte';
+export { createTabs, type Tabs, type TabsConfig, type TabsOrientation, type TabsActivation } from './createTabs.svelte';
+export { createTree, treeDescendantIds, treeCheckState, type Tree, type TreeConfig, type TreeRow, type CheckState } from './createTree.svelte';
+export { createSlider, type Slider, type SliderConfig, type SliderValue, type SliderOrientation, type SliderThumb, type SliderPoint } from './createSlider.svelte';
+export { createGauge, type Gauge, type GaugeConfig, type GaugePoint } from './createGauge.svelte';
+export { default as SvButton } from './SvButton.svelte';
+export { default as SvRepeatButton } from './SvRepeatButton.svelte';
+export { default as SvToggleButton } from './SvToggleButton.svelte';
+export { default as SvSwitchButton } from './SvSwitchButton.svelte';
+export { default as SvCheckBox } from './SvCheckBox.svelte';
+export { default as SvRadioGroup, type RadioOption } from './SvRadioGroup.svelte';
+export { default as SvRating } from './SvRating.svelte';
+export { default as SvNumberInput } from './SvNumberInput.svelte';
+export { default as SvPasswordInput } from './SvPasswordInput.svelte';
+export { default as SvMaskedInput } from './SvMaskedInput.svelte';
+export { default as SvPhoneInput } from './SvPhoneInput.svelte';
+export { default as SvColorInput } from './SvColorInput.svelte';
+export { applyMask, unmask, isMaskComplete } from './datetime/mask';
+export { COUNTRIES, COUNTRY_BY_CODE, flagEmoji, type Country } from './countries';
+export { default as SvListBox } from './SvListBox.svelte';
+export { default as SvDropDownList } from './SvDropDownList.svelte';
+export { default as SvComboBox } from './SvComboBox.svelte';
+export { default as SvAutoComplete } from './SvAutoComplete.svelte';
+export { default as SvTagsInput } from './SvTagsInput.svelte';
+export { default as SvCountryInput } from './SvCountryInput.svelte';
+export { filterOptions, type ListOption } from './list-option';
+export { default as SvSlider } from './SvSlider.svelte';
+export { default as SvGauge } from './SvGauge.svelte';
+export { default as SvTabs, type TabItem } from './SvTabs.svelte';
+export { default as SvTree, type TreeNode as SvTreeNode } from './SvTree.svelte';
+export { default as SvForm, type FormField, type FormFieldType } from './SvForm.svelte';
+export { anchoredRect, portalToBody, PANEL_THEME_VARS, type AnchoredRect } from './popover';
+export { toDate, startOfDay, addDays, addMonths, addYears, clampDate, isSameDay, monthMatrix, isoWeek, decadeRange, withTime, snapMinute, type DateLike, } from './datetime/date-core';
+export { formatDate, parseDate, tokenizeMask } from './datetime/date-format';
+export { selectDate, rangeDays, isSelected, isMultiSelectMode, emptySelection, type SelectionMode, type SelectionState, } from './datetime/date-selection';
+export { isDisabledDay, isOutOfRange, isRestricted, isImportant, type RestrictOptions, } from './datetime/date-restrict';
 export { default as FlexRender } from './FlexRender.svelte';
 export { renderComponent, renderSnippet } from './render-component';
 export { default as SvGridChart } from './SvGridChart.svelte';

package/dist/index.js

@@ -1,9 +1,81 @@
 export { formatNumericWithConfig, resolveDatePattern } from './cell-formatting';
+export { coerceExportDate, formatValueForExport, projectGridRows, toExcelNumFmt, valueForExcel, serializeDelimited, serializeJson, serializeMarkdown, serializeHtml, serializeXml, downloadTextFile, downloadBlobFile, copyTextToClipboard, } from './export-format';
 export { columnFilteringFeature, columnGroupingFeature, createCoreRowModel, createExpandedRowModel, createFilteredRowModel, createGroupedRowModel, createPaginatedRowModel, createSortedRowModel, applyGroupAggregate, filterFns, rowExpandingFeature, rowPaginationFeature, rowSelectionFeature, rowSortingFeature, sortFns, tableFeatures, } from './core';
 export { createGrid, createSvGrid } from './createGrid.svelte';
 export { createGridState, createSvGridState } from './createGridState.svelte';
 export { subscribeGrid, subscribeSvGrid } from './subscribe';
 export { default as SvGrid } from './SvGrid.svelte';
+export { default as SvGridDropdown } from './SvGridDropdown.svelte';
+export { default as SvCalendar } from './SvCalendar.svelte';
+export { default as SvTimePicker } from './SvTimePicker.svelte';
+export { default as SvDateTimePicker } from './SvDateTimePicker.svelte';
+// UI kit - shared editor contract (common props + a11y wiring for every editor)
+export { editorAria, editorErrorId } from './editor-contract';
+// UI kit - headless cores (state + prop-getters you render yourself, like createSvGrid)
+export { createListbox, toSelectedArray, } from './createListbox.svelte';
+// Selection family cores
+export { createCombobox } from './createCombobox.svelte';
+export { createDropdownList } from './createDropdownList.svelte';
+export { createAutocomplete } from './createAutocomplete.svelte';
+export { createTagsInput } from './createTagsInput.svelte';
+export { createCountryInput } from './createCountryInput.svelte';
+// Text-input family cores
+export { createNumberInput } from './createNumberInput.svelte';
+export { createMaskedInput } from './createMaskedInput.svelte';
+export { createPhoneInput } from './createPhoneInput.svelte';
+export { createColorInput, normalizeHex } from './createColorInput.svelte';
+export { createPasswordInput, passwordStrength, STRENGTH_LABELS } from './createPasswordInput.svelte';
+// Buttons & toggles family cores
+export { createToggle } from './createToggle.svelte';
+export { createSwitch } from './createSwitch.svelte';
+export { createCheckbox } from './createCheckbox.svelte';
+export { createRadioGroup } from './createRadioGroup.svelte';
+export { createRating } from './createRating.svelte';
+// Date & time family cores
+export { createCalendar, normalizeCalendarValue } from './createCalendar.svelte';
+export { createTimePicker, parseTimeValue } from './createTimePicker.svelte';
+export { createDateTimePicker } from './createDateTimePicker.svelte';
+// Layout & range family cores
+export { createTabs } from './createTabs.svelte';
+export { createTree, treeDescendantIds, treeCheckState } from './createTree.svelte';
+export { createSlider } from './createSlider.svelte';
+export { createGauge } from './createGauge.svelte';
+// UI kit - Group B (buttons & toggles)
+export { default as SvButton } from './SvButton.svelte';
+export { default as SvRepeatButton } from './SvRepeatButton.svelte';
+export { default as SvToggleButton } from './SvToggleButton.svelte';
+export { default as SvSwitchButton } from './SvSwitchButton.svelte';
+export { default as SvCheckBox } from './SvCheckBox.svelte';
+export { default as SvRadioGroup } from './SvRadioGroup.svelte';
+export { default as SvRating } from './SvRating.svelte';
+// UI kit - Group C (text inputs)
+export { default as SvNumberInput } from './SvNumberInput.svelte';
+export { default as SvPasswordInput } from './SvPasswordInput.svelte';
+export { default as SvMaskedInput } from './SvMaskedInput.svelte';
+export { default as SvPhoneInput } from './SvPhoneInput.svelte';
+export { default as SvColorInput } from './SvColorInput.svelte';
+export { applyMask, unmask, isMaskComplete } from './datetime/mask';
+export { COUNTRIES, COUNTRY_BY_CODE, flagEmoji } from './countries';
+// UI kit - Group D (selection overlays)
+export { default as SvListBox } from './SvListBox.svelte';
+export { default as SvDropDownList } from './SvDropDownList.svelte';
+export { default as SvComboBox } from './SvComboBox.svelte';
+export { default as SvAutoComplete } from './SvAutoComplete.svelte';
+export { default as SvTagsInput } from './SvTagsInput.svelte';
+export { default as SvCountryInput } from './SvCountryInput.svelte';
+export { filterOptions } from './list-option';
+// UI kit - Group E (range & feedback)
+export { default as SvSlider } from './SvSlider.svelte';
+export { default as SvGauge } from './SvGauge.svelte';
+// UI kit - Group F (composite / layout)
+export { default as SvTabs } from './SvTabs.svelte';
+export { default as SvTree } from './SvTree.svelte';
+export { default as SvForm } from './SvForm.svelte';
+export { anchoredRect, portalToBody, PANEL_THEME_VARS } from './popover';
+export { toDate, startOfDay, addDays, addMonths, addYears, clampDate, isSameDay, monthMatrix, isoWeek, decadeRange, withTime, snapMinute, } from './datetime/date-core';
+export { formatDate, parseDate, tokenizeMask } from './datetime/date-format';
+export { selectDate, rangeDays, isSelected, isMultiSelectMode, emptySelection, } from './datetime/date-selection';
+export { isDisabledDay, isOutOfRange, isRestricted, isImportant, } from './datetime/date-restrict';
 export { default as FlexRender } from './FlexRender.svelte';
 export { renderComponent, renderSnippet } from './render-component';
 export { default as SvGridChart } from './SvGridChart.svelte';

package/dist/list-option.d.ts

@@ -0,0 +1,10 @@
+/** Shared option shape for the SvGrid UI-kit selection controls. */
+export type ListOption = {
+    value: string | number;
+    label: string;
+    disabled?: boolean;
+    /** Optional group heading this option belongs under. */
+    group?: string;
+};
+/** Case-insensitive substring filter over option labels. */
+export declare function filterOptions(options: ReadonlyArray<ListOption>, query: string): ListOption[];

package/dist/list-option.js

@@ -0,0 +1,7 @@
+/** Case-insensitive substring filter over option labels. */
+export function filterOptions(options, query) {
+    const q = query.trim().toLowerCase();
+    if (!q)
+        return [...options];
+    return options.filter((o) => o.label.toLowerCase().includes(q));
+}