@plitzi/sdk-elements 0.37.9 → 0.38.1

package/dist/Element/hooks/useScrollInteractions.mjs

@@ -0,0 +1,58 @@
+import { useEffect as e, useMemo as t } from "react";
+import { toInteractionCallbacks as n } from "@plitzi/sdk-shared/authoring/builder";
+import { SCROLL_CALLBACKS as r } from "@plitzi/sdk-shared/authoring/elementCallbacks";
+import { SCROLL_BEHAVIORS as i, SCROLL_POSITIONS as a, SCROLL_TRIGGER as o, scrollDistance as s, scrollPosition as c, scrollState as l } from "@plitzi/sdk-shared/helpers/scroll";
+//#region src/Element/hooks/useScrollInteractions.ts
+var u = (e) => i.find((t) => t === e) ?? "smooth", d = (e, t) => a.find((t) => t === e) ?? t, f = ({ id: i, label: a, nodeRef: f, interactions: p, previewMode: m, interactionsManager: h }) => {
+	let g = t(() => n(r, {
+		scrollBy: (e) => {
+			let t = f.current;
+			t?.scrollBy({
+				left: s(e.x, t.clientWidth) ?? 0,
+				top: s(e.y, t.clientHeight) ?? 0,
+				behavior: u(e.behavior)
+			});
+		},
+		scrollTo: (e) => {
+			let t = f.current;
+			t && t.scrollTo({
+				left: c(e.x, t.scrollWidth, t.clientWidth) ?? t.scrollLeft,
+				top: c(e.y, t.scrollHeight, t.clientHeight) ?? t.scrollTop,
+				behavior: u(e.behavior)
+			});
+		},
+		scrollIntoView: (e) => {
+			f.current?.scrollIntoView({
+				block: d(e.block, "start"),
+				inline: d(e.inline, "nearest"),
+				behavior: u(e.behavior)
+			});
+		}
+	}, {
+		scrollBy: { title: `Scroll ${a} by` },
+		scrollTo: { title: `Scroll ${a} to` },
+		scrollIntoView: { title: `Scroll to ${a}` }
+	}), [a, f]), _ = t(() => Object.values(p ?? {}).some((e) => e.type === "trigger" && e.action === o && e.enabled), [p]);
+	return e(() => {
+		let e = f.current;
+		if (!m || !_ || !e || typeof window > "u") return;
+		let t = 0, n = () => {
+			t = 0;
+			let n = l(e);
+			h.interactionTrigger(i, o, n);
+		}, r = () => {
+			t === 0 && (t = window.requestAnimationFrame(n));
+		};
+		return e.addEventListener("scroll", r, { passive: !0 }), t = window.requestAnimationFrame(n), () => {
+			e.removeEventListener("scroll", r), window.cancelAnimationFrame(t);
+		};
+	}, [
+		i,
+		h,
+		_,
+		f,
+		m
+	]), g;
+};
+//#endregion
+export { f as default };

package/dist/components/IconField/IconField.d.ts

@@ -0,0 +1,8 @@
+export type IconFieldProps = {
+    icon: string;
+    iconPlacement: 'before' | 'after';
+    onUpdate?: (key: string, value: string) => void;
+};
+/** A button's or a link's `icon`: which one, which side of the words, and none at all. */
+declare const IconField: ({ icon, iconPlacement, onUpdate }: IconFieldProps) => import('react').JSX.Element;
+export default IconField;

package/dist/components/IconField/IconField.mjs

