@svgrid/enterprise 3.0.0 → 3.0.1

package/dist/studio/scaffold.js

@@ -123,13 +123,13 @@ export function scaffold(schema, options = {}) {
     const schemaFile = {
         path: `src/lib/${route}.schema.ts`,
         description: 'Entity schema + row type. Re-add any Standard Schema `validate` functions here by hand.',
-        contents: `import type { EntitySchema } from '@svgrid/enterprise'
-
-${managed(`export type ${rowType} = {
-${rowFields}
-}
-
-${schemaLiteral(schema, constName, rowType)}`)}
+        contents: `import type { EntitySchema } from '@svgrid/enterprise'
+
+${managed(`export type ${rowType} = {
+${rowFields}
+}
+
+${schemaLiteral(schema, constName, rowType)}`)}
 `,
     };
     // 2. The API route: SvelteKit +server.ts using the transport handlers.
@@ -140,53 +140,53 @@ ${schemaLiteral(schema, constName, rowType)}`)}
     let serverDescription;
     if (driver) {
         // Fully-connected route: driver + DATABASE_URL, no manual editing needed.
-        serverImport = `${driver.imports}
+        serverImport = `${driver.imports}
 import { createKitHandlers, createSqlDataSource } from '@svgrid/enterprise'`;
-        serverBody = `${driver.setup}
-
-const source = createSqlDataSource<${rowType}>({
-  schema: ${constName},
-  table: ${JSON.stringify(schema.name)},${driver.dialectArg}
-  execute: async (text, params) => {
-    ${driver.execBody}
-  },
-})
-
+        serverBody = `${driver.setup}
+
+const source = createSqlDataSource<${rowType}>({
+  schema: ${constName},
+  table: ${JSON.stringify(schema.name)},${driver.dialectArg}
+  execute: async (text, params) => {
+    ${driver.execBody}
+  },
+})
+
 export const { POST } = createKitHandlers({ schema: ${constName}, source })`;
         serverDescription = `API route connected to your ${dataSource} database via process.env.DATABASE_URL.`;
     }
     else if (dataSource === 'sql') {
         serverImport = `import { createKitHandlers, createSqlDataSource } from '@svgrid/enterprise'`;
-        serverBody = `// Wire execute() to your SQL client: run \`text\` with \`params\`, return the rows.
-// Works with Drizzle (db.execute), postgres.js, better-sqlite3, mysql2, ...
-const source = createSqlDataSource<${rowType}>({
-  schema: ${constName},
-  table: ${JSON.stringify(schema.name)},
-  dialect: { placeholders: '$', ilike: true },
-  execute: async (text, params) => {
-    throw new Error('TODO: run the query with your database client and return the rows.')
-  },
-})
-
+        serverBody = `// Wire execute() to your SQL client: run \`text\` with \`params\`, return the rows.
+// Works with Drizzle (db.execute), postgres.js, better-sqlite3, mysql2, ...
+const source = createSqlDataSource<${rowType}>({
+  schema: ${constName},
+  table: ${JSON.stringify(schema.name)},
+  dialect: { placeholders: '$', ilike: true },
+  execute: async (text, params) => {
+    throw new Error('TODO: run the query with your database client and return the rows.')
+  },
+})
+
 export const { POST } = createKitHandlers({ schema: ${constName}, source })`;
         serverDescription = 'API route. Fill in execute() with your SQL client (Drizzle / postgres.js / ...).';
     }
     else {
         serverImport = `import { createInMemoryDataSource, createKitHandlers } from '@svgrid/enterprise'`;
-        serverBody = `// Starts empty and in-memory so the screen runs immediately. Swap this for
-// a database-backed source (scaffold with dataSource:"sql" or a dialect) when ready.
-const source = createInMemoryDataSource<${rowType}>([], ${constName})
-
+        serverBody = `// Starts empty and in-memory so the screen runs immediately. Swap this for
+// a database-backed source (scaffold with dataSource:"sql" or a dialect) when ready.
+const source = createInMemoryDataSource<${rowType}>([], ${constName})
+
 export const { POST } = createKitHandlers({ schema: ${constName}, source })`;
         serverDescription = 'API route using an in-memory source. Scaffold with a dialect for a real database.';
     }
     const serverFile = {
         path: `src/routes${apiRoute}/+server.ts`,
         description: serverDescription,
-        contents: `${serverImport}
-import { ${constName}, type ${rowType} } from '${schemaImport}'
-
-${managed(serverBody)}
+        contents: `${serverImport}
+import { ${constName}, type ${rowType} } from '${schemaImport}'
+
+${managed(serverBody)}
 `,
     };
     // Relation (foreign-key) fields become searchable lookups in the edit form.
@@ -198,9 +198,9 @@ ${managed(serverBody)}
         .map((f) => {
         const name = `${camel(f.field)}Lookup`;
         const endpoint = JSON.stringify(`/api/${f.relation.entity}`);
-        return `  const ${name} = createRelationLookup<Record<string, unknown>>({
-    source: createKitDataSource({ endpoint: ${endpoint} }),
-    labelField: ${JSON.stringify(f.relation.labelField)},
+        return `  const ${name} = createRelationLookup<Record<string, unknown>>({
+    source: createKitDataSource({ endpoint: ${endpoint} }),
+    labelField: ${JSON.stringify(f.relation.labelField)},
   })`;
     })
         .join('\n');
@@ -210,121 +210,121 @@ ${managed(serverBody)}
     const lookupsSection = hasLookups ? `\n\n${lookupDecls}\n${lookupsMap}` : '';
     // 3. The page: a full data screen - search, server sort + paging,
     //    multi-select delete (optimistic), create/edit, loading/error/empty.
-    const pageBody = `  const source = createKitDataSource<${rowType}>({ endpoint: '${apiRoute}' })
-  const columns = schemaToColumns(${constName})${lookupsSection}
-
-  let state = $state<ServerState<${rowType}>>({
-    rows: [], total: 0, loading: false, saving: false, error: null,
-    pageIndex: 0, pageSize: 25, pageCount: 1, sortModel: [], filterModel: {},
-  })
-  const controller = createServerDataSource<${rowType}>(source, {
-    pageSize: 25,
-    optimistic: true,
-    getRowId: (r) => String(r.${idField}),
-    onChange: (s) => (state = s),
-  })
-  controller.refresh()
-
-  let selected = $state<${rowType}[]>([])
-  let editing = $state<${rowType} | null | undefined>(undefined) // undefined = closed, null = create
-
-  async function save({ mode, id, values }: { mode: 'create' | 'edit'; id: string | null; values: Partial<${rowType}> }) {
-    if (mode === 'create') {
-      await controller.createRow(values)
-      controller.setPage(state.pageCount - 1) // jump to the new row (appended at the end)
-    } else if (id) {
-      await controller.updateRow(id, values)
-    }
-    editing = undefined
-  }
-
-  async function removeSelected() {
-    for (const row of selected) await controller.deleteRow(String(row.${idField}))
-    selected = []
+    const pageBody = `  const source = createKitDataSource<${rowType}>({ endpoint: '${apiRoute}' })
+  const columns = schemaToColumns(${constName})${lookupsSection}
+
+  let state = $state<ServerState<${rowType}>>({
+    rows: [], total: 0, loading: false, saving: false, error: null,
+    pageIndex: 0, pageSize: 25, pageCount: 1, sortModel: [], filterModel: {},
+  })
+  const controller = createServerDataSource<${rowType}>(source, {
+    pageSize: 25,
+    optimistic: true,
+    getRowId: (r) => String(r.${idField}),
+    onChange: (s) => (state = s),
+  })
+  controller.refresh()
+
+  let selected = $state<${rowType}[]>([])
+  let editing = $state<${rowType} | null | undefined>(undefined) // undefined = closed, null = create
+
+  async function save({ mode, id, values }: { mode: 'create' | 'edit'; id: string | null; values: Partial<${rowType}> }) {
+    if (mode === 'create') {
+      await controller.createRow(values)
+      controller.setPage(state.pageCount - 1) // jump to the new row (appended at the end)
+    } else if (id) {
+      await controller.updateRow(id, values)
+    }
+    editing = undefined
+  }
+
+  async function removeSelected() {
+    for (const row of selected) await controller.deleteRow(String(row.${idField}))
+    selected = []
   }`;
     const pageFile = {
         path: `src/routes/${route}/+page.svelte`,
         description: 'The data screen: sort, filter, search, paging, multi-select delete, and create/edit - wired to the API route.',
-        contents: `<script lang="ts">
-  import { SvGrid, createServerDataSource } from '@svgrid/grid'
-  import {
-    SvGridEditPanel,
-    createKitDataSource,${hasLookups ? '\n    createRelationLookup,' : ''}
-    schemaToColumns,
-    type ServerState,
-  } from '@svgrid/enterprise'
-  import { ${constName}, type ${rowType} } from '${schemaImport}'
-
-${managed(pageBody)}
-</script>
-
-<svelte:head><style>
-${themeTokenCss({ preset: options.theme, mode: options.dark ? 'dark' : 'light' }, { layer: 'svgrid-studio' })}
-</style></svelte:head>
-
-<div class="page">
-  <header class="page__toolbar">
-    <h2 class="page__title">${label}</h2>
-    <div class="page__actions">
-      <button onclick={() => (editing = null)}>New</button>
-      <button disabled={selected.length === 0} onclick={removeSelected}>
-        Delete {selected.length > 0 ? '(' + selected.length + ')' : ''}
-      </button>
-    </div>
-  </header>
-
-  {#if state.error}<p class="page__error" role="alert">{state.error}</p>{/if}
-
-  <SvGrid
-    data={state.rows}
-    {columns}
-    loading={state.loading}
-    loadingOverlay
-    fitColumns
-    enableRowSummaries={false}
-    showRowSelection
-    enableCellSelection
-    sortable
-    externalSort
-    onSortingChange={(s) => controller.setSort(s)}
-    filterable
-    showGlobalFilter
-    externalFilter
-    onFiltersChange={(f) =>
-      controller.setFilter({
-        global: f.global || undefined,
-        columns: Object.fromEntries(
-          f.columns.map((c) => [c.id, { operator: c.operator, value: c.value, valueTo: c.valueTo, selectedValues: c.selectedValues }]),
-        ),
-      })}
-    onRowClick={(e) => (editing = e.row)}
-    onRowSelectionChange={(_sel, rows) => (selected = rows)}
-    showPagination
-    externalPagination
-    rowCount={state.total}
-    pageIndex={state.pageIndex}
-    pageSize={state.pageSize}
-    onPaginationChange={({ pageIndex, pageSize }) => {
-      if (pageSize !== state.pageSize) controller.setPageSize(pageSize)
-      else controller.setPage(pageIndex)
-    }}
-    emptyMessage="No ${label} yet"
-    containerHeight={480}
-  />
-
-  {#if editing !== undefined}
-    <SvGridEditPanel schema={${constName}} row={editing} ${hasLookups ? 'lookups={lookups} ' : ''}onSubmit={save} onCancel={() => (editing = undefined)} />
-  {/if}
-</div>
-
-<style>
-  .page { display: flex; flex-direction: column; gap: 12px; }
-  .page__toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
-  .page__title { margin: 0; font-size: 18px; font-weight: 600; }
-  .page__actions { display: flex; gap: 8px; }
-  .page__actions button { padding: 7px 12px; border: 1px solid #ccc; border-radius: 6px; background: #fff; cursor: pointer; }
-  .page__error { margin: 0; padding: 8px 12px; color: #b3261e; background: #fdecea; border-radius: 6px; }
-</style>
+        contents: `<script lang="ts">
+  import { SvGrid, createServerDataSource } from '@svgrid/grid'
+  import {
+    SvGridEditPanel,
+    createKitDataSource,${hasLookups ? '\n    createRelationLookup,' : ''}
+    schemaToColumns,
+    type ServerState,
+  } from '@svgrid/enterprise'
+  import { ${constName}, type ${rowType} } from '${schemaImport}'
+
+${managed(pageBody)}
+</script>
+
+<svelte:head><style>
+${themeTokenCss({ preset: options.theme, mode: options.dark ? 'dark' : 'light' }, { layer: 'svgrid-studio' })}
+</style></svelte:head>
+
+<div class="page">
+  <header class="page__toolbar">
+    <h2 class="page__title">${label}</h2>
+    <div class="page__actions">
+      <button onclick={() => (editing = null)}>New</button>
+      <button disabled={selected.length === 0} onclick={removeSelected}>
+        Delete {selected.length > 0 ? '(' + selected.length + ')' : ''}
+      </button>
+    </div>
+  </header>
+
+  {#if state.error}<p class="page__error" role="alert">{state.error}</p>{/if}
+
+  <SvGrid
+    data={state.rows}
+    {columns}
+    loading={state.loading}
+    loadingOverlay
+    fitColumns
+    enableRowSummaries={false}
+    showRowSelection
+    enableCellSelection
+    sortable
+    externalSort
+    onSortingChange={(s) => controller.setSort(s)}
+    filterable
+    showGlobalFilter
+    externalFilter
+    onFiltersChange={(f) =>
+      controller.setFilter({
+        global: f.global || undefined,
+        columns: Object.fromEntries(
+          f.columns.map((c) => [c.id, { operator: c.operator, value: c.value, valueTo: c.valueTo, selectedValues: c.selectedValues }]),
+        ),
+      })}
+    onRowClick={(e) => (editing = e.row)}
+    onRowSelectionChange={(_sel, rows) => (selected = rows)}
+    showPagination
+    externalPagination
+    rowCount={state.total}
+    pageIndex={state.pageIndex}
+    pageSize={state.pageSize}
+    onPaginationChange={({ pageIndex, pageSize }) => {
+      if (pageSize !== state.pageSize) controller.setPageSize(pageSize)
+      else controller.setPage(pageIndex)
+    }}
+    emptyMessage="No ${label} yet"
+    containerHeight={480}
+  />
+
+  {#if editing !== undefined}
+    <SvGridEditPanel schema={${constName}} row={editing} ${hasLookups ? 'lookups={lookups} ' : ''}onSubmit={save} onCancel={() => (editing = undefined)} />
+  {/if}
+</div>
+
+<style>
+  .page { display: flex; flex-direction: column; gap: 12px; }
+  .page__toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
+  .page__title { margin: 0; font-size: 18px; font-weight: 600; }
+  .page__actions { display: flex; gap: 8px; }
+  .page__actions button { padding: 7px 12px; border: 1px solid #ccc; border-radius: 6px; background: #fff; cursor: pointer; }
+  .page__error { margin: 0; padding: 8px 12px; color: #b3261e; background: #fdecea; border-radius: 6px; }
+</style>
 `,
     };
     return { files: [schemaFile, serverFile, pageFile] };

package/dist/studio/ui-components.d.ts

@@ -82,6 +82,13 @@ export declare const GRID_CURATED_PROPS: ReadonlySet<string>;
 /** The Grid's raw prop surface for the "All properties" panel: every extracted SvGrid
  *  prop the curated controls do NOT already manage. Sorted by group then label. */
 export declare function gridPropSurface(): UiComponentProp[];
+/** Split the grid's icon catalogue into the picker's display groups, in order,
+ *  dropping any that came out empty. Takes the names rather than importing them so
+ *  the studio metadata module stays free of a runtime dependency on the grid. */
+export declare function gridIconGroups<T extends string>(names: readonly T[]): Array<{
+    label: string;
+    names: T[];
+}>;
 /** The Grid props settable at runtime through `ctx.grid.<prop> = value` (backed by
  *  `api.setOption`): the full extracted SvGrid surface minus controller-owned /
  *  seed-once props and function/snippet props. Drives the `ctx.grid` type + the code

package/dist/studio/ui-components.js

@@ -637,6 +637,11 @@ export const GRID_CURATED_PROPS = new Set([
     'pageSize', 'pageSizeOptions', 'paginationPosition', 'rowHeight', 'containerHeight',
     'columnVirtualization', 'initialColumnPinning', 'conditionalFormats', 'features', 'editable',
     'enableInlineEditing',
+    // The icon picker owns this. The extractor already skips it (a map of snippets is
+    // content, not a property), so this is belt and braces - but if snippet handling
+    // there ever changes, `icons` must not reappear as a JSON box: the value it would
+    // produce is emitted with JSON.stringify and would throw at `{@render}`.
+    'icons',
 ]);
 /** The Grid's raw prop surface for the "All properties" panel: every extracted SvGrid
  *  prop the curated controls do NOT already manage. Sorted by group then label. */
@@ -650,6 +655,36 @@ export function gridPropSurface() {
         .map((p) => ({ ...p }))
         .sort((a, b) => (order[a.group ?? 'common'] - order[b.group ?? 'common']) || a.label.localeCompare(b.label));
 }
+// --- Grid icons: how the picker groups the catalogue ------------------------
+// SvGrid names ~50 chrome glyphs and `icons` replaces any subset, which is far too
+// long a list to show flat. Array order is BOTH the matching order (each name takes
+// the first rule that accepts it) and the order the picker shows the groups in, so
+// the header icons people actually reach for - sort, filter, the column menu - come
+// first rather than falling out of a catch-all at the bottom.
+//
+// 'Other' is the catch-all and is expected to stay empty: a glyph added to the
+// catalogue still shows up there rather than vanishing from the picker, but the
+// guardrail test fails so someone gives it a real home.
+const GRID_ICON_GROUP_RULES = [
+    { label: 'Header + column menu', match: (n) => ['sort', 'sort-asc', 'sort-desc', 'filter', 'menu', 'chevron-down', 'chevron-right', 'autosize', 'columns', 'reset'].includes(n) },
+    { label: 'Filter operators', match: (n) => n.startsWith('op-') },
+    { label: 'Pinning', match: (n) => n === 'pin-left' || n === 'pin-right' || n === 'unpin' },
+    { label: 'Rows + grouping', match: (n) => ['group', 'group-add', 'row-number', 'pinned-row-top', 'pinned-row-bottom', 'drag-handle', 'breadcrumb-separator'].includes(n) },
+    { label: 'Toolbar + overlays', match: (n) => ['search', 'tool-panel', 'chart', 'advanced-filter', 'column-group-caret'].includes(n) },
+    { label: 'Pager', match: (n) => n.startsWith('page-') },
+    { label: 'Find + move', match: (n) => n.startsWith('find-') || n.startsWith('move-') },
+    { label: 'Close + clear', match: (n) => ['x', 'close', 'clear', 'remove'].includes(n) },
+    { label: 'Other', match: () => true },
+];
+/** Split the grid's icon catalogue into the picker's display groups, in order,
+ *  dropping any that came out empty. Takes the names rather than importing them so
+ *  the studio metadata module stays free of a runtime dependency on the grid. */
+export function gridIconGroups(names) {
+    return GRID_ICON_GROUP_RULES.map((rule, i) => ({
+        label: rule.label,
+        names: names.filter((n) => GRID_ICON_GROUP_RULES.findIndex((c) => c.match(n)) === i),
+    })).filter((g) => g.names.length);
+}
 // Props NOT offered on `ctx.grid` as runtime-settable options: structural data,
 // controller-owned plumbing, and seed-once `initial*` props (the grid reads those at
 // mount, so `setOption` on them is a no-op - excluding them keeps intellisense honest).

package/dist/sveltekit/in-memory.d.ts

@@ -6,9 +6,9 @@
  * and prototyping a schema before a database exists behind it.
  */
 import type { RowData } from '@svgrid/grid';
-import { type EntitySchema } from '../schema';
-import type { WritableDataSource } from './types';
-import { type AggregateSource } from '../sources/aggregate';
+import { type EntitySchema } from '../schema.js';
+import type { WritableDataSource } from './types.js';
+import { type AggregateSource } from '../sources/aggregate.js';
 export declare function createInMemoryDataSource<TData extends RowData>(initial: ReadonlyArray<TData>, schema: EntitySchema<TData>): WritableDataSource<TData> & AggregateSource & {
     rows(): ReadonlyArray<TData>;
 };

package/dist/sveltekit/in-memory.js

@@ -1,7 +1,7 @@
-import { resolveIdField } from '../schema';
-import { planQuery } from './query-plan';
-import { compilePredicate } from '../expressions/compile';
-import { aggregateRows } from '../sources/aggregate';
+import { resolveIdField } from '../schema.js';
+import { planQuery } from './query-plan.js';
+import { compilePredicate } from '../expressions/compile.js';
+import { aggregateRows } from '../sources/aggregate.js';
 function asString(v) {
     return v == null ? '' : String(v);
 }

package/dist/sveltekit/index.d.ts

@@ -1,6 +1,6 @@
-export { planQuery, coerce, type QueryPlan, type PlanPredicate, type PlanOp, } from './query-plan';
-export { createInMemoryDataSource } from './in-memory';
-export { createKitDataSource, createKitHandlers, type KitDataSourceOptions, type KitHandlerOptions, type KitScope, type KitHandlers, type KitMessage, } from './transport';
-export { planToSql, type SqlDialect, type SqlPlan } from './sql';
-export { createSqlDataSource, type SqlExecutor, type SqlDataSourceConfig, } from './sql-source';
-export type { WritableDataSource } from './types';
+export { planQuery, coerce, type QueryPlan, type PlanPredicate, type PlanOp, } from './query-plan.js';
+export { createInMemoryDataSource } from './in-memory.js';
+export { createKitDataSource, createKitHandlers, type KitDataSourceOptions, type KitHandlerOptions, type KitScope, type KitHandlers, type KitMessage, } from './transport.js';
+export { planToSql, type SqlDialect, type SqlPlan } from './sql.js';
+export { createSqlDataSource, type SqlExecutor, type SqlDataSourceConfig, } from './sql-source.js';
+export type { WritableDataSource } from './types.js';

package/dist/sveltekit/index.js

@@ -1,5 +1,5 @@
-export { planQuery, coerce, } from './query-plan';
-export { createInMemoryDataSource } from './in-memory';
-export { createKitDataSource, createKitHandlers, } from './transport';
-export { planToSql } from './sql';
-export { createSqlDataSource, } from './sql-source';
+export { planQuery, coerce, } from './query-plan.js';
+export { createInMemoryDataSource } from './in-memory.js';
+export { createKitDataSource, createKitHandlers, } from './transport.js';
+export { planToSql } from './sql.js';
+export { createSqlDataSource, } from './sql-source.js';

package/dist/sveltekit/query-plan.d.ts

@@ -11,7 +11,7 @@
  * arbitrary identifiers through to SQL.
  */
 import type { GridPredicateExpr, RowData, ServerRequest } from '@svgrid/grid';
-import type { EntityFieldType, EntitySchema } from '../schema';
+import type { EntityFieldType, EntitySchema } from '../schema.js';
 /** Normalized predicate operators (a stable superset of the grid's filter operators). */
 export type PlanOp = 'eq' | 'contains' | 'startsWith' | 'gt' | 'lt' | 'between' | 'isBlank' | 'in';
 export type PlanPredicate = {

package/dist/sveltekit/sql-source.d.ts

@@ -22,10 +22,10 @@
  *     })
  */
 import type { RowData } from '@svgrid/grid';
-import { type EntitySchema } from '../schema';
-import { type SqlDialect } from './sql';
-import type { WritableDataSource } from './types';
-import type { AggregateSource } from '../sources/aggregate';
+import { type EntitySchema } from '../schema.js';
+import { type SqlDialect } from './sql.js';
+import type { WritableDataSource } from './types.js';
+import type { AggregateSource } from '../sources/aggregate.js';
 /** Run a parameterized query, resolving to the result rows. */
 export type SqlExecutor = (sql: string, params: unknown[]) => Promise<ReadonlyArray<Record<string, unknown>>>;
 export type SqlDataSourceConfig<TData extends RowData> = {

package/dist/sveltekit/sql-source.js

@@ -1,7 +1,7 @@
-import { resolveIdField } from '../schema';
-import { nudgeEnterprise } from '../license';
-import { planQuery } from './query-plan';
-import { planToSql } from './sql';
+import { resolveIdField } from '../schema.js';
+import { nudgeEnterprise } from '../license.js';
+import { planQuery } from './query-plan.js';
+import { planToSql } from './sql.js';
 const SQL_AGG = { sum: 'SUM', avg: 'AVG', min: 'MIN', max: 'MAX' };
 function quoter(dialect) {
     const q = dialect.quote ?? '"';

package/dist/sveltekit/sql.d.ts

@@ -21,7 +21,7 @@
  * (Or map `plan.where` to Drizzle operators directly - the plan is the seam
  * either way.)
  */
-import type { QueryPlan } from './query-plan';
+import type { QueryPlan } from './query-plan.js';
 export type SqlDialect = {
     /** Identifier quote char. Default `"` (ANSI / Postgres / SQLite). MySQL: `` ` ``. */
     quote?: string;

package/dist/sveltekit/transport.d.ts

@@ -24,8 +24,8 @@
  *     const controller = createServerDataSource(source, { onChange: ... })
  */
 import type { RowData, ServerDataSource, ServerRequest } from '@svgrid/grid';
-import type { EntitySchema } from '../schema';
-import type { WritableDataSource } from './types';
+import type { EntitySchema } from '../schema.js';
+import type { WritableDataSource } from './types.js';
 /** Wire protocol: the single JSON body shape the client POSTs and the server dispatches on. */
 export type KitMessage<TData> = {
     kind: 'query';

package/dist/sveltekit/transport.js

@@ -1,4 +1,4 @@
-import { validateAll } from '../edit-panel';
+import { validateAll } from '../edit-panel.js';
 function jsonResponse(data, status = 200) {
     return new Response(JSON.stringify(data), {
         status,

package/dist/upgrade-prompt.js

@@ -96,34 +96,34 @@ function buildCard(feature, expired = false) {
     const badge = expired ? 'TRIAL ENDED' : 'PRO';
     const heading = expired ? 'Your trial has ended' : 'Unlock SvGrid Pro';
     const body = expired
-        ? `${featurePhrase} Your evaluation period is over - everything still works,
+        ? `${featurePhrase} Your evaluation period is over - everything still works,
        but this notice stays until a licence key is set.`
-        : `${featurePhrase} It runs in evaluation with a watermark - start a free trial
+        : `${featurePhrase} It runs in evaluation with a watermark - start a free trial
        to remove it and ship to production.`;
     const cta = expired ? 'Buy a licence' : 'Start free trial';
-    card.innerHTML = `
-    <button type="button" data-act="x" aria-label="Dismiss"
-      style="position:absolute;top:8px;right:8px;width:24px;height:24px;display:flex;
-      align-items:center;justify-content:center;background:transparent;border:0;
-      color:#94a3b8;font-size:18px;line-height:1;cursor:pointer;border-radius:6px;">&times;</button>
-    <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
-      <span style="display:inline-block;background:${expired ? '#b45309' : '#4f46e5'};color:#fff;font-size:10px;
-        font-weight:700;letter-spacing:0.06em;padding:2px 7px;border-radius:999px;">${badge}</span>
-      <span style="font-weight:700;color:#fff;">${heading}</span>
-    </div>
-    <p style="margin:0 0 12px;color:#cbd5e1;">
-      ${body}
-    </p>
-    <div style="display:flex;gap:8px;align-items:center;">
-      <a data-act="trial" href="${TRIAL_URL}" target="_blank" rel="noopener noreferrer"
-        style="flex:1;text-align:center;background:#6366f1;color:#fff;font-weight:600;
-        text-decoration:none;padding:8px 12px;border-radius:8px;">${cta}</a>
-      <a data-act="pricing" href="${PRICING_URL}" target="_blank" rel="noopener noreferrer"
-        style="color:#a5b4fc;text-decoration:none;padding:8px 6px;font-weight:600;">Pricing</a>
-    </div>
-    <p style="margin:10px 0 0;font-size:11px;color:#64748b;">
-      Already licensed? Call <code style="color:#94a3b8;">setLicenseKey()</code> at startup to hide this.
-    </p>
+    card.innerHTML = `
+    <button type="button" data-act="x" aria-label="Dismiss"
+      style="position:absolute;top:8px;right:8px;width:24px;height:24px;display:flex;
+      align-items:center;justify-content:center;background:transparent;border:0;
+      color:#94a3b8;font-size:18px;line-height:1;cursor:pointer;border-radius:6px;">&times;</button>
+    <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+      <span style="display:inline-block;background:${expired ? '#b45309' : '#4f46e5'};color:#fff;font-size:10px;
+        font-weight:700;letter-spacing:0.06em;padding:2px 7px;border-radius:999px;">${badge}</span>
+      <span style="font-weight:700;color:#fff;">${heading}</span>
+    </div>
+    <p style="margin:0 0 12px;color:#cbd5e1;">
+      ${body}
+    </p>
+    <div style="display:flex;gap:8px;align-items:center;">
+      <a data-act="trial" href="${TRIAL_URL}" target="_blank" rel="noopener noreferrer"
+        style="flex:1;text-align:center;background:#6366f1;color:#fff;font-weight:600;
+        text-decoration:none;padding:8px 12px;border-radius:8px;">${cta}</a>
+      <a data-act="pricing" href="${PRICING_URL}" target="_blank" rel="noopener noreferrer"
+        style="color:#a5b4fc;text-decoration:none;padding:8px 6px;font-weight:600;">Pricing</a>
+    </div>
+    <p style="margin:10px 0 0;font-size:11px;color:#64748b;">
+      Already licensed? Call <code style="color:#94a3b8;">setLicenseKey()</code> at startup to hide this.
+    </p>
   `;
     card.querySelector('[data-act="x"]')?.addEventListener('click', () => close(card));
     // Clicking through to a trial / pricing also counts as "handled" - close the

package/package.json

@@ -4,12 +4,15 @@
     "type": "commercial",
     "url": "https://svgrid.com/pricing"
   },
-  "version": "3.0.0",
+  "version": "3.0.1",
   "description": "Enterprise feature pack for SvGrid: Excel (xlsx) and PDF export, Excel/CSV/JSON import, pivot tables with a drag-and-drop designer, paginated print, Kanban board and scheduler renderers, no-code alerts and batch editing. CSV, TSV and JSON export are already free in @svgrid/grid. Requires a paid license key.",
   "license": "SEE LICENSE IN LICENSE",
   "author": "jQWidgets <sales@jqwidgets.com>",
   "homepage": "https://svgrid.com/pricing",
   "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
   "types": "./dist/index.d.ts",
   "module": "./dist/index.js",
   "svelte": "./dist/index.js",
@@ -70,7 +73,7 @@
     "jszip": "^3.10.0",
     "pdfmake": "^0.2.0",
     "svelte": "^5.0.0",
-    "@svgrid/grid": "^3.0.0"
+    "@svgrid/grid": "^3.0.3"
   },
   "peerDependenciesMeta": {
     "jszip": {
@@ -88,7 +91,7 @@
     "svelte": "^5.55.5",
     "typescript": "6.0.3",
     "vite": "^8.2.1",
-    "@svgrid/grid": "^3.0.0"
+    "@svgrid/grid": "^3.0.3"
   },
   "repository": {
     "type": "git",