@namroodinc/liquid-editorial 0.1.0 → 0.1.2

package/README.md

@@ -35,6 +35,36 @@ import { Button } from "@namroodinc/liquid-editorial/components/Button";
 
 If an application only needs the design tokens, import `@namroodinc/liquid-editorial/tokens.css`. A small global normalization is available separately at `@namroodinc/liquid-editorial/reset.css`; it is never included automatically.
 
+## Content models
+
+`EntryEditor` renders editable fields in the order defined by a JSON model:
+
+```tsx
+import { useState } from "react";
+import { EntryEditor, validateEntryValues, type ContentModel, type EntryValues } from "@namroodinc/liquid-editorial";
+
+const model: ContentModel = {
+  fields: [
+    { id: "title", type: "shortText", label: "Title", required: true },
+    { id: "gallery", type: "asset", label: "Gallery", multiple: true },
+  ],
+};
+
+export function ContentEditor() {
+  const [value, setValue] = useState<EntryValues>({});
+  return <EntryEditor model={model} value={value} onValueChange={setValue}
+    pickerItems={{ gallery: [{ id: "image-1", title: "Cover.jpg" }] }} />;
+}
+
+// Before saving: validateEntryValues(model, value) returns errors keyed by field ID.
+```
+
+Supported types are `shortText`, `longText`, `richText`, `number`, `boolean`, `dateTime`, `asset`, and `reference`. Rich text stores a TipTap JSON document rooted at `doc`, using the editor's existing StarterKit and Link schema. Dates are edited in UTC and emitted as ISO-8601 strings ending in `Z`. Assets store `{ assetId }`; references store `{ entryId }`. Set `multiple: true` for an ordered array of these objects.
+
+Use `defaultValue` for an uncontrolled editor, `errors` for app-specific messages, `showAllErrors` after a submit attempt, and `isDisabled` to disable editing. Required errors appear after a field changes; `false` and `0` are populated values. Missing keys render empty controls without emitting changes. Clearing a number, date, or single selection removes its key; empty text, rich-text documents, and lists keep their typed values. Unrelated entry keys are preserved.
+
+`RichTextEditor` also supports `format="json"` with `value`/`defaultValue` and an `onChange` callback receiving the document. HTML remains its default format. Unsupported JSON content produces an error and cannot be edited until corrected.
+
 ## Themes and fonts
 
 Set `data-theme` on the document root to `light`, `dark`, `cherry-glaze`, or `black-hawaii`. The default font tokens use system stacks and can be overridden by the consumer without downloading bundled font files:
@@ -61,7 +91,38 @@ Storybook is the component catalogue and documentation surface. Stories and test
 
 ## Publishing
 