@@ -0,0 +1,41 @@
+import e from "../IconPicker/IconPicker.mjs";
+import { useCallback as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import i from "@plitzi/plitzi-ui/Button";
+import a from "@plitzi/plitzi-ui/Select";
+//#region src/components/IconField/IconField.tsx
+var o = ({ icon: o, iconPlacement: s, onUpdate: c }) => {
+	let l = t((e) => c?.("icon", e), [c]), u = t((e) => c?.("iconPlacement", e), [c]), d = t(() => c?.("icon", ""), [c]);
+	return /* @__PURE__ */ r("div", {
+		className: "flex grow basis-0 flex-col gap-4",
+		children: [/* @__PURE__ */ r("div", {
+			className: "flex items-end gap-2",
+			children: [/* @__PURE__ */ r(a, {
+				value: s,
+				label: "Icon",
+				onChange: u,
+				size: "xs",
+				className: "grow",
+				children: [/* @__PURE__ */ n("option", {
+					value: "before",
+					children: "Before the words"
+				}), /* @__PURE__ */ n("option", {
+					value: "after",
+					children: "After the words"
+				})]
+			}), /* @__PURE__ */ n(i, {
+				size: "xs",
+				intent: "secondary",
+				onClick: d,
+				disabled: !o,
+				title: "No icon",
+				children: /* @__PURE__ */ n(i.Icon, { icon: o || "fa-solid fa-ban" })
+			})]
+		}), /* @__PURE__ */ n(e, {
+			value: o,
+			onChange: l
+		})]
+	});
+};
+//#endregion
+export { o as default };

package/dist/components/IconField/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './IconField';
+export type { IconFieldProps } from './IconField';

package/dist/components/IconField/index.mjs

@@ -0,0 +1,2 @@
+import e from "./IconField.mjs";
+export { e as default };

package/dist/components/IconPicker/IconPicker.d.ts

@@ -0,0 +1,11 @@
+export type IconPickerProps = {
+    /** The Font Awesome classes chosen, `'fas fa-flag'`. */
+    value: string;
+    onChange: (iconClass: string) => void;
+};
+/**
+ * Font Awesome's catalogue, searchable and filtered by style — the one picker every element that draws an icon offers
+ * (a `fontAwesome`, and a button's or a link's `icon`).
+ */
+declare const IconPicker: ({ value, onChange }: IconPickerProps) => import('react').JSX.Element;
+export default IconPicker;

package/dist/components/IconPicker/IconPicker.mjs

@@ -0,0 +1,82 @@
+import { useCallback as e, useEffect as t, useMemo as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import o from "clsx";
+import s from "@plitzi/plitzi-ui/Input";
+import c from "@plitzi/plitzi-ui/Select";
+//#region src/components/IconPicker/IconPicker.tsx
+var l = {
+	brands: "fab",
+	regular: "far",
+	solid: "fas"
+}, u = ({ iconClass: t, title: n, selected: r, onPick: a }) => {
+	let s = e(() => a(t), [t, a]);
+	return /* @__PURE__ */ i("div", {
+		className: o("flex h-6 w-6 cursor-pointer items-center justify-center rounded-md p-1 hover:bg-blue-200 hover:text-white", { "bg-[#339af0] text-white": r }),
+		onClick: s,
+		title: n,
+		children: /* @__PURE__ */ i("i", { className: t })
+	});
+}, d = ({ value: e, onChange: o }) => {
+	let [d, f] = r({}), [p, m] = r(""), [h, g] = r(!1), [_, v] = r("");
+	t(() => {
+		(async () => {
+			g(!0);
+			let e = await fetch("https://raw.githubusercontent.com/FortAwesome/Font-Awesome/6.x/metadata/icons.json");
+			f(await e.json()), g(!1);
+		})();
+	}, []);
+	let y = n(() => Object.entries(d).flatMap(([e, { styles: t, label: n }]) => n.toLowerCase().includes(_.toLowerCase()) ? t.filter((e) => p === "" || e === p).map((t) => ({
+		iconClass: `${l[t] ?? "fa"} fa-${e}`,
+		title: `${n} - [${e}]`
+	})) : []), [
+		d,
+		_,
+		p
+	]);
+	return /* @__PURE__ */ a("div", {
+		className: "flex grow basis-0 flex-col gap-4",
+		children: [
+			/* @__PURE__ */ a(c, {
+				value: p,
+				placeholder: "All",
+				label: "Icon Type",
+				onChange: m,
+				size: "xs",
+				children: [
+					/* @__PURE__ */ i("option", {
+						value: "regular",
+						children: "Regular"
+					}),
+					/* @__PURE__ */ i("option", {
+						value: "solid",
+						children: "Solid"
+					}),
+					/* @__PURE__ */ i("option", {
+						value: "brands",
+						children: "Brands"
+					})
+				]
+			}),
+			/* @__PURE__ */ i(s, {
+				value: _,
+				placeholder: "Search Icon...",
+				onChange: v,
+				size: "xs"
+			}),
+			/* @__PURE__ */ i("div", {
+				className: "flex grow basis-0 flex-col overflow-auto py-2",
+				children: /* @__PURE__ */ a("div", {
+					className: "flex flex-wrap items-center justify-center gap-1",
+					children: [h && /* @__PURE__ */ i("i", { className: "fa-solid fa-sync fa-spin fa-3x" }), !h && y.map((t) => /* @__PURE__ */ i(u, {
+						iconClass: t.iconClass,
+						title: t.title,
+						selected: t.iconClass === e,
+						onPick: o
+					}, t.iconClass))]
+				})
+			})
+		]
+	});
+};
+//#endregion
+export { d as default };

package/dist/components/IconPicker/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './IconPicker';
+export type { IconPickerProps } from './IconPicker';

package/dist/components/IconPicker/index.mjs

@@ -0,0 +1,2 @@
+import e from "./IconPicker.mjs";
+export { e as default };

package/dist/dataSource/GlobalSources.mjs

@@ -1,15 +1,17 @@
-import { use as e, useCallback as t, useMemo as n, useRef as r } from "react";
-import { useCommonStore as i, useCommonStoreSync as a, useRenderSettings as o } from "@plitzi/sdk-shared/store";
-import { get as s } from "@plitzi/plitzi-ui/helpers";
-import { getPathsFromObeject as c } from "@plitzi/sdk-shared/helpers/utils";
-import { evaluateComputed as l, resolveVariables as u } from "@plitzi/sdk-shared/dataSource";
-import d, { SPACE_THEME_AREA as f } from "@plitzi/sdk-shared/theme/useTheme";
+import { use as e, useCallback as t, useEffect as n, useMemo as r, useRef as i } from "react";
+import { useCommonStore as a, useCommonStoreSync as o, useRenderSettings as s } from "@plitzi/sdk-shared/store";
+import { get as ee } from "@plitzi/plitzi-ui/helpers";
+import { flagValues as c, undeclaredFlagOverrides as l } from "@plitzi/sdk-shared/flags";
+import { getPathsFromObeject as u } from "@plitzi/sdk-shared/helpers/utils";
+import { evaluateComputed as d, resolveVariables as te } from "@plitzi/sdk-shared/dataSource";
+import ne, { SPACE_THEME_AREA as f } from "@plitzi/sdk-shared/theme/useTheme";
 import p from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
 import m from "@plitzi/sdk-auth/AuthContext";
-import h from "@plitzi/sdk-shared/hooks/useStableValue";
+import h from "@plitzi/sdk-shared/flags/useFlagResolution";
+import g from "@plitzi/sdk-shared/hooks/useStableValue";
 //#region src/dataSource/GlobalSources.tsx
-var g = ({ children: g }) => {
-	let { environment: _ } = o(), [[v, y, b, x, S, C, w]] = i([
+var _ = ({ children: _ }) => {
+	let { environment: v } = s(), [[y, b, x, S, C, w, T]] = a([
 		"schema.variables",
 		"navigation.routeParams",
 		"navigation.queryParams",
@@ -17,46 +19,46 @@ var g = ({ children: g }) => {
 		"navigation.origin",
 		"navigation.href",
 		"navigation.currentPageId"
-	]), T = h(n(() => u(v, {
-		routeParams: y,
-		queryParams: b,
-		hostname: x,
-		environment: _
+	]), E = g(r(() => te(y, {
+		routeParams: b,
+		queryParams: x,
+		hostname: S,
+		environment: v
 	}), [
-		_,
+		v,
+		S,
 		x,
 		b,
-		y,
-		v
-	])), E = t(() => c(T).map((e) => ({
+		y
+	])), re = t(() => u(E).map((e) => ({
 		path: e,
 		name: `variables.${e}`
-	})), [T]);
+	})), [E]);
 	p({
 		id: "global",
 		source: "variables",
 		name: "Variables",
-		fields: E
-	}), a("runtime.sources.variables", T);
-	let [D = {}] = i("pageDefinitions"), O = n(() => Object.values(D).map((e) => ({
+		fields: re
+	}), o("runtime.sources.variables", E);
+	let [D = {}] = a("pageDefinitions"), O = r(() => Object.values(D).map((e) => ({
 		value: e.id,
-		label: s(e, "attributes.name", e.id)
-	})), [D]), k = n(() => ({
-		routeParams: y,
-		queryParams: b,
-		origin: S,
-		href: C,
-		currentPageId: w
+		label: ee(e, "attributes.name", e.id)
+	})), [D]), k = r(() => ({
+		routeParams: b,
+		queryParams: x,
+		origin: C,
+		href: w,
+		currentPageId: T
 	}), [
-		y,
 		b,
-		S,
+		x,
 		C,
-		w
+		w,
+		T
 	]), A = t(() => {
-		let e = c({
-			routeParams: y,
-			queryParams: b
+		let e = u({
+			routeParams: b,
+			queryParams: x
 		}).map((e) => ({
 			path: e,
 			name: `navigation.${e}`
@@ -82,8 +84,8 @@ var g = ({ children: g }) => {
 			r
 		];
 	}, [
-		y,
 		b,
+		x,
 		O
 	]);
 	p({
@@ -91,94 +93,111 @@ var g = ({ children: g }) => {
 		source: "navigation",
 		name: "Navigation",
 		fields: A
-	}), a("runtime.sources.navigation", k);
-	let { user: j, authenticated: M, state: N } = e(m), [P = "basic"] = i("schema.settings.userProvider"), F = n(() => P === "" ? {} : {
-		isAuthenticated: M,
-		...N === void 0 ? {} : { status: N },
-		accessToken: j?.accessToken ?? "",
+	}), o("runtime.sources.navigation", k);
+	let j = e(m), { user: M, authenticated: N, state: P } = j, [F = "basic"] = a("schema.settings.userProvider"), I = r(() => F === "" ? {} : {
+		isAuthenticated: N,
+		...P === void 0 ? {} : { status: P },
+		accessToken: M?.accessToken ?? "",
 		details: {
 			username: "",
 			email: "",
 			roles: "",
 			permissions: "",
 			verified: "",
-			...j?.details ?? {}
+			...M?.details ?? {}
 		}
 	}, [
-		P,
-		j,
+		F,
 		M,
-		N
-	]), I = t(() => c(F).map((e) => ({
+		N,
+		P
+	]), L = t(() => u(I).map((e) => ({
 		path: e,
 		name: `user.${e}`
-	})), [F]);
+	})), [I]);
 	p({
 		id: "global",
 		source: "auth",
 		name: "Auth State",
-		fields: I
-	}), a("runtime.sources.auth", F);
-	let [L] = i("runtime.state"), R = t(() => c(L).map((e) => ({
+		fields: L
+	}), o("runtime.sources.auth", I);
+	let R = h(j), z = r(() => c(R), [R]), B = t(() => Object.keys(z).map((e) => ({
+		path: e,
+		name: `flags.${e}`,
+		inputType: "checkbox"
+	})), [z]);
+	p({
+		id: "global",
+		source: "flags",
+		name: "Feature Flags",
+		fields: B
+	}), o("runtime.sources.flags", z), o("flags.resolved", R);
+	let [V, H] = a(["schema.flags", "flags.overrides"])[0], U = g(l(V, H ?? {}));
+	n(() => {
+		U.forEach(({ layer: e, name: t }) => console.warn(`[plitzi] The ${e} sets the feature flag "${t}", which this space does not declare: the override is ignored. Declare the flag in the space, or remove the override.`));
+	}, [U]);
+	let [W] = a("runtime.state"), G = t(() => u(W).map((e) => ({
 		path: e,
 		name: `state.${e}`
-	})), [L]);
+	})), [W]);
 	p({
 		id: "global",
 		source: "state",
 		name: "State",
-		fields: R
-	}), a("runtime.sources.state", L);
-	let [z] = i("runtime.host"), B = t(() => c(z).map((e) => ({
+		fields: G
+	}), o("runtime.sources.state", W);
+	let [K] = a("runtime.host"), q = t(() => u(K).map((e) => ({
 		path: e,
 		name: `host.${e}`
-	})), [z]);
+	})), [K]);
 	p({
 		id: "global",
 		source: "host",
 		name: "Host",
-		fields: B
-	}), a("runtime.sources.host", z);
-	let { theme: V, resolvedTheme: H } = d(f), U = n(() => ({
-		mode: V,
-		resolved: H
-	}), [V, H]), W = t(() => c(U).map((e) => ({
+		fields: q
+	}), o("runtime.sources.host", K);
+	let { theme: J, resolvedTheme: Y } = ne(f), X = r(() => ({
+		mode: J,
+		resolved: Y
+	}), [J, Y]), ie = t(() => u(X).map((e) => ({
 		path: e,
 		name: `theme.${e}`
-	})), [U]);
+	})), [X]);
 	p({
 		id: "global",
 		source: "theme",
 		name: "Theme",
-		fields: W
-	}), a("runtime.sources.theme", U);
-	let [G] = i("schema.settings.computed"), K = r(void 0), q = n(() => l(G ?? {}, {
-		variables: T,
+		fields: ie
+	}), o("runtime.sources.theme", X);
+	let [Z] = a("schema.settings.computed"), Q = i(void 0), $ = r(() => d(Z ?? {}, {
+		variables: E,
 		navigation: k,
-		auth: F,
-		state: L ?? {},
-		host: z ?? {},
-		theme: U
-	}, K.current), [
-		G,
-		T,
+		auth: I,
+		state: W ?? {},
+		host: K ?? {},
+		theme: X,
+		flags: z
+	}, Q.current), [
+		Z,
+		E,
 		k,
-		F,
-		L,
-		z,
-		U
+		I,
+		W,
+		K,
+		X,
+		z
 	]);
-	K.current = q;
-	let J = t(() => c(q).map((e) => ({
+	Q.current = $;
+	let ae = t(() => u($).map((e) => ({
 		path: e,
 		name: `computed.${e}`
-	})), [q]);
+	})), [$]);
 	return p({
 		id: "global",
 		source: "computed",
 		name: "Computed",
-		fields: J
-	}), a("runtime.sources.computed", q), g;
+		fields: ae
+	}), o("runtime.sources.computed", $), _;
 };
 //#endregion
-export { g as default };
+export { _ as default };

package/dist/dataSource/useFlag.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Whether one of the space's feature flags is on, for a plugin — the `flags` source an element reads as
+ * `{{ flags.<name> }}`, read without a binding.
+ *
+ * It follows every layer that decides a flag, a tester forcing it included, and renders again when it changes. A
+ * flag the space does not declare is off: a plugin cannot invent one, only ask about the ones the space has.
+ */
+declare const useFlag: (name: string) => boolean;
+export default useFlag;

package/dist/dataSource/useFlag.mjs

@@ -0,0 +1,8 @@
+import { useCommonStore as e } from "@plitzi/sdk-shared/store";
+//#region src/dataSource/useFlag.ts
+var t = (t) => {
+	let [n] = e(`runtime.sources.flags.${t}`);
+	return n === !0;
+};
+//#endregion
+export { t as default };

package/dist/elements/advanced/BlockHtml/declaration.d.ts

@@ -25,7 +25,7 @@ declare const declaration: {
             readonly canSelect: true;
             readonly canDragDrop: true;
             readonly canMove: true;
-            readonly canTemplate: true;
+            readonly canSnippet: true;
             readonly itemsAllowed: readonly [];
             readonly itemsNotAllowed: readonly [];
         };

package/dist/elements/advanced/BlockHtml/declaration.mjs

@@ -17,7 +17,7 @@ var t = e()({
 			canSelect: !0,
 			canDragDrop: !0,
 			canMove: !0,
-			canTemplate: !0,
+			canSnippet: !0,
 			itemsAllowed: [],
 			itemsNotAllowed: []
 		},

package/dist/elements/advanced/BlockHtml/index.d.ts

@@ -24,7 +24,7 @@ declare const BlockHtml: {
             readonly canSelect: true;
             readonly canDragDrop: true;
             readonly canMove: true;
-            readonly canTemplate: true;
+            readonly canSnippet: true;
             readonly itemsAllowed: readonly [];
             readonly itemsNotAllowed: readonly [];
         };

package/dist/elements/advanced/BlockJsx/Settings.mjs

@@ -36,8 +36,9 @@ var m = ({ content: m = "", props: h = "{}", onUpdate: g }) => {
 			className: "flex flex-col py-2",
 			children: [
 				x && /* @__PURE__ */ o(f, {
-					className: "mb-4 text-white",
+					className: "mb-4",
 					intent: "error",
+					size: "sm",
 					children: /* @__PURE__ */ s("div", {
 						className: "flex flex-col text-xs",
 						children: [/* @__PURE__ */ o("div", {

package/dist/elements/advanced/BlockJsx/declaration.d.ts

@@ -31,7 +31,7 @@ declare const declaration: {
             readonly canSelect: true;
             readonly canDragDrop: true;
             readonly canMove: true;
-            readonly canTemplate: true;
+            readonly canSnippet: true;
             readonly itemsAllowed: readonly [];
             readonly itemsNotAllowed: readonly [];
         };

package/dist/elements/advanced/BlockJsx/declaration.mjs

@@ -22,7 +22,7 @@ var t = e()({
 			canSelect: !0,
 			canDragDrop: !0,
 			canMove: !0,
-			canTemplate: !0,
+			canSnippet: !0,
 			itemsAllowed: [],
 			itemsNotAllowed: []
 		},

package/dist/elements/advanced/BlockJsx/index.d.ts

@@ -27,7 +27,7 @@ declare const BlockJsx: {
             readonly canSelect: true;
             readonly canDragDrop: true;
             readonly canMove: true;
-            readonly canTemplate: true;
+            readonly canSnippet: true;
             readonly itemsAllowed: readonly [];
             readonly itemsNotAllowed: readonly [];
         };

package/dist/elements/advanced/Custom/declaration.d.ts

@@ -33,7 +33,7 @@ declare const declaration: {
             readonly canSelect: true;
             readonly canDragDrop: true;
             readonly canMove: true;
-            readonly canTemplate: true;
+            readonly canSnippet: true;
             readonly itemsAllowed: readonly [];
             readonly itemsNotAllowed: readonly [];
         };

package/dist/elements/advanced/Custom/declaration.mjs

@@ -23,7 +23,7 @@ var t = e()({
 			canSelect: !0,
 			canDragDrop: !0,
 			canMove: !0,
-			canTemplate: !0,
+			canSnippet: !0,
 			itemsAllowed: [],
 			itemsNotAllowed: []
 		},

package/dist/elements/advanced/Custom/index.d.ts

@@ -28,7 +28,7 @@ declare const Custom: {
             readonly canSelect: true;
             readonly canDragDrop: true;
             readonly canMove: true;
-            readonly canTemplate: true;
+            readonly canSnippet: true;
             readonly itemsAllowed: readonly [];
             readonly itemsNotAllowed: readonly [];
         };

package/dist/elements/advanced/NodeHtml/declaration.d.ts

@@ -33,7 +33,7 @@ declare const declaration: {
             readonly canSelect: true;
             readonly canDragDrop: true;
             readonly canMove: true;
-            readonly canTemplate: true;
+            readonly canSnippet: true;
             readonly itemsAllowed: readonly [];
             readonly itemsNotAllowed: readonly [];
         };
@@ -76,6 +76,8 @@ declare const declaration: {
     slot?: string | undefined | undefined;
     title?: string | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
+    hidden?: boolean | undefined | undefined;
+    onScroll?: import('react').UIEventHandler<"span"> | undefined;
     onLoad?: import('react').ReactEventHandler<"span"> | undefined;
     onClick?: import('react').MouseEventHandler<"span"> | undefined;
     onPointerDown?: import('react').PointerEventHandler<"span"> | undefined;
@@ -284,7 +286,6 @@ declare const declaration: {
     onGotPointerCaptureCapture?: import('react').PointerEventHandler<"span"> | undefined;
     onLostPointerCapture?: import('react').PointerEventHandler<"span"> | undefined;
     onLostPointerCaptureCapture?: import('react').PointerEventHandler<"span"> | undefined;
-    onScroll?: import('react').UIEventHandler<"span"> | undefined;
     onScrollCapture?: import('react').UIEventHandler<"span"> | undefined;
     onScrollEnd?: import('react').UIEventHandler<"span"> | undefined;
     onScrollEndCapture?: import('react').UIEventHandler<"span"> | undefined;
@@ -316,7 +317,6 @@ declare const declaration: {
     dir?: string | undefined | undefined;
     draggable?: (boolean | "false" | "true") | undefined;
     enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    hidden?: boolean | undefined | undefined;
     spellCheck?: (boolean | "false" | "true") | undefined;
     translate?: "yes" | "no" | undefined | undefined;
     radioGroup?: string | undefined | undefined;

package/dist/elements/advanced/NodeHtml/declaration.mjs

@@ -18,7 +18,7 @@ var t = e()({
 			canSelect: !0,
 			canDragDrop: !0,
 			canMove: !0,
-			canTemplate: !0,
+			canSnippet: !0,
 			itemsAllowed: [],
 			itemsNotAllowed: []
 		},