@plitzi/sdk-elements 0.37.2 → 0.37.4

package/dist/elements/basic/Heading/declaration.mjs

@@ -1,7 +1,15 @@
-import { elementDeclaration as e } from "@plitzi/sdk-shared/authoring/declare";
+import { elementDeclaration as e, valuesOf as t } from "@plitzi/sdk-shared/authoring/declare";
 //#region src/elements/basic/Heading/declaration.ts
-var t = e()({
+var n = e()({
 	type: "heading",
+	attributeValues: { subType: t()([
+		"h1",
+		"h2",
+		"h3",
+		"h4",
+		"h5",
+		"h6"
+	]) },
 	content: {
 		attributes: {
 			content: "Heading",
@@ -46,7 +54,7 @@ var t = e()({
 						"margin-bottom": "25px",
 						"font-size": "38px",
 						"font-weight": 700,
-						"line-height": "44px"
+						"line-height": "1.158"
 					} } }
 				},
 				h2: {
@@ -57,7 +65,7 @@ var t = e()({
 						"margin-bottom": "25px",
 						"font-size": "32px",
 						"font-weight": 700,
-						"line-height": "36px"
+						"line-height": "1.125"
 					} } }
 				},
 				h3: {
@@ -68,7 +76,7 @@ var t = e()({
 						"margin-bottom": "25px",
 						"font-size": "24px",
 						"font-weight": 700,
-						"line-height": "30px"
+						"line-height": "1.25"
 					} } }
 				},
 				h4: {
@@ -79,7 +87,7 @@ var t = e()({
 						"margin-bottom": "25px",
 						"font-size": "18px",
 						"font-weight": 700,
-						"line-height": "24px"
+						"line-height": "1.333"
 					} } }
 				},
 				h5: {
@@ -90,7 +98,7 @@ var t = e()({
 						"margin-bottom": "25px",
 						"font-size": "14px",
 						"font-weight": 700,
-						"line-height": "20px"
+						"line-height": "1.429"
 					} } }
 				},
 				h6: {
@@ -101,7 +109,7 @@ var t = e()({
 						"margin-bottom": "25px",
 						"font-size": "12px",
 						"font-weight": 700,
-						"line-height": "18px"
+						"line-height": "1.5"
 					} } }
 				}
 			}
@@ -110,4 +118,4 @@ var t = e()({
 	}
 });
 //#endregion
-export { t as default };
+export { n as default };

package/dist/elements/basic/Heading/index.d.ts

@@ -3,6 +3,9 @@ declare const Heading: {
     displayName: string;
 } & {
     readonly type: "heading";
+    readonly attributeValues: {
+        readonly subType: readonly string[];
+    };
     readonly content: {
         readonly attributes: {
             readonly content: "Heading";
@@ -57,7 +60,7 @@ declare const Heading: {
                                 readonly 'margin-bottom': "25px";
                                 readonly 'font-size': "38px";
                                 readonly 'font-weight': 700;
-                                readonly 'line-height': "44px";
+                                readonly 'line-height': "1.158";
                             };
                         };
                     };
@@ -72,7 +75,7 @@ declare const Heading: {
                                 readonly 'margin-bottom': "25px";
                                 readonly 'font-size': "32px";
                                 readonly 'font-weight': 700;
-                                readonly 'line-height': "36px";
+                                readonly 'line-height': "1.125";
                             };
                         };
                     };
@@ -87,7 +90,7 @@ declare const Heading: {
                                 readonly 'margin-bottom': "25px";
                                 readonly 'font-size': "24px";
                                 readonly 'font-weight': 700;
-                                readonly 'line-height': "30px";
+                                readonly 'line-height': "1.25";
                             };
                         };
                     };
@@ -102,7 +105,7 @@ declare const Heading: {
                                 readonly 'margin-bottom': "25px";
                                 readonly 'font-size': "18px";
                                 readonly 'font-weight': 700;
-                                readonly 'line-height': "24px";
+                                readonly 'line-height': "1.333";
                             };
                         };
                     };
