@plitzi/sdk-elements 0.37.1 → 0.37.3

package/dist/elements/basic/Dropdown/useDropdown.mjs

@@ -1,107 +1,124 @@
 import { useCallback as e, useEffect as t, useMemo as n, useState as r } from "react";
 import i from "@plitzi/plitzi-ui/hooks/useDidUpdateEffect";
 //#region src/elements/basic/Dropdown/useDropdown.ts
-var a = ({ ref: a, popupRef: o, open: s, placement: c = "bottom", disabled: l = !1, loading: u = !1, closeOnClickPopup: d = !0, offsetX: f = 0, offsetY: p = 0, myWindow: m, onChange: h }) => {
-	let [g, _] = r(s ?? !1), [v, y] = r(() => a?.current?.getBoundingClientRect()), b = n(() => m || (typeof window < "u" ? window : null), [m]), x = e((e) => {
-		if (!(l || u)) {
+var a = ({ ref: a, popupRef: o, open: s, placement: c = "bottom", disabled: l = !1, loading: u = !1, closeOnClickPopup: d = !0, closeOnClickOutside: f = !1, offsetX: p = 0, offsetY: m = 0, myWindow: h, onChange: g }) => {
+	let [_, v] = r(s ?? !1), [y, b] = r(() => a?.current?.getBoundingClientRect()), x = n(() => h || (typeof window < "u" ? window : null), [h]), S = e((e) => {
+		if (!(l || u || e.target instanceof Node && o?.current?.contains(e.target))) {
 			if (e.stopPropagation(), e.preventDefault(), s !== void 0) {
-				h?.(!g, !1);
+				g?.(!_, !1);
 				return;
 			}
-			h?.(!g, !0), _((e) => !e);
+			g?.(!_, !0), v((e) => !e);
 		}
 	}, [
 		l,
 		u,
-		h,
 		g,
-		s
-	]), S = e((e) => {
+		_,
+		s,
+		o
+	]), C = e((e) => {
 		if (!(l || u || !d)) {
 			if (e.stopPropagation(), e.preventDefault(), s !== void 0) {
-				h?.(!g, !1);
+				g?.(!_, !1);
 				return;
 			}
-			h?.(!g, !0), _((e) => !e);
+			g?.(!_, !0), v((e) => !e);
 		}
 	}, [
 		d,
 		l,
 		u,
-		h,
 		g,
+		_,
 		s
 	]);
 	t(() => {
 		let e = a?.current;
-		if (!e || typeof window > "u" || !g) return;
-		let t = () => y(a.current?.getBoundingClientRect()), n;
+		if (!e || typeof window > "u" || !_) return;
+		let t = () => b(a.current?.getBoundingClientRect()), n;
 		return typeof ResizeObserver < "u" && (n = new ResizeObserver(t), n.observe(e)), window.addEventListener("scroll", t, !0), window.addEventListener("resize", t), () => {
 			n?.disconnect(), window.removeEventListener("scroll", t, !0), window.removeEventListener("resize", t);
 		};
-	}, [g, a]);
-	let C = e((e) => {
-		e.key === "Escape" && (h?.(!g, s !== void 0), _((e) => !e));
+	}, [_, a]);
+	let w = e((e) => {
+		e.key === "Escape" && (g?.(!_, s !== void 0), v((e) => !e));
 	}, [
-		h,
 		g,
+		_,
 		s
 	]);
 	t(() => {
-		if (g && !l) return window.addEventListener("keydown", C), () => {
-			window.removeEventListener("keydown", C);
+		if (!_ || l || !f || !x) return;
+		let e = (e) => {
+			let t = e.target instanceof Node ? e.target : null;
+			!t || a?.current?.contains(t) || o?.current?.contains(t) || (g?.(!1, s === void 0), s === void 0 && v(!1));
 		};
+		return x.addEventListener("pointerdown", e, !0), () => x.removeEventListener("pointerdown", e, !0);
 	}, [
+		_,
+		l,
+		f,
+		x,
+		a,
+		o,
 		g,
-		C,
+		s
+	]), t(() => {
+		if (_ && !l) return window.addEventListener("keydown", w), () => {
+			window.removeEventListener("keydown", w);
+		};
+	}, [
+		_,
+		w,
 		l
 	]);
-	let w = e((e) => {
-		if (!v || !b) return;
-		let t = b.innerWidth, n = b.innerHeight, r = 0, i = 0;
+	let T = e((e) => {
+		if (!y || !x) return;
+		let t = x.innerWidth, n = x.innerHeight, r = 0, i = 0;
 		switch (c) {
 			case "top":
-				r = v.top - e.height, i = v.left;
+				r = y.top - e.height, i = y.left;
 				break;
 			case "bottom":
-				r = v.bottom, i = v.left;
+				r = y.bottom, i = y.left;
 				break;
 			case "left":
-				r = v.top, i = v.left - e.width;
+				r = y.top, i = y.left - e.width;
 				break;
 			case "right":
-				r = v.top, i = v.right;
+				r = y.top, i = y.right;
 				break;
-			default: r = v.bottom, i = v.left;
+			default: r = y.bottom, i = y.left;
 		}
-		return c === "bottom" ? (r += p, i += f) : c === "top" ? (r -= p, i += f) : c === "left" ? (r += p, i -= f) : c === "right" && (r += p, i += f), c === "bottom" || c === "top" ? (i + e.width > t ? i = v.right - e.width : i < 0 && (i = v.left), r = Math.max(0, Math.min(n - e.height, r))) : c === "left" || c === "right" ? (r + e.height > n ? r = v.bottom - e.height : r < 0 && (r = v.top), i = Math.max(0, Math.min(t - e.width, i))) : (r = Math.max(0, Math.min(n - e.height, r)), i = Math.max(0, Math.min(t - e.width, i))), {
+		return c === "bottom" ? (r += m, i += p) : c === "top" ? (r -= m, i += p) : c === "left" ? (r += m, i -= p) : c === "right" && (r += m, i += p), c === "bottom" || c === "top" ? (i + e.width > t ? i = y.right - e.width : i < 0 && (i = y.left), r = Math.max(0, Math.min(n - e.height, r))) : c === "left" || c === "right" ? (r + e.height > n ? r = y.bottom - e.height : r < 0 && (r = y.top), i = Math.max(0, Math.min(t - e.width, i))) : (r = Math.max(0, Math.min(n - e.height, r)), i = Math.max(0, Math.min(t - e.width, i))), {
 			top: r,
 			left: i
 		};
 	}, [
-		v,
-		b,
+		y,
+		x,
 		c,
-		p,
-		f
+		m,
+		p
 	]);
 	return i(() => {
-		_(s ?? !1);
+		v(s ?? !1);
 	}, [s]), [
-		g,
 		_,
-		x,
-		S,
 		v,
+		S,
+		C,
+		y,
 		n(() => {
-			if (!g || !a?.current || !o?.current) return;
+			if (!_ || !a?.current || !o?.current) return;
 			let e = o.current.getBoundingClientRect();
-			return w(e);
+			return T(e);
 		}, [
-			g,
+			_,
 			a,
 			o,
-			w
+			T
 		])
 	];
 };

package/dist/elements/basic/Dropdown/useDropdownTrigger.d.ts

@@ -0,0 +1,26 @@
+import { MouseEvent, RefObject } from 'react';
+export type UseDropdownTriggerProps = {
+    popupRef: RefObject<HTMLElement | null>;
+    open: boolean;
+    /** Where the popup is drawn; until it is known the popup is hidden, and nothing in it can take the focus. */
+    positioned: boolean;
+    /** Off in the builder, where a dropdown is something being edited. */
+    enabled: boolean;
+};
+/**
+ * What a dropdown tells assistive technology about the control that opens it, and where the keyboard goes.
+ *
+ * - **The trigger says it opens something** (`aria-haspopup`) **and whether it is open** (`aria-expanded`). The trigger
+ *   is the author's own button, so the attributes are written on it rather than rendered.
+ * - **Opened from the keyboard, the focus moves to the popup's first control** — the popup can come before the trigger
+ *   in the page, where Tab would never reach it. Opened with a pointer, the focus stays: nobody asked for it to move.
+ * - **Closed while the focus is inside, the focus goes back to the trigger**, so Escape leaves a person where they were
+ *   instead of on a control that has just been hidden.
+ *
+ * A dropdown with no control outside its popup has none of this: nothing a keyboard can reach opens it
+ * (`dropdown-without-control`, in the linter).
+ *
+ * @returns what the dropdown's own click handler calls first, to learn whether a keyboard pressed the trigger.
+ */
+declare const useDropdownTrigger: ({ popupRef, open, positioned, enabled }: UseDropdownTriggerProps) => ((event: MouseEvent) => void);
+export default useDropdownTrigger;

package/dist/elements/basic/Dropdown/useDropdownTrigger.mjs

@@ -0,0 +1,30 @@
+import { useCallback as e, useEffect as t, useRef as n } from "react";
+//#region src/elements/basic/Dropdown/useDropdownTrigger.ts
+var r = "button, a[href], input, select, textarea, [role=\"button\"]", i = (e) => {
+	let t = e?.closest(".plitzi-component__dropdown");
+	return t ? [...t.querySelectorAll(r)].find((t) => !e?.contains(t)) : void 0;
+}, a = ({ popupRef: a, open: o, positioned: s, enabled: c }) => {
+	let l = n(!1), u = n(o), d = e((e) => {
+		l.current = e.detail === 0;
+	}, []);
+	return t(() => {
+		let e = c ? i(a.current) : void 0;
+		e && (e.setAttribute("aria-haspopup", "true"), e.setAttribute("aria-expanded", String(o)));
+	}), t(() => {
+		let e = a.current, t = u.current && !o;
+		if (u.current = o, c && e) {
+			if (t && e.contains(e.ownerDocument.activeElement)) {
+				i(e)?.focus({ preventScroll: !0 });
+				return;
+			}
+			o && s && l.current && !e.contains(e.ownerDocument.activeElement) && (l.current = !1, e.querySelector(r)?.focus({ preventScroll: !0 }));
+		}
+	}, [
+		c,
+		o,
+		s,
+		a
+	]), d;
+};
+//#endregion
+export { a as default };

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

@@ -5,9 +5,9 @@ export type HeadingProps = {
     content?: string;
     subType?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 };
-declare const Heading: ({ ref, className, content, subType }: HeadingProps) => import("react").JSX.Element;
+declare const Heading: ({ ref, className, content, subType }: HeadingProps) => import('react').JSX.Element;
 declare const _default: {
-    (props: import('../../../Element/hocs/withElement').WithElementProps<HeadingProps>): import("react").JSX.Element;
+    (props: import('../../../Element/hocs/withElement').WithElementProps<HeadingProps>): import('react').JSX.Element;
     displayName: string;
 };
 export default _default;

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

@@ -3,5 +3,5 @@ type SettingsProps = {
     content?: string;
     onUpdate?: (key: string, value: string | boolean | number) => void;
 };
-declare const Settings: ({ subType, content, onUpdate }: SettingsProps) => import("react").JSX.Element;
+declare const Settings: ({ subType, content, onUpdate }: SettingsProps) => import('react').JSX.Element;
 export default Settings;

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

@@ -4,6 +4,9 @@ import { AuthorableAttributes } from '@plitzi/sdk-shared/authoring/declare';
 export type HeadingAttributes = AuthorableAttributes<HeadingProps>;
 declare const declaration: {
     readonly type: "heading";
+    readonly attributeValues: {
+        readonly subType: readonly string[];
+    };
     readonly content: {
         readonly attributes: {
             readonly content: "Heading";
@@ -58,7 +61,7 @@ declare const declaration: {
                                 readonly 'margin-bottom': "25px";
                                 readonly 'font-size': "38px";
                                 readonly 'font-weight': 700;
-                                readonly 'line-height': "44px";
+                                readonly 'line-height': "1.158";
                             };
                         };
                     };
@@ -73,7 +76,7 @@ declare const declaration: {
                                 readonly 'margin-bottom': "25px";
                                 readonly 'font-size': "32px";
                                 readonly 'font-weight': 700;
-                                readonly 'line-height': "36px";
+                                readonly 'line-height': "1.125";
                             };
                         };
                     };
@@ -88,7 +91,7 @@ declare const declaration: {
                                 readonly 'margin-bottom': "25px";
                                 readonly 'font-size': "24px";
                                 readonly 'font-weight': 700;
-                                readonly 'line-height': "30px";
+                                readonly 'line-height': "1.25";
                             };
                         };
                     };
@@ -103,7 +106,7 @@ declare const declaration: {
                                 readonly 'margin-bottom': "25px";
                                 readonly 'font-size': "18px";
                                 readonly 'font-weight': 700;
-                                readonly 'line-height': "24px";
+                                readonly 'line-height': "1.333";
                             };
                         };
                     };
@@ -118,7 +121,7 @@ declare const declaration: {
                                 readonly 'margin-bottom': "25px";
                                 readonly 'font-size': "14px";
                                 readonly 'font-weight': 700;
-                                readonly 'line-height': "20px";
+                                readonly 'line-height': "1.429";
                             };
                         };
                     };
@@ -133,7 +136,7 @@ declare const declaration: {
                                 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/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

@@ -1,8 +1,11 @@
 declare const Heading: {
-    (props: import('../../../Element/hocs/withElement').WithElementProps<import('./Heading').HeadingProps>): import("react").JSX.Element;
+    (props: import('../../../Element/hocs/withElement').WithElementProps<import('./Heading').HeadingProps>): import('react').JSX.Element;
     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.d.ts

@@ -14,9 +14,9 @@ export type LinkProps = {
      */
     label?: string;
 };
-declare const Link: ({ ref, children, className, href, target, mode, label }: LinkProps) => import("react").JSX.Element;
+declare const Link: ({ ref, children, className, href, target, mode, label }: LinkProps) => import('react').JSX.Element;
 declare const _default: {
-    (props: import('../../../Element/hocs/withElement').WithElementProps<LinkProps>): import("react").JSX.Element;
+    (props: import('../../../Element/hocs/withElement').WithElementProps<LinkProps>): import('react').JSX.Element;
     displayName: string;
 };
 export default _default;

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

@@ -18,8 +18,8 @@ var u = ({ ref: e, children: u, className: d = "", href: f = "#", target: p = "s
 		"navigation.navigate"
 	]), C = r(() => {
 		if (m === "external") return f;
-		let e = `/${f}`.replaceAll(/[/]+/gim, "/");
 		if (m === "internal") {
+			let e = `/${f}`.replaceAll(/[/]+/gim, "/");
 			try {
 				let t = o(e, {
 					...x,
@@ -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;