@plitzi/sdk-elements 0.37.8 → 0.37.10

package/dist/elements/advanced/Reference/Reference.mjs

@@ -1,147 +1,137 @@
-import e from "../../../Element/LayoutBody.mjs";
-import t from "../../../Element/hocs/withElement.mjs";
-import n from "../../../Element/hooks/useElement.mjs";
-import { RootElement as r } from "../../../Element/RootElement.mjs";
-import i from "../../../Element/PluginManager.mjs";
-import { use as a, useCallback as o, useEffect as s, useMemo as c, useRef as l, useState as u } from "react";
-import d from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
-import { useCommonStore as f } from "@plitzi/sdk-shared/store";
-import { get as p } from "@plitzi/plitzi-ui/helpers";
-import { StoreProvider as m } from "@plitzi/nexus/react";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import _ from "clsx";
+import { isVisible as e } from "../../../Element/helpers/isVisible.mjs";
+import t from "../../../Element/LayoutBody.mjs";
+import n from "../../../Element/hooks/useInternalItems.mjs";
+import r from "../../../Element/hocs/withElement.mjs";
+import i from "../../../Element/hooks/useElement.mjs";
+import { RootElement as a } from "../../../Element/RootElement.mjs";
+import o from "../../../Element/PluginManager.mjs";
+import s from "../../../Element/ReplicaProvider.mjs";
+import { useId as c, useMemo as l } from "react";
+import u from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
+import { useCommonStore as d } from "@plitzi/sdk-shared/store";
+import { COMPONENT_PROPS_SOURCE as f } from "@plitzi/sdk-shared/schema/schemaConstants";
+import { StoreProvider as p } from "@plitzi/nexus/react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import g from "clsx";
+import { HIDDEN_CLASS as _ } from "@plitzi/sdk-shared/style/styleStates";
 //#region src/elements/advanced/Reference/Reference.tsx