-Run `npm run validate`, inspect `npm pack --dry-run`, and confirm access to the `@namroodinc` npm scope. Publication itself is intentionally not automated by this repository.
+Publishing a GitHub Release runs [the release workflow](.github/workflows/release.yml): it checks the release version, runs `npm run validate`, then publishes `@namroodinc/liquid-editorial` to npm. The release tag must be `v` followed by the exact version in both `package.json` and `package-lock.json`. Stable versions publish to `latest`; versions such as `0.2.0-beta.1` must be marked as GitHub prereleases and publish to `next`. Branch pushes and draft releases run no publishing step.
+
+### One-time npm setup
+
+After pushing the workflow to GitHub, open [the package settings](https://www.npmjs.com/package/@namroodinc/liquid-editorial/access) and add a GitHub Actions trusted publisher with:
+
+- Organization or user: `namroodinc`
+- Repository: `liquid-editorial`
+- Workflow filename: `release.yml`
+- Environment: leave empty
+- Allowed action: enable direct publishing with `npm publish`
+
+Alternatively, with npm 11.15 or newer and an authenticated maintainer account, run:
+
+```sh
+npm trust github @namroodinc/liquid-editorial --repo namroodinc/liquid-editorial --file release.yml --allow-publish
+```
+
+npm requires two-factor verification for this setup. The workflow subsequently authenticates through OIDC without an `NPM_TOKEN` secret. Complete the first workflow publish within two days of adding the trusted publisher to avoid configuration expiry. See [npm's trusted publishing guide](https://docs.npmjs.com/trusted-publishers/) for the current setup requirements.
+
+### Create a release
+
+For the next patch release after `0.1.0`:
+
+```sh
+npm version patch --no-git-tag-version
+git add package.json package-lock.json
+git commit -m "chore: release v0.1.1"
+git push origin main
+```
+
+On GitHub, publish a Release with tag `v0.1.1` targeting that commit. GitHub can create the tag when publishing the release. For later releases, use the version produced by `npm version`; for a prerelease, use a version such as `0.2.0-beta.1` and select **Set as a pre-release**. Publishing an already-published npm version fails, so every release needs a new version.
 
 ## License
 

package/dist/chunks/EntryEditor-BF808OZR.js

@@ -0,0 +1,181 @@
+import { n as e, r as t, t as n } from "./RichTextEditor-DRt-kibg.js";
+import { EntryPicker as r } from "../components/EntryPicker/index.js";
+import { Field as i } from "../components/Field/index.js";
+import { NumberField as a } from "../components/NumberField/index.js";
+import { Switch as o } from "../components/Switch/index.js";
+import { TextArea as s, TextField as c } from "../components/TextField/index.js";
+import { useState as l } from "react";
+import { jsx as u } from "react/jsx-runtime";
+//#region src/components/EntryEditor/model.ts
+var d = /* @__PURE__ */ new Set([
+	"shortText",
+	"longText",
+	"richText",
+	"number",
+	"boolean",
+	"dateTime",
+	"asset",
+	"reference"
+]);
+function f(e) {
+	let t = /* @__PURE__ */ new Set();
+	for (let n of e.fields) {
+		if (!n.id?.trim() || t.has(n.id)) throw Error("Content model field IDs must be nonempty and unique.");
+		if (!d.has(n.type)) throw Error(`Unsupported content field type: ${n.type}`);
+		t.add(n.id);
+	}
+}
+function p(e) {
+	if (typeof e != "string") return;
+	let t = /^(\d{4}-\d{2}-\d{2}T\d{2}:\d{2})(?::(\d{2})(?:\.(\d{1,3}))?)?(?:Z|\+00:00)$/.exec(e);
+	if (!t) return;
+	let n = `${t[1]}:${t[2] ?? "00"}.${(t[3] ?? "").padEnd(3, "0")}Z`, r = new Date(n);
+	if (Number.isFinite(r.getTime()) && r.toISOString() === n) return n;
+}
+function m(e, t) {
+	return !!e && typeof e == "object" && t in e && typeof e[t] == "string" && e[t].trim().length > 0;
+}
+function h(e) {
+	return !!e.text?.trim() || e.type === "horizontalRule" || !!e.content?.some(h);
+}
+function g(t, n) {
+	return f(t), Object.fromEntries(t.fields.flatMap((t) => {
+		let r = Object.hasOwn(n, t.id) ? n[t.id] : void 0, i;
+		if (r === void 0) t.required && (i = `${t.label} is required.`);
+		else switch (t.type) {
+			case "shortText":
+			case "longText":
+				typeof r == "string" ? t.required && !r.trim() && (i = `${t.label} is required.`) : i = "Enter text.";
+				break;
+			case "richText":
+				i = e(r), !i && t.required && !h(r) && (i = `${t.label} is required.`);
+				break;
+			case "number":
+				(typeof r != "number" || !Number.isFinite(r)) && (i = "Enter a finite number.");
+				break;
+			case "boolean":
+				typeof r != "boolean" && (i = "Choose a boolean value.");
+				break;
+			case "dateTime":
+				p(r) || (i = "Enter a valid UTC date and time.");
+				break;
+			case "asset":
+			case "reference": {
+				let e = t.type === "asset" ? "assetId" : "entryId";
+				(t.multiple ? !Array.isArray(r) || !r.every((t) => m(t, e)) : !m(r, e)) ? i = t.multiple ? `Choose a list of ${t.type === "asset" ? "assets" : "entries"}.` : `Choose an ${t.type === "asset" ? "asset" : "entry"}.` : t.required && Array.isArray(r) && r.length === 0 && (i = `${t.label} is required.`);
+				break;
+			}
+		}
+		return i ? [[t.id, i]] : [];
+	}));
+}
+//#endregion
+//#region src/components/EntryEditor/index.tsx
+function _(e, t) {
+	let n = e.type === "asset" ? "assetId" : "entryId";
+	return (Array.isArray(t) ? t : t === void 0 ? [] : [t]).flatMap((e) => {
+		if (!e || typeof e != "object" || !(n in e)) return [];
+		let t = e[n];
+		return typeof t == "string" ? [t] : [];
+	});
+}
+function v({ model: e, value: d, defaultValue: f = {}, onValueChange: m, pickerItems: h = {}, errors: v = {}, isDisabled: y = !1, showAllErrors: b = !1, className: x, ...S }) {
+	let [C, w] = l(f), [T, E] = l(() => /* @__PURE__ */ new Set()), D = d ?? C, O = g(e, D), k = (e, t) => {
+		if (y) return;
+		let n = { ...D };
+		t === void 0 ? delete n[e] : n[e] = t, d === void 0 && w(n), E((t) => new Set(t).add(e)), m?.(n);
+	};
+	return /* @__PURE__ */ u("div", {
+		className: ["ds-entry-editor", x].filter(Boolean).join(" "),
+		...S,
+		children: e.fields.map((e) => {
+			let l = Object.hasOwn(D, e.id) ? D[e.id] : void 0, d = e.type === "asset" || e.type === "reference", f = e.type === "dateTime" ? `${e.label} (UTC)` : e.label, m = v[e.id] ?? (b || T.has(e.id) ? O[e.id] : void 0);
+			return /* @__PURE__ */ u(i, {
+				label: f,
+				hint: e.hint,
+				error: m,
+				isRequired: e.required,
+				isGroup: d,
+				children: ({ required: i, ...d }) => {
+					switch (e.type) {
+						case "shortText":
+						case "longText": {
+							let t = e.type === "shortText" ? c : s;
+							return /* @__PURE__ */ u(t, {
+								...d,
+								required: i,
+								disabled: y,
+								placeholder: e.placeholder,
+								value: typeof l == "string" ? l : "",
+								onChange: (t) => k(e.id, t.target.value)
+							});
+						}
+						case "number": return /* @__PURE__ */ u(a, {
+							...d,
+							required: i,
+							isDisabled: y,
+							placeholder: e.placeholder,
+							step: "any",
+							hasSteppers: !1,
+							value: typeof l == "number" && Number.isFinite(l) ? l : "",
+							onValueChange: (t) => {
+								(t === "" || Number.isFinite(t)) && k(e.id, t === "" ? void 0 : t);
+							}
+						});
+						case "boolean": return /* @__PURE__ */ u(o, {
+							...d,
+							isDisabled: y,
+							isSelected: l === !0,
+							onSelectedChange: (t) => k(e.id, t)
+						});
+						case "dateTime": return /* @__PURE__ */ u(c, {
+							...d,
+							required: i,
+							disabled: y,
+							type: "datetime-local",
+							step: "0.001",
+							value: p(l)?.slice(0, -1) ?? "",
+							onChange: (t) => k(e.id, p(`${t.target.value}Z`))
+						});
+						case "richText": return /* @__PURE__ */ u(n, {
+							...d,
+							label: e.label,
+							isRequired: i,
+							isDisabled: y,
+							placeholder: e.placeholder,
+							format: "json",
+							value: l === void 0 ? t : l,
+							onChange: (t) => k(e.id, t)
+						});
+						case "asset":
+						case "reference": return /* @__PURE__ */ u("div", {
+							...d,
+							role: "group",
+							children: /* @__PURE__ */ u(r, {
+								items: h[e.id] ?? [],
+								value: _(e, l),
+								label: e.type === "asset" ? "Assets" : "Entries",
+								addLabel: `Choose ${e.label}`,
+								mode: e.multiple ? "multiple" : "single",
+								isDisabled: y,
+								onValueChange: (t) => {
+									if (e.type === "asset") {
+										let n = t.map((e) => ({ assetId: e }));
+										k(e.id, e.multiple ? n : n[0]);
+									} else {
+										let n = t.map((e) => ({ entryId: e }));
+										k(e.id, e.multiple ? n : n[0]);
+									}
+								}
+							})
+						});
+					}
+				}
+			}, e.id);
+		})
+	});
+}
+//#endregion
+export { g as n, v as t };
+
+//# sourceMappingURL=EntryEditor-BF808OZR.js.map

package/dist/chunks/EntryEditor-BF808OZR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntryEditor-BF808OZR.js","names":["documentError","emptyDocument","RichTextEditor","fieldTypes","assertModel","ids","field","model","parseUtcDateTime","value","match","canonical","date","isLink","key","hasRichText","node","validateEntryValues","values","error","item","selectedIds","link","id","EntryEditor","rest","internal","setInternal","useState","defaultValue","changed","setChanged","current","validation","commit","isDisabled","next","previous","onValueChange","className","stored","isPicker","label","errors","showAllErrors","Field","accessibility","Control","TextField","TextArea","event","NumberField","Switch","required","EntryPicker","pickerItems","links"],"sources":["../../src/components/EntryEditor/model.ts","../../src/components/EntryEditor/index.tsx"],"sourcesContent":["import type { JSONContent } from \"@tiptap/react\";\nimport { documentError } from \"../RichTextEditor/document\";\nimport type { RichTextDocument } from \"../RichTextEditor\";\n\ninterface ContentFieldBase {\n  id: string;\n  label: string;\n  hint?: string;\n  placeholder?: string;\n  required?: boolean;\n}\n\nexport type ContentField = ContentFieldBase & (\n  | { type: \"shortText\" | \"longText\" | \"richText\" | \"number\" | \"boolean\" | \"dateTime\"; multiple?: never }\n  | { type: \"asset\" | \"reference\"; multiple?: boolean }\n);\n\nexport interface ContentModel {\n  fields: readonly ContentField[];\n}\n\nexport interface AssetValue { assetId: string }\nexport interface ReferenceValue { entryId: string }\nexport type EntryFieldValue = string | number | boolean | RichTextDocument | AssetValue | ReferenceValue | AssetValue[] | ReferenceValue[];\nexport type EntryValues = Record<string, EntryFieldValue | undefined>;\nexport type EntryErrors = Partial<Record<string, string>>;\n\nconst fieldTypes = new Set([\"shortText\", \"longText\", \"richText\", \"number\", \"boolean\", \"dateTime\", \"asset\", \"reference\"]);\n\nfunction assertModel(model: ContentModel) {\n  const ids = new Set<string>();\n  for (const field of model.fields) {\n    if (!field.id?.trim() || ids.has(field.id)) throw new Error(\"Content model field IDs must be nonempty and unique.\");\n    if (!fieldTypes.has(field.type)) throw new Error(`Unsupported content field type: ${field.type}`);\n    ids.add(field.id);\n  }\n}\n\n/** Accept UTC ISO strings without rolling invalid dates into the next month. */\nexport function parseUtcDateTime(value: unknown): string | undefined {\n  if (typeof value !== \"string\") return;\n  const match = /^(\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2})(?::(\\d{2})(?:\\.(\\d{1,3}))?)?(?:Z|\\+00:00)$/.exec(value);\n  if (!match) return;\n  const canonical = `${match[1]}:${match[2] ?? \"00\"}.${(match[3] ?? \"\").padEnd(3, \"0\")}Z`;\n  const date = new Date(canonical);\n  if (Number.isFinite(date.getTime()) && date.toISOString() === canonical) return canonical;\n}\n\nfunction isLink(value: unknown, key: \"assetId\" | \"entryId\"): boolean {\n  return !!value && typeof value === \"object\" && key in value &&\n    typeof (value as Record<string, unknown>)[key] === \"string\" &&\n    ((value as Record<string, string>)[key]).trim().length > 0;\n}\n\nfunction hasRichText(node: JSONContent): boolean {\n  return !!node.text?.trim() || node.type === \"horizontalRule\" || !!node.content?.some(hasRichText);\n}\n\n/** Validate data loaded from JSON as well as values emitted by EntryEditor. */\nexport function validateEntryValues(model: ContentModel, values: Record<string, unknown>): EntryErrors {\n  assertModel(model);\n  return Object.fromEntries(model.fields.flatMap((field): [string, string][] => {\n    const value = Object.hasOwn(values, field.id) ? values[field.id] : undefined;\n    let error: string | undefined;\n    if (value === undefined) {\n      if (field.required) error = `${field.label} is required.`;\n    } else {\n      switch (field.type) {\n        case \"shortText\":\n        case \"longText\":\n          if (typeof value !== \"string\") error = \"Enter text.\";\n          else if (field.required && !value.trim()) error = `${field.label} is required.`;\n          break;\n        case \"richText\":\n          error = documentError(value);\n          if (!error && field.required && !hasRichText(value as RichTextDocument)) error = `${field.label} is required.`;\n          break;\n        case \"number\":\n          if (typeof value !== \"number\" || !Number.isFinite(value)) error = \"Enter a finite number.\";\n          break;\n        case \"boolean\":\n          if (typeof value !== \"boolean\") error = \"Choose a boolean value.\";\n          break;\n        case \"dateTime\":\n          if (!parseUtcDateTime(value)) error = \"Enter a valid UTC date and time.\";\n          break;\n        case \"asset\":\n        case \"reference\": {\n          const key = field.type === \"asset\" ? \"assetId\" : \"entryId\";\n          if (field.multiple ? !Array.isArray(value) || !value.every((item) => isLink(item, key)) : !isLink(value, key)) {\n            error = field.multiple\n              ? `Choose a list of ${field.type === \"asset\" ? \"assets\" : \"entries\"}.`\n              : `Choose an ${field.type === \"asset\" ? \"asset\" : \"entry\"}.`;\n          } else if (field.required && Array.isArray(value) && value.length === 0) error = `${field.label} is required.`;\n          break;\n        }\n      }\n    }\n    return error ? [[field.id, error]] : [];\n  }));\n}\n","import { useState, type HTMLAttributes, type ReactNode } from \"react\";\nimport { EntryPicker, type EntryItem } from \"../EntryPicker\";\nimport { Field } from \"../Field\";\nimport { NumberField } from \"../NumberField\";\nimport { RichTextEditor, type RichTextDocument } from \"../RichTextEditor\";\nimport { emptyDocument } from \"../RichTextEditor/document\";\nimport { Switch } from \"../Switch\";\nimport { TextArea, TextField } from \"../TextField\";\nimport { parseUtcDateTime, validateEntryValues, type ContentField, type ContentModel, type EntryErrors, type EntryFieldValue, type EntryValues } from \"./model\";\nimport \"./style.css\";\n\nexport { validateEntryValues } from \"./model\";\nexport type { AssetValue, ContentField, ContentModel, EntryErrors, EntryFieldValue, EntryValues, ReferenceValue } from \"./model\";\n\nexport interface EntryEditorProps extends Omit<HTMLAttributes<HTMLDivElement>, \"defaultValue\" | \"onChange\"> {\n  model: ContentModel;\n  value?: EntryValues;\n  defaultValue?: EntryValues;\n  onValueChange?: (values: EntryValues) => void;\n  /** Available assets or entries, keyed by content field ID. */\n  pickerItems?: Record<string, EntryItem[]>;\n  /** App-provided messages take precedence over built-in validation. */\n  errors?: EntryErrors;\n  isDisabled?: boolean;\n  /** Reveal validation for untouched fields, for example after a submit attempt. */\n  showAllErrors?: boolean;\n}\n\nfunction selectedIds(field: ContentField, value: EntryFieldValue | undefined): string[] {\n  const key = field.type === \"asset\" ? \"assetId\" : \"entryId\";\n  const links = Array.isArray(value) ? value : value === undefined ? [] : [value];\n  return links.flatMap((link) => {\n    if (!link || typeof link !== \"object\" || !(key in link)) return [];\n    const id = (link as unknown as Record<string, unknown>)[key];\n    return typeof id === \"string\" ? [id] : [];\n  });\n}\n\n/** An ordered set of content inputs; submission and persistence belong to the app. */\nexport function EntryEditor({\n  model,\n  value,\n  defaultValue = {},\n  onValueChange,\n  pickerItems = {},\n  errors = {},\n  isDisabled = false,\n  showAllErrors = false,\n  className,\n  ...rest\n}: EntryEditorProps) {\n  const [internal, setInternal] = useState<EntryValues>(defaultValue);\n  const [changed, setChanged] = useState<Set<string>>(() => new Set());\n  const current = value ?? internal;\n  const validation = validateEntryValues(model, current);\n\n  const commit = (id: string, next: EntryFieldValue | undefined) => {\n    if (isDisabled) return;\n    const values = { ...current };\n    if (next === undefined) delete values[id];\n    else values[id] = next;\n    if (value === undefined) setInternal(values);\n    setChanged((previous) => new Set(previous).add(id));\n    onValueChange?.(values);\n  };\n\n  return (\n    <div className={[\"ds-entry-editor\", className].filter(Boolean).join(\" \")} {...rest}>\n      {model.fields.map((field) => {\n        const stored = Object.hasOwn(current, field.id) ? current[field.id] : undefined;\n        const isPicker = field.type === \"asset\" || field.type === \"reference\";\n        const label = field.type === \"dateTime\" ? `${field.label} (UTC)` : field.label;\n        const error = errors[field.id] ?? (showAllErrors || changed.has(field.id) ? validation[field.id] : undefined);\n        return (\n          <Field key={field.id} label={label} hint={field.hint} error={error} isRequired={field.required} isGroup={isPicker}>\n            {({ required, ...accessibility }): ReactNode => {\n              switch (field.type) {\n                case \"shortText\":\n                case \"longText\": {\n                  const Control = field.type === \"shortText\" ? TextField : TextArea;\n                  return <Control {...accessibility} required={required} disabled={isDisabled} placeholder={field.placeholder}\n                    value={typeof stored === \"string\" ? stored : \"\"} onChange={(event) => commit(field.id, event.target.value)} />;\n                }\n                case \"number\":\n                  return <NumberField {...accessibility} required={required} isDisabled={isDisabled} placeholder={field.placeholder} step=\"any\"\n                    hasSteppers={false} value={typeof stored === \"number\" && Number.isFinite(stored) ? stored : \"\"}\n                    onValueChange={(next) => { if (next === \"\" || Number.isFinite(next)) commit(field.id, next === \"\" ? undefined : next); }} />;\n                case \"boolean\":\n                  return <Switch {...accessibility} isDisabled={isDisabled} isSelected={stored === true}\n                    onSelectedChange={(next) => commit(field.id, next)} />;\n                case \"dateTime\":\n                  return <TextField {...accessibility} required={required} disabled={isDisabled} type=\"datetime-local\" step=\"0.001\"\n                    value={parseUtcDateTime(stored)?.slice(0, -1) ?? \"\"}\n                    onChange={(event) => commit(field.id, parseUtcDateTime(`${event.target.value}Z`))} />;\n                case \"richText\":\n                  return <RichTextEditor {...accessibility} label={field.label} isRequired={required} isDisabled={isDisabled}\n                    placeholder={field.placeholder} format=\"json\" value={stored === undefined ? emptyDocument : stored as RichTextDocument}\n                    onChange={(next) => commit(field.id, next)} />;\n                case \"asset\":\n                case \"reference\":\n                  return <div {...accessibility} role=\"group\">\n                    <EntryPicker items={pickerItems[field.id] ?? []} value={selectedIds(field, stored)}\n                      label={field.type === \"asset\" ? \"Assets\" : \"Entries\"} addLabel={`Choose ${field.label}`}\n                      mode={field.multiple ? \"multiple\" : \"single\"} isDisabled={isDisabled}\n                      onValueChange={(ids) => {\n                        if (field.type === \"asset\") {\n                          const links = ids.map((assetId) => ({ assetId }));\n                          commit(field.id, field.multiple ? links : links[0]);\n                        } else {\n                          const links = ids.map((entryId) => ({ entryId }));\n                          commit(field.id, field.multiple ? links : links[0]);\n                        }\n                      }} />\n                  </div>;\n              }\n            }}\n          </Field>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/chunks/EntryEditor-cjDk4vdH.cjs

@@ -0,0 +1,2 @@
+const e=require("./RichTextEditor-tFkISOvq.cjs"),t=require("../components/EntryPicker/index.cjs"),n=require("../components/Field/index.cjs"),r=require("../components/NumberField/index.cjs"),i=require("../components/Switch/index.cjs"),a=require("../components/TextField/index.cjs");let o=require("react"),s=require("react/jsx-runtime");var c=new Set([`shortText`,`longText`,`richText`,`number`,`boolean`,`dateTime`,`asset`,`reference`]);function l(e){let t=new Set;for(let n of e.fields){if(!n.id?.trim()||t.has(n.id))throw Error(`Content model field IDs must be nonempty and unique.`);if(!c.has(n.type))throw Error(`Unsupported content field type: ${n.type}`);t.add(n.id)}}function u(e){if(typeof e!=`string`)return;let t=/^(\d{4}-\d{2}-\d{2}T\d{2}:\d{2})(?::(\d{2})(?:\.(\d{1,3}))?)?(?:Z|\+00:00)$/.exec(e);if(!t)return;let n=`${t[1]}:${t[2]??`00`}.${(t[3]??``).padEnd(3,`0`)}Z`,r=new Date(n);if(Number.isFinite(r.getTime())&&r.toISOString()===n)return n}function d(e,t){return!!e&&typeof e==`object`&&t in e&&typeof e[t]==`string`&&e[t].trim().length>0}function f(e){return!!e.text?.trim()||e.type===`horizontalRule`||!!e.content?.some(f)}function p(t,n){return l(t),Object.fromEntries(t.fields.flatMap(t=>{let r=Object.hasOwn(n,t.id)?n[t.id]:void 0,i;if(r===void 0)t.required&&(i=`${t.label} is required.`);else switch(t.type){case`shortText`:case`longText`:typeof r==`string`?t.required&&!r.trim()&&(i=`${t.label} is required.`):i=`Enter text.`;break;case`richText`:i=e.n(r),!i&&t.required&&!f(r)&&(i=`${t.label} is required.`);break;case`number`:(typeof r!=`number`||!Number.isFinite(r))&&(i=`Enter a finite number.`);break;case`boolean`:typeof r!=`boolean`&&(i=`Choose a boolean value.`);break;case`dateTime`:u(r)||(i=`Enter a valid UTC date and time.`);break;case`asset`:case`reference`:{let e=t.type===`asset`?`assetId`:`entryId`;(t.multiple?!Array.isArray(r)||!r.every(t=>d(t,e)):!d(r,e))?i=t.multiple?`Choose a list of ${t.type===`asset`?`assets`:`entries`}.`:`Choose an ${t.type===`asset`?`asset`:`entry`}.`:t.required&&Array.isArray(r)&&r.length===0&&(i=`${t.label} is required.`);break}}return i?[[t.id,i]]:[]}))}function m(e,t){let n=e.type===`asset`?`assetId`:`entryId`;return(Array.isArray(t)?t:t===void 0?[]:[t]).flatMap(e=>{if(!e||typeof e!=`object`||!(n in e))return[];let t=e[n];return typeof t==`string`?[t]:[]})}function h({model:c,value:l,defaultValue:d={},onValueChange:f,pickerItems:h={},errors:g={},isDisabled:_=!1,showAllErrors:v=!1,className:y,...b}){let[x,S]=(0,o.useState)(d),[C,w]=(0,o.useState)(()=>new Set),T=l??x,E=p(c,T),D=(e,t)=>{if(_)return;let n={...T};t===void 0?delete n[e]:n[e]=t,l===void 0&&S(n),w(t=>new Set(t).add(e)),f?.(n)};return(0,s.jsx)(`div`,{className:[`ds-entry-editor`,y].filter(Boolean).join(` `),...b,children:c.fields.map(o=>{let c=Object.hasOwn(T,o.id)?T[o.id]:void 0,l=o.type===`asset`||o.type===`reference`,d=o.type===`dateTime`?`${o.label} (UTC)`:o.label,f=g[o.id]??(v||C.has(o.id)?E[o.id]:void 0);return(0,s.jsx)(n.Field,{label:d,hint:o.hint,error:f,isRequired:o.required,isGroup:l,children:({required:n,...l})=>{switch(o.type){case`shortText`:case`longText`:{let e=o.type===`shortText`?a.TextField:a.TextArea;return(0,s.jsx)(e,{...l,required:n,disabled:_,placeholder:o.placeholder,value:typeof c==`string`?c:``,onChange:e=>D(o.id,e.target.value)})}case`number`:return(0,s.jsx)(r.NumberField,{...l,required:n,isDisabled:_,placeholder:o.placeholder,step:`any`,hasSteppers:!1,value:typeof c==`number`&&Number.isFinite(c)?c:``,onValueChange:e=>{(e===``||Number.isFinite(e))&&D(o.id,e===``?void 0:e)}});case`boolean`:return(0,s.jsx)(i.Switch,{...l,isDisabled:_,isSelected:c===!0,onSelectedChange:e=>D(o.id,e)});case`dateTime`:return(0,s.jsx)(a.TextField,{...l,required:n,disabled:_,type:`datetime-local`,step:`0.001`,value:u(c)?.slice(0,-1)??``,onChange:e=>D(o.id,u(`${e.target.value}Z`))});case`richText`:return(0,s.jsx)(e.t,{...l,label:o.label,isRequired:n,isDisabled:_,placeholder:o.placeholder,format:`json`,value:c===void 0?e.r:c,onChange:e=>D(o.id,e)});case`asset`:case`reference`:return(0,s.jsx)(`div`,{...l,role:`group`,children:(0,s.jsx)(t.EntryPicker,{items:h[o.id]??[],value:m(o,c),label:o.type===`asset`?`Assets`:`Entries`,addLabel:`Choose ${o.label}`,mode:o.multiple?`multiple`:`single`,isDisabled:_,onValueChange:e=>{if(o.type===`asset`){let t=e.map(e=>({assetId:e}));D(o.id,o.multiple?t:t[0])}else{let t=e.map(e=>({entryId:e}));D(o.id,o.multiple?t:t[0])}}})})}}},o.id)})})}Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return h}});
+//# sourceMappingURL=EntryEditor-cjDk4vdH.cjs.map

