schema-components 1.18.0 → 1.19.0

package/dist/react/headlessRenderers.mjs

@@ -1,6 +1,7 @@
 import { isObject } from "../core/guards.mjs";
-import { isValidElement, useCallback, useEffect, useRef } from "react";
+import { sortFieldsByOrder } from "../core/fieldOrder.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { isValidElement, useCallback, useEffect, useRef } from "react";
 //#region src/react/headlessRenderers.tsx
 /**
 * Headless renderer functions — one per schema type.
@@ -128,24 +129,27 @@ function renderString(props) {
 		},
 		...ariaAttrs
 	});
-	if (props.enumValues !== void 0 && props.enumValues.length > 0) return /* @__PURE__ */ jsxs("select", {
-		id,
-		value: strValue,
-		onChange: (e) => {
-			props.onChange(e.target.value);
-		},
-		...ariaAttrs,
-		children: [/* @__PURE__ */ jsxs("option", {
-			value: "",
-			children: ["Select", "…"]
-		}), props.enumValues.map((v) => {
-			const display = v === null ? "null" : typeof v === "string" ? v : String(v);
-			return /* @__PURE__ */ jsx("option", {
-				value: display,
-				children: display
-			}, display);
-		})]
-	});
+	if (props.tree.type === "enum" && props.tree.enumValues.length > 0) {
+		const enumValues = props.tree.enumValues;
+		return /* @__PURE__ */ jsxs("select", {
+			id,
+			value: strValue,
+			onChange: (e) => {
+				props.onChange(e.target.value);
+			},
+			...ariaAttrs,
+			children: [/* @__PURE__ */ jsxs("option", {
+				value: "",
+				children: ["Select", "…"]
+			}), enumValues.map((v) => {
+				const display = v === null ? "null" : typeof v === "string" ? v : String(v);
+				return /* @__PURE__ */ jsx("option", {
+					value: display,
+					children: display
+				}, display);
+			})]
+		});
+	}
 	return /* @__PURE__ */ jsx("input", {
 		id,
 		type: props.constraints.format === "email" ? "email" : props.constraints.format === "uri" ? "url" : "text",
@@ -225,6 +229,7 @@ function renderEnum(props) {
 	});
 	const ariaAttrs = {};
 	if (props.tree.isOptional === false) ariaAttrs["aria-required"] = "true";
+	const enumValues = props.tree.type === "enum" ? props.tree.enumValues : [];
 	return /* @__PURE__ */ jsxs("select", {
 		id,
 		value: props.writeOnly ? "" : enumValue,
@@ -235,7 +240,7 @@ function renderEnum(props) {
 		children: [/* @__PURE__ */ jsxs("option", {
 			value: "",
 			children: ["Select", "…"]
-		}), props.enumValues?.map((v) => {
+		}), enumValues.map((v) => {
 			const display = v === null ? "null" : typeof v === "string" ? v : String(v);
 			return /* @__PURE__ */ jsx("option", {
 				value: display,
@@ -245,12 +250,10 @@ function renderEnum(props) {
 	});
 }
 function renderObject(props) {
+	if (props.tree.type !== "object") return null;
 	const obj = isObject(props.value) ? props.value : {};
-	const fields = props.fields;
-	if (fields === void 0) return null;
-	const sortedEntries = Object.entries(fields).sort((a, b) => {
-		return (typeof a[1].meta.order === "number" ? a[1].meta.order : Infinity) - (typeof b[1].meta.order === "number" ? b[1].meta.order : Infinity);
-	});
+	const fields = props.tree.fields;
+	const sortedEntries = sortFieldsByOrder(fields);
 	return /* @__PURE__ */ jsxs("fieldset", { children: [typeof props.meta.description === "string" && /* @__PURE__ */ jsx("legend", { children: props.meta.description }), sortedEntries.filter(([, field]) => field.meta.visible !== false).map(([key, field]) => {
 		const childValue = obj[key];
 		const childId = inputId(`${props.path}.${key}`);
@@ -312,9 +315,9 @@ function renameRecordKey(obj, oldKey, newKey) {
 	return renamed;
 }
 function renderRecord(props) {
+	if (props.tree.type !== "record") return null;
 	const obj = isObject(props.value) ? props.value : {};
-	const valueType = props.valueType;
-	if (valueType === void 0) return null;
+	const valueType = props.tree.valueType;
 	const entries = Object.entries(obj);
 	if (props.readOnly) {
 		if (entries.length === 0) return /* @__PURE__ */ jsx("span", {
@@ -392,8 +395,9 @@ function renderRecord(props) {
 	});
 }
 function renderArray(props) {
+	if (props.tree.type !== "array") return null;
 	const arr = Array.isArray(props.value) ? props.value : [];
-	const element = props.element;
+	const element = props.tree.element;
 	if (element === void 0) return null;
 	if (arr.length === 0) return null;
 	return /* @__PURE__ */ jsx("div", {
@@ -410,7 +414,7 @@ function renderArray(props) {
 	});
 }
 function renderUnion(props) {
-	const options = props.options;
+	const options = props.tree.type === "union" || props.tree.type === "discriminatedUnion" ? props.tree.options : void 0;
 	if (options === void 0 || options.length === 0) {
 		if (props.value === void 0 || props.value === null) return /* @__PURE__ */ jsx("span", { children: "—" });
 		return /* @__PURE__ */ jsx("span", { children: JSON.stringify(props.value) });
@@ -422,8 +426,8 @@ function renderUnion(props) {
 	return /* @__PURE__ */ jsx("span", { children: "—" });
 }
 function renderDiscriminatedUnion(props) {
-	const options = props.options;
-	const discriminator = props.discriminator;
+	const options = props.tree.type === "discriminatedUnion" ? props.tree.options : void 0;
+	const discriminator = props.tree.type === "discriminatedUnion" ? props.tree.discriminator : void 0;
 	if (options === void 0 || options.length === 0) {
 		if (props.value === void 0 || props.value === null) return /* @__PURE__ */ jsx("span", { children: "—" });
 		return /* @__PURE__ */ jsx("span", { children: JSON.stringify(props.value) });
@@ -584,13 +588,151 @@ function renderFile(props) {
 	});
 }
 function renderRecursive(props) {
-	const refTarget = props.refTarget ?? "";
+	const refTarget = props.tree.type === "recursive" ? props.tree.refTarget : "";
 	return /* @__PURE__ */ jsx("fieldset", { children: /* @__PURE__ */ jsxs("em", { children: [
 		"↻ ",
 		typeof props.meta.description === "string" ? props.meta.description : refTarget,
 		" (recursive)"
 	] }) });
 }
+/**
+* Render a literal field — `z.literal("a")` or `{ const: 5 }`.
+*
+* Literals are non-editable by nature (the value is fixed at the schema
+* level), so both read-only and editable modes display the literal value(s).
+* Multiple literals (`z.literal(["a", "b"])`) render comma-separated.
+*/
+function renderLiteral(props) {
+	const id = inputId(props.path);
+	if (props.tree.type !== "literal") return null;
+	const values = props.tree.literalValues;
+	if (values.length === 0) return /* @__PURE__ */ jsx("span", {
+		id,
+		"aria-readonly": "true",
+		children: "—"
+	});
+	return /* @__PURE__ */ jsx("span", {
+		id,
+		"aria-readonly": "true",
+		children: values.map((v) => v === null ? "null" : String(v)).join(", ")
+	});
+}
+/**
+* Render a null field — `z.null()` or `{ type: "null" }`.
+*
+* The only valid value is `null`, so render an em-dash placeholder
+* regardless of mode. There is nothing the user can usefully change.
+*/
+function renderNull(props) {
+	return /* @__PURE__ */ jsx("span", {
+		id: inputId(props.path),
+		"aria-readonly": "true",
+		children: "—"
+	});
+}
+/**
+* Render a never field — `z.never()` or `{ not: {} }` / `false` schema.
+*
+* `never` indicates a position that cannot hold any value. We render a
+* visible placeholder rather than throwing because some valid schemas
+* intentionally contain `never` branches (e.g. exhaustive discriminated
+* unions), and a runtime crash on render would be worse than a visible
+* indicator.
+*/
+function renderNever(props) {
+	return /* @__PURE__ */ jsx("span", {
+		id: inputId(props.path),
+		"aria-readonly": "true",
+		className: "sc-never",
+		children: /* @__PURE__ */ jsx("em", { children: "never matches" })
+	});
+}
+/**
+* Render a tuple field — `z.tuple([z.string(), z.number()])` or
+* `{ prefixItems: [...] }`.
+*
+* Positional rendering: each `prefixItems` entry is rendered at its index.
+* The structural index (e.g. `[0]`) is passed as the path suffix so
+* children get unique ids and labels.
+*/
+function renderTuple(props) {
+	if (props.tree.type !== "tuple") return null;
+	const prefixItems = props.tree.prefixItems;
+	if (prefixItems.length === 0) return null;
+	const arr = Array.isArray(props.value) ? props.value : [];
+	return /* @__PURE__ */ jsx("div", {
+		role: "group",
+		"aria-label": props.meta.description ?? void 0,
+		children: prefixItems.map((element, i) => {
+			const itemValue = arr[i];
+			const childOnChange = (v) => {
+				const next = arr.slice();
+				next[i] = v;
+				props.onChange(next);
+			};
+			return /* @__PURE__ */ jsx("div", { children: toReactNode(props.renderChild(element, itemValue, childOnChange, `[${String(i)}]`)) }, String(i));
+		})
+	});
+}
+/**
+* Render a conditional field — JSON Schema `if`/`then`/`else`.
+*
+* Conditional schemas describe constraints rather than a single value
+* shape, so the renderer surfaces each clause as a labelled fieldset.
+* This mirrors the HTML renderer's annotation approach and gives a
+* predictable structure for theme adapters that want to override it.
+*/
+function renderConditional(props) {
+	if (props.tree.type !== "conditional") return null;
+	const { ifClause, thenClause, elseClause } = props.tree;
+	return /* @__PURE__ */ jsxs("fieldset", {
+		className: "sc-conditional",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "sc-conditional-if",
+				children: [
+					/* @__PURE__ */ jsx("strong", { children: "if:" }),
+					" ",
+					toReactNode(props.renderChild(ifClause, props.value, props.onChange))
+				]
+			}),
+			thenClause !== void 0 && /* @__PURE__ */ jsxs("div", {
+				className: "sc-conditional-then",
+				children: [
+					/* @__PURE__ */ jsx("strong", { children: "then:" }),
+					" ",
+					toReactNode(props.renderChild(thenClause, props.value, props.onChange))
+				]
+			}),
+			elseClause !== void 0 && /* @__PURE__ */ jsxs("div", {
+				className: "sc-conditional-else",
+				children: [
+					/* @__PURE__ */ jsx("strong", { children: "else:" }),
+					" ",
+					toReactNode(props.renderChild(elseClause, props.value, props.onChange))
+				]
+			})
+		]
+	});
+}
+/**
+* Render a negation field — JSON Schema `{ not: { ... } }`.
+*
+* Negation describes a constraint ("value must NOT match this schema")
+* rather than a value shape. The renderer surfaces the negated schema
+* beneath an explanatory preamble.
+*/
+function renderNegation(props) {
+	if (props.tree.type !== "negation") return null;
+	return /* @__PURE__ */ jsxs("fieldset", {
+		className: "sc-negation",
+		children: [
+			/* @__PURE__ */ jsx("strong", { children: "Must NOT match:" }),
+			" ",
+			toReactNode(props.renderChild(props.tree.negated, props.value, props.onChange))
+		]
+	});
+}
 function renderUnknown(props) {
 	const id = inputId(props.path);
 	if (props.readOnly) {
@@ -623,4 +765,4 @@ function matchUnionOption(options, value) {
 	if (typeof value === "object" && value !== null) return options.find((o) => o.type === "object");
 }
 //#endregion
-export { defaultRecordValue, discriminatedUnionValueForTab, inputId, nextRecordKey, renameRecordKey, renderArray, renderBoolean, renderDiscriminatedUnion, renderEnum, renderFile, renderNumber, renderObject, renderRecord, renderRecursive, renderString, renderUnion, renderUnknown, toReactNode };
+export { defaultRecordValue, discriminatedUnionValueForTab, inputId, nextRecordKey, renameRecordKey, renderArray, renderBoolean, renderConditional, renderDiscriminatedUnion, renderEnum, renderFile, renderLiteral, renderNegation, renderNever, renderNull, renderNumber, renderObject, renderRecord, renderRecursive, renderString, renderTuple, renderUnion, renderUnknown, toReactNode };

package/dist/{ref-Ckt5liZs.d.mts → ref-Bb43ZURY.d.mts}

@@ -1,4 +1,4 @@
-import { i as DiagnosticsOptions } from "./diagnostics-BYk63jsC.mjs";
+import { i as DiagnosticsOptions } from "./diagnostics-VgEKI_Ct.mjs";
 
 //#region src/core/ref.d.ts
 /**

package/dist/{renderer-DXo-rXHJ.d.mts → renderer-BQqiXUYP.d.mts}

@@ -13,6 +13,13 @@ type AllConstraints = StringConstraints & NumberConstraints & ArrayConstraints &
 /**
  * Properties available on every schema field, regardless of rendering target.
  * Both React and HTML renderers receive these.
+ *
+ * Per-type schema data — enum values, object fields, array element schema,
+ * union options, record key/value types, tuple `prefixItems`, conditional
+ * if/then/else clauses, negation `negated`, recursive `refTarget`, literal
+ * values — lives on the discriminated `tree`. Renderers narrow on
+ * `tree.type` and read from the matching variant; there are no duplicate
+ * sibling fields on these props.
  */
 interface BaseFieldProps {
   /** Current field value. */
@@ -27,31 +34,6 @@ interface BaseFieldProps {
   constraints: AllConstraints;
   /** Dot-separated path from root (e.g. "address.city"). */
   path: string;
-  /** For enums: the allowed values. */
-  enumValues?: (string | number | boolean | null)[];
-  /** For arrays: the element schema. */
-  element?: WalkedField;
-  /** For tuples: positional element schemas from prefixItems. */
-  prefixItems?: WalkedField[];
-  /** For conditionals: the if/then/else sub-schemas. */
-  ifClause?: WalkedField;
-  thenClause?: WalkedField;
-  elseClause?: WalkedField;
-  /** For negations: the negated sub-schema. */
-  negated?: WalkedField;
-  /** For recursive fields: the $ref string that would create the cycle. */
-  refTarget?: string;
-  /** For objects: map of field name → WalkedField. */
-  fields?: Record<string, WalkedField>;
-  /** For unions: the option schemas. */
-  options?: WalkedField[];
-  /** For discriminated unions: the discriminator key. */
-  discriminator?: string;
-  /** For records: key and value schemas. */
-  keyType?: WalkedField;
-  valueType?: WalkedField;
-  /** For literals: the literal value(s). */
-  literalValues?: (string | number | boolean | null)[];
   /** Example values from the schema's `examples` keyword. */
   examples?: unknown[];
   /** Walked field tree for recursive rendering. */
@@ -109,11 +91,6 @@ interface HtmlRenderProps extends BaseFieldProps {
  * a noop `onChange` is wired up, `readOnly` is forced to `true`, and
  * `writeOnly` is forced to `false`. Otherwise the editability is taken
  * from `tree.editability`.
- *
- * The duplicate sibling fields (`enumValues`, `element`, `fields`, etc.)
- * are populated for backwards compatibility with renderers that have not
- * yet migrated to reading from `tree` directly. New renderers should
- * narrow on `tree.type` and read from `tree`.
  */
 declare function buildRenderProps(tree: WalkedField, value: unknown, onChange: ((next: unknown) => void) | undefined, renderChild: RenderProps["renderChild"], path: string): RenderProps;
 type RenderFunction = (props: RenderProps) => unknown;
@@ -121,6 +98,7 @@ interface ComponentResolver {
   string?: RenderFunction;
   number?: RenderFunction;
   boolean?: RenderFunction;
+  null?: RenderFunction;
   enum?: RenderFunction;
   object?: RenderFunction;
   array?: RenderFunction;
@@ -133,6 +111,7 @@ interface ComponentResolver {
   recursive?: RenderFunction;
   literal?: RenderFunction;
   file?: RenderFunction;
+  never?: RenderFunction;
   unknown?: RenderFunction;
 }
 /** An HTML render function returns a string. */
@@ -145,6 +124,7 @@ interface HtmlResolver {
   string?: HtmlRenderFunction;
   number?: HtmlRenderFunction;
   boolean?: HtmlRenderFunction;
+  null?: HtmlRenderFunction;
   enum?: HtmlRenderFunction;
   object?: HtmlRenderFunction;
   array?: HtmlRenderFunction;
@@ -157,13 +137,16 @@ interface HtmlResolver {
   recursive?: HtmlRenderFunction;
   literal?: HtmlRenderFunction;
   file?: HtmlRenderFunction;
+  never?: HtmlRenderFunction;
   unknown?: HtmlRenderFunction;
 }
-declare const RESOLVER_KEYS: readonly ["string", "number", "boolean", "enum", "object", "array", "tuple", "record", "union", "discriminatedUnion", "conditional", "negation", "recursive", "literal", "file", "unknown"];
+declare const RESOLVER_KEYS: readonly ["string", "number", "boolean", "null", "enum", "object", "array", "tuple", "record", "union", "discriminatedUnion", "conditional", "negation", "recursive", "literal", "file", "never", "unknown"];
 type ResolverKey = (typeof RESOLVER_KEYS)[number];
 /**
  * Map a schema type to the resolver key that handles it.
- * `discriminatedUnion` → `union`. Unknown types → `unknown`.
+ * Every WalkedField variant has a direct resolver key — exhaustive switch
+ * ensures new variants surface as a type error rather than silently
+ * falling through to "unknown".
  */
 declare function typeToKey(type: WalkedField["type"]): ResolverKey;
 /**

package/dist/themes/mantine.d.mts

@@ -1,4 +1,4 @@
-import { r as ComponentResolver } from "../renderer-DXo-rXHJ.mjs";
+import { r as ComponentResolver } from "../renderer-BQqiXUYP.mjs";
 
 //#region src/themes/mantine.d.ts
 /**

package/dist/themes/mantine.mjs

@@ -1,4 +1,5 @@
 import { isObject } from "../core/guards.mjs";
+import { sortFieldsByOrder } from "../core/fieldOrder.mjs";
 import { inputId, toReactNode } from "../react/headlessRenderers.mjs";
 import { headlessResolver } from "../react/headless.mjs";
 import { jsx } from "react/jsx-runtime";
@@ -123,7 +124,7 @@ function renderObjectContainer(props) {
 	const obj = isObject(props.value) ? props.value : {};
 	return /* @__PURE__ */ jsx(MantineFieldset, {
 		legend: getLabel(props),
-		children: Object.entries(fields).filter(([, field]) => field.meta.visible !== false).map(([key, field]) => {
+		children: sortFieldsByOrder(fields).filter(([, field]) => field.meta.visible !== false).map(([key, field]) => {
 			const childValue = obj[key];
 			const childOnChange = (v) => {
 				const updated = {};

package/dist/themes/mui.d.mts

@@ -1,4 +1,4 @@
-import { r as ComponentResolver } from "../renderer-DXo-rXHJ.mjs";
+import { r as ComponentResolver } from "../renderer-BQqiXUYP.mjs";
 
 //#region src/themes/mui.d.ts
 /**

package/dist/themes/mui.mjs

@@ -1,8 +1,9 @@
 import { isObject } from "../core/guards.mjs";
+import { sortFieldsByOrder } from "../core/fieldOrder.mjs";
 import { inputId, toReactNode } from "../react/headlessRenderers.mjs";
 import { headlessResolver } from "../react/headless.mjs";
-import { isValidElement } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { isValidElement } from "react";
 //#region src/themes/mui.tsx
 function ariaRequired(tree) {
 	return { required: tree.isOptional === false };
@@ -136,7 +137,7 @@ function renderObjectContainer(props) {
 		children: [typeof props.meta.description === "string" && /* @__PURE__ */ jsx(MuiTypography, {
 			variant: "h6",
 			children: props.meta.description
-		}), Object.entries(fields).map(([key, field]) => {
+		}), sortFieldsByOrder(fields).map(([key, field]) => {
 			const childValue = obj[key];
 			const childOnChange = (v) => {
 				const updated = {};

package/dist/themes/radix.d.mts

@@ -1,4 +1,4 @@
-import { r as ComponentResolver } from "../renderer-DXo-rXHJ.mjs";
+import { r as ComponentResolver } from "../renderer-BQqiXUYP.mjs";
 
 //#region src/themes/radix.d.ts
 /**

package/dist/themes/radix.mjs

@@ -1,4 +1,5 @@
 import { isObject } from "../core/guards.mjs";
+import { sortFieldsByOrder } from "../core/fieldOrder.mjs";
 import { inputId, toReactNode } from "../react/headlessRenderers.mjs";
 import { headlessResolver } from "../react/headless.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -161,7 +162,7 @@ function renderObjectContainer(props) {
 	}), /* @__PURE__ */ jsx(RadixFlex, {
 		direction: "column",
 		gap: "3",
-		children: Object.entries(fields).filter(([, field]) => field.meta.visible !== false).map(([key, field]) => {
+		children: sortFieldsByOrder(fields).filter(([, field]) => field.meta.visible !== false).map(([key, field]) => {
 			const childValue = obj[key];
 			const childOnChange = (v) => {
 				const updated = {};

package/dist/themes/shadcn.d.mts

@@ -1,4 +1,4 @@
-import { r as ComponentResolver } from "../renderer-DXo-rXHJ.mjs";
+import { r as ComponentResolver } from "../renderer-BQqiXUYP.mjs";
 
 //#region src/themes/shadcn.d.ts
 declare const shadcnResolver: ComponentResolver;

package/dist/themes/shadcn.mjs

@@ -1,4 +1,5 @@
 import { toRecord } from "../core/guards.mjs";
+import { sortFieldsByOrder } from "../core/fieldOrder.mjs";
 import { inputId, toReactNode } from "../react/headlessRenderers.mjs";
 import { headlessResolver } from "../react/headless.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -102,7 +103,7 @@ function renderObjectContainer(props) {
 		children: [typeof props.meta.description === "string" && /* @__PURE__ */ jsx("h3", {
 			className: "text-lg font-medium",
 			children: props.meta.description
-		}), Object.entries(fields).map(([key, field]) => {
+		}), sortFieldsByOrder(fields).map(([key, field]) => {
 			const childValue = toRecord(obj)[key];
 			const childId = inputId(`${props.path}.${key}`);
 			const childOnChange = (v) => {

package/dist/{version-B5NV-35j.d.mts → version-XNH7PRGP.d.mts}

@@ -7,6 +7,13 @@
  * before the walker processes the schema.
  */
 type JsonSchemaDraft = "draft-04" | "draft-06" | "draft-07" | "draft-2019-09" | "draft-2020-12";
+/**
+ * Match a `$schema` URI string to a known draft. Returns `undefined`
+ * when the URI matches none of the documented Draft 04 – Draft 2020-12
+ * schema URIs (including the known prefix patterns) — callers can use
+ * this to distinguish an authoritative match from a silent fallback.
+ */
+declare function matchJsonSchemaDraftUri(uri: string): JsonSchemaDraft | undefined;
 /**
  * Detect the JSON Schema draft version from a schema's `$schema` URI.
  * When `$schema` is absent, uses heuristic keyword detection via
@@ -66,4 +73,4 @@ declare function isOpenApi31(version: OpenApiVersionInfo): boolean;
  */
 declare function isSwagger2(version: OpenApiVersionInfo): boolean;
 //#endregion
-export { detectOpenApiVersion as a, isOpenApi30 as c, detectJsonSchemaDraft as i, isOpenApi31 as l, JsonSchemaDraft as n, inferJsonSchemaDraft as o, OpenApiVersionInfo as r, inferJsonSchemaDraftWithReason as s, InferredDraft as t, isSwagger2 as u };
+export { detectOpenApiVersion as a, isOpenApi30 as c, matchJsonSchemaDraftUri as d, detectJsonSchemaDraft as i, isOpenApi31 as l, JsonSchemaDraft as n, inferJsonSchemaDraft as o, OpenApiVersionInfo as r, inferJsonSchemaDraftWithReason as s, InferredDraft as t, isSwagger2 as u };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "schema-components",
-    "version": "1.18.0",
+    "version": "1.19.0",
     "description": "React components that render UI from Zod schemas, JSON Schema, and OpenAPI documents",
     "type": "module",
     "main": "./dist/index.mjs",