-var v = ({ ref: t, children: v, className: y = "", referenceType: b = "element", referenceId: x = "", referenceContainer: S = "" }) => {
-	let { id: C, definition: { rootId: w, styleSelectors: T } } = n(), { settings: { previewMode: E, environment: D }, contexts: { SegmentsContext: O } } = d(), [[k, A]] = f(["schema", "segments"]), { segmentGet: j } = a(O), M = l(k);
-	M.current = k;
-	let N = l(A);
-	N.current = A;
-	let P = o((e, t) => {
-		let n, r;
-		switch (t) {
-			case "segment": {
-				let t = p(N.current, e);
-				if (!t) return;
-				let i = p(t, "definition.baseElementId");
-				r = p(t, "schema"), n = p(t, `schema.flat.${i}`);
-				break;
-			}
-			default: n = p(M.current, `flat.${e}`), r = M.current;
-		}
-		if (n) return {
-			element: n,
-			elementType: p(n, "definition.type"),
-			referenceContextData: {
-				schema: r,
-				prevSchema: M.current
-			}
-		};
-	}, []), [F, I] = u(P(x, b)), L = o(async (e, t) => {
-		let n = P(e, t);
-		if (n) {
-			I(n);
-			return;
-		}
-		let r, i;
-		switch (t) {
-			case "segment": {
-				let t;
-				if (e && (t = await j(e)), !t) return;
-				let n = p(t, "definition.baseElementId");
-				i = p(t, "schema"), r = p(t, `schema.flat.${n}`);
-				break;
-			}
-			default: r = p(M.current, `flat.${e}`), i = M.current;
-		}
-		if (!r) {
-			I(void 0);
-			return;
+var v = (e, t) => Object.fromEntries(Object.entries(e.props ?? {}).map(([e, n]) => [e, t[e] ?? n.default ?? null])), y = (t, n) => g(t, { [_]: !e(n.visibility) }), b = ({ instance: e, instanceId: t, items: r, plitziElementLayout: i, previewMode: a }) => {
+	let o = l(() => ({
+		...e,
+		items: r
+	}), [e, r]);
+	return n({
+		id: t,
+		definition: o,
+		plitziElementLayout: i,
+		children: void 0,
+		previewMode: a
+	});
+}, x = ({ ref: e, className: n, componentId: r, previewMode: u }) => {
+	let { id: _, attributes: x, definition: S, plitziElementLayout: C, elementState: w, definition: { styleSelectors: T } } = i(), [E] = d("schema.components"), D = l(() => S.items ?? [], [S.items]), O = l(() => D.map((e) => `schema.flat.${e}.attributes.slot`), [D]), [k] = d(O), A = c(), j = Object.hasOwn(E, r) ? E[r] : void 0, M = l(() => j ? {
+		schema: { flat: j.flat },
+		runtime: { sources: { [f]: v(j, x) } }
+	} : {}, [j, x]), N = l(() => ({
+		slots: j?.slots ?? [],
+		rootId: _,
+		type: "component"
+	}), [j?.slots, _]), P = l(() => {
+		let e = j?.slots ?? [], t = {};
+		for (let n of e) {
+			let r = D.filter((t, r) => {
+				let i = k[r];
+				return (typeof i == "string" ? i : e[0]) === n;
+			});
+			t[n] = /* @__PURE__ */ m(b, {
+				instance: S,
+				instanceId: _,
+				items: r,
+				plitziElementLayout: C,
+				previewMode: u
+			});
 		}
-		I({
-			element: r,
-			elementType: p(r, "definition.type"),
-			referenceContextData: {
-				schema: i,
-				prevSchema: M.current
-			}
-		});
-	}, [P, j]);
-	s(() => {
-		L(x, b);
+		return t;
 	}, [
-		L,
-		x,
-		b
-	]);
-	let R = c(() => ({
-		containerId: S,
-		type: b,
-		rootId: C
-	}), [
+		j?.slots,
+		D,
+		k,
 		S,
-		b,
-		C
-	]), z = c(() => ({
-		id: F?.element?.id ?? "",
-		rootId: w,
-		className: T.base
+		_,
+		C,
+		u
+	]), F = y(T.base, w), I = l(() => ({
+		id: j?.rootId ?? "",
+		rootId: _,
+		className: F
 	}), [
-		F?.element?.id,
-		w,
-		T.base
-	]);
-	if (!F) return /* @__PURE__ */ h(r, {
-		ref: t,
-		className: _("plitzi-component__reference", y, { "reference--build-mode": !E }),
-		children: !E && /* @__PURE__ */ g("div", {
-			className: "reference__label",
-			children: ["Element Reference ", /* @__PURE__ */ h("b", {
-				className: "capitalize",
-				children: b
-			})]
+		j?.rootId,
+		_,
+		F
+	]), L = j ? j.flat[j.rootId] : void 0, R = L && /* @__PURE__ */ m(s, { children: /* @__PURE__ */ m(p, {
+		inherit: "live",
+		name: `Component:${r}:${_}`,
+		segment: A,
+		value: M,
+		children: /* @__PURE__ */ m(t, {
+			bodies: P,
+			children: /* @__PURE__ */ m(o, {
+				type: L.definition.type,
+				internalProps: I,
+				plitziElementLayout: N
+			}, `${_}_${r}`)
 		})
+	}) });
+	return u && R ? R : /* @__PURE__ */ h(a, {
+		ref: e,
+		className: g("plitzi-component__reference", n, { "reference--build-mode": !u }),
+		children: [R, !u && !L && /* @__PURE__ */ h("div", {
+			className: "reference__label",
+			children: [
+				"Component ",
+				r,
+				" not found"
+			]
+		})]
 	});
-	let { element: B, elementType: V, referenceContextData: H } = F;
-	return E && B && b === "element" ? /* @__PURE__ */ h(m, {
-		name: `Reference:${C}`,
-		value: H,
-		children: /* @__PURE__ */ h(e, {
-			body: v,
-			children: /* @__PURE__ */ h(i, {
-				type: V,
-				internalProps: z,
-				plitziElementLayout: R
-			}, `${C}_${x}`)
-		})
-	}) : /* @__PURE__ */ g(r, {
-		ref: t,
-		className: _("plitzi-component__reference", y, { "reference--build-mode": !E }),
-		children: [
-			/* @__PURE__ */ h(m, {
-				name: `Reference:${C}`,
-				value: H,
-				children: B && /* @__PURE__ */ h(e, {
-					body: v,
-					children: /* @__PURE__ */ h(i, {
-						type: V,
-						internalProps: z,
-						plitziElementLayout: R
-					}, `${C}_${x}`)
-				})
-			}),
-			!E && !B && /* @__PURE__ */ g("div", {
-				className: "reference__label",
-				children: ["Element Reference ", b]
-			}),
-			E && !B && b === "segment" && /* @__PURE__ */ g("div", { children: [
-				"Segment ",
-				/* @__PURE__ */ h("b", { children: x }),
-				" not found, publish to ",
-				/* @__PURE__ */ h("b", { children: D }),
-				" environment"
-			] })
-		]
+}, S = ({ ref: e, className: t, referenceId: n, previewMode: r }) => {
+	let { id: u, elementState: f, definition: { rootId: _, styleSelectors: v } } = i(), [b] = d(`schema.flat.${n}`), x = b, S = c(), C = y(v.base, f), w = l(() => ({
+		id: x?.id ?? "",
+		rootId: _,
+		className: C
+	}), [
+		x?.id,
+		_,
+		C
+	]), T = x && /* @__PURE__ */ m(s, { children: /* @__PURE__ */ m(p, {
+		inherit: "live",
+		name: `Reference:${u}`,
+		segment: S,
+		children: /* @__PURE__ */ m(o, {
+			type: x.definition.type,
+			internalProps: w
+		}, `${u}_${n}`)
+	}) });
+	return r && T ? T : /* @__PURE__ */ h(a, {
+		ref: e,
+		className: g("plitzi-component__reference", t, { "reference--build-mode": !r }),
+		children: [T, !r && !x && /* @__PURE__ */ m("div", {
+			className: "reference__label",
+			children: "Element Reference"
+		})]
+	});
+}, C = ({ ref: e, className: t = "", referenceType: n = "element", referenceId: r = "" }) => {
+	let { settings: { previewMode: i = !0 } } = u();
+	return n === "component" ? /* @__PURE__ */ m(x, {
+		ref: e,
+		className: t,
+		componentId: r,
+		previewMode: i
+	}) : /* @__PURE__ */ m(S, {
+		ref: e,
+		className: t,
+		referenceId: r,
+		previewMode: i
 	});
-}, y = t(v);
+}, w = r(C);
 //#endregion
-export { v as Reference, y as default };
+export { C as Reference, w as default };

package/dist/elements/advanced/Reference/Settings.d.ts

@@ -1,8 +1,9 @@
 type SettingsProps = {
-    referenceType?: 'element' | 'segment' | '';
+    referenceType?: 'element' | 'component';
     referenceId?: string;
-    referenceContainer?: string;
-    onUpdate?: (key: string, value: string | number | boolean) => void;
+    onUpdate?: (key: string, value: string | number | boolean | object) => void;
+    /** An instance's props arrive here as the attributes they are. */
+    [prop: string]: unknown;
 };
-declare const Settings: ({ referenceType, referenceId, referenceContainer, onUpdate }: SettingsProps) => import('react').JSX.Element;
+declare const Settings: ({ referenceType, referenceId, onUpdate, ...values }: SettingsProps) => import('react').JSX.Element;
 export default Settings;

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

@@ -1,96 +1,57 @@
-import { use as e, useCallback as t, useMemo as n } from "react";
-import r from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
-import { useCommonStore as i } from "@plitzi/sdk-shared/store";
-import { get as a } from "@plitzi/plitzi-ui/helpers";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import c from "@plitzi/plitzi-ui/Select2";
+import e from "./PropField.mjs";
+import { useCallback as t, useMemo as n } from "react";
+import { useCommonStore as r } from "@plitzi/sdk-shared/store";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import o from "@plitzi/plitzi-ui/Select2";
 //#region src/elements/advanced/Reference/Settings.tsx
-var l = ({ referenceType: l = "element", referenceId: u = "", referenceContainer: d = "", onUpdate: f }) => {
-	let { contexts: { SegmentsContext: p } } = r(), [[m, h]] = i(["schema", "segments"]), { segmentGet: g, segmentsFetch: _ } = e(p), v = t((e) => {
-		f?.("referenceType", e?.value ?? ""), f?.("referenceId", ""), f?.("referenceContainer", "");
-	}, [f]), y = t((e) => {
-		f?.("referenceId", e?.value ?? ""), f?.("referenceContainer", ""), e?.value && l === "segment" && g(e.value);
-	}, [
-		f,
-		l,
-		g
-	]), b = t((e) => f?.("referenceContainer", e?.value ?? ""), [f]), x = n(() => [{
-		value: "element",
-		label: "Element"
-	}, {
-		value: "segment",
-		label: "Segment"
-	}], []), S = n(() => {
-		switch (l) {
-			case "segment": return a(h, `${u}.schema`, void 0);
-			default: return m;
-		}
-	}, [
-		l,
-		h,
-		u,
-		m
-	]), C = n(() => {
-		switch (l) {
-			case "element": return Object.values(S.flat).reduce((e, t) => [...e, {
-				value: t.id,
-				label: a(t, "definition.label")
-			}], []);
-			case "segment": return new Promise((e) => {
-				_().then((t) => {
-					e(a(t, "edges", []).map((e) => ({
-						value: e.identifier,
-						label: a(e, "definition.name", e.id)
-					})));
-				});
-			});
-			default: return [];
-		}
-	}, [
-		S,
-		l,
-		_
-	]), w = n(() => {
-		if (!u) return [];
-		switch (l) {
-			case "segment": {
-				let e = a(h, u), t = a(e, "definition.baseElementId");
-				return S?.flat ? Object.values(S.flat).filter((e) => a(e, "definition.type", "") === "container" && a(e, "definition.rootId", "") === t && Array.isArray(a(e, "definition.items")) && a(e, "definition.items", []).length === 0).map((e) => ({
-					value: e.id,
-					label: a(e, "definition.label")
-				})) : [];
-			}
-			default: return [];
-		}
-	}, [
-		u,
-		l,
-		h,
-		S?.flat
-	]);
-	return /* @__PURE__ */ s("div", {
-		className: "flex h-full flex-col py-2",
+var s = [{
+	value: "element",
+	label: "Element"
+}, {
+	value: "component",
+	label: "Component"
+}], c = ({ component: t, values: n, onUpdate: r }) => /* @__PURE__ */ i("div", {
+	className: "flex flex-col gap-2",
+	children: Object.entries(t.props ?? {}).map(([t, a]) => /* @__PURE__ */ i(e, {
+		name: t,
+		prop: a,
+		value: n[t],
+		onUpdate: r
+	}, t))
+}), l = ({ referenceType: e = "element", referenceId: l = "", onUpdate: u, ...d }) => {
+	let [[f, p]] = r(["schema.flat", "schema.components"]), m = t((e) => {
+		u?.("referenceType", e?.value ?? "element"), u?.("referenceId", "");
+	}, [u]), h = t((e) => u?.("referenceId", e?.value ?? ""), [u]), g = n(() => e === "component" ? Object.values(p).map((e) => ({
+		value: e.id,
+		label: e.label ?? e.id
+	})) : Object.values(f).map((e) => ({
+		value: e.id,
+		label: e.definition.label
+	})), [
+		e,
+		p,
+		f
+	]), _ = e === "component" && Object.hasOwn(p, l) ? p[l] : void 0;
+	return /* @__PURE__ */ a("div", {
+		className: "flex h-full flex-col gap-2 py-2",
 		children: [
-			/* @__PURE__ */ o(c, {
-				value: l,
-				onChange: v,
-				placeholder: "Search...",
+			/* @__PURE__ */ i(o, {
+				value: e,
 				label: "Reference Type",
-				options: x
+				onChange: m,
+				options: s
 			}),
-			/* @__PURE__ */ o(c, {
-				value: u,
-				label: "Reference ID",
-				onChange: y,
+			/* @__PURE__ */ i(o, {
+				value: l,
+				label: e === "component" ? "Component" : "Element",
+				onChange: h,
 				placeholder: "Search...",
-				options: C
+				options: g
 			}),
-			l === "segment" && /* @__PURE__ */ o(c, {
-				value: d,
-				label: "Reference Container",
-				placeholder: "None",
-				onChange: b,
-				options: w
+			_ && /* @__PURE__ */ i(c, {
+				component: _,
+				values: d,
+				onUpdate: u
 			})
 		]
 	});

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

@@ -8,12 +8,11 @@ declare const declaration: {
         readonly attributes: {
             readonly referenceType: "element";
             readonly referenceId: "";
-            readonly referenceContainer: "";
         };
         readonly definition: {
             readonly label: "Reference";
             readonly type: "reference";
-            readonly description: "Reuses another element or template by id, rendering it in place.";
+            readonly description: "Places one of the components of the space, or renders another of its elements by id, in place.";
             readonly items: readonly [];
             readonly bindings: {};
             readonly styleSelectors: {
@@ -28,7 +27,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 [];
         };
@@ -53,8 +52,7 @@ declare const declaration: {
         readonly settings: {};
     };
 } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
-    referenceType: import('@plitzi/sdk-shared').ElementLayoutType;
     referenceId: string;
-    referenceContainer: string;
+    referenceType: "element" | "component";
 }>>;
 export default declaration;

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

@@ -5,13 +5,12 @@ var t = e()({
 	content: {
 		attributes: {
 			referenceType: "element",
-			referenceId: "",
-			referenceContainer: ""
+			referenceId: ""
 		},
 		definition: {
 			label: "Reference",
 			type: "reference",
-			description: "Reuses another element or template by id, rendering it in place.",
+			description: "Places one of the components of the space, or renders another of its elements by id, in place.",
 			items: [],
 			bindings: {},
 			styleSelectors: { base: "" },
@@ -22,7 +21,7 @@ var t = e()({
 			canSelect: !0,
 			canDragDrop: !0,
 			canMove: !0,
-			canTemplate: !0,
+			canSnippet: !0,
 			itemsAllowed: [],
 			itemsNotAllowed: []
 		},

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

@@ -7,12 +7,11 @@ declare const Reference: {
         readonly attributes: {
             readonly referenceType: "element";
             readonly referenceId: "";
-            readonly referenceContainer: "";
         };
         readonly definition: {
             readonly label: "Reference";
             readonly type: "reference";
-            readonly description: "Reuses another element or template by id, rendering it in place.";
+            readonly description: "Places one of the components of the space, or renders another of its elements by id, in place.";
             readonly items: readonly [];
             readonly bindings: {};
             readonly styleSelectors: {
@@ -27,7 +26,7 @@ declare const Reference: {
             readonly canSelect: true;
             readonly canDragDrop: true;
             readonly canMove: true;
-            readonly canTemplate: true;
+            readonly canSnippet: true;
             readonly itemsAllowed: readonly [];
             readonly itemsNotAllowed: readonly [];
         };
@@ -52,8 +51,7 @@ declare const Reference: {
         readonly settings: {};
     };
 } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
-    referenceType: import('@plitzi/sdk-shared').ElementLayoutType;
     referenceId: string;
-    referenceContainer: string;
+    referenceType: "element" | "component";
 }>>;
 export default Reference;

package/dist/elements/basic/Button/Button.d.ts

@@ -1,3 +1,4 @@
+import { IconPlacement } from '../../../Element/ElementWords';
 import { ReactNode, RefObject } from 'react';
 export type ButtonProps = {
     ref?: RefObject<HTMLElement>;
@@ -5,6 +6,13 @@ export type ButtonProps = {
     children?: ReactNode;
     contentPlacement?: 'before' | 'after';
     content?: string;
+    /**
+     * An icon beside the words, as Font Awesome classes — `'fa-solid fa-arrow-right'` — instead of a `fontAwesome`
+     * element inside. Decoration: the words (or `title`/`label`) name it. Its `icon` slot styles it.
+     */
+    icon?: string;
+    /** Which side of the words the icon sits on. */
+    iconPlacement?: IconPlacement;
     subType?: 'button' | 'submit' | 'reset';
     disabled?: boolean;
     /**
@@ -32,7 +40,7 @@ export type ButtonProps = {
      */
     label?: string;
 };
-declare const Button: ({ ref, className, children, contentPlacement, content, subType, disabled, ariaExpanded, ariaPressed, title, label }: ButtonProps) => import('react').JSX.Element;
+declare const Button: ({ ref, className, children, contentPlacement, content, icon, iconPlacement, subType, disabled, ariaExpanded, ariaPressed, title, label }: ButtonProps) => import('react').JSX.Element;
 declare const _default: {
     (props: import('../../../Element/hocs/withElement').WithElementProps<ButtonProps>): import('react').JSX.Element;
     displayName: string;

package/dist/elements/basic/Button/Button.mjs

@@ -1,27 +1,39 @@
 import e from "../../../Element/hocs/withElement.mjs";
-import { RootElement as t } from "../../../Element/RootElement.mjs";
-import n from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
-import { jsxs as r } from "react/jsx-runtime";
-import i from "clsx";
+import t from "../../../Element/hooks/useElement.mjs";
+import { RootElement as n } from "../../../Element/RootElement.mjs";
+import r from "../../../Element/ElementWords.mjs";
+import i from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import s from "clsx";
 //#region src/elements/basic/Button/Button.tsx
-var a = ({ ref: e, className: a = "", children: o, contentPlacement: s = "after", content: c = "Button", subType: l = "button", disabled: u = !1, ariaExpanded: d, ariaPressed: f, title: p, label: m }) => {
-	let { settings: { previewMode: h } } = n();
-	return /* @__PURE__ */ r(t, {
+var c = ({ ref: e, className: c = "", children: l, contentPlacement: u = "after", content: d = "Button", icon: f = "", iconPlacement: p = "before", subType: m = "button", disabled: h = !1, ariaExpanded: g, ariaPressed: _, title: v, label: y }) => {
+	let { settings: { previewMode: b } } = i(), { definition: { styleSelectors: x } } = t();
+	return /* @__PURE__ */ o(n, {
 		ref: e,
 		tag: "button",
-		type: h ? l : "button",
-		className: i("plitzi-component__button", a, { "container--empty--skip": !h && !o && c }),
-		disabled: u,
-		title: p || void 0,
-		"aria-label": m || void 0,
-		"aria-expanded": d,
-		"aria-pressed": f,
+		type: b ? m : "button",
+		className: s("plitzi-component__button", c, { "container--empty--skip": !b && !l && (d || f) }),
+		disabled: h,
+		title: v || void 0,
+		"aria-label": y || void 0,
+		"aria-expanded": g,
+		"aria-pressed": _,
 		children: [
-			s === "before" && c,
-			o,
-			s === "after" && c
+			u === "before" && /* @__PURE__ */ a(r, {
+				content: d,
+				icon: f,
+				iconPlacement: p,
+				iconClassName: x.icon
+			}),
+			l,
+			u === "after" && /* @__PURE__ */ a(r, {
+				content: d,
+				icon: f,
+				iconPlacement: p,
+				iconClassName: x.icon
+			})
 		]
 	});
-}, o = e(a);
+}, l = e(c);
 //#endregion
-export { a as Button, o as default };
+export { c as Button, l as default };

package/dist/elements/basic/Button/Settings.d.ts

@@ -1,11 +1,13 @@
 type SettingsProps = {
     content?: string;
     contentPlacement?: 'before' | 'after' | 'elements';
+    icon?: string;
+    iconPlacement?: 'before' | 'after';
     subType?: 'button' | 'reset' | 'submit';
     disabled?: boolean;
     title?: string;
     label?: string;
     onUpdate?: (key: string, value: string | number | boolean) => void;
 };
-declare const Settings: ({ content, contentPlacement, subType, disabled, title, label, onUpdate }: SettingsProps) => import('react').JSX.Element;
+declare const Settings: ({ content, contentPlacement, icon, iconPlacement, subType, disabled, title, label, onUpdate }: SettingsProps) => import('react').JSX.Element;
 export default Settings;