package/dist/chunks/EntryEditor-cjDk4vdH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntryEditor-cjDk4vdH.cjs","names":["documentError","useState","Field","TextField","TextArea","NumberField","Switch","RichTextEditor","emptyDocument","EntryPicker","require_RichTextEditor","require_components_EntryPicker_index","require_components_Field_index","require_components_NumberField_index","require_components_Switch_index","require_components_TextField_index","react","react_jsx_runtime","fieldTypes","assertModel","ids","field","model","parseUtcDateTime","value","match","canonical","date","isLink","key","hasRichText","node","validateEntryValues","values","error","item","selectedIds","link","id","EntryEditor","rest","internal","setInternal","defaultValue","changed","setChanged","current","validation","commit","isDisabled","next","previous","onValueChange","className","stored","isPicker","label","errors","showAllErrors","accessibility","Control","event","required","pickerItems","links"],"sources":["../../src/components/EntryEditor/model.ts","../../src/components/EntryEditor/index.tsx"],"sourcesContent":["import type { JSONContent } from \"@tiptap/react\";\nimport { documentError } from \"../RichTextEditor/document\";\nimport type { RichTextDocument } from \"../RichTextEditor\";\n\ninterface ContentFieldBase {\n  id: string;\n  label: string;\n  hint?: string;\n  placeholder?: string;\n  required?: boolean;\n}\n\nexport type ContentField = ContentFieldBase & (\n  | { type: \"shortText\" | \"longText\" | \"richText\" | \"number\" | \"boolean\" | \"dateTime\"; multiple?: never }\n  | { type: \"asset\" | \"reference\"; multiple?: boolean }\n);\n\nexport interface ContentModel {\n  fields: readonly ContentField[];\n}\n\nexport interface AssetValue { assetId: string }\nexport interface ReferenceValue { entryId: string }\nexport type EntryFieldValue = string | number | boolean | RichTextDocument | AssetValue | ReferenceValue | AssetValue[] | ReferenceValue[];\nexport type EntryValues = Record<string, EntryFieldValue | undefined>;\nexport type EntryErrors = Partial<Record<string, string>>;\n\nconst fieldTypes = new Set([\"shortText\", \"longText\", \"richText\", \"number\", \"boolean\", \"dateTime\", \"asset\", \"reference\"]);\n\nfunction assertModel(model: ContentModel) {\n  const ids = new Set<string>();\n  for (const field of model.fields) {\n    if (!field.id?.trim() || ids.has(field.id)) throw new Error(\"Content model field IDs must be nonempty and unique.\");\n    if (!fieldTypes.has(field.type)) throw new Error(`Unsupported content field type: ${field.type}`);\n    ids.add(field.id);\n  }\n}\n\n/** Accept UTC ISO strings without rolling invalid dates into the next month. */\nexport function parseUtcDateTime(value: unknown): string | undefined {\n  if (typeof value !== \"string\") return;\n  const match = /^(\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2})(?::(\\d{2})(?:\\.(\\d{1,3}))?)?(?:Z|\\+00:00)$/.exec(value);\n  if (!match) return;\n  const canonical = `${match[1]}:${match[2] ?? \"00\"}.${(match[3] ?? \"\").padEnd(3, \"0\")}Z`;\n  const date = new Date(canonical);\n  if (Number.isFinite(date.getTime()) && date.toISOString() === canonical) return canonical;\n}\n\nfunction isLink(value: unknown, key: \"assetId\" | \"entryId\"): boolean {\n  return !!value && typeof value === \"object\" && key in value &&\n    typeof (value as Record<string, unknown>)[key] === \"string\" &&\n    ((value as Record<string, string>)[key]).trim().length > 0;\n}\n\nfunction hasRichText(node: JSONContent): boolean {\n  return !!node.text?.trim() || node.type === \"horizontalRule\" || !!node.content?.some(hasRichText);\n}\n\n/** Validate data loaded from JSON as well as values emitted by EntryEditor. */\nexport function validateEntryValues(model: ContentModel, values: Record<string, unknown>): EntryErrors {\n  assertModel(model);\n  return Object.fromEntries(model.fields.flatMap((field): [string, string][] => {\n    const value = Object.hasOwn(values, field.id) ? values[field.id] : undefined;\n    let error: string | undefined;\n    if (value === undefined) {\n      if (field.required) error = `${field.label} is required.`;\n    } else {\n      switch (field.type) {\n        case \"shortText\":\n        case \"longText\":\n          if (typeof value !== \"string\") error = \"Enter text.\";\n          else if (field.required && !value.trim()) error = `${field.label} is required.`;\n          break;\n        case \"richText\":\n          error = documentError(value);\n          if (!error && field.required && !hasRichText(value as RichTextDocument)) error = `${field.label} is required.`;\n          break;\n        case \"number\":\n          if (typeof value !== \"number\" || !Number.isFinite(value)) error = \"Enter a finite number.\";\n          break;\n        case \"boolean\":\n          if (typeof value !== \"boolean\") error = \"Choose a boolean value.\";\n          break;\n        case \"dateTime\":\n          if (!parseUtcDateTime(value)) error = \"Enter a valid UTC date and time.\";\n          break;\n        case \"asset\":\n        case \"reference\": {\n          const key = field.type === \"asset\" ? \"assetId\" : \"entryId\";\n          if (field.multiple ? !Array.isArray(value) || !value.every((item) => isLink(item, key)) : !isLink(value, key)) {\n            error = field.multiple\n              ? `Choose a list of ${field.type === \"asset\" ? \"assets\" : \"entries\"}.`\n              : `Choose an ${field.type === \"asset\" ? \"asset\" : \"entry\"}.`;\n          } else if (field.required && Array.isArray(value) && value.length === 0) error = `${field.label} is required.`;\n          break;\n        }\n      }\n    }\n    return error ? [[field.id, error]] : [];\n  }));\n}\n","import { useState, type HTMLAttributes, type ReactNode } from \"react\";\nimport { EntryPicker, type EntryItem } from \"../EntryPicker\";\nimport { Field } from \"../Field\";\nimport { NumberField } from \"../NumberField\";\nimport { RichTextEditor, type RichTextDocument } from \"../RichTextEditor\";\nimport { emptyDocument } from \"../RichTextEditor/document\";\nimport { Switch } from \"../Switch\";\nimport { TextArea, TextField } from \"../TextField\";\nimport { parseUtcDateTime, validateEntryValues, type ContentField, type ContentModel, type EntryErrors, type EntryFieldValue, type EntryValues } from \"./model\";\nimport \"./style.css\";\n\nexport { validateEntryValues } from \"./model\";\nexport type { AssetValue, ContentField, ContentModel, EntryErrors, EntryFieldValue, EntryValues, ReferenceValue } from \"./model\";\n\nexport interface EntryEditorProps extends Omit<HTMLAttributes<HTMLDivElement>, \"defaultValue\" | \"onChange\"> {\n  model: ContentModel;\n  value?: EntryValues;\n  defaultValue?: EntryValues;\n  onValueChange?: (values: EntryValues) => void;\n  /** Available assets or entries, keyed by content field ID. */\n  pickerItems?: Record<string, EntryItem[]>;\n  /** App-provided messages take precedence over built-in validation. */\n  errors?: EntryErrors;\n  isDisabled?: boolean;\n  /** Reveal validation for untouched fields, for example after a submit attempt. */\n  showAllErrors?: boolean;\n}\n\nfunction selectedIds(field: ContentField, value: EntryFieldValue | undefined): string[] {\n  const key = field.type === \"asset\" ? \"assetId\" : \"entryId\";\n  const links = Array.isArray(value) ? value : value === undefined ? [] : [value];\n  return links.flatMap((link) => {\n    if (!link || typeof link !== \"object\" || !(key in link)) return [];\n    const id = (link as unknown as Record<string, unknown>)[key];\n    return typeof id === \"string\" ? [id] : [];\n  });\n}\n\n/** An ordered set of content inputs; submission and persistence belong to the app. */\nexport function EntryEditor({\n  model,\n  value,\n  defaultValue = {},\n  onValueChange,\n  pickerItems = {},\n  errors = {},\n  isDisabled = false,\n  showAllErrors = false,\n  className,\n  ...rest\n}: EntryEditorProps) {\n  const [internal, setInternal] = useState<EntryValues>(defaultValue);\n  const [changed, setChanged] = useState<Set<string>>(() => new Set());\n  const current = value ?? internal;\n  const validation = validateEntryValues(model, current);\n\n  const commit = (id: string, next: EntryFieldValue | undefined) => {\n    if (isDisabled) return;\n    const values = { ...current };\n    if (next === undefined) delete values[id];\n    else values[id] = next;\n    if (value === undefined) setInternal(values);\n    setChanged((previous) => new Set(previous).add(id));\n    onValueChange?.(values);\n  };\n\n  return (\n    <div className={[\"ds-entry-editor\", className].filter(Boolean).join(\" \")} {...rest}>\n      {model.fields.map((field) => {\n        const stored = Object.hasOwn(current, field.id) ? current[field.id] : undefined;\n        const isPicker = field.type === \"asset\" || field.type === \"reference\";\n        const label = field.type === \"dateTime\" ? `${field.label} (UTC)` : field.label;\n        const error = errors[field.id] ?? (showAllErrors || changed.has(field.id) ? validation[field.id] : undefined);\n        return (\n          <Field key={field.id} label={label} hint={field.hint} error={error} isRequired={field.required} isGroup={isPicker}>\n            {({ required, ...accessibility }): ReactNode => {\n              switch (field.type) {\n                case \"shortText\":\n                case \"longText\": {\n                  const Control = field.type === \"shortText\" ? TextField : TextArea;\n                  return <Control {...accessibility} required={required} disabled={isDisabled} placeholder={field.placeholder}\n                    value={typeof stored === \"string\" ? stored : \"\"} onChange={(event) => commit(field.id, event.target.value)} />;\n                }\n                case \"number\":\n                  return <NumberField {...accessibility} required={required} isDisabled={isDisabled} placeholder={field.placeholder} step=\"any\"\n                    hasSteppers={false} value={typeof stored === \"number\" && Number.isFinite(stored) ? stored : \"\"}\n                    onValueChange={(next) => { if (next === \"\" || Number.isFinite(next)) commit(field.id, next === \"\" ? undefined : next); }} />;\n                case \"boolean\":\n                  return <Switch {...accessibility} isDisabled={isDisabled} isSelected={stored === true}\n                    onSelectedChange={(next) => commit(field.id, next)} />;\n                case \"dateTime\":\n                  return <TextField {...accessibility} required={required} disabled={isDisabled} type=\"datetime-local\" step=\"0.001\"\n                    value={parseUtcDateTime(stored)?.slice(0, -1) ?? \"\"}\n                    onChange={(event) => commit(field.id, parseUtcDateTime(`${event.target.value}Z`))} />;\n                case \"richText\":\n                  return <RichTextEditor {...accessibility} label={field.label} isRequired={required} isDisabled={isDisabled}\n                    placeholder={field.placeholder} format=\"json\" value={stored === undefined ? emptyDocument : stored as RichTextDocument}\n                    onChange={(next) => commit(field.id, next)} />;\n                case \"asset\":\n                case \"reference\":\n                  return <div {...accessibility} role=\"group\">\n                    <EntryPicker items={pickerItems[field.id] ?? []} value={selectedIds(field, stored)}\n                      label={field.type === \"asset\" ? \"Assets\" : \"Entries\"} addLabel={`Choose ${field.label}`}\n                      mode={field.multiple ? \"multiple\" : \"single\"} isDisabled={isDisabled}\n                      onValueChange={(ids) => {\n                        if (field.type === \"asset\") {\n                          const links = ids.map((assetId) => ({ assetId }));\n                          commit(field.id, field.multiple ? links : links[0]);\n                        } else {\n                          const links = ids.map((entryId) => ({ entryId }));\n                          commit(field.id, field.multiple ? links : links[0]);\n                        }\n                      }} />\n                  </div>;\n              }\n            }}\n          </Field>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/chunks/RichTextEditor-DRt-kibg.js

