@zodal/ui-vanilla 0.1.0

package/README.md

@@ -0,0 +1,162 @@
+# @zodal/ui-vanilla
+
+zodal UI renderer for vanilla HTML/JS -- no React, no framework dependencies.
+
+Produces plain `HTMLElement` instances from zodal's headless configuration objects.
+
+## Install
+
+```bash
+npm install @zodal/ui-vanilla @zodal/core @zodal/ui
+```
+
+## Quick Start
+
+```typescript
+import { defineCollection } from '@zodal/core';
+import { toColumnDefs } from '@zodal/ui';
+import { createVanillaRegistry } from '@zodal/ui-vanilla';
+import { z } from 'zod';
+
+const schema = z.object({
+  name: z.string(),
+  age: z.number(),
+  active: z.boolean(),
+});
+
+const collection = defineCollection(schema);
+const columns = toColumnDefs(collection);
+const registry = createVanillaRegistry();
+
+// Render a cell
+for (const col of columns) {
+  const field = collection.fieldAffordances[col.id];
+  if (field) {
+    const renderCell = registry.resolve(field, { mode: 'cell' });
+    const element = renderCell({ value: 'Alice', config: col, row: {} });
+    document.body.appendChild(element);
+  }
+}
+```
+
+## Supported Renderers
+
+### Cell Renderers (table display)
+
+| Renderer | Zod Type | Description |
+|----------|----------|-------------|
+| TextCell | string (+ fallback) | Plain text, optional truncation |
+| NumberCell | number, int, float | Formatted numbers |
+| CurrencyCell | number + currency meta | USD currency formatting |
+| BooleanCell | boolean | Checkmark / cross |
+| DateCell | date | Localized date string |
+| BadgeCell | enum | Badge with data-variant |
+| ArrayCell | array | Comma-separated values |
+
+### Form Renderers (data entry)
+
+| Renderer | Zod Type | Description |
+|----------|----------|-------------|
+| TextInput | string (+ fallback) | Text input with label |
+| NumberInput | number, int, float | Number input |
+| CheckboxInput | boolean | Checkbox with label |
+| SelectInput | enum | Dropdown with options |
+| DateInput | date | Date picker |
+
+### Filter Renderers (filtering)
+
+| Renderer | Filter Type | Description |
+|----------|-------------|-------------|
+| TextFilter | search (+ fallback) | Text search input |
+| SelectFilter | select, multiSelect | Dropdown with "All" option |
+| RangeFilter | range | Min/Max number inputs |
+| BooleanFilter | boolean | All/Yes/No dropdown |
+
+## Styling
+
+All elements use `.zodal-*` CSS class names. Style them however you want:
+
+```css
+.zodal-cell { font-family: inherit; }
+.zodal-field { margin-bottom: 1rem; }
+.zodal-label { display: block; font-weight: 600; margin-bottom: 0.25rem; }
+.zodal-input { padding: 0.5rem; border: 1px solid #ccc; border-radius: 4px; }
+.zodal-badge { padding: 2px 8px; border-radius: 9999px; font-size: 0.75rem; }
+.zodal-help { font-size: 0.875rem; color: #666; margin-top: 0.25rem; }
+.zodal-muted { color: #999; }
+.zodal-filter { padding: 0.25rem; }
+.zodal-filter-range { display: flex; gap: 4px; }
+```
+
+## Browser Usage (import maps)
+
+```html
+<script type="importmap">
+{ "imports": {
+  "zod": "https://esm.sh/zod@4",
+  "@zodal/core": "https://esm.sh/@zodal/core@0.1.0",
+  "@zodal/ui": "https://esm.sh/@zodal/ui@0.1.0",
+  "@zodal/ui-vanilla": "https://esm.sh/@zodal/ui-vanilla@0.1.0"
+}}
+</script>
+<script type="module">
+  import { createVanillaRegistry } from '@zodal/ui-vanilla';
+  const registry = createVanillaRegistry();
+  // ...
+</script>
+```
+
+## Customization
+
+Override any renderer by registering a higher-priority entry:
+
+```typescript
+import { createRendererRegistry, PRIORITY } from '@zodal/ui';
+import { cellRenderers, formRenderers, filterRenderers } from '@zodal/ui-vanilla';
+
+const registry = createRendererRegistry();
+for (const entry of [...cellRenderers, ...formRenderers, ...filterRenderers]) {
+  registry.register(entry);
+}
+
+// Add a custom renderer at higher priority
+registry.register({
+  tester: (field, ctx) =>
+    ctx.mode === 'cell' && field.zodType === 'string' ? PRIORITY.APP : -1,
+  renderer: (props) => {
+    const el = document.createElement('strong');
+    el.textContent = String(props.value);
+    return el;
+  },
+  name: 'BoldTextCell',
+});
+```
+
+## Selective Import
+
+Use individual renderer arrays to pick only what you need:
+
+```typescript
+import { cellRenderers } from '@zodal/ui-vanilla';
+import { createRendererRegistry } from '@zodal/ui';
+
+const registry = createRendererRegistry();
+for (const entry of cellRenderers) {
+  registry.register(entry);
+}
+```
+
+## Development
+
+```bash
+pnpm install
+pnpm build       # Build with tsup
+pnpm test        # Run tests
+pnpm typecheck   # TypeScript check
+```
+
+## License
+
+MIT
+
+

package/dist/index.cjs

