themelia-ui 1.0.0

package/dist/repeaters-birDhmqY.js

@@ -0,0 +1,371 @@
+import "./css/repeaters.css";
+import { t as e } from "./cx--CBrhWH0.js";
+import { c as t } from "./buttons-CabBjPap.js";
+import { o as n } from "./structure-es_UqqmD.js";
+import { u as r } from "./forms-BjJns3n7.js";
+import { c as i, l as a } from "./text-inputs-BMW3hP0R.js";
+import { r as o } from "./choice-inputs-B4fseaKf.js";
+import { GripVerticalIcon as s, PlusIcon as c, XIcon as l } from "lucide-react";
+import { useCallback as u, useId as d, useMemo as f, useState as p } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region src/components/base/repeaters/repeaters.strings.ts
+var g = {
+	add: "Add",
+	remove: (e) => `Remove item ${e}`,
+	reorder: (e) => `Reorder item ${e}. Use the arrow keys to move it.`
+}, _ = {
+	...g,
+	add: "Add pair",
+	keyPlaceholder: "Key",
+	valuePlaceholder: "Value",
+	keyLabel: (e) => `Key ${e}`,
+	valueLabel: (e) => `Value ${e}`
+}, v = {
+	...g,
+	add: "Add row",
+	emptyState: "Nothing here yet."
+}, y = {
+	light: "repeater-module__light___srKbX",
+	dark: "repeater-module__dark___YgbhX",
+	root: "repeater-module__root___61Nrh",
+	list: "repeater-module__list___ovYZ4",
+	row: "repeater-module__row___8N8D1",
+	rowCard: "repeater-module__rowCard___jYxTk",
+	handle: "repeater-module__handle___ZqWoA",
+	body: "repeater-module__body___L0GRk",
+	remove: "repeater-module__remove___kx-Ri",
+	empty: "repeater-module__empty___S0r-Z",
+	footer: "repeater-module__footer___HjK1m"
+};
+//#endregion
+//#region src/components/base/repeaters/repeater.tsx
+function b({ items: n, getKey: r, children: i, onAdd: a, onRemove: o, onMove: d, rowVariant: f = "inline", strings: _, emptyState: v = "Nothing here yet.", showAdd: b = !0, maxItems: x, disabled: S = !1, className: C }) {
+	let w = {
+		...g,
+		..._
+	}, [T, E] = p(null), [D, O] = p(null), k = !!d && !S, A = u((e, t) => {
+		e === t || t < 0 || t >= n.length || d?.(e, t);
+	}, [n.length, d]), j = (e, t) => {
+		let n = e.key === "ArrowUp" ? -1 : +(e.key === "ArrowDown");
+		if (n === 0) return;
+		e.preventDefault();
+		let r = t + n;
+		A(t, r);
+		let i = e.currentTarget.closest("ul")?.querySelectorAll("[data-repeater-handle]");
+		requestAnimationFrame(() => i?.[r]?.focus());
+	}, M = (e, t) => {
+		E(t), e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", String(t));
+		let n = e.currentTarget.closest("li");
+		n && e.dataTransfer.setDragImage(n, 12, n.clientHeight / 2);
+	}, N = (e, t) => {
+		T !== null && (e.preventDefault(), e.dataTransfer.dropEffect = "move", O(t));
+	}, P = (e, t) => {
+		e.preventDefault(), T !== null && A(T, t), E(null), O(null);
+	}, F = x !== void 0 && n.length >= x;
+	return /* @__PURE__ */ h("div", {
+		className: e("repeater--component", y.root, C),
+		children: [n.length === 0 ? /* @__PURE__ */ m("div", {
+			className: y.empty,
+			children: v
+		}) : /* @__PURE__ */ m("ul", {
+			className: y.list,
+			children: n.map((n, a) => {
+				let c = T === a;
+				return /* @__PURE__ */ h("li", {
+					className: e(y.row, f === "card" && y.rowCard),
+					"data-dragging": c || void 0,
+					"data-drop-before": D === a && T !== null && T > a || void 0,
+					"data-drop-after": D === a && T !== null && T < a || void 0,
+					onDragOver: (e) => N(e, a),
+					onDrop: (e) => P(e, a),
+					onDragEnd: () => {
+						E(null), O(null);
+					},
+					children: [
+						k && /* @__PURE__ */ m("button", {
+							type: "button",
+							"data-repeater-handle": "",
+							className: y.handle,
+							"aria-label": w.reorder(a + 1),
+							draggable: !0,
+							onDragStart: (e) => M(e, a),
+							onDragEnd: () => {
+								E(null), O(null);
+							},
+							onKeyDown: (e) => j(e, a),
+							children: /* @__PURE__ */ m(s, { "aria-hidden": !0 })
+						}),
+						/* @__PURE__ */ m("div", {
+							className: y.body,
+							children: i(n, {
+								index: a,
+								dragging: c
+							})
+						}),
+						!!o && /* @__PURE__ */ m(t, {
+							tone: "neutral",
+							buttonStyle: "ghost",
+							iconOnly: !0,
+							disabled: S,
+							"aria-label": w.remove(a + 1),
+							className: y.remove,
+							onClick: () => o(a),
+							children: /* @__PURE__ */ m(l, {})
+						})
+					]
+				}, r(n, a));
+			})
+		}), b && !!a && /* @__PURE__ */ m("div", {
+			className: y.footer,
+			children: /* @__PURE__ */ h(t, {
+				tone: "neutral",
+				buttonStyle: "outline",
+				onClick: a,
+				disabled: S || F,
+				children: [/* @__PURE__ */ m(c, {}), w.add]
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/components/base/repeaters/string-repeater.tsx
+function x({ value: t, onValueChange: n, placeholder: r, strings: i, emptyState: o, maxItems: s, sortable: c = !1, disabled: l = !1, invalid: f = !1, className: p, "aria-label": h }) {
+	let _ = {
+		...g,
+		...i
+	}, v = d(), y = u((e, r) => n(t.map((t, n) => n === e ? r : t)), [n, t]), x = u((e, r) => {
+		let i = [...t], [a] = i.splice(e, 1);
+		a !== void 0 && (i.splice(r, 0, a), n(i));
+	}, [n, t]);
+	return /* @__PURE__ */ m(b, {
+		items: t,
+		getKey: (e, t) => `${v}-${t}`,
+		onAdd: () => n([...t, ""]),
+		onRemove: (e) => n(t.filter((t, n) => n !== e)),
+		onMove: c ? x : void 0,
+		strings: _,
+		emptyState: o,
+		maxItems: s,
+		disabled: l,
+		className: e("string-repeater--component", p),
+		children: (e, { index: t }) => /* @__PURE__ */ m(a, {
+			value: e,
+			placeholder: r,
+			disabled: l,
+			"aria-invalid": f || void 0,
+			"aria-label": h ? `${h} ${t + 1}` : void 0,
+			onChange: (e) => y(t, e.target.value)
+		})
+	});
+}
+//#endregion
+//#region src/components/base/repeaters/key-value-editor.tsx
+function S({ value: t, onValueChange: r, strings: i, emptyState: o, maxItems: s, sortable: c = !1, disabled: l = !1, invalid: f = !1, flagDuplicateKeys: p = !0, className: g }) {
+	let v = {
+		..._,
+		...i
+	}, y = d(), x = u((e, n) => r(t.map((t, r) => r === e ? {
+		...t,
+		...n
+	} : t)), [r, t]), S = u((e, n) => {
+		let i = [...t], [a] = i.splice(e, 1);
+		a !== void 0 && (i.splice(n, 0, a), r(i));
+	}, [r, t]), C = (e, n) => p && e.key.trim() !== "" && t.some((t, r) => r !== n && t.key.trim() === e.key.trim());
+	return /* @__PURE__ */ m(b, {
+		items: t,
+		getKey: (e, t) => `${y}-${t}`,
+		onAdd: () => r([...t, {
+			key: "",
+			value: ""
+		}]),
+		onRemove: (e) => r(t.filter((t, n) => n !== e)),
+		onMove: c ? S : void 0,
+		strings: v,
+		emptyState: o,
+		maxItems: s,
+		disabled: l,
+		className: e("key-value-editor--component", g),
+		children: (e, { index: t }) => /* @__PURE__ */ h(n, {
+			direction: "horizontal",
+			gap: "sm",
+			wrap: !1,
+			children: [/* @__PURE__ */ m(a, {
+				value: e.key,
+				placeholder: v.keyPlaceholder,
+				disabled: l,
+				"aria-invalid": f || C(e, t) || void 0,
+				"aria-label": v.keyLabel(t + 1),
+				onChange: (e) => x(t, { key: e.target.value })
+			}), /* @__PURE__ */ m(a, {
+				value: e.value,
+				placeholder: v.valuePlaceholder,
+				disabled: l,
+				"aria-invalid": f || void 0,
+				"aria-label": v.valueLabel(t + 1),
+				onChange: (e) => x(t, { value: e.target.value })
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/components/base/repeaters/localized-fields.tsx
+function C(e) {
+	return e.map((e) => typeof e == "string" ? { value: e } : e);
+}
+function w({ locales: t, value: n = {}, onValueChange: r, multiline: s = !1, placeholder: c, disabled: l = !1, invalid: u = !1, requiredLocales: d, className: g, "aria-label": _ }) {
+	let v = f(() => C(t), [t]), [b, x] = p(v[0]?.value ?? ""), S = (e) => r?.({
+		...n,
+		[b]: e
+	}), w = v.map((e) => {
+		let t = d?.includes(e.value) && !n[e.value]?.trim();
+		return {
+			value: e.value,
+			label: t ? `${e.label ?? e.value} •` : e.label ?? e.value
+		};
+	}), T = s ? i : a;
+	return /* @__PURE__ */ h("div", {
+		className: e("localized-string-field--component", y.root, g),
+		children: [/* @__PURE__ */ m(o, {
+			name: "locale",
+			options: w,
+			value: b,
+			onValueChange: (e) => e && x(e),
+			disabled: l
+		}), /* @__PURE__ */ m(T, {
+			value: n[b] ?? "",
+			placeholder: c,
+			disabled: l,
+			"aria-invalid": u || void 0,
+			"aria-label": _ ? `${_} (${b})` : b,
+			onChange: (e) => S(e.target.value)
+		})]
+	});
+}
+function T({ locales: t, fields: n, value: r = {}, onValueChange: s, disabled: c = !1, invalid: l = !1, className: u }) {
+	let d = f(() => C(t), [t]), [g, _] = p(d[0]?.value ?? ""), v = r[g] ?? {}, b = (e, t) => s?.({
+		...r,
+		[g]: {
+			...v,
+			[e]: t
+		}
+	});
+	return /* @__PURE__ */ h("div", {
+		className: e("localized-object-field--component", y.root, u),
+		children: [/* @__PURE__ */ m(o, {
+			name: "locale",
+			options: d.map((e) => ({
+				value: e.value,
+				label: e.label ?? e.value
+			})),
+			value: g,
+			onValueChange: (e) => e && _(e),
+			disabled: c
+		}), n.map((e) => {
+			let t = e.multiline ? i : a;
+			return /* @__PURE__ */ m(t, {
+				value: v[e.name] ?? "",
+				placeholder: e.placeholder,
+				disabled: c,
+				"aria-invalid": l || void 0,
+				"aria-label": `${typeof e.label == "string" ? e.label : e.name} (${g})`,
+				onChange: (t) => b(e.name, t.target.value)
+			}, e.name);
+		})]
+	});
+}
+//#endregion
+//#region src/components/base/repeaters/localized-string-repeater.tsx
+function E({ locales: t, value: n, onValueChange: r, placeholder: i, strings: a, emptyState: o, maxItems: s, sortable: c = !1, multiline: l = !1, requiredLocales: f, disabled: p = !1, invalid: h = !1, className: _, "aria-label": v }) {
+	let y = {
+		...g,
+		...a
+	}, x = d(), S = u((e, t) => r(n.map((n, r) => r === e ? t : n)), [r, n]), C = u((e, t) => {
+		let i = [...n], [a] = i.splice(e, 1);
+		a !== void 0 && (i.splice(t, 0, a), r(i));
+	}, [r, n]);
+	return /* @__PURE__ */ m(b, {
+		items: n,
+		getKey: (e, t) => `${x}-${t}`,
+		onAdd: () => r([...n, {}]),
+		onRemove: (e) => r(n.filter((t, n) => n !== e)),
+		onMove: c ? C : void 0,
+		rowVariant: "card",
+		strings: y,
+		emptyState: o,
+		maxItems: s,
+		disabled: p,
+		className: e("localized-string-repeater--component", _),
+		children: (e, { index: n }) => /* @__PURE__ */ m(w, {
+			locales: t,
+			value: e,
+			onValueChange: (e) => S(n, e),
+			multiline: l,
+			placeholder: i,
+			requiredLocales: f,
+			disabled: p,
+			invalid: h,
+			"aria-label": v ? `${v} ${n + 1}` : void 0
+		})
+	});
+}
+//#endregion
+//#region src/components/base/repeaters/object-repeater.tsx
+function D({ value: t, onValueChange: o, fields: s, name: c = "items", emptyState: l, maxItems: d, sortable: f = !1, disabled: p = !1, invalid: h = !1, renderField: g, strings: _, className: y }) {
+	let x = {
+		...v,
+		..._
+	}, S = u(() => Object.fromEntries(s.map((e) => [e.name, ""])), [s]), C = u((e, n, r) => o(t.map((t, i) => i === e ? {
+		...t,
+		[n]: r
+	} : t)), [o, t]), w = u((e, n) => {
+		let r = [...t], [i] = r.splice(e, 1);
+		i && r.splice(n, 0, i), o(r);
+	}, [o, t]);
+	return /* @__PURE__ */ m(b, {
+		items: t,
+		getKey: (e, t) => `${c}-${t}`,
+		onAdd: () => o([...t, S()]),
+		onRemove: (e) => o(t.filter((t, n) => n !== e)),
+		onMove: f ? w : void 0,
+		rowVariant: "card",
+		emptyState: l ?? x.emptyState,
+		maxItems: d,
+		disabled: p,
+		strings: x,
+		className: e("object-repeater--component", y),
+		children: (e, { index: t }) => /* @__PURE__ */ m(n, {
+			direction: "horizontal",
+			gap: "md",
+			wrap: !0,
+			children: s.map((n) => {
+				let o = {
+					index: t,
+					path: `${c}.${t}.${n.name}`,
+					value: e[n.name] ?? "",
+					onChange: (e) => C(t, n.name, e),
+					invalid: h,
+					disabled: p
+				};
+				if (g) return /* @__PURE__ */ m("div", { children: g(n, o) }, n.name);
+				let s = n.type === "textarea" ? i : a;
+				return /* @__PURE__ */ m(r, {
+					label: n.label,
+					hint: n.hint,
+					required: n.required,
+					style: { flex: `1 1 ${n.span ? `${n.span / 12 * 100}%` : "12rem"}` },
+					children: /* @__PURE__ */ m(s, {
+						value: o.value,
+						type: n.type === "number" ? "number" : void 0,
+						inputMode: n.type === "number" ? "decimal" : void 0,
+						placeholder: n.placeholder,
+						disabled: p,
+						invalid: h,
+						onChange: (e) => o.onChange(e.target.value)
+					})
+				}, n.name);
+			})
+		})
+	});
+}
+//#endregion
+export { S as a, _ as c, w as i, v as l, E as n, x as o, T as r, b as s, D as t, g as u };

package/dist/responsive-Bjwj2E12.js

@@ -0,0 +1,24 @@
+//#region src/lib/responsive.ts
+var e = [
+	"base",
+	"sm",
+	"md",
+	"lg",
+	"xl",
+	"2xl"
+];
+function t(t, n, r = String) {
+	if (n === void 0) return {};
+	if (typeof n != "object") return { [`--${t}-base`]: r(n) };
+	let i = {};
+	for (let a of e) {
+		let e = n[a];
+		e !== void 0 && (i[`--${t}-${a}`] = r(e));
+	}
+	return i;
+}
+function n(...e) {
+	return Object.assign({}, ...e);
+}
+//#endregion
+export { t as n, n as t };

package/dist/responsive-DWfECgXA.cjs

@@ -0,0 +1 @@
+var e=[`base`,`sm`,`md`,`lg`,`xl`,`2xl`];function t(t,n,r=String){if(n===void 0)return{};if(typeof n!=`object`)return{[`--${t}-base`]:r(n)};let i={};for(let a of e){let e=n[a];e!==void 0&&(i[`--${t}-${a}`]=r(e))}return i}function n(...e){return Object.assign({},...e)}Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return n}});

package/dist/rich-text-editor-Cws3YEgp.cjs

@@ -0,0 +1 @@
+const e=require("./typography-kBzTy-jM.cjs"),t=require("./primitives-Bcjsjg7A.cjs"),n=require("./text-inputs-Dp4Fczk4.cjs"),r=require("./toolbar-BOe4O8pW.cjs");let i=require("lucide-react"),a=require("react"),o=require("react/jsx-runtime"),s=require("clsx");var c=`p, li, h1, h2, h3, h4, h5, h6, blockquote`,l=new Set([``,`<p></p>`,`<p><br></p>`,`<br>`,`<div><br></div>`]);function u(e){let t=e.trim();return l.has(t)?``:t}function d(e){let t=u(e);return t===``?`<p></p>`:t}function f(e){return e.replace(/<\/(?:p|div|li|h[1-6]|blockquote|pre)>/gi,` `).replace(/<br\s*\/?>/gi,` `).replace(/<[^>]*>/g,``).replace(/&nbsp;/g,` `)}function p(){if(typeof window>`u`)return null;let e=window.getSelection();if(!e||e.rangeCount===0)return null;let t=e.getRangeAt(0);if(!t.collapsed)return null;let n=t.startContainer;for(;n&&n.nodeType!==Node.ELEMENT_NODE;)n=n.parentNode;if(!n||!n.closest(`[contenteditable="true"]`))return null;let r=t.startContainer.nodeType===Node.TEXT_NODE?(t.startContainer.textContent??``).slice(0,t.startOffset):``,i=t.startContainer;for(;i&&i!==n;){for(let e=i.previousSibling;e;e=e.previousSibling)r=(e.textContent??``)+r;if(i=i.parentNode,i&&i.matches?.(c))break}let a=t.getBoundingClientRect();return{textBefore:r,rect:a&&(a.top||a.left||a.right||a.bottom)?{top:a.top,left:a.left,bottom:a.bottom,right:a.right}:void 0}}function m(e){let t=e;for(;t;){if(t.previousSibling){for(t=t.previousSibling;t?.lastChild;)t=t.lastChild;if(t?.nodeType===Node.TEXT_NODE)return t;continue}if(t=t.parentNode,!t||t.matches?.(`${c}, [contenteditable="true"]`))return null}return null}function h(e,t,n){if(typeof window>`u`)return;let r=window.getSelection();if(!r||r.rangeCount===0)return;let i=r.getRangeAt(0);if(!i.collapsed)return;let a=e,o=i.startContainer,s=i.startOffset;for(;a>0;){if(o.nodeType===Node.TEXT_NODE){let e=Math.min(s,a);if(s-=e,a-=e,a===0)break}let e=m(o);if(!e)break;o=e,s=e.textContent?.length??0}let c=document.createRange();c.setStart(o,s),c.setEnd(i.endContainer,i.endOffset);let l=(o.parentElement??null)?.closest(`[contenteditable="true"]`);c.deleteContents(),c.insertNode(document.createRange().createContextualFragment(t)),r.removeAllRanges(),c.collapse(!1),r.addRange(c),l&&n()}function g(e,t){if(typeof window>`u`||!e)return;e.focus();let n=window.getSelection(),r=n&&n.rangeCount>0?n.getRangeAt(0):null;if(!r||!e.contains(r.commonAncestorContainer)){e.insertAdjacentHTML(`beforeend`,t);return}r.deleteContents(),r.insertNode(document.createRange().createContextualFragment(t)),r.collapse(!1),n.removeAllRanges(),n.addRange(r)}var _={editorLabel:`Rich text editor`,sourceLabel:`HTML source`,toolbarLabel:`Formatting`,toolbar:{bold:`Bold`,italic:`Italic`,strike:`Strike`,bulletList:`Bullet list`,orderedList:`Ordered list`,blockquote:`Quote`,undo:`Undo`,redo:`Redo`,sourceCode:`Source code`},counts:{characters:`characters`,words:`words`}},v={light:`rich-text-editor-module__light___hEyTm`,dark:`rich-text-editor-module__dark___eFnTO`,root:`rich-text-editor-module__root___jPTOg`,toolbar:`rich-text-editor-module__toolbar___nSnXN`,toolbarButton:`rich-text-editor-module__toolbarButton___Xh0vu`,toolbarRule:`rich-text-editor-module__toolbarRule___EnynD`,toolbarTrailing:`rich-text-editor-module__toolbarTrailing___pEGzg`,bodyWrap:`rich-text-editor-module__bodyWrap___1OUsm`,body:`rich-text-editor-module__body___7SnuI`,placeholder:`rich-text-editor-module__placeholder___iAXFh`,source:`rich-text-editor-module__source___bAMOW`,footerSlot:`rich-text-editor-module__footerSlot___RlVKf`,counts:`rich-text-editor-module__counts___D3boT`};function y({config:e,disabled:t}){let n=e.icon,i=e.isActive();return(0,o.jsx)(r.n,{type:`button`,tone:i?`primary`:`neutral`,buttonStyle:i?`solid`:`ghost`,iconOnly:!0,onMouseDown:e=>e.preventDefault(),onClick:e.run,disabled:t||e.disabled,"aria-pressed":i,"aria-label":e.label,title:e.label,className:v.toolbarButton,children:(0,o.jsx)(n,{})})}function b({buttons:e,extraToolbarItems:t,hideSourceToggle:n=!1,sourceMode:a,toggleSourceMode:c,disabled:l=!1,toolbarTrailing:u,strings:d,className:f}){let p=l||a;return(0,o.jsxs)(r.t,{"aria-label":d.toolbarLabel??`Formatting`,className:(0,s.clsx)(`rich-text-editor-toolbar--component`,v.toolbar,f),children:[e.map(e=>(0,o.jsx)(y,{config:e,disabled:p},e.id)),!n&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(r.o,{orientation:`vertical`,className:v.toolbarRule}),(0,o.jsx)(y,{config:{id:`source`,icon:i.Code2Icon,label:d.toolbar.sourceCode,isActive:()=>a,run:c},disabled:l})]}),!!t?.length&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(r.o,{orientation:`vertical`,className:v.toolbarRule}),t.map(e=>(0,o.jsx)(y,{config:{id:e.id,icon:e.icon,label:e.label,isActive:e.isActive??(()=>!1),run:e.onClick,disabled:e.disabled},disabled:p},e.id))]}),!!u&&(0,o.jsx)(`div`,{className:v.toolbarTrailing,children:u})]})}function x({text:n,maxLength:r,strings:i,className:a}){let c=n.length,l=n.trim().length>0?n.trim().split(/\s+/).length:0,u=typeof r==`number`&&c>r;return(0,o.jsxs)(`div`,{className:(0,s.clsx)(`editor-counts--component`,v.counts,a),children:[(0,o.jsxs)(e.o,{tag:`span`,size:`xs`,type:u?`error`:`secondary`,weight:u?`medium`:`regular`,children:[(0,o.jsx)(t.w,{value:c,size:`xs`,type:`inherit`}),typeof r==`number`&&(0,o.jsxs)(o.Fragment,{children:[` / `,(0,o.jsx)(t.w,{value:r,size:`xs`,type:`inherit`})]}),` `,i.counts.characters]}),(0,o.jsxs)(e.o,{tag:`span`,size:`xs`,type:`secondary`,children:[(0,o.jsx)(t.w,{value:l,size:`xs`,type:`inherit`}),` `,i.counts.words]})]})}var S={bold:`bold`,italic:`italic`,underline:`underline`,strike:`strikeThrough`,bulletList:`insertUnorderedList`,orderedList:`insertOrderedList`,blockquote:`formatBlock`,undo:`undo`,redo:`redo`},C=[`bold`,`italic`,`underline`,`strike`,`bulletList`,`orderedList`],w=()=>typeof document<`u`,T=()=>w()&&typeof document.execCommand==`function`,E=()=>w()&&typeof document.queryCommandState==`function`;function D(e){if(!E())return!1;try{return document.queryCommandState(S[e])}catch{return!1}}function O(e){if(!w())return!1;let t=document.getSelection()?.anchorNode??null;for(;t&&t!==e;){if(t instanceof HTMLElement&&t.tagName===`BLOCKQUOTE`)return!0;t=t.parentNode}return!1}function k(e){let t=new Set,n=!1,r=null,i=()=>{r=null;for(let e of[...t])e()},a=()=>i(),o=()=>{w()&&e.contains(document.getSelection()?.anchorNode??null)&&i()};return e.addEventListener(`input`,a),w()&&document.addEventListener(`selectionchange`,o),{getState(){if(r)return r;let t=new Set;for(let e of C)D(e)&&t.add(e);return O(e)&&t.add(`blockquote`),r={html:e.innerHTML,canUndo:!0,canRedo:!0,active:t},r},setHtml(t){e.innerHTML!==t&&(e.innerHTML=t,i())},focus(){e.focus()},execute(t){T()&&(e.focus(),t===`blockquote`?document.execCommand(`formatBlock`,!1,O(e)?`<p>`:`<blockquote>`):document.execCommand(S[t],!1,void 0),i())},subscribe(e){return t.add(e),()=>t.delete(e)},destroy(){n||(n=!0,r=null,e.removeEventListener(`input`,a),w()&&document.removeEventListener(`selectionchange`,o),t.clear())}}}function A({engine:t,value:r,onValueChange:c,placeholder:l,compact:m=!1,minHeight:y,maxHeight:S,disabled:C=!1,showCounts:w=!1,maxLength:T,extraToolbarItems:E,toolbarTrailing:D,footerSlot:O,hideSourceToggle:A=!1,autoFocus:j=!1,className:ee,onCaretChange:M,strings:N,ref:P}){let F={..._,...N,toolbar:{..._.toolbar,...N?.toolbar},counts:{..._.counts,...N?.counts}},I=(0,a.useRef)(null),[L,R]=(0,a.useState)(!1),[z,B]=(0,a.useState)(!1),[V,H]=(0,a.useState)(``),U=(0,a.useRef)(u(r)),[,W]=(0,a.useState)(0),G=(0,a.useRef)(M);(0,a.useEffect)(()=>{G.current=M});let K=(0,a.useCallback)(e=>{I.current=e,e&&e.innerHTML===``&&(e.innerHTML=d(U.current))},[]);(0,a.useEffect)(()=>{let e=I.current;if(!e||L)return;let t=d(r);u(e.innerHTML)!==u(t)&&(e.innerHTML=t),U.current=u(r)},[L,r]),(0,a.useEffect)(()=>{j&&I.current?.focus()},[j]);let q=(0,a.useCallback)(()=>{let e=u(I.current?.innerHTML??``);U.current=e,c(e),G.current?.(),W(e=>e+1)},[c]),J=(0,a.useCallback)(()=>{G.current?.(),W(e=>e+1)},[]);(0,a.useEffect)(()=>{if(!L||typeof document>`u`)return;let e=()=>J();return document.addEventListener(`selectionchange`,e),()=>document.removeEventListener(`selectionchange`,e)},[L,J]),(0,a.useImperativeHandle)(P,()=>({focus:()=>I.current?.focus(),getHTML:()=>u(I.current?.innerHTML??``),setHTML:e=>{let t=u(e);U.current=t,I.current&&(I.current.innerHTML=d(t)),c(t)},insertHTML:e=>{g(I.current,e),q()},isEmpty:()=>u(I.current?.innerHTML??``)===``,clear:()=>{U.current=``,I.current&&(I.current.innerHTML=`<p></p>`),c(``)},getCaretContext:()=>p(),replaceBeforeCaret:(e,t)=>h(e,t,q)}),[q,c]);let[te,ne]=(0,a.useState)(null);(0,a.useEffect)(()=>{if(t||!I.current)return;let e=k(I.current);return ne(e),()=>e.destroy()},[t]);let Y=t??te,X=(0,a.useSyncExternalStore)((0,a.useCallback)(e=>Y?.subscribe(e)??(()=>{}),[Y]),()=>Y?.getState()??null,()=>null),Z=(0,a.useCallback)(e=>{Y?.execute(e),q()},[Y,q]),Q=(0,a.useCallback)(e=>X?.active.has(e)??!1,[X]),re=(0,a.useMemo)(()=>[{id:`bold`,icon:i.BoldIcon,label:F.toolbar.bold,isActive:()=>Q(`bold`),run:()=>Z(`bold`)},{id:`italic`,icon:i.ItalicIcon,label:F.toolbar.italic,isActive:()=>Q(`italic`),run:()=>Z(`italic`)},{id:`strike`,icon:i.StrikethroughIcon,label:F.toolbar.strike,isActive:()=>Q(`strike`),run:()=>Z(`strike`)},{id:`bullet-list`,icon:i.ListIcon,label:F.toolbar.bulletList,isActive:()=>Q(`bulletList`),run:()=>Z(`bulletList`)},{id:`ordered-list`,icon:i.ListOrderedIcon,label:F.toolbar.orderedList,isActive:()=>Q(`orderedList`),run:()=>Z(`orderedList`)},{id:`blockquote`,icon:i.QuoteIcon,label:F.toolbar.blockquote,isActive:()=>Q(`blockquote`),run:()=>Z(`blockquote`)},{id:`undo`,icon:i.Undo2Icon,label:F.toolbar.undo,isActive:()=>!1,run:()=>Z(`undo`),disabled:X?!X.canUndo:void 0},{id:`redo`,icon:i.Redo2Icon,label:F.toolbar.redo,isActive:()=>!1,run:()=>Z(`redo`),disabled:X?!X.canRedo:void 0}],[F.toolbar,Z,Q,X]),ie=(0,a.useCallback)(()=>{if(z){let e=u(V);U.current=e,I.current&&(I.current.innerHTML=d(e)),c(e),B(!1);return}H(I.current?.innerHTML??d(r)),B(!0)},[c,z,V,r]),ae=(0,a.useCallback)(e=>{let t=e.target.value;H(t);let n=u(t);U.current=n,c(n)},[c]),$=(0,a.useMemo)(()=>({minHeight:y??(m?`var(--editor-min-h-compact)`:`var(--editor-min-h)`),...S?{maxHeight:S,overflowY:`auto`}:{}}),[m,S,y]),oe=u(r)===``,se=f(z?V:u(r));return(0,o.jsxs)(`div`,{"data-slot":`rich-text-editor`,"data-compact":m||void 0,"data-disabled":C||void 0,className:(0,s.clsx)(`rich-text-editor--component`,v.root,ee),children:[(0,o.jsx)(b,{buttons:re,extraToolbarItems:E,hideSourceToggle:A,sourceMode:z,toggleSourceMode:ie,disabled:C,toolbarTrailing:D,strings:F}),z?(0,o.jsx)(n.c,{"aria-label":F.sourceLabel,value:V,onChange:ae,disabled:C,spellCheck:!1,className:v.source,style:$}):(0,o.jsxs)(`div`,{className:v.bodyWrap,style:$,children:[!!l&&oe&&!L&&(0,o.jsx)(e.o,{size:`sm`,type:`secondary`,className:v.placeholder,children:l}),(0,o.jsx)(`div`,{ref:K,role:`textbox`,"aria-label":F.editorLabel,"aria-multiline":`true`,contentEditable:!C,suppressContentEditableWarning:!0,onInput:q,onKeyUp:J,onMouseUp:J,onFocus:()=>R(!0),onBlur:()=>R(!1),className:v.body})]}),!!O&&(0,o.jsx)(`div`,{className:v.footerSlot,children:O}),w&&(0,o.jsx)(x,{text:se,maxLength:T,strings:F})]})}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return k}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return A}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return h}});