@@ -0,0 +1,248 @@
+import { Button as e } from "../components/Button/index.js";
+import { ButtonGroup as t } from "../components/ButtonGroup/index.js";
+/* empty css               */
+import { forwardRef as n, useCallback as r, useEffect as i, useId as a, useMemo as o, useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { EditorContent as u, createDocument as d, getSchema as f, useEditor as p, useEditorState as m } from "@tiptap/react";
+import { Placeholder as h } from "@tiptap/extension-placeholder";
+import { StarterKit as g } from "@tiptap/starter-kit";
+import { Link as _ } from "@tiptap/extension-link";
+//#region src/components/RichTextEditor/document.ts
+var v = {
+	type: "doc",
+	content: [{ type: "paragraph" }]
+};
+function y() {
+	return [g.configure({ link: !1 }), _.configure({
+		openOnClick: !1,
+		autolink: !0
+	})];
+}
+var b = f(y());
+function x(e) {
+	return e.content?.length ? e : {
+		...e,
+		content: v.content
+	};
+}
+function S(e) {
+	try {
+		if (!e || typeof e != "object" || !("type" in e) || e.type !== "doc") throw Error();
+		let t = (e) => {
+			let n = b.nodes[e.type ?? ""];
+			if (!n || Object.keys(e).some((e) => ![
+				"type",
+				"attrs",
+				"content",
+				"marks",
+				"text"
+			].includes(e)) || e.text !== void 0 && e.type !== "text" || e.attrs && Object.keys(e.attrs).some((e) => !Object.hasOwn(n.spec.attrs ?? {}, e))) throw Error();
+			for (let t of e.marks ?? []) {
+				let e = b.marks[t.type];
+				if (!e || Object.keys(t).some((e) => !["type", "attrs"].includes(e)) || Object.keys(t.attrs ?? {}).some((t) => !Object.hasOwn(e.spec.attrs ?? {}, t))) throw Error();
+			}
+			e.content?.forEach(t);
+		}, n = e;
+		t(n), b.nodeFromJSON(x(n)).check();
+	} catch {
+		return "Unsupported or invalid rich-text document.";
+	}
+}
+//#endregion
+//#region src/components/RichTextEditor/index.tsx
+var C = [
+	[
+		{
+			id: "bold",
+			icon: "bold",
+			label: "Bold",
+			run: (e) => e.chain().focus().toggleBold().run(),
+			active: (e) => e.isActive("bold")
+		},
+		{
+			id: "italic",
+			icon: "italic",
+			label: "Italic",
+			run: (e) => e.chain().focus().toggleItalic().run(),
+			active: (e) => e.isActive("italic")
+		},
+		{
+			id: "strike",
+			icon: "strikethrough",
+			label: "Strikethrough",
+			run: (e) => e.chain().focus().toggleStrike().run(),
+			active: (e) => e.isActive("strike")
+		},
+		{
+			id: "code",
+			icon: "code",
+			label: "Inline code",
+			run: (e) => e.chain().focus().toggleCode().run(),
+			active: (e) => e.isActive("code")
+		}
+	],
+	[
+		{
+			id: "h2",
+			icon: "heading-2",
+			label: "Heading",
+			run: (e) => e.chain().focus().toggleHeading({ level: 2 }).run(),
+			active: (e) => e.isActive("heading", { level: 2 })
+		},
+		{
+			id: "h3",
+			icon: "heading-3",
+			label: "Subheading",
+			run: (e) => e.chain().focus().toggleHeading({ level: 3 }).run(),
+			active: (e) => e.isActive("heading", { level: 3 })
+		},
+		{
+			id: "quote",
+			icon: "quote",
+			label: "Quote",
+			run: (e) => e.chain().focus().toggleBlockquote().run(),
+			active: (e) => e.isActive("blockquote")
+		}
+	],
+	[{
+		id: "ul",
+		icon: "list",
+		label: "Bulleted list",
+		run: (e) => e.chain().focus().toggleBulletList().run(),
+		active: (e) => e.isActive("bulletList")
+	}, {
+		id: "ol",
+		icon: "list-ordered",
+		label: "Numbered list",
+		run: (e) => e.chain().focus().toggleOrderedList().run(),
+		active: (e) => e.isActive("orderedList")
+	}],
+	[{
+		id: "undo",
+		icon: "undo",
+		label: "Undo",
+		run: (e) => e.chain().focus().undo().run()
+	}, {
+		id: "redo",
+		icon: "redo",
+		label: "Redo",
+		run: (e) => e.chain().focus().redo().run()
+	}]
+], w = n(function(n, f) {
+	let { placeholder: g = "Write something…", size: _ = "md", isDisabled: b = !1, isInvalid: w = !1, label: T = "Rich text editor", className: E, toolbarExtra: D, id: O, isRequired: k, "aria-labelledby": A, "aria-describedby": j, "aria-invalid": M } = n, [N, P] = s(!1), [F] = s(() => n.defaultValue ?? (n.format === "json" ? v : "")), I = n.value === void 0 ? F : n.value, L = o(() => n.format === "json" ? S(I) : void 0, [n.format, I]), R = a(), z = w || !!L || M, B = b || !!L, V = o(() => ({
+		role: "textbox",
+		"aria-label": T,
+		"aria-multiline": "true",
+		...O ? { id: O } : {},
+		...A ? { "aria-labelledby": A } : {},
+		...j ? { "aria-describedby": j } : {},
+		...z ? { "aria-invalid": String(z) } : {},
+		...k ? { "aria-required": "true" } : {}
+	}), [
+		T,
+		O,
+		A,
+		j,
+		z,
+		k
+	]), H = p({
+		immediatelyRender: !1,
+		editable: !B,
+		content: L ? v : typeof I == "string" ? I : x(I),
+		extensions: [...y(), h.configure({ placeholder: g })],
+		editorProps: { attributes: V },
+		onFocus: () => P(!0),
+		onBlur: () => P(!1),
+		onUpdate: ({ editor: e }) => {
+			B || (n.format === "json" ? n.onChange?.(e.getJSON()) : n.onChange?.(e.getHTML()));
+		}
+	});
+	i(() => {
+		H && (H.setEditable(!B, !1), H.setOptions({ editorProps: { attributes: V } }));
+	}, [
+		H,
+		B,
+		V
+	]), i(() => {
+		if (!H || n.value === void 0 || L) return;
+		let e = typeof n.value == "string" ? d(n.value, H.schema) : H.schema.nodeFromJSON(x(n.value));
+		e.eq(H.state.doc) || H.commands.setContent(e, { emitUpdate: !1 });
+	}, [
+		H,
+		n.value,
+		L
+	]);
+	let U = m({
+		editor: H,
+		selector: ({ editor: e }) => e ? {
+			active: Object.fromEntries(C.flat().map((t) => [t.id, t.active?.(e) ?? !1])),
+			linkActive: e.isActive("link")
+		} : null
+	}), W = r(() => {
+		if (!H) return;
+		if (H.isActive("link")) {
+			H.chain().focus().unsetLink().run();
+			return;
+		}
+		let e = window.prompt("Link to");
+		e && H.chain().focus().extendMarkRange("link").setLink({ href: e }).run();
+	}, [H]);
+	return /* @__PURE__ */ l("div", {
+		ref: f,
+		className: ["ds-rte", E].filter(Boolean).join(" "),
+		"data-focused": N || void 0,
+		"data-disabled": B || void 0,
+		"aria-invalid": z || void 0,
+		children: [L && /* @__PURE__ */ c("p", {
+			id: R,
+			role: "alert",
+			className: "ds-field__error",
+			children: L
+		}), /* @__PURE__ */ l("div", {
+			hidden: !!L,
+			children: [/* @__PURE__ */ l("div", {
+				className: "ds-rte__toolbar",
+				role: "toolbar",
+				"aria-label": `${T} formatting`,
+				children: [
+					C.map((n, r) => /* @__PURE__ */ c(t, {
+						"aria-label": `Formatting ${r + 1}`,
+						children: n.map((t) => /* @__PURE__ */ c(e, {
+							size: "sm",
+							isIconOnly: !0,
+							iconStart: t.icon,
+							"aria-label": t.label,
+							title: t.label,
+							"aria-pressed": t.active ? U?.active[t.id] : void 0,
+							variant: U?.active[t.id] ? "active" : "neutral",
+							isDisabled: B || !H,
+							onClick: () => H && t.run(H)
+						}, t.id))
+					}, r)),
+					/* @__PURE__ */ c(t, {
+						"aria-label": "Link",
+						children: /* @__PURE__ */ c(e, {
+							size: "sm",
+							isIconOnly: !0,
+							iconStart: U?.linkActive ? "link-off" : "link",
+							"aria-label": U?.linkActive ? "Remove link" : "Add link",
+							title: U?.linkActive ? "Remove link" : "Add link",
+							variant: U?.linkActive ? "active" : "neutral",
+							isDisabled: B || !H,
+							onClick: W
+						})
+					}),
+					D
+				]
+			}), /* @__PURE__ */ c("div", {
+				className: "ds-rte__content",
+				"data-size": _,
+				children: /* @__PURE__ */ c(u, { editor: H })
+			})]
+		})]
+	});
+});
+//#endregion
+export { S as n, v as r, w as t };
+
+//# sourceMappingURL=RichTextEditor-DRt-kibg.js.map