@@ -0,0 +1,392 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  cellRenderers: () => cellRenderers,
+  createVanillaRegistry: () => createVanillaRegistry,
+  filterRenderers: () => filterRenderers,
+  formRenderers: () => formRenderers
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/registry.ts
+var import_ui4 = require("@zodal/ui");
+
+// src/renderers/cell-renderers.ts
+var import_ui = require("@zodal/ui");
+
+// src/dom.ts
+function el(tag, attrs, ...children) {
+  const element = document.createElement(tag);
+  if (attrs) {
+    for (const [key, value] of Object.entries(attrs)) {
+      if (key.startsWith("on") && typeof value === "function") {
+        const event = key.slice(2).toLowerCase();
+        element.addEventListener(event, value);
+      } else if (key === "style" && typeof value === "object") {
+        Object.assign(element.style, value);
+      } else if (value !== void 0 && value !== null && value !== false) {
+        element.setAttribute(key, String(value));
+      }
+    }
+  }
+  for (const child of children) {
+    if (child == null) continue;
+    element.appendChild(
+      typeof child === "string" ? document.createTextNode(child) : child
+    );
+  }
+  return element;
+}
+
+// src/renderers/cell-renderers.ts
+function textCell({ value, config }) {
+  const str = String(value ?? "");
+  const truncate = config.meta.truncate;
+  if (truncate && str.length > truncate) {
+    return el("span", { title: str, class: "zodal-cell zodal-cell-text" }, str.slice(0, truncate) + "...");
+  }
+  return el("span", { class: "zodal-cell zodal-cell-text" }, str);
+}
+function numberCell({ value, config }) {
+  if (value == null) return el("span", { class: "zodal-cell zodal-muted" }, "\u2014");
+  const formatted = config.meta.displayFormat === "currency" ? new Intl.NumberFormat("en-US", { style: "currency", currency: "USD" }).format(value) : String(value);
+  return el("span", { class: "zodal-cell zodal-cell-number" }, formatted);
+}
+function booleanCell({ value }) {
+  return el("span", { class: "zodal-cell zodal-cell-boolean" }, value ? "\u2713" : "\u2717");
+}
+function dateCell({ value }) {
+  if (value == null) return el("span", { class: "zodal-cell zodal-muted" }, "\u2014");
+  const date = value instanceof Date ? value : new Date(value);
+  return el("span", { class: "zodal-cell zodal-cell-date" }, date.toLocaleDateString());
+}
+function badgeCell({ value, config }) {
+  const str = String(value ?? "");
+  const variant = config.meta.badge?.[str] ?? "default";
+  return el("span", {
+    class: "zodal-cell zodal-badge",
+    "data-variant": variant
+  }, str);
+}
+function arrayCell({ value }) {
+  if (!Array.isArray(value)) return el("span", { class: "zodal-cell zodal-muted" }, "\u2014");
+  return el("span", { class: "zodal-cell zodal-cell-array" }, value.join(", "));
+}
+var cellRenderers = [
+  {
+    tester: () => import_ui.PRIORITY.FALLBACK,
+    renderer: textCell,
+    name: "TextCell (fallback)"
+  },
+  {
+    tester: (field, ctx) => ctx.mode === "cell" && field.zodType === "string" ? import_ui.PRIORITY.DEFAULT : -1,
+    renderer: textCell,
+    name: "TextCell"
+  },
+  {
+    tester: (field, ctx) => ctx.mode === "cell" && ["number", "int", "float"].includes(field.zodType) ? import_ui.PRIORITY.DEFAULT : -1,
+    renderer: numberCell,
+    name: "NumberCell"
+  },
+  {
+    tester: (field, ctx) => ctx.mode === "cell" && field.zodType === "boolean" ? import_ui.PRIORITY.DEFAULT : -1,
+    renderer: booleanCell,
+    name: "BooleanCell"
+  },
+  {
+    tester: (field, ctx) => ctx.mode === "cell" && field.zodType === "date" ? import_ui.PRIORITY.DEFAULT : -1,
+    renderer: dateCell,
+    name: "DateCell"
+  },
+  {
+    tester: (field, ctx) => ctx.mode === "cell" && field.zodType === "enum" ? import_ui.PRIORITY.DEFAULT : -1,
+    renderer: badgeCell,
+    name: "BadgeCell"
+  },
+  {
+    tester: (field, ctx) => ctx.mode === "cell" && field.zodType === "array" ? import_ui.PRIORITY.DEFAULT : -1,
+    renderer: arrayCell,
+    name: "ArrayCell"
+  },
+  {
+    tester: (field, ctx) => ctx.mode === "cell" && field.displayFormat === "currency" ? import_ui.PRIORITY.LIBRARY : -1,
+    renderer: numberCell,
+    name: "CurrencyCell"
+  }
+];
+
+// src/renderers/form-renderers.ts
+var import_ui2 = require("@zodal/ui");
+function textInput({ field, config }) {
+  return el(
+    "div",
+    { class: "zodal-field" },
+    el("label", { for: config.name, class: "zodal-label" }, config.label),
+    el("input", {
+      id: config.name,
+      type: "text",
+      value: String(field.value ?? ""),
+      class: "zodal-input",
+      placeholder: config.placeholder,
+      required: config.required,
+      disabled: config.disabled,
+      onInput: (e) => field.onChange(e.target.value)
+    }),
+    config.helpText ? el("p", { class: "zodal-help" }, config.helpText) : null
+  );
+}
+function numberInput({ field, config }) {
+  return el(
+    "div",
+    { class: "zodal-field" },
+    el("label", { for: config.name, class: "zodal-label" }, config.label),
+    el("input", {
+      id: config.name,
+      type: "number",
+      value: field.value ?? "",
+      class: "zodal-input",
+      required: config.required,
+      disabled: config.disabled,
+      onInput: (e) => field.onChange(Number(e.target.value))
+    })
+  );
+}
+function checkboxInput({ field, config }) {
+  return el(
+    "div",
+    { class: "zodal-field" },
+    el(
+      "label",
+      { class: "zodal-label" },
+      el("input", {
+        type: "checkbox",
+        checked: Boolean(field.value),
+        class: "zodal-input",
+        disabled: config.disabled,
+        onChange: (e) => field.onChange(e.target.checked)
+      }),
+      " ",
+      config.label
+    )
+  );
+}
+function selectInput({ field, config }) {
+  const select = el(
+    "select",
+    {
+      id: config.name,
+      class: "zodal-input",
+      required: config.required,
+      disabled: config.disabled,
+      onChange: (e) => field.onChange(e.target.value)
+    },
+    el("option", { value: "" }, `Select ${config.label}...`),
+    ...(config.options ?? []).map(
+      (opt) => el("option", { value: opt.value }, opt.label)
+    )
+  );
+  select.value = String(field.value ?? "");
+  return el(
+    "div",
+    { class: "zodal-field" },
+    el("label", { for: config.name, class: "zodal-label" }, config.label),
+    select
+  );
+}
+function dateInput({ field, config }) {
+  const dateValue = field.value instanceof Date ? field.value.toISOString().split("T")[0] : String(field.value ?? "");
+  return el(
+    "div",
+    { class: "zodal-field" },
+    el("label", { for: config.name, class: "zodal-label" }, config.label),
+    el("input", {
+      id: config.name,
+      type: "date",
+      value: dateValue,
+      class: "zodal-input",
+      required: config.required,
+      disabled: config.disabled,
+      onInput: (e) => field.onChange(new Date(e.target.value))
+    })
+  );
+}
+var formRenderers = [
+  {
+    tester: (_, ctx) => ctx.mode === "form" ? import_ui2.PRIORITY.FALLBACK : -1,
+    renderer: textInput,
+    name: "TextInput (fallback)"
+  },
+  {
+    tester: (field, ctx) => ctx.mode === "form" && field.zodType === "string" ? import_ui2.PRIORITY.DEFAULT : -1,
+    renderer: textInput,
+    name: "TextInput"
+  },
+  {
+    tester: (field, ctx) => ctx.mode === "form" && ["number", "int", "float"].includes(field.zodType) ? import_ui2.PRIORITY.DEFAULT : -1,
+    renderer: numberInput,
+    name: "NumberInput"
+  },
+  {
+    tester: (field, ctx) => ctx.mode === "form" && field.zodType === "boolean" ? import_ui2.PRIORITY.DEFAULT : -1,
+    renderer: checkboxInput,
+    name: "CheckboxInput"
+  },
+  {
+    tester: (field, ctx) => ctx.mode === "form" && field.zodType === "enum" ? import_ui2.PRIORITY.DEFAULT : -1,
+    renderer: selectInput,
+    name: "SelectInput"
+  },
+  {
+    tester: (field, ctx) => ctx.mode === "form" && field.zodType === "date" ? import_ui2.PRIORITY.DEFAULT : -1,
+    renderer: dateInput,
+    name: "DateInput"
+  }
+];
+
+// src/renderers/filter-renderers.ts
+var import_ui3 = require("@zodal/ui");
+function textFilter({ field, config }) {
+  return el("input", {
+    type: "text",
+    value: String(field.value ?? ""),
+    placeholder: `Filter ${config.label}...`,
+    class: "zodal-filter zodal-filter-text",
+    onInput: (e) => field.onChange(e.target.value)
+  });
+}
+function selectFilter({ field, config }) {
+  const select = el(
+    "select",
+    {
+      class: "zodal-filter zodal-filter-select",
+      onChange: (e) => field.onChange(e.target.value || void 0)
+    },
+    el("option", { value: "" }, `All ${config.label}`),
+    ...(config.options ?? []).map(
+      (opt) => el("option", { value: opt.value }, opt.label)
+    )
+  );
+  select.value = String(field.value ?? "");
+  return select;
+}
+function rangeFilter({ field, config }) {
+  const [min, max] = Array.isArray(field.value) ? field.value : [void 0, void 0];
+  return el(
+    "div",
+    { style: { display: "flex", gap: "4px" }, class: "zodal-filter zodal-filter-range" },
+    el("input", {
+      type: "number",
+      value: min ?? "",
+      placeholder: "Min",
+      min: config.bounds?.min,
+      max: config.bounds?.max,
+      class: "zodal-input",
+      onInput: (e) => {
+        const v = e.target.value;
+        field.onChange([v ? Number(v) : void 0, max]);
+      }
+    }),
+    el("input", {
+      type: "number",
+      value: max ?? "",
+      placeholder: "Max",
+      min: config.bounds?.min,
+      max: config.bounds?.max,
+      class: "zodal-input",
+      onInput: (e) => {
+        const v = e.target.value;
+        field.onChange([min, v ? Number(v) : void 0]);
+      }
+    })
+  );
+}
+function booleanFilter({ field, config }) {
+  const select = el(
+    "select",
+    {
+      class: "zodal-filter zodal-filter-boolean",
+      onChange: (e) => {
+        const v = e.target.value;
+        field.onChange(v === "true" ? true : v === "false" ? false : void 0);
+      }
+    },
+    el("option", { value: "" }, "All"),
+    el("option", { value: "true" }, "Yes"),
+    el("option", { value: "false" }, "No")
+  );
+  select.value = field.value === true ? "true" : field.value === false ? "false" : "";
+  return select;
+}
+var filterRenderers = [
+  {
+    tester: (_, ctx) => ctx.mode === "filter" ? import_ui3.PRIORITY.FALLBACK : -1,
+    renderer: textFilter,
+    name: "TextFilter (fallback)"
+  },
+  {
+    tester: (field, ctx) => ctx.mode === "filter" && field.filterable === "search" ? import_ui3.PRIORITY.DEFAULT : -1,
+    renderer: textFilter,
+    name: "TextFilter"
+  },
+  {
+    tester: (field, ctx) => ctx.mode === "filter" && field.filterable === "select" ? import_ui3.PRIORITY.DEFAULT : -1,
+    renderer: selectFilter,
+    name: "SelectFilter"
+  },
+  {
+    tester: (field, ctx) => ctx.mode === "filter" && field.filterable === "multiSelect" ? import_ui3.PRIORITY.DEFAULT : -1,
+    renderer: selectFilter,
+    name: "MultiSelectFilter"
+  },
+  {
+    tester: (field, ctx) => ctx.mode === "filter" && field.filterable === "range" ? import_ui3.PRIORITY.DEFAULT : -1,
+    renderer: rangeFilter,
+    name: "RangeFilter"
+  },
+  {
+    tester: (field, ctx) => ctx.mode === "filter" && field.zodType === "boolean" ? import_ui3.PRIORITY.DEFAULT : -1,
+    renderer: booleanFilter,
+    name: "BooleanFilter"
+  }
+];
+
+// src/registry.ts
+function createVanillaRegistry() {
+  const registry = (0, import_ui4.createRendererRegistry)();
+  const allRenderers = [
+    ...cellRenderers,
+    ...formRenderers,
+    ...filterRenderers
+  ];
+  for (const entry of allRenderers) {
+    registry.register(entry);
+  }
+  return registry;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  cellRenderers,
+  createVanillaRegistry,
+  filterRenderers,
+  formRenderers
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/registry.ts","../src/renderers/cell-renderers.ts","../src/dom.ts","../src/renderers/form-renderers.ts","../src/renderers/filter-renderers.ts"],"sourcesContent":["export { createVanillaRegistry } from './registry.js';\nexport type { VanillaRenderer } from './registry.js';\nexport { cellRenderers } from './renderers/cell-renderers.js';\nexport { formRenderers } from './renderers/form-renderers.js';\nexport { filterRenderers } from './renderers/filter-renderers.js';\nexport type { CellProps, FormFieldProps, FilterFieldProps } from './types.js';\n","import { createRendererRegistry } from '@zodal/ui';\nimport type { RendererEntry } from '@zodal/ui';\nimport { cellRenderers } from './renderers/cell-renderers.js';\nimport { formRenderers } from './renderers/form-renderers.js';\nimport { filterRenderers } from './renderers/filter-renderers.js';\n\n/** A vanilla renderer function: takes props, returns an HTMLElement. */\nexport type VanillaRenderer = (props: any) => HTMLElement;\n\n/**\n * Create a RendererRegistry pre-loaded with all vanilla DOM renderers.\n */\nexport function createVanillaRegistry() {\n  const registry = createRendererRegistry<VanillaRenderer>();\n  const allRenderers: RendererEntry<VanillaRenderer>[] = [\n    ...cellRenderers,\n    ...formRenderers,\n    ...filterRenderers,\n  ];\n  for (const entry of allRenderers) {\n    registry.register(entry);\n  }\n  return registry;\n}\n","/**\n * Cell renderers for table display.\n * Plain DOM elements — no framework dependency.\n */\n\nimport { PRIORITY } from '@zodal/ui';\nimport type { RendererEntry } from '@zodal/ui';\nimport { el } from '../dom.js';\nimport type { CellProps } from '../types.js';\n\nfunction textCell({ value, config }: CellProps): HTMLElement {\n  const str = String(value ?? '');\n  const truncate = config.meta.truncate;\n  if (truncate && str.length > truncate) {\n    return el('span', { title: str, class: 'zodal-cell zodal-cell-text' }, str.slice(0, truncate) + '...');\n  }\n  return el('span', { class: 'zodal-cell zodal-cell-text' }, str);\n}\n\nfunction numberCell({ value, config }: CellProps): HTMLElement {\n  if (value == null) return el('span', { class: 'zodal-cell zodal-muted' }, '\\u2014');\n  const formatted = config.meta.displayFormat === 'currency'\n    ? new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' }).format(value as number)\n    : String(value);\n  return el('span', { class: 'zodal-cell zodal-cell-number' }, formatted);\n}\n\nfunction booleanCell({ value }: CellProps): HTMLElement {\n  return el('span', { class: 'zodal-cell zodal-cell-boolean' }, value ? '\\u2713' : '\\u2717');\n}\n\nfunction dateCell({ value }: CellProps): HTMLElement {\n  if (value == null) return el('span', { class: 'zodal-cell zodal-muted' }, '\\u2014');\n  const date = value instanceof Date ? value : new Date(value as string);\n  return el('span', { class: 'zodal-cell zodal-cell-date' }, date.toLocaleDateString());\n}\n\nfunction badgeCell({ value, config }: CellProps): HTMLElement {\n  const str = String(value ?? '');\n  const variant = config.meta.badge?.[str] ?? 'default';\n  return el('span', {\n    class: 'zodal-cell zodal-badge',\n    'data-variant': variant,\n  }, str);\n}\n\nfunction arrayCell({ value }: CellProps): HTMLElement {\n  if (!Array.isArray(value)) return el('span', { class: 'zodal-cell zodal-muted' }, '\\u2014');\n  return el('span', { class: 'zodal-cell zodal-cell-array' }, value.join(', '));\n}\n\nexport type CellRenderer = (props: CellProps) => HTMLElement;\n\nexport const cellRenderers: RendererEntry<CellRenderer>[] = [\n  {\n    tester: () => PRIORITY.FALLBACK,\n    renderer: textCell,\n    name: 'TextCell (fallback)',\n  },\n  {\n    tester: (field, ctx) => ctx.mode === 'cell' && field.zodType === 'string' ? PRIORITY.DEFAULT : -1,\n    renderer: textCell,\n    name: 'TextCell',\n  },\n  {\n    tester: (field, ctx) => ctx.mode === 'cell' && ['number', 'int', 'float'].includes(field.zodType) ? PRIORITY.DEFAULT : -1,\n    renderer: numberCell,\n    name: 'NumberCell',\n  },\n  {\n    tester: (field, ctx) => ctx.mode === 'cell' && field.zodType === 'boolean' ? PRIORITY.DEFAULT : -1,\n    renderer: booleanCell,\n    name: 'BooleanCell',\n  },\n  {\n    tester: (field, ctx) => ctx.mode === 'cell' && field.zodType === 'date' ? PRIORITY.DEFAULT : -1,\n    renderer: dateCell,\n    name: 'DateCell',\n  },\n  {\n    tester: (field, ctx) => ctx.mode === 'cell' && field.zodType === 'enum' ? PRIORITY.DEFAULT : -1,\n    renderer: badgeCell,\n    name: 'BadgeCell',\n  },\n  {\n    tester: (field, ctx) => ctx.mode === 'cell' && field.zodType === 'array' ? PRIORITY.DEFAULT : -1,\n    renderer: arrayCell,\n    name: 'ArrayCell',\n  },\n  {\n    tester: (field, ctx) => ctx.mode === 'cell' && (field as any).displayFormat === 'currency' ? PRIORITY.LIBRARY : -1,\n    renderer: numberCell,\n    name: 'CurrencyCell',\n  },\n];\n","/**\n * Internal DOM element factory.\n * Replaces React.createElement with native DOM API.\n */\nexport function el(\n  tag: string,\n  attrs?: Record<string, any> | null,\n  ...children: (Node | string | null | undefined)[]\n): HTMLElement {\n  const element = document.createElement(tag);\n  if (attrs) {\n    for (const [key, value] of Object.entries(attrs)) {\n      if (key.startsWith('on') && typeof value === 'function') {\n        const event = key.slice(2).toLowerCase();\n        element.addEventListener(event, value);\n      } else if (key === 'style' && typeof value === 'object') {\n        Object.assign(element.style, value);\n      } else if (value !== undefined && value !== null && value !== false) {\n        element.setAttribute(key, String(value));\n      }\n    }\n  }\n  for (const child of children) {\n    if (child == null) continue;\n    element.appendChild(\n      typeof child === 'string' ? document.createTextNode(child) : child,\n    );\n  }\n  return element;\n}\n","/**\n * Form field renderers.\n * Plain DOM elements with native event listeners.\n */\n\nimport { PRIORITY } from '@zodal/ui';\nimport type { RendererEntry } from '@zodal/ui';\nimport { el } from '../dom.js';\nimport type { FormFieldProps } from '../types.js';\n\nfunction textInput({ field, config }: FormFieldProps): HTMLElement {\n  return el('div', { class: 'zodal-field' },\n    el('label', { for: config.name, class: 'zodal-label' }, config.label),\n    el('input', {\n      id: config.name,\n      type: 'text',\n      value: String(field.value ?? ''),\n      class: 'zodal-input',\n      placeholder: config.placeholder,\n      required: config.required,\n      disabled: config.disabled,\n      onInput: (e: Event) => field.onChange((e.target as HTMLInputElement).value),\n    }),\n    config.helpText ? el('p', { class: 'zodal-help' }, config.helpText) : null,\n  );\n}\n\nfunction numberInput({ field, config }: FormFieldProps): HTMLElement {\n  return el('div', { class: 'zodal-field' },\n    el('label', { for: config.name, class: 'zodal-label' }, config.label),\n    el('input', {\n      id: config.name,\n      type: 'number',\n      value: field.value ?? '',\n      class: 'zodal-input',\n      required: config.required,\n      disabled: config.disabled,\n      onInput: (e: Event) => field.onChange(Number((e.target as HTMLInputElement).value)),\n    }),\n  );\n}\n\nfunction checkboxInput({ field, config }: FormFieldProps): HTMLElement {\n  return el('div', { class: 'zodal-field' },\n    el('label', { class: 'zodal-label' },\n      el('input', {\n        type: 'checkbox',\n        checked: Boolean(field.value),\n        class: 'zodal-input',\n        disabled: config.disabled,\n        onChange: (e: Event) => field.onChange((e.target as HTMLInputElement).checked),\n      }),\n      ' ',\n      config.label,\n    ),\n  );\n}\n\nfunction selectInput({ field, config }: FormFieldProps): HTMLElement {\n  const select = el('select', {\n    id: config.name,\n    class: 'zodal-input',\n    required: config.required,\n    disabled: config.disabled,\n    onChange: (e: Event) => field.onChange((e.target as HTMLSelectElement).value),\n  },\n    el('option', { value: '' }, `Select ${config.label}...`),\n    ...(config.options ?? []).map(opt =>\n      el('option', { value: opt.value }, opt.label)\n    ),\n  );\n  // Set selected value after creation\n  (select as HTMLSelectElement).value = String(field.value ?? '');\n\n  return el('div', { class: 'zodal-field' },\n    el('label', { for: config.name, class: 'zodal-label' }, config.label),\n    select,\n  );\n}\n\nfunction dateInput({ field, config }: FormFieldProps): HTMLElement {\n  const dateValue = field.value instanceof Date\n    ? (field.value as Date).toISOString().split('T')[0]\n    : String(field.value ?? '');\n\n  return el('div', { class: 'zodal-field' },\n    el('label', { for: config.name, class: 'zodal-label' }, config.label),\n    el('input', {\n      id: config.name,\n      type: 'date',\n      value: dateValue,\n      class: 'zodal-input',\n      required: config.required,\n      disabled: config.disabled,\n      onInput: (e: Event) => field.onChange(new Date((e.target as HTMLInputElement).value)),\n    }),\n  );\n}\n\nexport type FormRenderer = (props: FormFieldProps) => HTMLElement;\n\nexport const formRenderers: RendererEntry<FormRenderer>[] = [\n  {\n    tester: (_, ctx) => ctx.mode === 'form' ? PRIORITY.FALLBACK : -1,\n    renderer: textInput,\n    name: 'TextInput (fallback)',\n  },\n  {\n    tester: (field, ctx) => ctx.mode === 'form' && field.zodType === 'string' ? PRIORITY.DEFAULT : -1,\n    renderer: textInput,\n    name: 'TextInput',\n  },\n  {\n    tester: (field, ctx) => ctx.mode === 'form' && ['number', 'int', 'float'].includes(field.zodType) ? PRIORITY.DEFAULT : -1,\n    renderer: numberInput,\n    name: 'NumberInput',\n  },\n  {\n    tester: (field, ctx) => ctx.mode === 'form' && field.zodType === 'boolean' ? PRIORITY.DEFAULT : -1,\n    renderer: checkboxInput,\n    name: 'CheckboxInput',\n  },\n  {\n    tester: (field, ctx) => ctx.mode === 'form' && field.zodType === 'enum' ? PRIORITY.DEFAULT : -1,\n    renderer: selectInput,\n    name: 'SelectInput',\n  },\n  {\n    tester: (field, ctx) => ctx.mode === 'form' && field.zodType === 'date' ? PRIORITY.DEFAULT : -1,\n    renderer: dateInput,\n    name: 'DateInput',\n  },\n];\n","/**\n * Filter widget renderers.\n * Plain DOM elements with native event listeners.\n */\n\nimport { PRIORITY } from '@zodal/ui';\nimport type { RendererEntry } from '@zodal/ui';\nimport { el } from '../dom.js';\nimport type { FilterFieldProps } from '../types.js';\n\nfunction textFilter({ field, config }: FilterFieldProps): HTMLElement {\n  return el('input', {\n    type: 'text',\n    value: String(field.value ?? ''),\n    placeholder: `Filter ${config.label}...`,\n    class: 'zodal-filter zodal-filter-text',\n    onInput: (e: Event) => field.onChange((e.target as HTMLInputElement).value),\n  });\n}\n\nfunction selectFilter({ field, config }: FilterFieldProps): HTMLElement {\n  const select = el('select', {\n    class: 'zodal-filter zodal-filter-select',\n    onChange: (e: Event) => field.onChange((e.target as HTMLSelectElement).value || undefined),\n  },\n    el('option', { value: '' }, `All ${config.label}`),\n    ...(config.options ?? []).map(opt =>\n      el('option', { value: opt.value }, opt.label)\n    ),\n  );\n  (select as HTMLSelectElement).value = String(field.value ?? '');\n  return select;\n}\n\nfunction rangeFilter({ field, config }: FilterFieldProps): HTMLElement {\n  const [min, max] = Array.isArray(field.value) ? field.value : [undefined, undefined];\n  return el('div', { style: { display: 'flex', gap: '4px' }, class: 'zodal-filter zodal-filter-range' },\n    el('input', {\n      type: 'number',\n      value: min ?? '',\n      placeholder: 'Min',\n      min: config.bounds?.min,\n      max: config.bounds?.max,\n      class: 'zodal-input',\n      onInput: (e: Event) => {\n        const v = (e.target as HTMLInputElement).value;\n        field.onChange([v ? Number(v) : undefined, max]);\n      },\n    }),\n    el('input', {\n      type: 'number',\n      value: max ?? '',\n      placeholder: 'Max',\n      min: config.bounds?.min,\n      max: config.bounds?.max,\n      class: 'zodal-input',\n      onInput: (e: Event) => {\n        const v = (e.target as HTMLInputElement).value;\n        field.onChange([min, v ? Number(v) : undefined]);\n      },\n    }),\n  );\n}\n\nfunction booleanFilter({ field, config }: FilterFieldProps): HTMLElement {\n  const select = el('select', {\n    class: 'zodal-filter zodal-filter-boolean',\n    onChange: (e: Event) => {\n      const v = (e.target as HTMLSelectElement).value;\n      field.onChange(v === 'true' ? true : v === 'false' ? false : undefined);\n    },\n  },\n    el('option', { value: '' }, 'All'),\n    el('option', { value: 'true' }, 'Yes'),\n    el('option', { value: 'false' }, 'No'),\n  );\n  // Set initial value\n  (select as HTMLSelectElement).value = field.value === true ? 'true' : field.value === false ? 'false' : '';\n  return select;\n}\n\nexport type FilterRenderer = (props: FilterFieldProps) => HTMLElement;\n\nexport const filterRenderers: RendererEntry<FilterRenderer>[] = [\n  {\n    tester: (_, ctx) => ctx.mode === 'filter' ? PRIORITY.FALLBACK : -1,\n    renderer: textFilter,\n    name: 'TextFilter (fallback)',\n  },\n  {\n    tester: (field, ctx) => ctx.mode === 'filter' && (field as any).filterable === 'search' ? PRIORITY.DEFAULT : -1,\n    renderer: textFilter,\n    name: 'TextFilter',\n  },\n  {\n    tester: (field, ctx) => ctx.mode === 'filter' && (field as any).filterable === 'select' ? PRIORITY.DEFAULT : -1,\n    renderer: selectFilter,\n    name: 'SelectFilter',\n  },\n  {\n    tester: (field, ctx) => ctx.mode === 'filter' && (field as any).filterable === 'multiSelect' ? PRIORITY.DEFAULT : -1,\n    renderer: selectFilter,\n    name: 'MultiSelectFilter',\n  },\n  {\n    tester: (field, ctx) => ctx.mode === 'filter' && (field as any).filterable === 'range' ? PRIORITY.DEFAULT : -1,\n    renderer: rangeFilter,\n    name: 'RangeFilter',\n  },\n  {\n    tester: (field, ctx) => ctx.mode === 'filter' && field.zodType === 'boolean' ? PRIORITY.DEFAULT : -1,\n    renderer: booleanFilter,\n    name: 'BooleanFilter',\n  },\n];\n"],"mappings":"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","names":["import_ui","import_ui","import_ui"]}

package/dist/index.d.cts

@@ -0,0 +1,65 @@
+import * as _zodal_ui from '@zodal/ui';
+import { ColumnConfig, FilterFieldConfig, FormFieldConfig, RendererEntry } from '@zodal/ui';
+
+/** A vanilla renderer function: takes props, returns an HTMLElement. */
+type VanillaRenderer = (props: any) => HTMLElement;
+/**
+ * Create a RendererRegistry pre-loaded with all vanilla DOM renderers.
+ */
+declare function createVanillaRegistry(): _zodal_ui.RendererRegistry<VanillaRenderer>;
+
+/** Props passed to cell renderer functions. */
+interface CellProps {
+    /** The cell value. */
+    value: unknown;
+    /** The column configuration from toColumnDefs(). */
+    config: ColumnConfig;
+    /** The full row data. */
+    row: Record<string, unknown>;
+}
+/** Props passed to form field renderer functions. */
+interface FormFieldProps {
+    /** Form field binding (value + onChange). */
+    field: {
+        value: unknown;
+        onChange: (value: unknown) => void;
+    };
+    /** The form field configuration from toFormConfig(). */
+    config: FormFieldConfig;
+}
+/** Props passed to filter renderer functions. */
+interface FilterFieldProps {
+    /** Filter field binding (value + onChange). */
+    field: {
+        value: unknown;
+        onChange: (value: unknown) => void;
+    };
+    /** The filter field configuration from toFilterConfig(). */
+    config: FilterFieldConfig;
+}
+
+/**
+ * Cell renderers for table display.
+ * Plain DOM elements — no framework dependency.
+ */
+
+type CellRenderer = (props: CellProps) => HTMLElement;
+declare const cellRenderers: RendererEntry<CellRenderer>[];
+
+/**
+ * Form field renderers.
+ * Plain DOM elements with native event listeners.
+ */
+
+type FormRenderer = (props: FormFieldProps) => HTMLElement;
+declare const formRenderers: RendererEntry<FormRenderer>[];
+
+/**
+ * Filter widget renderers.
+ * Plain DOM elements with native event listeners.
+ */
+
+type FilterRenderer = (props: FilterFieldProps) => HTMLElement;
+declare const filterRenderers: RendererEntry<FilterRenderer>[];
+
+export { type CellProps, type FilterFieldProps, type FormFieldProps, type VanillaRenderer, cellRenderers, createVanillaRegistry, filterRenderers, formRenderers };

package/dist/index.d.ts

@@ -0,0 +1,65 @@
+import * as _zodal_ui from '@zodal/ui';
+import { ColumnConfig, FilterFieldConfig, FormFieldConfig, RendererEntry } from '@zodal/ui';
+
+/** A vanilla renderer function: takes props, returns an HTMLElement. */
+type VanillaRenderer = (props: any) => HTMLElement;
+/**
+ * Create a RendererRegistry pre-loaded with all vanilla DOM renderers.
+ */
+declare function createVanillaRegistry(): _zodal_ui.RendererRegistry<VanillaRenderer>;
+
+/** Props passed to cell renderer functions. */
+interface CellProps {
+    /** The cell value. */
+    value: unknown;
+    /** The column configuration from toColumnDefs(). */
+    config: ColumnConfig;
+    /** The full row data. */
+    row: Record<string, unknown>;
+}
+/** Props passed to form field renderer functions. */
+interface FormFieldProps {
+    /** Form field binding (value + onChange). */
+    field: {
+        value: unknown;
+        onChange: (value: unknown) => void;
+    };
+    /** The form field configuration from toFormConfig(). */
+    config: FormFieldConfig;
+}
+/** Props passed to filter renderer functions. */
+interface FilterFieldProps {
+    /** Filter field binding (value + onChange). */
+    field: {
+        value: unknown;
+        onChange: (value: unknown) => void;
+    };
+    /** The filter field configuration from toFilterConfig(). */
+    config: FilterFieldConfig;
+}
+
+/**
+ * Cell renderers for table display.
+ * Plain DOM elements — no framework dependency.
+ */
+
+type CellRenderer = (props: CellProps) => HTMLElement;
+declare const cellRenderers: RendererEntry<CellRenderer>[];
+
+/**
+ * Form field renderers.
+ * Plain DOM elements with native event listeners.
+ */
+
+type FormRenderer = (props: FormFieldProps) => HTMLElement;
+declare const formRenderers: RendererEntry<FormRenderer>[];
+
+/**
+ * Filter widget renderers.
+ * Plain DOM elements with native event listeners.
+ */
+
+type FilterRenderer = (props: FilterFieldProps) => HTMLElement;
+declare const filterRenderers: RendererEntry<FilterRenderer>[];
+
+export { type CellProps, type FilterFieldProps, type FormFieldProps, type VanillaRenderer, cellRenderers, createVanillaRegistry, filterRenderers, formRenderers };

package/dist/index.js

@@ -0,0 +1,362 @@
+// src/registry.ts
+import { createRendererRegistry } from "@zodal/ui";
+
+// src/renderers/cell-renderers.ts
+import { PRIORITY } from "@zodal/ui";
+
+// src/dom.ts
+function el(tag, attrs, ...children) {
+  const element = document.createElement(tag);
+  if (attrs) {
+    for (const [key, value] of Object.entries(attrs)) {
+      if (key.startsWith("on") && typeof value === "function") {
+        const event = key.slice(2).toLowerCase();
+        element.addEventListener(event, value);
+      } else if (key === "style" && typeof value === "object") {
+        Object.assign(element.style, value);
+      } else if (value !== void 0 && value !== null && value !== false) {
+        element.setAttribute(key, String(value));
+      }
+    }
+  }
+  for (const child of children) {
+    if (child == null) continue;
+    element.appendChild(
+      typeof child === "string" ? document.createTextNode(child) : child
+    );
+  }
+  return element;
+}
+
+// src/renderers/cell-renderers.ts
+function textCell({ value, config }) {
+  const str = String(value ?? "");
+  const truncate = config.meta.truncate;
+  if (truncate && str.length > truncate) {
+    return el("span", { title: str, class: "zodal-cell zodal-cell-text" }, str.slice(0, truncate) + "...");
+  }
+  return el("span", { class: "zodal-cell zodal-cell-text" }, str);
+}
+function numberCell({ value, config }) {
+  if (value == null) return el("span", { class: "zodal-cell zodal-muted" }, "\u2014");
+  const formatted = config.meta.displayFormat === "currency" ? new Intl.NumberFormat("en-US", { style: "currency", currency: "USD" }).format(value) : String(value);
+  return el("span", { class: "zodal-cell zodal-cell-number" }, formatted);
+}
+function booleanCell({ value }) {
+  return el("span", { class: "zodal-cell zodal-cell-boolean" }, value ? "\u2713" : "\u2717");
+}
+function dateCell({ value }) {
+  if (value == null) return el("span", { class: "zodal-cell zodal-muted" }, "\u2014");
+  const date = value instanceof Date ? value : new Date(value);
+  return el("span", { class: "zodal-cell zodal-cell-date" }, date.toLocaleDateString());
+}
+function badgeCell({ value, config }) {
+  const str = String(value ?? "");
+  const variant = config.meta.badge?.[str] ?? "default";
+  return el("span", {
+    class: "zodal-cell zodal-badge",
+    "data-variant": variant
+  }, str);
+}
+function arrayCell({ value }) {
+  if (!Array.isArray(value)) return el("span", { class: "zodal-cell zodal-muted" }, "\u2014");
+  return el("span", { class: "zodal-cell zodal-cell-array" }, value.join(", "));
+}
+var cellRenderers = [
+  {
+    tester: () => PRIORITY.FALLBACK,
+    renderer: textCell,
+    name: "TextCell (fallback)"
+  },
+  {
+    tester: (field, ctx) => ctx.mode === "cell" && field.zodType === "string" ? PRIORITY.DEFAULT : -1,
+    renderer: textCell,
+    name: "TextCell"
+  },
+  {
+    tester: (field, ctx) => ctx.mode === "cell" && ["number", "int", "float"].includes(field.zodType) ? PRIORITY.DEFAULT : -1,
+    renderer: numberCell,
+    name: "NumberCell"
+  },
+  {
+    tester: (field, ctx) => ctx.mode === "cell" && field.zodType === "boolean" ? PRIORITY.DEFAULT : -1,
+    renderer: booleanCell,
+    name: "BooleanCell"
+  },
+  {
+    tester: (field, ctx) => ctx.mode === "cell" && field.zodType === "date" ? PRIORITY.DEFAULT : -1,
+    renderer: dateCell,
+    name: "DateCell"
+  },
+  {
+    tester: (field, ctx) => ctx.mode === "cell" && field.zodType === "enum" ? PRIORITY.DEFAULT : -1,
+    renderer: badgeCell,
+    name: "BadgeCell"
+  },
+  {
+    tester: (field, ctx) => ctx.mode === "cell" && field.zodType === "array" ? PRIORITY.DEFAULT : -1,
+    renderer: arrayCell,
+    name: "ArrayCell"
+  },
+  {
+    tester: (field, ctx) => ctx.mode === "cell" && field.displayFormat === "currency" ? PRIORITY.LIBRARY : -1,
+    renderer: numberCell,
+    name: "CurrencyCell"
+  }
+];
+
+// src/renderers/form-renderers.ts
+import { PRIORITY as PRIORITY2 } from "@zodal/ui";
+function textInput({ field, config }) {
+  return el(
+    "div",
+    { class: "zodal-field" },
+    el("label", { for: config.name, class: "zodal-label" }, config.label),
+    el("input", {
+      id: config.name,
+      type: "text",
+      value: String(field.value ?? ""),
+      class: "zodal-input",
+      placeholder: config.placeholder,
+      required: config.required,
+      disabled: config.disabled,
+      onInput: (e) => field.onChange(e.target.value)
+    }),
+    config.helpText ? el("p", { class: "zodal-help" }, config.helpText) : null
+  );
+}
+function numberInput({ field, config }) {
+  return el(
+    "div",
+    { class: "zodal-field" },
+    el("label", { for: config.name, class: "zodal-label" }, config.label),
+    el("input", {
+      id: config.name,
+      type: "number",
+      value: field.value ?? "",
+      class: "zodal-input",
+      required: config.required,
+      disabled: config.disabled,
+      onInput: (e) => field.onChange(Number(e.target.value))
+    })
+  );
+}
+function checkboxInput({ field, config }) {
+  return el(
+    "div",
+    { class: "zodal-field" },
+    el(
+      "label",
+      { class: "zodal-label" },
+      el("input", {
+        type: "checkbox",
+        checked: Boolean(field.value),
+        class: "zodal-input",
+        disabled: config.disabled,
+        onChange: (e) => field.onChange(e.target.checked)
+      }),
+      " ",
+      config.label
+    )
+  );
+}
+function selectInput({ field, config }) {
+  const select = el(
+    "select",
+    {
+      id: config.name,
+      class: "zodal-input",
+      required: config.required,
+      disabled: config.disabled,
+      onChange: (e) => field.onChange(e.target.value)
+    },
+    el("option", { value: "" }, `Select ${config.label}...`),
+    ...(config.options ?? []).map(
+      (opt) => el("option", { value: opt.value }, opt.label)
+    )
+  );
+  select.value = String(field.value ?? "");
+  return el(
+    "div",
+    { class: "zodal-field" },
+    el("label", { for: config.name, class: "zodal-label" }, config.label),
+    select
+  );
+}
+function dateInput({ field, config }) {
+  const dateValue = field.value instanceof Date ? field.value.toISOString().split("T")[0] : String(field.value ?? "");
+  return el(
+    "div",
+    { class: "zodal-field" },
+    el("label", { for: config.name, class: "zodal-label" }, config.label),
+    el("input", {
+      id: config.name,
+      type: "date",
+      value: dateValue,
+      class: "zodal-input",
+      required: config.required,
+      disabled: config.disabled,
+      onInput: (e) => field.onChange(new Date(e.target.value))
+    })
+  );
+}
+var formRenderers = [
+  {
+    tester: (_, ctx) => ctx.mode === "form" ? PRIORITY2.FALLBACK : -1,
+    renderer: textInput,
+    name: "TextInput (fallback)"
+  },
+  {
+    tester: (field, ctx) => ctx.mode === "form" && field.zodType === "string" ? PRIORITY2.DEFAULT : -1,
+    renderer: textInput,
+    name: "TextInput"
+  },
+  {
+    tester: (field, ctx) => ctx.mode === "form" && ["number", "int", "float"].includes(field.zodType) ? PRIORITY2.DEFAULT : -1,
+    renderer: numberInput,
+    name: "NumberInput"
+  },
+  {
+    tester: (field, ctx) => ctx.mode === "form" && field.zodType === "boolean" ? PRIORITY2.DEFAULT : -1,
+    renderer: checkboxInput,
+    name: "CheckboxInput"
+  },
+  {
+    tester: (field, ctx) => ctx.mode === "form" && field.zodType === "enum" ? PRIORITY2.DEFAULT : -1,
+    renderer: selectInput,
+    name: "SelectInput"
+  },
+  {
+    tester: (field, ctx) => ctx.mode === "form" && field.zodType === "date" ? PRIORITY2.DEFAULT : -1,
+    renderer: dateInput,
+    name: "DateInput"
+  }
+];
+
+// src/renderers/filter-renderers.ts
+import { PRIORITY as PRIORITY3 } from "@zodal/ui";
+function textFilter({ field, config }) {
+  return el("input", {
+    type: "text",
+    value: String(field.value ?? ""),
+    placeholder: `Filter ${config.label}...`,
+    class: "zodal-filter zodal-filter-text",
+    onInput: (e) => field.onChange(e.target.value)
+  });
+}
+function selectFilter({ field, config }) {
+  const select = el(
+    "select",
+    {
+      class: "zodal-filter zodal-filter-select",
+      onChange: (e) => field.onChange(e.target.value || void 0)
+    },
+    el("option", { value: "" }, `All ${config.label}`),
+    ...(config.options ?? []).map(
+      (opt) => el("option", { value: opt.value }, opt.label)
+    )
+  );
+  select.value = String(field.value ?? "");
+  return select;
+}
+function rangeFilter({ field, config }) {
+  const [min, max] = Array.isArray(field.value) ? field.value : [void 0, void 0];
+  return el(
+    "div",
+    { style: { display: "flex", gap: "4px" }, class: "zodal-filter zodal-filter-range" },
+    el("input", {
+      type: "number",
+      value: min ?? "",
+      placeholder: "Min",
+      min: config.bounds?.min,
+      max: config.bounds?.max,
+      class: "zodal-input",
+      onInput: (e) => {
+        const v = e.target.value;
+        field.onChange([v ? Number(v) : void 0, max]);
+      }
+    }),
+    el("input", {
+      type: "number",
+      value: max ?? "",
+      placeholder: "Max",
+      min: config.bounds?.min,
+      max: config.bounds?.max,
+      class: "zodal-input",
+      onInput: (e) => {
+        const v = e.target.value;
+        field.onChange([min, v ? Number(v) : void 0]);
+      }
+    })
+  );
+}
+function booleanFilter({ field, config }) {
+  const select = el(
+    "select",
+    {
+      class: "zodal-filter zodal-filter-boolean",
+      onChange: (e) => {
+        const v = e.target.value;
+        field.onChange(v === "true" ? true : v === "false" ? false : void 0);
+      }
+    },
+    el("option", { value: "" }, "All"),
+    el("option", { value: "true" }, "Yes"),
+    el("option", { value: "false" }, "No")
+  );
+  select.value = field.value === true ? "true" : field.value === false ? "false" : "";
+  return select;
+}
+var filterRenderers = [
+  {
+    tester: (_, ctx) => ctx.mode === "filter" ? PRIORITY3.FALLBACK : -1,
+    renderer: textFilter,
+    name: "TextFilter (fallback)"
+  },
+  {
+    tester: (field, ctx) => ctx.mode === "filter" && field.filterable === "search" ? PRIORITY3.DEFAULT : -1,
+    renderer: textFilter,
+    name: "TextFilter"
+  },
+  {
+    tester: (field, ctx) => ctx.mode === "filter" && field.filterable === "select" ? PRIORITY3.DEFAULT : -1,
+    renderer: selectFilter,
+    name: "SelectFilter"
+  },
+  {
+    tester: (field, ctx) => ctx.mode === "filter" && field.filterable === "multiSelect" ? PRIORITY3.DEFAULT : -1,
+    renderer: selectFilter,
+    name: "MultiSelectFilter"
+  },
+  {
+    tester: (field, ctx) => ctx.mode === "filter" && field.filterable === "range" ? PRIORITY3.DEFAULT : -1,
+    renderer: rangeFilter,
+    name: "RangeFilter"
+  },
+  {
+    tester: (field, ctx) => ctx.mode === "filter" && field.zodType === "boolean" ? PRIORITY3.DEFAULT : -1,
+    renderer: booleanFilter,
+    name: "BooleanFilter"
+  }
+];
+
+// src/registry.ts
+function createVanillaRegistry() {
+  const registry = createRendererRegistry();
+  const allRenderers = [
+    ...cellRenderers,
+    ...formRenderers,
+    ...filterRenderers
+  ];
+  for (const entry of allRenderers) {
+    registry.register(entry);
+  }
+  return registry;
+}
+export {
+  cellRenderers,
+  createVanillaRegistry,
+  filterRenderers,
+  formRenderers
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/registry.ts","../src/renderers/cell-renderers.ts","../src/dom.ts","../src/renderers/form-renderers.ts","../src/renderers/filter-renderers.ts"],"sourcesContent":["import { createRendererRegistry } from '@zodal/ui';\nimport type { RendererEntry } from '@zodal/ui';\nimport { cellRenderers } from './renderers/cell-renderers.js';\nimport { formRenderers } from './renderers/form-renderers.js';\nimport { filterRenderers } from './renderers/filter-renderers.js';\n\n/** A vanilla renderer function: takes props, returns an HTMLElement. */\nexport type VanillaRenderer = (props: any) => HTMLElement;\n\n/**\n * Create a RendererRegistry pre-loaded with all vanilla DOM renderers.\n */\nexport function createVanillaRegistry() {\n  const registry = createRendererRegistry<VanillaRenderer>();\n  const allRenderers: RendererEntry<VanillaRenderer>[] = [\n    ...cellRenderers,\n    ...formRenderers,\n    ...filterRenderers,\n  ];\n  for (const entry of allRenderers) {\n    registry.register(entry);\n  }\n  return registry;\n}\n","/**\n * Cell renderers for table display.\n * Plain DOM elements — no framework dependency.\n */\n\nimport { PRIORITY } from '@zodal/ui';\nimport type { RendererEntry } from '@zodal/ui';\nimport { el } from '../dom.js';\nimport type { CellProps } from '../types.js';\n\nfunction textCell({ value, config }: CellProps): HTMLElement {\n  const str = String(value ?? '');\n  const truncate = config.meta.truncate;\n  if (truncate && str.length > truncate) {\n    return el('span', { title: str, class: 'zodal-cell zodal-cell-text' }, str.slice(0, truncate) + '...');\n  }\n  return el('span', { class: 'zodal-cell zodal-cell-text' }, str);\n}\n\nfunction numberCell({ value, config }: CellProps): HTMLElement {\n  if (value == null) return el('span', { class: 'zodal-cell zodal-muted' }, '\\u2014');\n  const formatted = config.meta.displayFormat === 'currency'\n    ? new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' }).format(value as number)\n    : String(value);\n  return el('span', { class: 'zodal-cell zodal-cell-number' }, formatted);\n}\n\nfunction booleanCell({ value }: CellProps): HTMLElement {\n  return el('span', { class: 'zodal-cell zodal-cell-boolean' }, value ? '\\u2713' : '\\u2717');\n}\n\nfunction dateCell({ value }: CellProps): HTMLElement {\n  if (value == null) return el('span', { class: 'zodal-cell zodal-muted' }, '\\u2014');\n  const date = value instanceof Date ? value : new Date(value as string);\n  return el('span', { class: 'zodal-cell zodal-cell-date' }, date.toLocaleDateString());\n}\n\nfunction badgeCell({ value, config }: CellProps): HTMLElement {\n  const str = String(value ?? '');\n  const variant = config.meta.badge?.[str] ?? 'default';\n  return el('span', {\n    class: 'zodal-cell zodal-badge',\n    'data-variant': variant,\n  }, str);\n}\n\nfunction arrayCell({ value }: CellProps): HTMLElement {\n  if (!Array.isArray(value)) return el('span', { class: 'zodal-cell zodal-muted' }, '\\u2014');\n  return el('span', { class: 'zodal-cell zodal-cell-array' }, value.join(', '));\n}\n\nexport type CellRenderer = (props: CellProps) => HTMLElement;\n\nexport const cellRenderers: RendererEntry<CellRenderer>[] = [\n  {\n    tester: () => PRIORITY.FALLBACK,\n    renderer: textCell,\n    name: 'TextCell (fallback)',\n  },\n  {\n    tester: (field, ctx) => ctx.mode === 'cell' && field.zodType === 'string' ? PRIORITY.DEFAULT : -1,\n    renderer: textCell,\n    name: 'TextCell',\n  },\n  {\n    tester: (field, ctx) => ctx.mode === 'cell' && ['number', 'int', 'float'].includes(field.zodType) ? PRIORITY.DEFAULT : -1,\n    renderer: numberCell,\n    name: 'NumberCell',\n  },\n  {\n    tester: (field, ctx) => ctx.mode === 'cell' && field.zodType === 'boolean' ? PRIORITY.DEFAULT : -1,\n    renderer: booleanCell,\n    name: 'BooleanCell',\n  },\n  {\n    tester: (field, ctx) => ctx.mode === 'cell' && field.zodType === 'date' ? PRIORITY.DEFAULT : -1,\n    renderer: dateCell,\n    name: 'DateCell',\n  },\n  {\n    tester: (field, ctx) => ctx.mode === 'cell' && field.zodType === 'enum' ? PRIORITY.DEFAULT : -1,\n    renderer: badgeCell,\n    name: 'BadgeCell',\n  },\n  {\n    tester: (field, ctx) => ctx.mode === 'cell' && field.zodType === 'array' ? PRIORITY.DEFAULT : -1,\n    renderer: arrayCell,\n    name: 'ArrayCell',\n  },\n  {\n    tester: (field, ctx) => ctx.mode === 'cell' && (field as any).displayFormat === 'currency' ? PRIORITY.LIBRARY : -1,\n    renderer: numberCell,\n    name: 'CurrencyCell',\n  },\n];\n","/**\n * Internal DOM element factory.\n * Replaces React.createElement with native DOM API.\n */\nexport function el(\n  tag: string,\n  attrs?: Record<string, any> | null,\n  ...children: (Node | string | null | undefined)[]\n): HTMLElement {\n  const element = document.createElement(tag);\n  if (attrs) {\n    for (const [key, value] of Object.entries(attrs)) {\n      if (key.startsWith('on') && typeof value === 'function') {\n        const event = key.slice(2).toLowerCase();\n        element.addEventListener(event, value);\n      } else if (key === 'style' && typeof value === 'object') {\n        Object.assign(element.style, value);\n      } else if (value !== undefined && value !== null && value !== false) {\n        element.setAttribute(key, String(value));\n      }\n    }\n  }\n  for (const child of children) {\n    if (child == null) continue;\n    element.appendChild(\n      typeof child === 'string' ? document.createTextNode(child) : child,\n    );\n  }\n  return element;\n}\n","/**\n * Form field renderers.\n * Plain DOM elements with native event listeners.\n */\n\nimport { PRIORITY } from '@zodal/ui';\nimport type { RendererEntry } from '@zodal/ui';\nimport { el } from '../dom.js';\nimport type { FormFieldProps } from '../types.js';\n\nfunction textInput({ field, config }: FormFieldProps): HTMLElement {\n  return el('div', { class: 'zodal-field' },\n    el('label', { for: config.name, class: 'zodal-label' }, config.label),\n    el('input', {\n      id: config.name,\n      type: 'text',\n      value: String(field.value ?? ''),\n      class: 'zodal-input',\n      placeholder: config.placeholder,\n      required: config.required,\n      disabled: config.disabled,\n      onInput: (e: Event) => field.onChange((e.target as HTMLInputElement).value),\n    }),\n    config.helpText ? el('p', { class: 'zodal-help' }, config.helpText) : null,\n  );\n}\n\nfunction numberInput({ field, config }: FormFieldProps): HTMLElement {\n  return el('div', { class: 'zodal-field' },\n    el('label', { for: config.name, class: 'zodal-label' }, config.label),\n    el('input', {\n      id: config.name,\n      type: 'number',\n      value: field.value ?? '',\n      class: 'zodal-input',\n      required: config.required,\n      disabled: config.disabled,\n      onInput: (e: Event) => field.onChange(Number((e.target as HTMLInputElement).value)),\n    }),\n  );\n}\n\nfunction checkboxInput({ field, config }: FormFieldProps): HTMLElement {\n  return el('div', { class: 'zodal-field' },\n    el('label', { class: 'zodal-label' },\n      el('input', {\n        type: 'checkbox',\n        checked: Boolean(field.value),\n        class: 'zodal-input',\n        disabled: config.disabled,\n        onChange: (e: Event) => field.onChange((e.target as HTMLInputElement).checked),\n      }),\n      ' ',\n      config.label,\n    ),\n  );\n}\n\nfunction selectInput({ field, config }: FormFieldProps): HTMLElement {\n  const select = el('select', {\n    id: config.name,\n    class: 'zodal-input',\n    required: config.required,\n    disabled: config.disabled,\n    onChange: (e: Event) => field.onChange((e.target as HTMLSelectElement).value),\n  },\n    el('option', { value: '' }, `Select ${config.label}...`),\n    ...(config.options ?? []).map(opt =>\n      el('option', { value: opt.value }, opt.label)\n    ),\n  );\n  // Set selected value after creation\n  (select as HTMLSelectElement).value = String(field.value ?? '');\n\n  return el('div', { class: 'zodal-field' },\n    el('label', { for: config.name, class: 'zodal-label' }, config.label),\n    select,\n  );\n}\n\nfunction dateInput({ field, config }: FormFieldProps): HTMLElement {\n  const dateValue = field.value instanceof Date\n    ? (field.value as Date).toISOString().split('T')[0]\n    : String(field.value ?? '');\n\n  return el('div', { class: 'zodal-field' },\n    el('label', { for: config.name, class: 'zodal-label' }, config.label),\n    el('input', {\n      id: config.name,\n      type: 'date',\n      value: dateValue,\n      class: 'zodal-input',\n      required: config.required,\n      disabled: config.disabled,\n      onInput: (e: Event) => field.onChange(new Date((e.target as HTMLInputElement).value)),\n    }),\n  );\n}\n\nexport type FormRenderer = (props: FormFieldProps) => HTMLElement;\n\nexport const formRenderers: RendererEntry<FormRenderer>[] = [\n  {\n    tester: (_, ctx) => ctx.mode === 'form' ? PRIORITY.FALLBACK : -1,\n    renderer: textInput,\n    name: 'TextInput (fallback)',\n  },\n  {\n    tester: (field, ctx) => ctx.mode === 'form' && field.zodType === 'string' ? PRIORITY.DEFAULT : -1,\n    renderer: textInput,\n    name: 'TextInput',\n  },\n  {\n    tester: (field, ctx) => ctx.mode === 'form' && ['number', 'int', 'float'].includes(field.zodType) ? PRIORITY.DEFAULT : -1,\n    renderer: numberInput,\n    name: 'NumberInput',\n  },\n  {\n    tester: (field, ctx) => ctx.mode === 'form' && field.zodType === 'boolean' ? PRIORITY.DEFAULT : -1,\n    renderer: checkboxInput,\n    name: 'CheckboxInput',\n  },\n  {\n    tester: (field, ctx) => ctx.mode === 'form' && field.zodType === 'enum' ? PRIORITY.DEFAULT : -1,\n    renderer: selectInput,\n    name: 'SelectInput',\n  },\n  {\n    tester: (field, ctx) => ctx.mode === 'form' && field.zodType === 'date' ? PRIORITY.DEFAULT : -1,\n    renderer: dateInput,\n    name: 'DateInput',\n  },\n];\n","/**\n * Filter widget renderers.\n * Plain DOM elements with native event listeners.\n */\n\nimport { PRIORITY } from '@zodal/ui';\nimport type { RendererEntry } from '@zodal/ui';\nimport { el } from '../dom.js';\nimport type { FilterFieldProps } from '../types.js';\n\nfunction textFilter({ field, config }: FilterFieldProps): HTMLElement {\n  return el('input', {\n    type: 'text',\n    value: String(field.value ?? ''),\n    placeholder: `Filter ${config.label}...`,\n    class: 'zodal-filter zodal-filter-text',\n    onInput: (e: Event) => field.onChange((e.target as HTMLInputElement).value),\n  });\n}\n\nfunction selectFilter({ field, config }: FilterFieldProps): HTMLElement {\n  const select = el('select', {\n    class: 'zodal-filter zodal-filter-select',\n    onChange: (e: Event) => field.onChange((e.target as HTMLSelectElement).value || undefined),\n  },\n    el('option', { value: '' }, `All ${config.label}`),\n    ...(config.options ?? []).map(opt =>\n      el('option', { value: opt.value }, opt.label)\n    ),\n  );\n  (select as HTMLSelectElement).value = String(field.value ?? '');\n  return select;\n}\n\nfunction rangeFilter({ field, config }: FilterFieldProps): HTMLElement {\n  const [min, max] = Array.isArray(field.value) ? field.value : [undefined, undefined];\n  return el('div', { style: { display: 'flex', gap: '4px' }, class: 'zodal-filter zodal-filter-range' },\n    el('input', {\n      type: 'number',\n      value: min ?? '',\n      placeholder: 'Min',\n      min: config.bounds?.min,\n      max: config.bounds?.max,\n      class: 'zodal-input',\n      onInput: (e: Event) => {\n        const v = (e.target as HTMLInputElement).value;\n        field.onChange([v ? Number(v) : undefined, max]);\n      },\n    }),\n    el('input', {\n      type: 'number',\n      value: max ?? '',\n      placeholder: 'Max',\n      min: config.bounds?.min,\n      max: config.bounds?.max,\n      class: 'zodal-input',\n      onInput: (e: Event) => {\n        const v = (e.target as HTMLInputElement).value;\n        field.onChange([min, v ? Number(v) : undefined]);\n      },\n    }),\n  );\n}\n\nfunction booleanFilter({ field, config }: FilterFieldProps): HTMLElement {\n  const select = el('select', {\n    class: 'zodal-filter zodal-filter-boolean',\n    onChange: (e: Event) => {\n      const v = (e.target as HTMLSelectElement).value;\n      field.onChange(v === 'true' ? true : v === 'false' ? false : undefined);\n    },\n  },\n    el('option', { value: '' }, 'All'),\n    el('option', { value: 'true' }, 'Yes'),\n    el('option', { value: 'false' }, 'No'),\n  );\n  // Set initial value\n  (select as HTMLSelectElement).value = field.value === true ? 'true' : field.value === false ? 'false' : '';\n  return select;\n}\n\nexport type FilterRenderer = (props: FilterFieldProps) => HTMLElement;\n\nexport const filterRenderers: RendererEntry<FilterRenderer>[] = [\n  {\n    tester: (_, ctx) => ctx.mode === 'filter' ? PRIORITY.FALLBACK : -1,\n    renderer: textFilter,\n    name: 'TextFilter (fallback)',\n  },\n  {\n    tester: (field, ctx) => ctx.mode === 'filter' && (field as any).filterable === 'search' ? PRIORITY.DEFAULT : -1,\n    renderer: textFilter,\n    name: 'TextFilter',\n  },\n  {\n    tester: (field, ctx) => ctx.mode === 'filter' && (field as any).filterable === 'select' ? PRIORITY.DEFAULT : -1,\n    renderer: selectFilter,\n    name: 'SelectFilter',\n  },\n  {\n    tester: (field, ctx) => ctx.mode === 'filter' && (field as any).filterable === 'multiSelect' ? PRIORITY.DEFAULT : -1,\n    renderer: selectFilter,\n    name: 'MultiSelectFilter',\n  },\n  {\n    tester: (field, ctx) => ctx.mode === 'filter' && (field as any).filterable === 'range' ? PRIORITY.DEFAULT : -1,\n    renderer: rangeFilter,\n    name: 'RangeFilter',\n  },\n  {\n    tester: (field, ctx) => ctx.mode === 'filter' && field.zodType === 'boolean' ? PRIORITY.DEFAULT : -1,\n    renderer: booleanFilter,\n    name: 'BooleanFilter',\n  },\n];\n"],"mappings":"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","names":["PRIORITY","PRIORITY","PRIORITY","PRIORITY"]}

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@zodal/ui-vanilla",
+  "version": "0.1.0",
+  "description": "zodal UI renderer package for vanilla HTML/JS DOM elements",
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "@zodal/core": "^0.1.0",
+    "@zodal/ui": "^0.1.0"
+  },
+  "devDependencies": {
+    "@zodal/core": "^0.1.0",
+    "@zodal/ui": "^0.1.0",
+    "jsdom": "^26.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.7.0",
+    "vitest": "^3.0.0"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/i2mint/zodal-ui-vanilla.git"
+  },
+  "keywords": [
+    "zodal",
+    "renderer",
+    "vanilla",
+    "ui",
+    "dom",
+    "html"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "test": "vitest run",
+    "typecheck": "tsc --noEmit"
+  }
+}