@arkyn/components 3.0.1-beta.20 → 3.0.1-beta.200

package/dist/modules/components/phoneInput/phoneInputCountryOptionsContainer/index.js

@@ -0,0 +1,34 @@
+import { useScrollLock as e } from "../../../hooks/useScrollLock.js";
+/* empty css       */
+import { useEffect as t, useRef as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/phoneInput/phoneInputCountryOptionsContainer/index.tsx
+function o(o) {
+	let { children: s, isOpen: c, onSearch: l, search: u, placeholder: d } = o, f = n(null), [p, m] = r("bottom");
+	function h(e) {
+		l(e.target.value);
+	}
+	return e(c), t(() => {
+		c && (() => {
+			if (!f.current) return;
+			let e = f.current.parentElement;
+			if (!e) return;
+			let t = e.getBoundingClientRect();
+			window.innerHeight - t.bottom < 300 && t.top > 300 ? m("top") : m("bottom");
+		})();
+	}, [c]), c ? /* @__PURE__ */ a("div", {
+		className: `arkynPhoneInputCountryOptionsContainer ${p}`,
+		ref: f,
+		children: [/* @__PURE__ */ i("input", {
+			type: "search",
+			name: "search-select",
+			className: "arkynPhoneInputCountryOptionsContainerSearchSelect",
+			value: u,
+			id: "input-search",
+			placeholder: d,
+			onChange: h
+		}), s]
+	}) : null;
+}
+//#endregion
+export { o as PhoneInputCountryOptionsContainer };

package/dist/modules/components/phoneInput/phoneInputCountrySelector/index.js

@@ -0,0 +1,26 @@
+import { Divider as e } from "../../divider/index.js";
+/* empty css       */
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { ChevronDown as r } from "lucide-react";
+//#region src/components/phoneInput/phoneInputCountrySelector/index.tsx
+function i(i) {
+	let { currentCountry: a, onClick: o } = i;
+	return /* @__PURE__ */ n("div", {
+		className: "phoneInputSelectCountry",
+		onClick: o,
+		children: [
+			/* @__PURE__ */ t("img", {
+				className: "flag",
+				src: a.flag,
+				alt: a.name
+			}),
+			/* @__PURE__ */ t(r, {
+				className: "chevronDown",
+				strokeWidth: 2.5
+			}),
+			/* @__PURE__ */ t(e, { orientation: "vertical" })
+		]
+	});
+}
+//#endregion
+export { i as PhoneInputCountrySelector };

package/dist/modules/components/phoneInput/phoneInputMask/index.js

@@ -0,0 +1,53 @@
+import { MAX_LENGTH as e, TYPES as t, applyMask as n, clear as r, getMask as i } from "../../../utils/phoneInputUtilities.js";
+/* empty css      */
+import { forwardRef as a, useEffect as o, useRef as s } from "react";
+import { jsx as c } from "react/jsx-runtime";
+import { InputMask as l } from "@react-input/mask";
+//#region src/components/phoneInput/phoneInputMask/index.tsx
+var u = a((e, t) => /* @__PURE__ */ c("input", {
+	ref: t,
+	...e
+})), d = a((a, d) => {
+	let { onFocus: f, readonly: p, onBlur: m, size: h, onChange: g, value: _, currentCountry: v, disabled: y, id: b } = a, x = s(!0), S = s(g);
+	S.current = g;
+	let C = typeof v.mask == "string" ? v.mask : v.mask[0];
+	o(() => {
+		if (x.current) {
+			x.current = !1;
+			return;
+		}
+		S.current(C);
+	}, [C]);
+	let w = `phoneInputMask ${h}`;
+	function T(a) {
+		let o = r(a.target.value), s = i(o);
+		o.length > e || (o = n(o, t[s]), a.target.value = o, g(o));
+	}
+	return v.code === "+55" ? /* @__PURE__ */ c("input", {
+		id: b,
+		value: _,
+		onChange: T,
+		className: w,
+		onFocus: f,
+		onBlur: m,
+		disabled: y,
+		readOnly: p,
+		ref: d
+	}) : /* @__PURE__ */ c(l, {
+		id: b,
+		value: _,
+		readOnly: p,
+		onChange: (e) => g(e.target.value),
+		className: w,
+		component: u,
+		onFocus: f,
+		onBlur: m,
+		disabled: y,
+		mask: C,
+		showMask: !0,
+		replacement: { _: /\d/ },
+		ref: d
+	});
+});
+//#endregion
+export { d as PhoneInputMask };

package/dist/modules/components/popover/index.js

@@ -0,0 +1,30 @@
+import { useScrollLock as e } from "../../hooks/useScrollLock.js";
+/* empty css       */
+import { useState as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/popover/index.tsx
+function i(i) {
+	let { children: a, button: o, closeOnClick: s, className: c = "", orientation: l = "bottomLeft" } = i, [u, d] = t(!1), f = `arkynPopover ${l} ${u ? "visibleTrue" : "visibleFalse"} ${c}`;
+	function p() {
+		u || d(!0);
+	}
+	return e(u), /* @__PURE__ */ r("div", {
+		className: f,
+		onClick: p,
+		children: [
+			o,
+			/* @__PURE__ */ n("div", {
+				style: { visibility: u ? "visible" : "hidden" },
+				onClick: () => s && d(!1),
+				className: "arkynPopoverContent",
+				children: a
+			}),
+			u && /* @__PURE__ */ n("div", {
+				onClick: () => d(!1),
+				className: "arkynPopoverOverlay"
+			})
+		]
+	});
+}
+//#endregion
+export { i as Popover };

package/dist/modules/components/radio/radioBox/index.js

@@ -0,0 +1,25 @@
+import { useRadioGroup as e } from "../radioContext.js";
+/* empty css       */
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/radio/radioBox/index.tsx
+function r(r) {
+	let { value: i, size: a, disabled: o, children: s, className: c = "", onClick: l, onFocus: u, ...d } = r, { handleChange: f, size: p, value: m, isError: h, disabled: g } = e(), _ = m === i, v = a || p, y = o || g, b = `arkynRadioBox ${v} ${_ ? "checkedTrue" : "checkedFalse"} ${h ? "errorTrue" : "errorFalse"} ${y ? "disabledTrue" : "disabledFalse"} ${c}`;
+	function x(e) {
+		l?.(e), f(i);
+	}
+	function S(e) {
+		u?.(e), f(i);
+	}
+	return /* @__PURE__ */ n("label", {
+		className: b.trim(),
+		children: [/* @__PURE__ */ t("button", {
+			type: "button",
+			disabled: y,
+			onClick: x,
+			onFocus: S,
+			...d
+		}), s]
+	});
+}
+//#endregion
+export { r as RadioBox };

package/dist/modules/components/radio/radioContext.js

@@ -0,0 +1,22 @@
+import { createContext as e, useContext as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/radio/radioContext.tsx
+var r = e({});
+function i(e) {
+	let { children: t, size: i, isError: a, handleChange: o, value: s, disabled: c } = e;
+	return /* @__PURE__ */ n(r.Provider, {
+		value: {
+			handleChange: o,
+			value: s,
+			size: i,
+			isError: a,
+			disabled: c
+		},
+		children: t
+	});
+}
+function a() {
+	return t(r);
+}
+//#endregion
+export { i as RadioProvider, a as useRadioGroup };

package/dist/modules/components/radio/radioGroup/index.js

@@ -0,0 +1,42 @@
+import { useForm as e } from "../../../hooks/useForm.js";
+import { FieldTemplate as t } from "../../../services/fieldTemplate.js";
+import { RadioProvider as n } from "../radioContext.js";
+/* empty css       */
+import { useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/radio/radioGroup/index.tsx
+function o(o) {
+	let { defaultValue: s = "", name: c, label: l, showAsterisk: u, errorMessage: d, value: f, onChange: p, size: m = "md", className: h = "", disabled: g = !1, unShowFieldTemplate: _ = !1, orientation: v = "vertical", ...y } = o, [b, x] = r(s), { fieldErrors: S } = e();
+	function C(e) {
+		x(e), p && p(e);
+	}
+	let w = d || S?.[c], T = !!w, E = `arkynRadioGroup ${m}`;
+	return /* @__PURE__ */ i(t, {
+		name: c,
+		label: l,
+		showAsterisk: u,
+		className: h,
+		errorMessage: w,
+		unShowFieldTemplate: _,
+		orientation: v,
+		children: /* @__PURE__ */ a(n, {
+			isError: T,
+			size: m,
+			value: f || b,
+			handleChange: C,
+			disabled: g,
+			children: [/* @__PURE__ */ i("input", {
+				style: { display: "none" },
+				type: "text",
+				readOnly: !0,
+				name: c,
+				value: f || b
+			}), /* @__PURE__ */ i("div", {
+				className: E.trim(),
+				...y
+			})]
+		})
+	});
+}
+//#endregion
+export { o as RadioGroup };

package/dist/modules/components/richText/blockButton/index.js

@@ -0,0 +1,21 @@
+import { textAlignTypes as e } from "../../../templates/richTextTemplates.js";
+import { isBlockActive as t } from "../../../services/isBlockActive.js";
+import { toggleBlock as n } from "../../../services/toggleBlock.js";
+/* empty css       */
+import { jsx as r } from "react/jsx-runtime";
+import { useSlate as i } from "slate-react";
+//#region src/components/richText/blockButton/index.tsx
+function a({ format: a, icon: o }) {
+	let s = i(), c = t(s, a, e.includes(a) ? "align" : "type") ? "activeTrue" : "activeFalse";
+	function l(e) {
+		e.preventDefault(), n(s, a);
+	}
+	return /* @__PURE__ */ r("button", {
+		type: "button",
+		className: `arkynRichTextBlockButton ${c}`,
+		onMouseDown: l,
+		children: /* @__PURE__ */ r(o, {})
+	});
+}
+//#endregion
+export { a as BlockButton };

package/dist/modules/components/richText/element/index.js

@@ -0,0 +1,73 @@
+/* empty css       */
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/components/richText/element/index.tsx
+function n({ attributes: n, children: r, element: i }) {
+	let a = { textAlign: i.align };
+	switch (i.type) {
+		case "blockQuote": return /* @__PURE__ */ e("blockquote", {
+			className: "arkynElementBlockquote",
+			style: a,
+			...n,
+			children: r
+		});
+		case "bulletedList": return /* @__PURE__ */ e("ul", {
+			className: "arkynElementBulletList",
+			style: a,
+			...n,
+			children: r
+		});
+		case "headingOne": return /* @__PURE__ */ e("h1", {
+			className: "arkynElementHeadingOne",
+			style: a,
+			...n,
+			children: r
+		});
+		case "headingTwo": return /* @__PURE__ */ e("h2", {
+			className: "arkynElementHeadingTwo",
+			style: a,
+			...n,
+			children: r
+		});
+		case "listItem": return /* @__PURE__ */ e("li", {
+			className: "arkynElementListItem",
+			style: a,
+			...n,
+			children: r
+		});
+		case "numberedList": return /* @__PURE__ */ e("ol", {
+			className: "arkynElementNumberedList",
+			style: a,
+			...n,
+			children: r
+		});
+		case "image": return /* @__PURE__ */ t("div", {
+			style: a,
+			...n,
+			children: [/* @__PURE__ */ e("img", {
+				className: "arkynElementImage",
+				alt: "arkynElementImage",
+				src: i?.src || ""
+			}), r]
+		});
+		case "video": return /* @__PURE__ */ t("div", {
+			style: a,
+			...n,
+			children: [/* @__PURE__ */ e("iframe", {
+				className: "arkynElementVideo",
+				src: i?.src || "",
+				title: "YouTube video player",
+				allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
+				referrerPolicy: "strict-origin-when-cross-origin",
+				allowFullScreen: !0
+			}), r]
+		});
+		default: return /* @__PURE__ */ e("p", {
+			className: "arkynElementParagraph",
+			style: a,
+			...n,
+			children: r
+		});
+	}
+}
+//#endregion
+export { n as Element };

package/dist/modules/components/richText/index.js

@@ -0,0 +1,142 @@
+import { useForm as e } from "../../hooks/useForm.js";
+import { FieldTemplate as t } from "../../services/fieldTemplate.js";
+import { extractTextFromNode as n } from "../../services/extractTextFromNode.js";
+import { toggleMark as r } from "../../services/toggleMark.js";
+import { hotKeys as i, initialValue as a } from "../../templates/richTextTemplates.js";
+import { BlockButton as o } from "./blockButton/index.js";
+import { Element as s } from "./element/index.js";
+import { InsertImage as c } from "./insertImage/index.js";
+import { InsertVideo as l } from "./insertVideo/index.js";
+import { Leaf as u } from "./leaf/index.js";
+import { MarkButton as d } from "./markButton/index.js";
+import { Toolbar as ee } from "./toolbar/index.js";
+/* empty css       */
+import { useCallback as f, useId as te, useMemo as p, useRef as m, useState as h } from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { AlignCenter as ne, AlignJustify as re, AlignLeft as ie, AlignRight as ae, Bold as oe, Code as se, Heading1 as v, Heading2 as y, Italic as b, Quote as x, Underline as S } from "lucide-react";
+import C from "is-hotkey";
+import { createEditor as w } from "slate";
+import { withHistory as T } from "slate-history";
+import { Editable as E, Slate as D, withReact as O } from "slate-react";
+//#region src/components/richText/index.tsx
+function k(k) {
+	let { name: A, hiddenButtons: j, imageConfig: M, videoConfig: N, className: P = "", defaultValue: F = "[]", enforceCharacterLimit: I = !1, onChangeCharactersCount: L, baseErrorMessage: R, maxLimit: z = 1e4, onChange: B, isError: V, label: ce, showAsterisk: H, id: U, orientation: W = "vertical", unShowFieldTemplate: G = !1 } = k, K = p(() => T(O(w())), []), { fieldErrors: le } = e(), q = p(() => {
+		try {
+			let e = JSON.parse(F);
+			return !Array.isArray(e) || e.length === 0 ? structuredClone(a) : e.every((e) => typeof e == "object" && !!e && "type" in e && "children" in e) ? e : structuredClone(a);
+		} catch {
+			return structuredClone(a);
+		}
+	}, [F]), [J, ue] = h(n(q).length), [de, fe] = h(JSON.stringify(q) || "[]"), [pe, Y] = h(!1), me = m(null), he = te(), ge = U || he, X = R || le?.[A], _e = V || !!X, ve = f(u, []), ye = f(s, []);
+	function Z(e) {
+		let t = n(e);
+		ue(t.length), L?.(t.length), !(I && t.length >= z) && (fe(JSON.stringify(e)), B?.(e));
+	}
+	let be = `arkynRichText ${_e || z < J ? "errorTrue" : "errorFalse"} ${pe ? "focusTrue" : "focusFalse"}`, Q = z - J;
+	function $(e) {
+		return !j?.includes(e);
+	}
+	return /* @__PURE__ */ g(t, {
+		name: A,
+		label: ce,
+		showAsterisk: H,
+		className: P,
+		errorMessage: X,
+		unShowFieldTemplate: G,
+		orientation: W,
+		children: /* @__PURE__ */ _(D, {
+			editor: K,
+			initialValue: q,
+			onChange: Z,
+			onValueChange: Z,
+			children: [
+				/* @__PURE__ */ _("div", {
+					className: be,
+					children: [
+						/* @__PURE__ */ _(ee, { children: [
+							$("headingOne") && /* @__PURE__ */ g(o, {
+								format: "headingOne",
+								icon: v
+							}),
+							$("headingTwo") && /* @__PURE__ */ g(o, {
+								format: "headingTwo",
+								icon: y
+							}),
+							$("blockQuote") && /* @__PURE__ */ g(o, {
+								format: "blockQuote",
+								icon: x
+							}),
+							$("bold") && /* @__PURE__ */ g(d, {
+								format: "bold",
+								icon: oe
+							}),
+							$("italic") && /* @__PURE__ */ g(d, {
+								format: "italic",
+								icon: b
+							}),
+							$("underline") && /* @__PURE__ */ g(d, {
+								format: "underline",
+								icon: S
+							}),
+							$("code") && /* @__PURE__ */ g(d, {
+								format: "code",
+								icon: se
+							}),
+							$("left") && /* @__PURE__ */ g(o, {
+								format: "left",
+								icon: ie
+							}),
+							$("right") && /* @__PURE__ */ g(o, {
+								format: "right",
+								icon: ae
+							}),
+							$("center") && /* @__PURE__ */ g(o, {
+								format: "center",
+								icon: ne
+							}),
+							$("justify") && /* @__PURE__ */ g(o, {
+								format: "justify",
+								icon: re
+							}),
+							M && $("image") && /* @__PURE__ */ g(c, { ...M }),
+							$("video") && /* @__PURE__ */ g(l, { ...N })
+						] }),
+						/* @__PURE__ */ g(E, {
+							className: "editorContainer",
+							renderElement: ye,
+							renderLeaf: ve,
+							spellCheck: !0,
+							ref: me,
+							id: ge,
+							onFocus: () => Y(!0),
+							onBlur: () => Y(!1),
+							onKeyDown: (e) => {
+								for (let t in i) if (C(t, e)) {
+									e.preventDefault();
+									let n = i[t];
+									r(K, n);
+								}
+							}
+						}),
+						Q < 0 && /* @__PURE__ */ g("div", {
+							className: "restatesCharacters",
+							children: Q
+						})
+					]
+				}),
+				/* @__PURE__ */ g("input", {
+					type: "hidden",
+					name: A,
+					value: de.slice(0, z)
+				}),
+				/* @__PURE__ */ g("input", {
+					type: "hidden",
+					name: `${A}Count`,
+					value: J
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { k as RichText };

package/dist/modules/components/richText/insertImage/index.js

@@ -0,0 +1,95 @@
+import { Button as e } from "../../button/index.js";
+import { Input as t } from "../../input/index.js";
+import { ImageUpload as n } from "../../imageUpload/index.js";
+import { ModalContainer as r } from "../../modal/modalContainer/index.js";
+import { ModalFooter as i } from "../../modal/modalFooter/index.js";
+import { ModalHeader as a } from "../../modal/modalHeader/index.js";
+import { TabButton as o } from "../../tab/tabButton/index.js";
+import { TabContainer as s } from "../../tab/tabContainer/index.js";
+/* empty css       */
+import { useState as c } from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Image as f } from "lucide-react";
+import { useSlate as p } from "slate-react";
+//#region src/components/richText/insertImage/index.tsx
+function m(m) {
+	let { action: h, tabLabels: g = ["Adicionar URL", "Upload de arquivo"], modalCancelButton: _ = "Cancelar", modalConfirmButton: v = "Confirmar", modalInputImageLabel: y = "Imagem:", modalInputUrlLabel: b = "URL da imagem:", modalTitle: x = "Inserir imagem" } = m, S = p(), [C, w] = c(!1), [T, E] = c(""), [D, O] = c("url");
+	function k(e) {
+		e.preventDefault(), !(!T || T === "") && (S.insertNodes([
+			{
+				type: "paragraph",
+				children: [{ text: "" }]
+			},
+			{
+				type: "image",
+				src: T,
+				children: [{ text: "" }]
+			},
+			{
+				type: "paragraph",
+				children: [{ text: "" }]
+			}
+		]), w(!1));
+	}
+	return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("button", {
+		type: "button",
+		className: "arkynRichTextInsertImage",
+		onMouseDown: () => w(!0),
+		children: /* @__PURE__ */ u(f, {})
+	}), /* @__PURE__ */ d(r, {
+		isVisible: C,
+		makeInvisible: () => w(!1),
+		children: [
+			/* @__PURE__ */ u(a, { children: x }),
+			/* @__PURE__ */ d("div", {
+				className: "arkynRichTextInsertImageModalContent",
+				children: [
+					/* @__PURE__ */ d(s, {
+						defaultValue: D,
+						onChange: O,
+						children: [/* @__PURE__ */ u(o, {
+							value: "url",
+							children: g[0]
+						}), /* @__PURE__ */ u(o, {
+							value: "file",
+							children: g[1]
+						})]
+					}),
+					D === "url" && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(t, {
+						type: "text",
+						name: "richTextImageURL",
+						label: b,
+						showAsterisk: !0,
+						defaultValue: T,
+						onChange: (e) => E(e.target.value)
+					}), T && /* @__PURE__ */ u("img", {
+						className: "arkynRichTextInsertImageModalPreviewImage",
+						src: T,
+						alt: "preview"
+					})] }),
+					D === "file" && /* @__PURE__ */ u(n, {
+						name: "richTextImageURL",
+						action: h,
+						label: y,
+						showAsterisk: !0,
+						defaultValue: T,
+						onChange: (e) => E(e)
+					})
+				]
+			}),
+			/* @__PURE__ */ d(i, { children: [/* @__PURE__ */ u(e, {
+				type: "button",
+				scheme: "danger",
+				variant: "outline",
+				onClick: () => w(!1),
+				children: _
+			}), /* @__PURE__ */ u(e, {
+				type: "button",
+				onClick: k,
+				children: v
+			})] })
+		]
+	})] });
+}
+//#endregion
+export { m as InsertImage };

package/dist/modules/components/richText/insertVideo/index.js

@@ -0,0 +1,86 @@
+import { Button as e } from "../../button/index.js";
+import { Input as t } from "../../input/index.js";
+import { ModalContainer as n } from "../../modal/modalContainer/index.js";
+import { ModalFooter as r } from "../../modal/modalFooter/index.js";
+import { ModalHeader as i } from "../../modal/modalHeader/index.js";
+/* empty css       */
+import { useEffect as a, useState as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Video as u } from "lucide-react";
+import { useSlate as d } from "slate-react";
+//#region src/components/richText/insertVideo/index.tsx
+function f(f) {
+	let { modalCancelButton: p = "Cancelar", modalConfirmButton: m = "Confirmar", modalInputUrlLabel: h = "URL do vídeo:", modalTitle: g = "Inserir vídeo", invalidUrlMessage: _ = "URL inválida" } = f, v = d(), [y, b] = o(!1), [x, S] = o(""), [C, w] = o(""), [T, E] = o("");
+	function D(e) {
+		if (e.preventDefault(), !x || x === "") return;
+		let t = `https://www.youtube.com/embed/${x}`;
+		v.insertNodes([
+			{
+				type: "paragraph",
+				children: [{ text: "" }]
+			},
+			{
+				type: "video",
+				src: t,
+				children: [{ text: "" }]
+			},
+			{
+				type: "paragraph",
+				children: [{ text: "" }]
+			}
+		]), b(!1);
+	}
+	return a(() => {
+		if (!C || C === "") return;
+		S(""), E("");
+		let e = new URLSearchParams(C.split("?")[1]).get("v");
+		e ? S(e) : E(_);
+	}, [C, _]), a(() => {
+		y || (S(""), w(""), E(""));
+	}, [y]), /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("button", {
+		type: "button",
+		className: "arkynRichTextInsertVideo",
+		onMouseDown: () => b(!0),
+		children: /* @__PURE__ */ c(u, {})
+	}), /* @__PURE__ */ l(n, {
+		isVisible: y,
+		makeInvisible: () => b(!1),
+		children: [
+			/* @__PURE__ */ c(i, { children: g }),
+			/* @__PURE__ */ l("div", {
+				className: "arkynRichTextInsertVideoModalContent",
+				children: [/* @__PURE__ */ c(t, {
+					type: "text",
+					name: "richTextVideoURL",
+					label: h,
+					showAsterisk: !0,
+					defaultValue: C,
+					onChange: (e) => w(e.target.value),
+					errorMessage: T
+				}), x && /* @__PURE__ */ c("iframe", {
+					width: "auto",
+					height: "315",
+					src: `https://www.youtube.com/embed/${x}`,
+					title: "YouTube video player",
+					allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
+					referrerPolicy: "strict-origin-when-cross-origin",
+					allowFullScreen: !0
+				})]
+			}),
+			/* @__PURE__ */ l(r, { children: [/* @__PURE__ */ c(e, {
+				type: "button",
+				scheme: "danger",
+				variant: "outline",
+				onClick: () => b(!1),
+				children: p
+			}), /* @__PURE__ */ c(e, {
+				disabled: !x,
+				type: "button",
+				onClick: D,
+				children: m
+			})] })
+		]
+	})] });
+}
+//#endregion
+export { f as InsertVideo };

package/dist/modules/components/richText/leaf/index.js

@@ -0,0 +1,10 @@
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/richText/leaf/index.tsx
+function t({ attributes: t, children: n, leaf: r }) {
+	return r.bold && (n = /* @__PURE__ */ e("strong", { children: n })), r.code && (n = /* @__PURE__ */ e("code", { children: n })), r.italic && (n = /* @__PURE__ */ e("em", { children: n })), r.underline && (n = /* @__PURE__ */ e("u", { children: n })), /* @__PURE__ */ e("span", {
+		...t,
+		children: n
+	});
+}
+//#endregion
+export { t as Leaf };