@@ -117,7 +120,7 @@ declare const Heading: {
                                 readonly 'margin-bottom': "25px";
                                 readonly 'font-size': "14px";
                                 readonly 'font-weight': 700;
-                                readonly 'line-height': "20px";
+                                readonly 'line-height': "1.429";
                             };
                         };
                     };
@@ -132,7 +135,7 @@ declare const Heading: {
                                 readonly 'margin-bottom': "25px";
                                 readonly 'font-size': "12px";
                                 readonly 'font-weight': 700;
-                                readonly 'line-height': "18px";
+                                readonly 'line-height': "1.5";
                             };
                         };
                     };

package/dist/elements/basic/Link/Link.mjs

@@ -38,7 +38,10 @@ var u = ({ ref: e, children: u, className: d = "", href: f = "#", target: p = "s
 		x,
 		b
 	]), w = (e) => {
-		_ && (e.stopPropagation(), (m === "page" || m === "internal") && (e.preventDefault(), S(C)));
+		if (!_) return;
+		e.stopPropagation();
+		let t = p !== "self" || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey || e.button !== 0;
+		(m === "page" || m === "internal") && !t && (e.preventDefault(), S(C));
 	}, T = r(() => {
 		let t = {
 			ref: e,

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

@@ -2,7 +2,8 @@ type SettingsProps = {
     mode?: 'page' | 'internal' | 'external';
     href?: string;
     target?: 'blank' | 'self' | 'parent' | 'top';
+    label?: string;
     onUpdate?: (key: string, value: string | boolean | number) => void;
 };
-declare const Settings: ({ mode, href, target, onUpdate }: SettingsProps) => import('react').JSX.Element;
+declare const Settings: ({ mode, href, target, label, onUpdate }: SettingsProps) => import('react').JSX.Element;
 export default Settings;

package/dist/elements/basic/Link/Settings.mjs

@@ -7,13 +7,13 @@ import { getPageFullPath as u } from "@plitzi/sdk-navigation/NavigationHelper";
 import d from "@plitzi/plitzi-ui/Input";
 import f from "@plitzi/plitzi-ui/Select";
 //#region src/elements/basic/Link/Settings.tsx
-var p = ({ mode: p = "page", href: m = "#", target: h = "self", onUpdate: g }) => {
-	let { contexts: { NetworkContext: _ } } = i(), [[v, y, b]] = a([
+var p = ({ mode: p = "page", href: m = "#", target: h = "self", label: g = "", onUpdate: _ }) => {
+	let { contexts: { NetworkContext: v } } = i(), [[y, b, x]] = a([
 		"schema.flat",
 		"schema.pages",
 		"schema.pageFolders"
-	]), { server: x } = e(_), S = r(() => o(x, "domain", "https://subdomain.plitzi.app"), [x]), C = r(() => {
-		let e = s(v, y);
+	]), { server: S } = e(v), C = r(() => o(S, "domain", "https://subdomain.plitzi.app"), [S]), w = r(() => {
+		let e = s(y, b);
 		return Object.keys(e).reduce((t, n) => {
 			let r = e[n], i = o(r, "attributes.name", n), a = o(r, "attributes.default", !1);
 			return [...t, {
@@ -22,31 +22,31 @@ var p = ({ mode: p = "page", href: m = "#", target: h = "self", onUpdate: g }) =
 				defaultPage: a
 			}];
 		}, []);
-	}, [v, y]), w = t((e) => (t) => g?.(e, t), [g]), T = t((e) => g?.("href", e), [g]), E = t((e) => {
-		if (g?.("mode", e), e !== "page") {
-			g?.("href", "#");
+	}, [y, b]), T = t((e) => (t) => _?.(e, t), [_]), E = t((e) => _?.("href", e), [_]), D = t((e) => {
+		if (_?.("mode", e), e !== "page") {
+			_?.("href", "#");
 			return;
 		}
-		let t = C.find((e) => e.defaultPage);
-		t && g?.("href", t.key);
-	}, [g, C]);
+		let t = w.find((e) => e.defaultPage);
+		t && _?.("href", t.key);
+	}, [_, w]);
 	n(() => {
 		if (p === "page" && m === "#") {
-			let e = C.find((e) => e.defaultPage);
-			e && g?.("href", e.key);
+			let e = w.find((e) => e.defaultPage);
+			e && _?.("href", e.key);
 		}
 	}, [
 		p,
 		m,
-		C,
-		g
+		w,
+		_
 	]);
-	let D = r(() => p === "page" ? `${S}${u(v, b, m, !0)}` : m.replaceAll(/[/]+/gim, "/"), [
+	let O = r(() => p === "page" ? `${C}${u(y, x, m, !0)}` : m.replaceAll(/[/]+/gim, "/"), [
 		p,
-		v,
-		b,
+		y,
+		x,
 		m,
-		S
+		C
 	]);
 	return /* @__PURE__ */ l("div", {
 		className: "flex h-full flex-col gap-4 py-2",
@@ -54,7 +54,7 @@ var p = ({ mode: p = "page", href: m = "#", target: h = "self", onUpdate: g }) =
 			/* @__PURE__ */ l(f, {
 				value: h,
 				label: "Target",
-				onChange: w("target"),
+				onChange: T("target"),
 				size: "sm",
 				children: [
 					/* @__PURE__ */ c("option", {
@@ -78,7 +78,7 @@ var p = ({ mode: p = "page", href: m = "#", target: h = "self", onUpdate: g }) =
 			/* @__PURE__ */ l(f, {
 				value: p,
 				label: "Mode",
-				onChange: E,
+				onChange: D,
 				size: "sm",
 				children: [
 					/* @__PURE__ */ c("option", {
@@ -98,7 +98,7 @@ var p = ({ mode: p = "page", href: m = "#", target: h = "self", onUpdate: g }) =
 			p !== "page" && /* @__PURE__ */ c(d, {
 				value: m,
 				label: "Url",
-				onChange: T,
+				onChange: E,
 				size: "sm"
 			}),
 			p === "page" && /* @__PURE__ */ l("div", {
@@ -106,21 +106,28 @@ var p = ({ mode: p = "page", href: m = "#", target: h = "self", onUpdate: g }) =
 				children: [/* @__PURE__ */ l(f, {
 					value: m,
 					label: "Url",
-					onChange: T,
+					onChange: E,
 					className: { inputContainer: "rounded-t" },
 					size: "sm",
 					children: [/* @__PURE__ */ c("option", {
 						value: "",
 						disabled: !0,
 						children: "Select a page"
-					}), C.map((e) => /* @__PURE__ */ c("option", {
+					}), w.map((e) => /* @__PURE__ */ c("option", {
 						value: e.key,
 						children: e.label
 					}, e.key))]
 				}), /* @__PURE__ */ c("div", {
 					className: "truncate rounded-b border-r border-b border-l border-gray-200 p-1 text-xs",
-					children: D
+					children: O
 				})]
+			}),
+			/* @__PURE__ */ c(d, {
+				value: g,
+				label: "Accessible Name",
+				placeholder: "For a link that wraps a whole card",
+				onChange: T("label"),
+				size: "sm"
 			})
 		]
 	});

package/dist/elements/basic/Link/declaration.d.ts

@@ -4,6 +4,10 @@ import { AuthorableAttributes } from '@plitzi/sdk-shared/authoring/declare';
 export type LinkAttributes = AuthorableAttributes<LinkProps>;
 declare const declaration: {
     readonly type: "link";
+    readonly attributeValues: {
+        readonly mode: readonly string[];
+        readonly target: readonly string[];
+    };
     readonly content: {
         readonly attributes: {
             readonly href: "#";
@@ -59,8 +63,8 @@ declare const declaration: {
     };
 } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
     mode?: "page" | "internal" | "external" | undefined;
+    href?: string | undefined;
     label?: string | undefined;
     target?: "self" | "blank" | "parent" | "top" | undefined;
-    href?: string | undefined;
 }>>;
 export default declaration;

package/dist/elements/basic/Link/declaration.mjs

@@ -1,7 +1,20 @@
-import { elementDeclaration as e } from "@plitzi/sdk-shared/authoring/declare";
+import { elementDeclaration as e, valuesOf as t } from "@plitzi/sdk-shared/authoring/declare";
 //#region src/elements/basic/Link/declaration.ts
-var t = e()({
+var n = e()({
 	type: "link",
+	attributeValues: {
+		mode: t()([
+			"page",
+			"internal",
+			"external"
+		]),
+		target: t()([
+			"self",
+			"blank",
+			"parent",
+			"top"
+		])
+	},
 	content: {
 		attributes: {
 			href: "#",
@@ -49,4 +62,4 @@ var t = e()({
 	}
 });
 //#endregion
-export { t as default };
+export { n as default };

package/dist/elements/basic/Link/index.d.ts

@@ -3,6 +3,10 @@ declare const Link: {
     displayName: string;
 } & {
     readonly type: "link";
+    readonly attributeValues: {
+        readonly mode: readonly string[];
+        readonly target: readonly string[];
+    };
     readonly content: {
         readonly attributes: {
             readonly href: "#";
@@ -58,8 +62,8 @@ declare const Link: {
     };
 } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
     mode?: "page" | "internal" | "external" | undefined;
+    href?: string | undefined;
     label?: string | undefined;
     target?: "self" | "blank" | "parent" | "top" | undefined;
-    href?: string | undefined;
 }>>;
 export default Link;

package/dist/elements/basic/Markdown/declaration.d.ts

@@ -45,7 +45,7 @@ declare const declaration: {
                 readonly base: {
                     readonly default: {
                         readonly 'font-size': "14px";
-                        readonly 'line-height': "24px";
+                        readonly 'line-height': "1.714";
                     };
                 };
             };

package/dist/elements/basic/Markdown/declaration.mjs

@@ -35,7 +35,7 @@ var t = e()({
 			displayMode: "desktop",
 			style: { base: { default: {
 				"font-size": "14px",
-				"line-height": "24px"
+				"line-height": "1.714"
 			} } }
 		},
 		settings: {}

package/dist/elements/basic/Markdown/index.d.ts

@@ -44,7 +44,7 @@ declare const Markdown: {
                 readonly base: {
                     readonly default: {
                         readonly 'font-size': "14px";
-                        readonly 'line-height': "24px";
+                        readonly 'line-height': "1.714";
                     };
                 };
             };

package/dist/elements/basic/RichText/declaration.d.ts

@@ -4,6 +4,9 @@ import { AuthorableAttributes } from '@plitzi/sdk-shared/authoring/declare';
 export type RichTextAttributes = AuthorableAttributes<RichTextProps>;
 declare const declaration: {
     readonly type: "richText";
+    readonly attributeValues: {
+        readonly format: readonly string[];
+    };
     readonly content: {
         readonly attributes: {
             readonly content: "";

package/dist/elements/basic/RichText/declaration.mjs

@@ -1,7 +1,12 @@
-import { elementDeclaration as e } from "@plitzi/sdk-shared/authoring/declare";
+import { elementDeclaration as e, valuesOf as t } from "@plitzi/sdk-shared/authoring/declare";
 //#region src/elements/basic/RichText/declaration.ts
-var t = e()({
+var n = e()({
 	type: "richText",
+	attributeValues: { format: t()([
+		"html",
+		"markdown",
+		"text"
+	]) },
 	content: {
 		attributes: {
 			content: "",
@@ -45,4 +50,4 @@ var t = e()({
 	}
 });
 //#endregion
-export { t as default };
+export { n as default };

package/dist/elements/basic/RichText/index.d.ts

@@ -3,6 +3,9 @@ declare const RichText: {
     displayName: string;
 } & {
     readonly type: "richText";
+    readonly attributeValues: {
+        readonly format: readonly string[];
+    };
     readonly content: {
         readonly attributes: {
             readonly content: "";

package/dist/elements/basic/Text/declaration.d.ts

@@ -45,7 +45,7 @@ declare const declaration: {
                 readonly base: {
                     readonly default: {
                         readonly 'font-size': "14px";
-                        readonly 'line-height': "24px";
+                        readonly 'line-height': "1.714";
                         readonly display: "inline";
                     };
                 };

package/dist/elements/basic/Text/declaration.mjs

@@ -35,7 +35,7 @@ var t = e()({
 			displayMode: "desktop",
 			style: { base: { default: {
 				"font-size": "14px",
-				"line-height": "24px",
+				"line-height": "1.714",
 				display: "inline"
 			} } }
 		},

package/dist/elements/basic/Text/index.d.ts

@@ -44,7 +44,7 @@ declare const Text: {
                 readonly base: {
                     readonly default: {
                         readonly 'font-size': "14px";
-                        readonly 'line-height': "24px";
+                        readonly 'line-height': "1.714";
                         readonly display: "inline";
                     };
                 };

package/dist/elements/basic/ThemeToggle/ThemeToggle.mjs

@@ -73,12 +73,15 @@ var h = () => () => {}, g = () => !0, _ = () => !1, v = () => /* @__PURE__ */ f(
 	]), x === "segmented" ? /* @__PURE__ */ d(n, {
 		ref: e,
 		tag: "div",
+		role: "group",
+		"aria-label": `${S} / ${C}`,
 		className: p("plitzi-component__theme-toggle plitzi-component__theme-toggle--segmented", b),
 		interactionTriggers: r.triggers,
 		children: L.map((e) => /* @__PURE__ */ f("button", {
 			type: "button",
 			className: p("plitzi-component__theme-toggle-option", A.option),
 			"data-active": P && E === e.value ? "true" : void 0,
+			"aria-pressed": P ? E === e.value : void 0,
 			"data-theme-option": e.value,
 			onClick: F(e.value),
 			children: [e.icon, /* @__PURE__ */ d("span", { children: e.label })]

package/dist/elements/basic/ThemeToggle/declaration.d.ts

@@ -4,6 +4,9 @@ import { AuthorableAttributes } from '@plitzi/sdk-shared/authoring/declare';
 export type ThemeToggleAttributes = AuthorableAttributes<ThemeToggleProps>;
 declare const declaration: {
     readonly type: "themeToggle";
+    readonly attributeValues: {
+        readonly subType: readonly string[];
+    };
     readonly triggers: {
         readonly onThemeChange: {
             readonly action: "onThemeChange";

package/dist/elements/basic/ThemeToggle/declaration.mjs

@@ -1,7 +1,8 @@
-import { elementDeclaration as e } from "@plitzi/sdk-shared/authoring/declare";
+import { elementDeclaration as e, valuesOf as t } from "@plitzi/sdk-shared/authoring/declare";
 //#region src/elements/basic/ThemeToggle/declaration.ts
-var t = e()({
+var n = e()({
 	type: "themeToggle",
+	attributeValues: { subType: t()(["switch", "segmented"]) },
 	triggers: { onThemeChange: {
 		action: "onThemeChange",
 		title: "On Theme Change",
@@ -62,4 +63,4 @@ var t = e()({
 	}
 });
 //#endregion
-export { t as default };
+export { n as default };

package/dist/elements/basic/ThemeToggle/index.d.ts

@@ -3,6 +3,9 @@ declare const ThemeToggle: {
     displayName: string;
 } & {
     readonly type: "themeToggle";
+    readonly attributeValues: {
+        readonly subType: readonly string[];
+    };
     readonly triggers: {
         readonly onThemeChange: {
             readonly action: "onThemeChange";