@epam/ai-dial-share 1.2.0-dev.148 → 1.2.0-dev.152

package/index.js

@@ -1,146 +1,210 @@
-import { buildCssVars as e, mergeClasses as t, useCodeCopy as n } from "@epam/ai-dial-chat-shared";
-import r, { forwardRef as i, memo as a, useEffect as o, useRef as s, useState as c } from "react";
-import { DIAL_ICON_SIZE as l, DIAL_KIT_ICON_STROKE as u, Dropdown as d, GhostButton as f, GhostIconButton as p, Input as m, MenuItem as h, MenuItemMark as g, Skeleton as _, SkeletonVariant as v } from "@epam/ai-dial-ui-kit";
-import { IconCheck as y, IconChevronDown as b, IconCopy as x, IconLink as S, IconQrcode as C, IconWorld as w } from "@tabler/icons-react";
-import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
+import { buildCssVars as e, copyToClipboard as t, mergeClasses as n, triggerBlobDownload as r, useCodeCopy as i } from "@epam/ai-dial-chat-shared";
+import a, { forwardRef as o, memo as s, useEffect as c, useRef as l, useState as u } from "react";
+import { DIAL_ICON_SIZE as d, DIAL_KIT_ICON_STROKE as f, Dropdown as p, GhostButton as m, GhostIconButton as h, Input as g, MenuItemMark as _, Skeleton as v, SkeletonVariant as y } from "@epam/ai-dial-ui-kit";
+import { IconCheck as b, IconChevronDown as x, IconCopy as S, IconDownload as C, IconLink as w, IconQrcode as T, IconWorld as E } from "@tabler/icons-react";
+import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
 //#region \0rolldown/runtime.js
-var O = Object.create, k = Object.defineProperty, A = Object.getOwnPropertyDescriptor, j = Object.getOwnPropertyNames, M = Object.getPrototypeOf, N = Object.prototype.hasOwnProperty, P = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), F = (e, t, n, r) => {
-	if (t && typeof t == "object" || typeof t == "function") for (var i = j(t), a = 0, o = i.length, s; a < o; a++) s = i[a], !N.call(e, s) && s !== n && k(e, s, {
+var A = Object.create, j = Object.defineProperty, M = Object.getOwnPropertyDescriptor, N = Object.getOwnPropertyNames, P = Object.getPrototypeOf, F = Object.prototype.hasOwnProperty, I = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), L = (e, t, n, r) => {
+	if (t && typeof t == "object" || typeof t == "function") for (var i = N(t), a = 0, o = i.length, s; a < o; a++) s = i[a], !F.call(e, s) && s !== n && j(e, s, {
 		get: ((e) => t[e]).bind(null, s),
-		enumerable: !(r = A(t, s)) || r.enumerable
+		enumerable: !(r = M(t, s)) || r.enumerable
 	});
 	return e;
-}, ee = (e, t, n) => (n = e == null ? {} : O(M(e)), F(t || !e || !e.__esModule ? k(n, "default", {
+}, ee = (e, t, n) => (n = e == null ? {} : A(P(e)), L(t || !e || !e.__esModule ? j(n, "default", {
 	value: e,
 	enumerable: !0
-}) : n, e)), I = { popover: "dial-share-popover" }, L = /* @__PURE__ */ function(e) {
+}) : n, e)), te = { popover: "dial-share-popover" }, R = /* @__PURE__ */ function(e) {
 	return e.View = "view", e.Edit = "edit", e;
-}({}), R = /* @__PURE__ */ function(e) {
+}({}), z = /* @__PURE__ */ function(e) {
 	return e.Link = "link", e.Qr = "qr", e;
-}({}), te = "button:not(:disabled), input:not(:disabled), [tabindex]:not([tabindex=\"-1\"])", ne = (e) => Array.from(e?.querySelectorAll(te) ?? []), re = (e) => {
-	let [t] = ne(e);
+}({}), ne = "button:not(:disabled), input:not(:disabled), [tabindex]:not([tabindex=\"-1\"])", re = (e) => Array.from(e?.querySelectorAll(ne) ?? []), ie = (e) => {
+	let [t] = re(e);
 	(t ?? e)?.focus();
-}, z = {
+}, B = {
 	skeletonColor: "var(--shp-skeleton-color, var(--bg-layer-sunken, #eef1f7))",
-	accessTriggerBtn: "_accessTriggerBtn_1ryi2_1",
-	accessTriggerBtnOpen: "_accessTriggerBtnOpen_1ryi2_17",
-	accessTriggerLabel: "_accessTriggerLabel_1ryi2_21",
-	title: "_title_1ryi2_25",
-	linkIconBadge: "_linkIconBadge_1ryi2_29",
-	anyoneWithLinkTitle: "_anyoneWithLinkTitle_1ryi2_34",
-	anyoneWithLinkSubtitle: "_anyoneWithLinkSubtitle_1ryi2_38",
-	accessTriggerChevron: "_accessTriggerChevron_1ryi2_42",
-	accessMenuItemLabel: "_accessMenuItemLabel_1ryi2_55",
-	linkRow: "_linkRow_1ryi2_59",
-	errorText: "_errorText_1ryi2_66",
-	note: "_note_1ryi2_70",
-	divider: "_divider_1ryi2_74"
-}, ie = ({ anyoneWithLinkTitle: e, anyoneWithLinkSubtitle: n, access: r, canEditAccess: i, accessViewLabel: a, accessEditLabel: o, accessAriaLabel: s, isOpen: c, onOpenChange: f, onAccessChange: p, onMenuKeyDown: m, triggerRef: _, menuRef: v, titleClassName: y = "dial-small-semi-text", subtitleClassName: x = "dial-small-text", accessTriggerLabelClassName: S = "dial-small-semi-text", accessMenuItemLabelClassName: C = "dial-small-text" }) => {
-	let T = [{
-		value: L.View,
+	accessTriggerBtn: "_accessTriggerBtn_11e4z_2",
+	accessTriggerBtnOpen: "_accessTriggerBtnOpen_11e4z_18",
+	accessTriggerLabel: "_accessTriggerLabel_11e4z_22",
+	title: "_title_11e4z_26",
+	linkIconBadge: "_linkIconBadge_11e4z_30",
+	anyoneWithLinkTitle: "_anyoneWithLinkTitle_11e4z_35",
+	anyoneWithLinkSubtitle: "_anyoneWithLinkSubtitle_11e4z_39",
+	accessTriggerChevron: "_accessTriggerChevron_11e4z_43",
+	accessMenuItem: "_accessMenuItem_11e4z_58",
+	linkRow: "_linkRow_11e4z_62",
+	errorText: "_errorText_11e4z_69",
+	note: "_note_11e4z_73",
+	divider: "_divider_11e4z_77"
+}, ae = ({ anyoneWithLinkTitle: e, anyoneWithLinkSubtitle: t, access: r, canEditAccess: i, accessViewLabel: a, accessEditLabel: o, accessAriaLabel: s, isOpen: c, onOpenChange: l, onAccessChange: u, menuStyle: m, triggerRef: h, titleClassName: g = "dial-small-semi-text", subtitleClassName: v = "dial-small-text", accessTriggerLabelClassName: y = "dial-small-semi-text" }) => {
+	let b = r.includes(R.Edit) ? R.Edit : R.View, S = [{
+		key: R.View,
 		label: a
 	}, {
-		value: L.Edit,
+		key: R.Edit,
 		label: o
-	}], O = r.includes(L.Edit) ? L.Edit : L.View;
-	return /* @__PURE__ */ D("div", {
+	}].map((e) => ({
+		...e,
+		mark: _.Check,
+		checked: e.key === b,
+		className: B.accessMenuItem
+	}));
+	return /* @__PURE__ */ k("div", {
 		className: "flex items-center gap-2.5",
 		children: [
-			/* @__PURE__ */ E("span", {
-				className: t("flex size-8 shrink-0 items-center justify-center rounded-full", z.linkIconBadge),
-				children: /* @__PURE__ */ E(w, {
-					size: l.MD,
+			/* @__PURE__ */ O("span", {
+				className: n("flex size-8 shrink-0 items-center justify-center rounded-full", B.linkIconBadge),
+				children: /* @__PURE__ */ O(E, {
+					size: d.MD,
 					"aria-hidden": !0,
-					stroke: u
+					stroke: f
 				})
 			}),
-			/* @__PURE__ */ D("div", {
+			/* @__PURE__ */ k("div", {
 				className: "min-w-0 flex-1",
-				children: [/* @__PURE__ */ E("p", {
-					className: t(y, "truncate", z.anyoneWithLinkTitle),
+				children: [/* @__PURE__ */ O("p", {
+					className: n(g, "truncate", B.anyoneWithLinkTitle),
 					children: e
-				}), /* @__PURE__ */ E("p", {
-					className: t(x, z.anyoneWithLinkSubtitle),
-					children: n
+				}), /* @__PURE__ */ O("p", {
+					className: n(v, B.anyoneWithLinkSubtitle),
+					children: t
 				})]
 			}),
-			i ? /* @__PURE__ */ E(d, {
+			i ? /* @__PURE__ */ O(p, {
 				matchReferenceWidth: !1,
 				placement: "bottom-end",
 				open: c,
-				onOpenChange: f,
-				renderOverlay: () => /* @__PURE__ */ E("div", {
-					ref: v,
-					role: "menu",
-					"aria-label": s,
-					tabIndex: -1,
-					className: "min-w-[160px]",
-					onKeyDown: m,
-					children: T.map((e) => {
-						let n = O === e.value;
-						return /* @__PURE__ */ E(h, {
-							role: "menuitemradio",
-							"aria-checked": n,
-							mark: g.Check,
-							selected: n,
-							label: e.label,
-							labelClassName: t(C, z.accessMenuItemLabel),
-							onClick: () => {
-								p(e.value === L.Edit ? [L.View, L.Edit] : [L.View]), f(!1);
-							}
-						}, e.value);
-					})
-				}),
-				children: /* @__PURE__ */ D("button", {
-					ref: _,
+				onOpenChange: l,
+				items: S,
+				listClassName: "min-w-[160px]",
+				listStyle: m,
+				onItemClick: ({ key: e }) => {
+					u(e === R.Edit ? [R.View, R.Edit] : [R.View]);
+				},
+				children: /* @__PURE__ */ k("button", {
+					ref: h,
 					type: "button",
 					"aria-haspopup": "menu",
 					"aria-expanded": c,
-					className: t("flex h-10 shrink-0 cursor-pointer items-center gap-1.5 whitespace-nowrap rounded-full border px-3 outline-none", z.accessTriggerBtn, c && z.accessTriggerBtnOpen),
-					children: [/* @__PURE__ */ E("span", {
-						className: t(z.accessTriggerLabel, S),
-						children: T.find((e) => e.value === O)?.label
-					}), /* @__PURE__ */ E(b, {
-						size: l.MD,
-						stroke: u,
-						className: t("shrink-0 transition-transform duration-150 rtl:scale-x-[-1]", z.accessTriggerChevron, c && "rotate-180"),
+					className: n("flex h-10 shrink-0 cursor-pointer items-center gap-1.5 whitespace-nowrap rounded-full border px-3 outline-none", B.accessTriggerBtn, c && B.accessTriggerBtnOpen),
+					children: [/* @__PURE__ */ O("span", {
+						className: n(B.accessTriggerLabel, y),
+						children: b === R.Edit ? o : a
+					}), /* @__PURE__ */ O(x, {
+						size: d.MD,
+						stroke: f,
+						className: n("shrink-0 transition-transform duration-150 rtl:scale-x-[-1]", B.accessTriggerChevron, c && "rotate-180"),
 						"aria-hidden": !0
 					})]
 				})
-			}) : /* @__PURE__ */ E("span", {
+			}) : /* @__PURE__ */ O("span", {
 				"aria-label": s,
-				className: t("flex h-10 shrink-0 items-center whitespace-nowrap rounded-full px-3", z.accessTriggerBtn),
-				children: /* @__PURE__ */ E("span", {
-					className: t(z.accessTriggerLabel, S),
+				className: n("flex h-10 shrink-0 items-center whitespace-nowrap rounded-full px-3", B.accessTriggerBtn),
+				children: /* @__PURE__ */ O("span", {
+					className: n(B.accessTriggerLabel, y),
 					children: a
 				})
 			})
 		]
 	});
-}, ae = ({ url: e, linkAriaLabel: n, isCopied: r, copyButtonLabel: i, copiedButtonLabel: a, onCopy: o }) => /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ D("div", {
-	className: t("flex items-center gap-3 rounded-full px-4 py-2", z.linkRow),
-	children: [/* @__PURE__ */ E(m, {
+}, oe = ({ url: e, linkAriaLabel: t, isCopied: r, copyButtonLabel: i, copiedButtonLabel: a, onCopy: o }) => /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ k("div", {
+	className: n("flex items-center gap-3 rounded-full px-4 py-2", B.linkRow),
+	children: [/* @__PURE__ */ O(g, {
 		readOnly: !0,
 		value: e,
-		"aria-label": n,
+		"aria-label": t,
 		containerClassName: "min-w-0 flex-1",
 		wrapperClassName: "border-0 bg-transparent px-0 outline-none"
-	}), /* @__PURE__ */ E(p, {
-		icon: E(r ? y : x, {
-			size: l.LG,
+	}), /* @__PURE__ */ O(h, {
+		icon: O(r ? b : S, {
+			size: d.LG,
 			"aria-hidden": !0,
-			stroke: u
+			stroke: f
 		}),
 		"aria-label": r ? a : i,
 		tooltipProps: { tooltip: r ? a : i },
 		onClick: o
 	})]
-}), /* @__PURE__ */ E("span", {
+}), /* @__PURE__ */ O("span", {
 	role: "status",
 	"aria-live": "polite",
 	className: "sr-only",
 	children: r ? a : ""
-})] }), oe = /* @__PURE__ */ P(((e) => {
+})] }), se = 512, ce = 32, le = "http://www.w3.org/2000/svg", ue = "#000000", de = "#ffffff", V = (e, t) => {
+	let n = e.cloneNode(!0);
+	return n.setAttribute("xmlns", le), n.setAttribute("width", String(t)), n.setAttribute("height", String(t)), n.removeAttribute("class"), n.removeAttribute("style"), n.removeAttribute("aria-hidden"), n.querySelectorAll("path").forEach((e) => {
+		e.getAttribute("fill") === "currentColor" && e.setAttribute("fill", ue);
+	}), new XMLSerializer().serializeToString(n);
+}, fe = (e) => new Promise((t, n) => {
+	let r = new Image();
+	r.onload = () => t(r), r.onerror = () => n(/* @__PURE__ */ Error("Failed to load the QR code SVG.")), r.src = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(e)}`;
+}), pe = async (e, { size: t = se, margin: n = ce } = {}) => {
+	let r = t - n * 2, i = await fe(V(e, r)), a = document.createElement("canvas");
+	a.width = t, a.height = t;
+	let o = a.getContext("2d");
+	if (o == null) throw Error("Canvas 2D context is not available.");
+	return o.fillStyle = de, o.fillRect(0, 0, t, t), o.drawImage(i, n, n, r, r), new Promise((e, t) => {
+		a.toBlob((n) => {
+			if (n == null) {
+				t(/* @__PURE__ */ Error("Failed to encode the QR code as PNG."));
+				return;
+			}
+			e(n);
+		}, "image/png");
+	});
+}, me = () => typeof navigator < "u" && typeof navigator.clipboard?.write == "function" && typeof ClipboardItem < "u", he = (e) => {
+	let t = pe(e);
+	return t.catch(() => void 0), navigator.clipboard.write([new ClipboardItem({ "image/png": t })]);
+}, ge = 2e3, _e = ({ url: e, getSvg: n, copyLabel: i, copiedLabel: a, downloadLabel: o, downloadFileName: s }) => {
+	let [p, h] = u(!1), g = l(null);
+	c(() => () => {
+		g.current != null && clearTimeout(g.current);
+	}, []);
+	let _ = () => {
+		g.current != null && clearTimeout(g.current), h(!0), g.current = setTimeout(() => h(!1), ge);
+	}, v = async () => {
+		let e = n();
+		if (e == null || !me()) return !1;
+		try {
+			return await he(e), !0;
+		} catch {
+			return !1;
+		}
+	}, y = async () => {
+		try {
+			(await v() || await t(e)) && _();
+		} catch {}
+	}, x = async () => {
+		let e = n();
+		if (e != null) try {
+			r(await pe(e), s);
+		} catch {}
+	};
+	return /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ k("div", {
+		className: "flex items-center justify-center gap-4 self-center",
+		children: [/* @__PURE__ */ O(m, {
+			label: p ? a : i,
+			iconBefore: O(p ? b : S, {
+				size: d.SM,
+				"aria-hidden": !0,
+				stroke: f
+			}),
+			onClick: () => void y()
+		}), /* @__PURE__ */ O(m, {
+			label: o,
+			iconBefore: /* @__PURE__ */ O(C, {
+				size: d.SM,
+				"aria-hidden": !0,
+				stroke: f
+			}),
+			onClick: () => void x()
+		})]
+	}), /* @__PURE__ */ O("span", {
+		role: "status",
+		"aria-live": "polite",
+		className: "sr-only",
+		children: p ? a : ""
+	})] });
+}, ve = /* @__PURE__ */ I(((e) => {
 	var t = typeof Symbol == "function" && Symbol.for, n = t ? Symbol.for("react.element") : 60103, r = t ? Symbol.for("react.portal") : 60106, i = t ? Symbol.for("react.fragment") : 60107, a = t ? Symbol.for("react.strict_mode") : 60108, o = t ? Symbol.for("react.profiler") : 60114, s = t ? Symbol.for("react.provider") : 60109, c = t ? Symbol.for("react.context") : 60110, l = t ? Symbol.for("react.async_mode") : 60111, u = t ? Symbol.for("react.concurrent_mode") : 60111, d = t ? Symbol.for("react.forward_ref") : 60112, f = t ? Symbol.for("react.suspense") : 60113, p = t ? Symbol.for("react.suspense_list") : 60120, m = t ? Symbol.for("react.memo") : 60115, h = t ? Symbol.for("react.lazy") : 60116, g = t ? Symbol.for("react.block") : 60121, _ = t ? Symbol.for("react.fundamental") : 60117, v = t ? Symbol.for("react.responder") : 60118, y = t ? Symbol.for("react.scope") : 60119;
 	function b(e) {
 		if (typeof e == "object" && e) {
@@ -196,7 +260,7 @@ var O = Object.create, k = Object.defineProperty, A = Object.getOwnPropertyDescr
 	}, e.isValidElementType = function(e) {
 		return typeof e == "string" || typeof e == "function" || e === i || e === u || e === o || e === a || e === f || e === p || typeof e == "object" && !!e && (e.$$typeof === h || e.$$typeof === m || e.$$typeof === s || e.$$typeof === c || e.$$typeof === d || e.$$typeof === _ || e.$$typeof === v || e.$$typeof === y || e.$$typeof === g);
 	}, e.typeOf = b;
-})), B = /* @__PURE__ */ P(((e) => {
+})), ye = /* @__PURE__ */ I(((e) => {
 	process.env.NODE_ENV !== "production" && (function() {
 		var t = typeof Symbol == "function" && Symbol.for, n = t ? Symbol.for("react.element") : 60103, r = t ? Symbol.for("react.portal") : 60106, i = t ? Symbol.for("react.fragment") : 60107, a = t ? Symbol.for("react.strict_mode") : 60108, o = t ? Symbol.for("react.profiler") : 60114, s = t ? Symbol.for("react.provider") : 60109, c = t ? Symbol.for("react.context") : 60110, l = t ? Symbol.for("react.async_mode") : 60111, u = t ? Symbol.for("react.concurrent_mode") : 60111, d = t ? Symbol.for("react.forward_ref") : 60112, f = t ? Symbol.for("react.suspense") : 60113, p = t ? Symbol.for("react.suspense_list") : 60120, m = t ? Symbol.for("react.memo") : 60115, h = t ? Symbol.for("react.lazy") : 60116, g = t ? Symbol.for("react.block") : 60121, _ = t ? Symbol.for("react.fundamental") : 60117, v = t ? Symbol.for("react.responder") : 60118, y = t ? Symbol.for("react.scope") : 60119;
 		function b(e) {
@@ -231,50 +295,50 @@ var O = Object.create, k = Object.defineProperty, A = Object.getOwnPropertyDescr
 			}
 		}
 		var S = l, C = u, w = c, T = s, E = n, D = d, O = i, k = h, A = m, j = r, M = o, N = a, P = f, F = !1;
-		function ee(e) {
-			return F || (F = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), I(e) || x(e) === l;
-		}
 		function I(e) {
-			return x(e) === u;
+			return F || (F = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), L(e) || x(e) === l;
 		}
 		function L(e) {
+			return x(e) === u;
+		}
+		function ee(e) {
 			return x(e) === c;
 		}
-		function R(e) {
+		function te(e) {
 			return x(e) === s;
 		}
-		function te(e) {
+		function R(e) {
 			return typeof e == "object" && !!e && e.$$typeof === n;
 		}
-		function ne(e) {
+		function z(e) {
 			return x(e) === d;
 		}
-		function re(e) {
+		function ne(e) {
 			return x(e) === i;
 		}
-		function z(e) {
+		function re(e) {
 			return x(e) === h;
 		}
 		function ie(e) {
 			return x(e) === m;
 		}
-		function ae(e) {
+		function B(e) {
 			return x(e) === r;
 		}
-		function oe(e) {
+		function ae(e) {
 			return x(e) === o;
 		}
-		function B(e) {
+		function oe(e) {
 			return x(e) === a;
 		}
-		function V(e) {
+		function se(e) {
 			return x(e) === f;
 		}
-		e.AsyncMode = S, e.ConcurrentMode = C, e.ContextConsumer = w, e.ContextProvider = T, e.Element = E, e.ForwardRef = D, e.Fragment = O, e.Lazy = k, e.Memo = A, e.Portal = j, e.Profiler = M, e.StrictMode = N, e.Suspense = P, e.isAsyncMode = ee, e.isConcurrentMode = I, e.isContextConsumer = L, e.isContextProvider = R, e.isElement = te, e.isForwardRef = ne, e.isFragment = re, e.isLazy = z, e.isMemo = ie, e.isPortal = ae, e.isProfiler = oe, e.isStrictMode = B, e.isSuspense = V, e.isValidElementType = b, e.typeOf = x;
+		e.AsyncMode = S, e.ConcurrentMode = C, e.ContextConsumer = w, e.ContextProvider = T, e.Element = E, e.ForwardRef = D, e.Fragment = O, e.Lazy = k, e.Memo = A, e.Portal = j, e.Profiler = M, e.StrictMode = N, e.Suspense = P, e.isAsyncMode = I, e.isConcurrentMode = L, e.isContextConsumer = ee, e.isContextProvider = te, e.isElement = R, e.isForwardRef = z, e.isFragment = ne, e.isLazy = re, e.isMemo = ie, e.isPortal = B, e.isProfiler = ae, e.isStrictMode = oe, e.isSuspense = se, e.isValidElementType = b, e.typeOf = x;
 	})();
-})), V = /* @__PURE__ */ P(((e, t) => {
-	process.env.NODE_ENV === "production" ? t.exports = oe() : t.exports = B();
-})), se = /* @__PURE__ */ P(((e, t) => {
+})), H = /* @__PURE__ */ I(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = ve() : t.exports = ye();
+})), U = /* @__PURE__ */ I(((e, t) => {
 	var n = Object.getOwnPropertySymbols, r = Object.prototype.hasOwnProperty, i = Object.prototype.propertyIsEnumerable;
 	function a(e) {
 		if (e == null) throw TypeError("Object.assign cannot be called with null or undefined");
@@ -307,14 +371,14 @@ var O = Object.create, k = Object.defineProperty, A = Object.getOwnPropertyDescr
 		}
 		return s;
 	};
-})), H = /* @__PURE__ */ P(((e, t) => {
+})), W = /* @__PURE__ */ I(((e, t) => {
 	t.exports = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-})), U = /* @__PURE__ */ P(((e, t) => {
+})), be = /* @__PURE__ */ I(((e, t) => {
 	t.exports = Function.call.bind(Object.prototype.hasOwnProperty);
-})), W = /* @__PURE__ */ P(((e, t) => {
+})), xe = /* @__PURE__ */ I(((e, t) => {
 	var n = function() {};
 	if (process.env.NODE_ENV !== "production") {
-		var r = H(), i = {}, a = U();
+		var r = W(), i = {}, a = be();
 		n = function(e) {
 			var t = "Warning: " + e;
 			typeof console < "u" && console.error(t);
@@ -347,8 +411,8 @@ var O = Object.create, k = Object.defineProperty, A = Object.getOwnPropertyDescr
 	o.resetWarningCache = function() {
 		process.env.NODE_ENV !== "production" && (i = {});
 	}, t.exports = o;
-})), ce = /* @__PURE__ */ P(((e, t) => {
-	var n = V(), r = se(), i = H(), a = U(), o = W(), s = function() {};
+})), Se = /* @__PURE__ */ I(((e, t) => {
+	var n = H(), r = U(), i = W(), a = be(), o = xe(), s = function() {};
 	process.env.NODE_ENV !== "production" && (s = function(e) {
 		var t = "Warning: " + e;
 		typeof console < "u" && console.error(t);
@@ -606,8 +670,8 @@ var O = Object.create, k = Object.defineProperty, A = Object.getOwnPropertyDescr
 		}
 		return p.checkPropTypes = o, p.resetWarningCache = o.resetWarningCache, p.PropTypes = p, p;
 	};
-})), le = /* @__PURE__ */ P(((e, t) => {
-	var n = H();
+})), Ce = /* @__PURE__ */ I(((e, t) => {
+	var n = W();
 	function r() {}
 	function i() {}
 	i.resetWarningCache = r, t.exports = function() {
@@ -646,11 +710,11 @@ var O = Object.create, k = Object.defineProperty, A = Object.getOwnPropertyDescr
 		};
 		return a.PropTypes = a, a;
 	};
-})), G = /* @__PURE__ */ ee((/* @__PURE__ */ P(((e, t) => {
+})), G = /* @__PURE__ */ ee((/* @__PURE__ */ I(((e, t) => {
 	if (process.env.NODE_ENV !== "production") {
-		var n = V();
-		t.exports = ce()(n.isElement, !0);
-	} else t.exports = le()();
+		var n = H();
+		t.exports = Se()(n.isElement, !0);
+	} else t.exports = Ce()();
 })))(), 1), K = function(e, t) {
 	let n = e, r = J[t], i = null, a = 0, o = null, s = [], c = {}, l = function(e, t) {
 		a = n * 4 + 17, i = function(e) {
@@ -734,7 +798,7 @@ var O = Object.create, k = Object.defineProperty, A = Object.getOwnPropertyDescr
 		for (let e = 0; e < i; e += 1) for (let n = 0; n < t.length; n += 1) e < o[n].length && (c[l] = o[n][e], l += 1);
 		return c;
 	}, v = function(e, t, n) {
-		let r = ue.getRSBlocks(e, t), i = de();
+		let r = we.getRSBlocks(e, t), i = Te();
 		for (let t = 0; t < n.length; t += 1) {
 			let r = n[t];
 			i.put(r.getMode(), 4), i.put(r.getLength(), X.getLengthInBits(r.getMode(), e)), r.write(i);
@@ -751,16 +815,16 @@ var O = Object.create, k = Object.defineProperty, A = Object.getOwnPropertyDescr
 		let n = null;
 		switch (t) {
 			case "Numeric":
-				n = fe(e);
+				n = Ee(e);
 				break;
 			case "Alphanumeric":
-				n = pe(e);
+				n = De(e);
 				break;
 			case "Byte":
-				n = me(e);
+				n = Oe(e);
 				break;
 			case "Kanji":
-				n = he(e);
+				n = ke(e);
 				break;
 			default: throw "mode:" + t;
 		}
@@ -774,7 +838,7 @@ var O = Object.create, k = Object.defineProperty, A = Object.getOwnPropertyDescr
 		if (n < 1) {
 			let e = 1;
 			for (; e < 40; e++) {
-				let t = ue.getRSBlocks(e, r), n = de();
+				let t = we.getRSBlocks(e, r), n = Te();
 				for (let t = 0; t < s.length; t++) {
 					let r = s[t];
 					n.put(r.getMode(), 4), n.put(r.getLength(), X.getLengthInBits(r.getMode(), e)), r.write(n);
@@ -805,7 +869,7 @@ var O = Object.create, k = Object.defineProperty, A = Object.getOwnPropertyDescr
 	}, c.createDataURL = function(e, t) {
 		e ||= 2, t = t === void 0 ? e * 4 : t;
 		let n = c.getModuleCount() * e + t * 2, r = t, i = n - t;
-		return be(n, n, function(t, n) {
+		return Pe(n, n, function(t, n) {
 			if (r <= t && t < i && r <= n && n < i) {
 				let i = Math.floor((t - r) / e), a = Math.floor((n - r) / e);
 				return +!c.isDark(a, i);
@@ -882,7 +946,7 @@ K.stringToBytes = function(e) {
 	return t;
 }, K.createStringToBytes = function(e, t) {
 	let n = function() {
-		let n = ve(e), r = function() {
+		let n = Me(e), r = function() {
 			let e = n.read();
 			if (e == -1) throw "eof";
 			return e;
@@ -1298,7 +1362,7 @@ var q = {
 		for (let r = 0; r < e.getLength(); r += 1) n[r] ^= Z.gexp(Z.glog(e.getAt(r)) + t);
 		return Q(n, 0).mod(e);
 	}, r;
-}, ue = function() {
+}, we = function() {
 	let e = [
 		[
 			1,
@@ -2506,7 +2570,7 @@ var q = {
 		}
 		return o;
 	}, n;
-}(), de = function() {
+}(), Te = function() {
 	let e = [], t = 0, n = {};
 	return n.getBuffer = function() {
 		return e;
@@ -2520,7 +2584,7 @@ var q = {
 		let r = Math.floor(t / 8);
 		e.length <= r && e.push(0), n && (e[r] |= 128 >>> t % 8), t += 1;
 	}, n;
-}, fe = function(e) {
+}, Ee = function(e) {
 	let t = q.MODE_NUMBER, n = e, r = {};
 	r.getMode = function() {
 		return t;
@@ -2540,7 +2604,7 @@ var q = {
 		throw "illegal char :" + e;
 	};
 	return r;
-}, pe = function(e) {
+}, De = function(e) {
 	let t = q.MODE_ALPHA_NUM, n = e, r = {};
 	r.getMode = function() {
 		return t;
@@ -2568,7 +2632,7 @@ var q = {
 		}
 	};
 	return r;
-}, me = function(e) {
+}, Oe = function(e) {
 	let t = q.MODE_8BIT_BYTE, n = K.stringToBytes(e), r = {};
 	return r.getMode = function() {
 		return t;
@@ -2577,7 +2641,7 @@ var q = {
 	}, r.write = function(e) {
 		for (let t = 0; t < n.length; t += 1) e.put(n[t], 8);
 	}, r;
-}, he = function(e) {
+}, ke = function(e) {
 	let t = q.MODE_KANJI, n = K.stringToBytes;
 	(function(e, t) {
 		let r = n(e);
@@ -2599,7 +2663,7 @@ var q = {
 		}
 		if (n < t.length) throw "illegal char at " + (n + 1);
 	}, i;
-}, ge = function() {
+}, Ae = function() {
 	let e = [], t = {};
 	return t.writeByte = function(t) {
 		e.push(t & 255);
@@ -2618,7 +2682,7 @@ var q = {
 		for (let n = 0; n < e.length; n += 1) n > 0 && (t += ","), t += e[n];
 		return t += "]", t;
 	}, t;
-}, _e = function() {
+}, je = function() {
 	let e = 0, t = 0, n = 0, r = "", i = {}, a = function(e) {
 		r += String.fromCharCode(o(e & 63));
 	}, o = function(e) {
@@ -2640,7 +2704,7 @@ var q = {
 	}, i.toString = function() {
 		return r;
 	}, i;
-}, ve = function(e) {
+}, Me = function(e) {
 	let t = e, n = 0, r = 0, i = 0, a = {};
 	a.read = function() {
 		for (; i < 8;) {
@@ -2664,7 +2728,7 @@ var q = {
 		throw "c:" + e;
 	};
 	return a;
-}, ye = function(e, t) {
+}, Ne = function(e, t) {
 	let n = e, r = t, i = Array(e * t), a = {};
 	a.setPixel = function(e, t, r) {
 		i[t * n + e] = r;
@@ -2689,7 +2753,7 @@ var q = {
 		let t = 1 << e, n = (1 << e) + 1, r = e + 1, a = c();
 		for (let e = 0; e < t; e += 1) a.add(String.fromCharCode(e));
 		a.add(String.fromCharCode(t)), a.add(String.fromCharCode(n));
-		let s = ge(), l = o(s);
+		let s = Ae(), l = o(s);
 		l.write(t, r);
 		let u = 0, d = String.fromCharCode(i[u]);
 		for (u += 1; u < i.length;) {
@@ -2711,12 +2775,12 @@ var q = {
 		}, n;
 	};
 	return a;
-}, be = function(e, t, n) {
-	let r = ye(e, t);
+}, Pe = function(e, t, n) {
+	let r = Ne(e, t);
 	for (let i = 0; i < t; i += 1) for (let t = 0; t < e; t += 1) r.setPixel(t, i, n(t, i));
-	let i = ge();
+	let i = Ae();
 	r.write(i);
-	let a = _e(), o = i.toByteArray();
+	let a = je(), o = i.toByteArray();
 	for (let e = 0; e < o.length; e += 1) a.writeByte(o[e]);
 	return a.flush(), "data:image/gif;base64," + a;
 };
@@ -2732,16 +2796,16 @@ function $() {
 		return e;
 	}, $.apply(null, arguments);
 }
-function xe(e, t) {
+function Fe(e, t) {
 	if (e == null) return {};
-	var n, r, i = Se(e, t);
+	var n, r, i = Ie(e, t);
 	if (Object.getOwnPropertySymbols) {
 		var a = Object.getOwnPropertySymbols(e);
 		for (r = 0; r < a.length; r++) n = a[r], t.indexOf(n) === -1 && {}.propertyIsEnumerable.call(e, n) && (i[n] = e[n]);
 	}
 	return i;
 }
-function Se(e, t) {
+function Ie(e, t) {
 	if (e == null) return {};
 	var n = {};
 	for (var r in e) if ({}.hasOwnProperty.call(e, r)) {
@@ -2750,7 +2814,7 @@ function Se(e, t) {
 	}
 	return n;
 }
-var Ce = [
+var Le = [
 	"bgColor",
 	"bgD",
 	"fgD",
@@ -2759,7 +2823,7 @@ var Ce = [
 	"title",
 	"viewBoxSize",
 	"xmlns"
-], we = {
+], Re = {
 	bgColor: G.default.oneOfType([G.default.object, G.default.string]).isRequired,
 	bgD: G.default.string.isRequired,
 	fgColor: G.default.oneOfType([G.default.object, G.default.string]).isRequired,
@@ -2768,24 +2832,24 @@ var Ce = [
 	title: G.default.string,
 	viewBoxSize: G.default.number.isRequired,
 	xmlns: G.default.string
-}, Te = /*#__PURE__*/ i(function(e, t) {
-	var n = e.bgColor, i = e.bgD, a = e.fgD, o = e.fgColor, s = e.size, c = e.title, l = e.viewBoxSize, u = e.xmlns, d = u === void 0 ? "http://www.w3.org/2000/svg" : u, f = xe(e, Ce);
-	return /*#__PURE__*/ r.createElement("svg", $({}, f, {
+}, ze = /*#__PURE__*/ o(function(e, t) {
+	var n = e.bgColor, r = e.bgD, i = e.fgD, o = e.fgColor, s = e.size, c = e.title, l = e.viewBoxSize, u = e.xmlns, d = u === void 0 ? "http://www.w3.org/2000/svg" : u, f = Fe(e, Le);
+	return /*#__PURE__*/ a.createElement("svg", $({}, f, {
 		height: s,
 		ref: t,
 		viewBox: `0 0 ${l} ${l}`,
 		width: s,
 		xmlns: d
-	}), c ? /*#__PURE__*/ r.createElement("title", null, c) : null, /*#__PURE__*/ r.createElement("path", {
-		d: i,
+	}), c ? /*#__PURE__*/ a.createElement("title", null, c) : null, /*#__PURE__*/ a.createElement("path", {
+		d: r,
 		fill: n
-	}), /*#__PURE__*/ r.createElement("path", {
-		d: a,
+	}), /*#__PURE__*/ a.createElement("path", {
+		d: i,
 		fill: o
 	}));
 });
-Te.displayName = "QRCodeSvg", Te.propTypes = we;
-var Ee = [
+ze.displayName = "QRCodeSvg", ze.propTypes = Re;
+var Be = [
 	"bgColor",
 	"fgColor",
 	"level",
@@ -2795,22 +2859,22 @@ var Ee = [
 K.stringToBytes = function(e) {
 	return Array.from(new TextEncoder().encode(e));
 };
-var De = {
+var Ve = {
 	bgColor: G.default.oneOfType([G.default.object, G.default.string]),
 	fgColor: G.default.oneOfType([G.default.object, G.default.string]),
 	level: G.default.string,
 	size: G.default.number,
 	value: G.default.string.isRequired
-}, Oe = /*#__PURE__*/ i(function(e, t) {
-	var n = e.bgColor, i = n === void 0 ? "#FFFFFF" : n, a = e.fgColor, o = a === void 0 ? "#000000" : a, s = e.level, c = s === void 0 ? "L" : s, l = e.size, u = l === void 0 ? 256 : l, d = e.value, f = xe(e, Ee), p = K(0, c);
+}, He = /*#__PURE__*/ o(function(e, t) {
+	var n = e.bgColor, r = n === void 0 ? "#FFFFFF" : n, i = e.fgColor, o = i === void 0 ? "#000000" : i, s = e.level, c = s === void 0 ? "L" : s, l = e.size, u = l === void 0 ? 256 : l, d = e.value, f = Fe(e, Be), p = K(0, c);
 	p.addData(d), p.make();
 	var m = p.getModuleCount(), h = Array.from({ length: m }, function(e, t) {
 		return Array.from({ length: m }, function(e, n) {
 			return p.isDark(t, n);
 		});
 	});
-	return /*#__PURE__*/ r.createElement(Te, $({}, f, {
-		bgColor: i,
+	return /*#__PURE__*/ a.createElement(ze, $({}, f, {
+		bgColor: r,
 		bgD: h.map(function(e, t) {
 			return e.map(function(e, n) {
 				return e ? "" : `M ${n} ${t} l 1 0 0 1 -1 0 Z`;
@@ -2827,124 +2891,125 @@ var De = {
 		viewBoxSize: m
 	}));
 });
-Oe.displayName = "QRCode", Oe.propTypes = De;
-var ke = {
+He.displayName = "QRCode", He.propTypes = Ve;
+var Ue = {
 	container: "_container_hzzl6_1",
 	qrColor: "_qrColor_hzzl6_6"
-}, Ae = ({ value: n, labels: r, styles: i }) => {
-	let { colors: a } = i ?? {}, o = e({
-		"--qr-border": a?.borderColor,
-		"--qr-bg": a?.backgroundColor,
-		"--qr-color": a?.fillColor
+}, We = He, Ge = ({ value: t, labels: r, styles: i, svgRef: a }) => {
+	let { colors: o } = i ?? {}, s = e({
+		"--qr-border": o?.borderColor,
+		"--qr-bg": o?.backgroundColor,
+		"--qr-color": o?.fillColor
 	});
-	return /* @__PURE__ */ E("div", {
+	return /* @__PURE__ */ O("div", {
 		role: "img",
 		"aria-label": r.ariaLabel,
-		style: o,
-		className: t("flex size-40 items-center justify-center self-center rounded-lg border p-3", ke.container),
-		children: /* @__PURE__ */ E(Oe, {
-			value: n,
+		style: s,
+		className: n("flex size-40 items-center justify-center self-center rounded-lg border p-3", Ue.container),
+		children: /* @__PURE__ */ O(We, {
+			ref: a,
+			value: t,
 			size: 128,
 			bgColor: "transparent",
 			fgColor: "currentColor",
 			"aria-hidden": !0,
-			className: t("size-full", ke.qrColor)
+			className: n("size-full", Ue.qrColor)
 		})
 	});
-}, je = ({ ariaLabel: e, skeletonColor: t = z.skeletonColor }) => /* @__PURE__ */ D("div", {
+}, Ke = ({ ariaLabel: e, skeletonColor: t = B.skeletonColor }) => /* @__PURE__ */ k("div", {
 	role: "status",
 	"aria-label": e,
 	className: "flex flex-col gap-3",
 	children: [
-		/* @__PURE__ */ D("div", {
+		/* @__PURE__ */ k("div", {
 			"aria-hidden": !0,
 			className: "flex items-center gap-2.5",
 			children: [
-				/* @__PURE__ */ E(_, {
-					variant: v.Circular,
+				/* @__PURE__ */ O(v, {
+					variant: y.Circular,
 					width: 32,
 					height: 32,
 					color: t
 				}),
-				/* @__PURE__ */ D("div", {
+				/* @__PURE__ */ k("div", {
 					className: "flex min-w-0 flex-1 flex-col gap-1.5",
-					children: [/* @__PURE__ */ E(_, {
-						variant: v.Text,
+					children: [/* @__PURE__ */ O(v, {
+						variant: y.Text,
 						width: "70%",
 						height: 16,
 						color: t
-					}), /* @__PURE__ */ E(_, {
-						variant: v.Text,
+					}), /* @__PURE__ */ O(v, {
+						variant: y.Text,
 						width: "45%",
 						height: 12,
 						color: t
 					})]
 				}),
-				/* @__PURE__ */ E(_, {
-					variant: v.Rectangular,
+				/* @__PURE__ */ O(v, {
+					variant: y.Rectangular,
 					width: 92,
 					height: 30,
 					color: t
 				})
 			]
 		}),
-		/* @__PURE__ */ D("div", {
+		/* @__PURE__ */ k("div", {
 			"aria-hidden": !0,
 			className: "flex flex-col gap-1.5",
-			children: [/* @__PURE__ */ E(_, {
-				variant: v.Text,
+			children: [/* @__PURE__ */ O(v, {
+				variant: y.Text,
 				width: "100%",
 				height: 12,
 				color: t
-			}), /* @__PURE__ */ E(_, {
-				variant: v.Text,
+			}), /* @__PURE__ */ O(v, {
+				variant: y.Text,
 				width: "60%",
 				height: 12,
 				color: t
 			})]
 		}),
-		/* @__PURE__ */ E(_, {
+		/* @__PURE__ */ O(v, {
 			"aria-hidden": !0,
-			variant: v.Rectangular,
+			variant: y.Rectangular,
 			width: "100%",
 			height: 40,
 			color: t
 		}),
-		/* @__PURE__ */ E(_, {
+		/* @__PURE__ */ O(v, {
 			"aria-hidden": !0,
-			variant: v.Text,
+			variant: y.Text,
 			width: "50%",
 			height: 12,
 			color: t
 		})
 	]
-}), Me = "share-popover-qr-button", Ne = "share-popover-back-button", Pe = ({ title: e, view: n, qrButtonLabel: r, linkLabel: i, onViewChange: a, titleClassName: o = "dial-h3-text" }) => /* @__PURE__ */ D("div", {
+}), qe = "share-popover-qr-button", Je = "share-popover-back-button", Ye = ({ title: e, view: t, qrButtonLabel: r, linkLabel: i, onViewChange: a, titleClassName: o = "dial-h3-text" }) => /* @__PURE__ */ k("div", {
 	className: "flex items-center gap-2",
-	children: [/* @__PURE__ */ E("span", {
-		className: t(o, z.title),
+	children: [/* @__PURE__ */ O("span", {
+		className: n(o, B.title),
 		children: e
-	}), n === R.Link ? /* @__PURE__ */ E(f, {
-		id: Me,
+	}), t === z.Link ? /* @__PURE__ */ O(m, {
+		id: qe,
 		label: r,
-		iconBefore: /* @__PURE__ */ E(C, {
-			size: l.SM,
+		iconBefore: /* @__PURE__ */ O(T, {
+			size: d.SM,
 			"aria-hidden": !0,
-			stroke: u
+			stroke: f
 		}),
 		className: "ms-auto",
-		onClick: () => a(R.Qr)
-	}) : /* @__PURE__ */ E(f, {
-		id: Ne,
+		onClick: () => a(z.Qr)
+	}) : /* @__PURE__ */ O(m, {
+		id: Je,
 		label: i,
-		iconBefore: /* @__PURE__ */ E(S, {
-			size: l.SM,
+		iconBefore: /* @__PURE__ */ O(w, {
+			size: d.SM,
 			"aria-hidden": !0,
-			stroke: u
+			stroke: f
 		}),
 		className: "ms-auto",
-		onClick: () => a(R.Link)
+		onClick: () => a(z.Link)
 	})]
-}), Fe = a(({ url: r, isLoading: i, error: a, access: l, canEditAccess: u, onAccessChange: d, onClose: f, labels: p, className: m, styles: h }) => {
+}), Xe = s(({ url: t, isLoading: r, error: a, access: o, canEditAccess: s, onAccessChange: d, onClose: f, labels: p, className: m, styles: h }) => {
 	let g = h?.colors, _ = h?.typography, v = e({
 		"--shp-access-trigger-bg": g?.accessTriggerBackground,
 		"--shp-access-trigger-border": g?.accessTriggerBorder,
@@ -2957,131 +3022,128 @@ var ke = {
 		"--shp-anyone-title": g?.anyoneTitle,
 		"--shp-anyone-subtitle": g?.anyoneSubtitle,
 		"--shp-access-chevron": g?.accessChevron,
-		"--shp-menu-item-label": g?.menuItemLabel,
 		"--shp-link-row-bg": g?.linkRowBackground,
 		"--shp-link-text": g?.linkText,
 		"--shp-error-text": g?.errorText,
 		"--shp-note-text": g?.noteText,
 		"--shp-divider": g?.divider,
 		"--shp-skeleton-color": g?.skeletonColor
-	}), { title: y = "Share", qrButtonLabel: b = "QR", linkLabel: x = "Link", anyoneWithLinkTitle: S = "Anyone with the link", anyoneWithLinkSubtitle: C = "in your organization", accessAriaLabel: w = "Link access level", accessViewLabel: O = "Can view", accessEditLabel: k = "Can edit", visibilityNote: A = "This deployment and its updates will be visible to users with the link.", visibilityNoteEdit: j = "Anyone with the link will be able to view and edit this deployment.", copyButtonLabel: M = "Copy", copiedButtonLabel: N = "Copied", linkAriaLabel: P = "Share link", expiryNote: F, qrCodeAriaLabel: ee = "QR code for the share link", loadingLabel: te = "Creating share link…", errorTitle: oe = "Couldn’t create the share link. Please try again.", nestedItemsNote: B } = p ?? {}, [V, se] = c(R.Link), { isCopied: H, copy: U } = n(r ?? ""), [W, ce] = c(!1), le = s(null), G = s(null), K = (e) => {
-		ce(e), e || le.current?.focus();
-	};
-	o(() => {
-		W && G.current?.querySelector("[aria-checked=\"true\"]")?.focus();
-	}, [W]);
-	let q = s(null);
-	o(() => {
-		re(q.current);
+	}), y = e({ "--shp-menu-item-label": g?.menuItemLabel }), { title: b = "Share", qrButtonLabel: x = "QR", linkLabel: S = "Link", anyoneWithLinkTitle: C = "Anyone with the link", anyoneWithLinkSubtitle: w = "in your organization", accessAriaLabel: T = "Link access level", accessViewLabel: E = "Can view", accessEditLabel: A = "Can edit", visibilityNote: j = "This deployment and its updates will be visible to users with the link.", visibilityNoteEdit: M = "Anyone with the link will be able to view and edit this deployment.", copyButtonLabel: N = "Copy", copiedButtonLabel: P = "Copied", linkAriaLabel: F = "Share link", expiryNote: I, qrCodeAriaLabel: L = "QR code for the share link", qrCopyButtonLabel: ee = "Copy", qrCopiedButtonLabel: ne = "Copied", qrDownloadButtonLabel: se = "Download", qrDownloadFileName: ce = "share-qr-code.png", loadingLabel: le = "Creating share link…", errorTitle: ue = "Couldn’t create the share link. Please try again.", nestedItemsNote: de } = p ?? {}, [V, fe] = u(z.Link), { isCopied: pe, copy: me } = i(t ?? ""), he = l(null), [ge, ve] = u(!1), ye = l(null), H = (e) => {
+		ve(e), e || ye.current?.focus();
+	}, U = l(null);
+	c(() => {
+		ie(U.current);
 		let e = setTimeout(() => {
-			q.current?.contains(document.activeElement) || re(q.current);
+			U.current?.contains(document.activeElement) || ie(U.current);
 		}, 0);
 		return () => clearTimeout(e);
 	}, []);
-	let J = s(!0);
-	o(() => {
-		if (J.current) {
-			J.current = !1;
+	let W = l(!0);
+	c(() => {
+		if (W.current) {
+			W.current = !1;
 			return;
 		}
-		let e = V === R.Qr ? Ne : Me;
+		let e = V === z.Qr ? Je : qe;
 		document.getElementById(e)?.focus();
 	}, [V]);
-	let Y = (e) => {
-		let t = W ? Array.from(G.current?.querySelectorAll("[role=\"menuitemradio\"]") ?? []) : ne(q.current);
-		if (t.length === 0) return;
+	let be = (e) => {
+		let t = e.target.closest("[role=\"menu\"]"), n = t ? Array.from(t.querySelectorAll("[role=\"menuitemradio\"]")) : re(U.current);
+		if (n.length === 0) return;
 		e.preventDefault();
-		let n = t.indexOf(document.activeElement), r = e.shiftKey ? -1 : 1;
-		t[n === -1 ? 0 : (n + r + t.length) % t.length]?.focus();
+		let r = n.indexOf(document.activeElement), i = e.shiftKey ? -1 : 1;
+		n[r === -1 ? 0 : (r + i + n.length) % n.length]?.focus();
 	};
-	return /* @__PURE__ */ D("div", {
-		ref: q,
+	return /* @__PURE__ */ k("div", {
+		ref: U,
 		role: "dialog",
-		"aria-label": y,
+		"aria-label": b,
 		tabIndex: -1,
 		style: v,
-		className: t("flex w-96 flex-col gap-3 rounded-xl bg-layer-raised px-6 pb-6 pt-4 shadow-lg outline-none", m, I.popover),
+		className: n("flex w-96 flex-col gap-3 rounded-xl bg-layer-raised px-6 pb-6 pt-4 shadow-lg outline-none", m, te.popover),
 		onKeyDownCapture: (e) => {
 			if (e.key === "Tab") {
-				Y(e);
+				be(e);
 				return;
 			}
 			if (e.key === "Escape") {
-				if (e.stopPropagation(), W) {
-					e.preventDefault(), K(!1);
+				if (e.stopPropagation(), ge) {
+					e.preventDefault(), H(!1);
 					return;
 				}
-				V === R.Qr ? (e.preventDefault(), se(R.Link)) : f();
+				V === z.Qr ? (e.preventDefault(), fe(z.Link)) : f();
 			}
 		},
 		children: [
-			/* @__PURE__ */ E(Pe, {
-				title: y,
+			/* @__PURE__ */ O(Ye, {
+				title: b,
 				view: V,
-				qrButtonLabel: b,
-				linkLabel: x,
-				onViewChange: se
+				qrButtonLabel: x,
+				linkLabel: S,
+				onViewChange: fe
 			}),
-			/* @__PURE__ */ E("div", { className: t("-mt-1.5 h-px w-full", z.divider) }),
-			i && /* @__PURE__ */ E(je, {
-				ariaLabel: te,
+			/* @__PURE__ */ O("div", { className: n("-mt-1.5 h-px w-full", B.divider) }),
+			r && /* @__PURE__ */ O(Ke, {
+				ariaLabel: le,
 				skeletonColor: g?.skeletonColor
 			}),
-			!i && a != null && /* @__PURE__ */ E("p", {
+			!r && a != null && /* @__PURE__ */ O("p", {
 				role: "alert",
-				className: t(_?.errorClassName ?? "dial-tiny-text", "py-6 text-center", z.errorText),
-				children: oe
+				className: n(_?.errorClassName ?? "dial-tiny-text", "py-6 text-center", B.errorText),
+				children: ue
 			}),
-			!i && a == null && r != null && /* @__PURE__ */ D(T, { children: [
-				/* @__PURE__ */ E(ie, {
-					anyoneWithLinkTitle: S,
-					anyoneWithLinkSubtitle: C,
-					access: l,
-					canEditAccess: u,
-					accessViewLabel: O,
-					accessEditLabel: k,
-					accessAriaLabel: w,
-					isOpen: W,
-					onOpenChange: K,
+			!r && a == null && t != null && /* @__PURE__ */ k(D, { children: [
+				/* @__PURE__ */ O(ae, {
+					anyoneWithLinkTitle: C,
+					anyoneWithLinkSubtitle: w,
+					access: o,
+					canEditAccess: s,
+					accessViewLabel: E,
+					accessEditLabel: A,
+					accessAriaLabel: T,
+					isOpen: ge,
+					onOpenChange: H,
 					onAccessChange: d,
-					onMenuKeyDown: (e) => {
-						if (e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
-						e.preventDefault();
-						let t = Array.from(G.current?.querySelectorAll("[role=\"menuitemradio\"]") ?? []);
-						t.length !== 0 && t[(t.indexOf(document.activeElement) + (e.key === "ArrowDown" ? 1 : -1) + t.length) % t.length]?.focus();
-					},
-					triggerRef: le,
-					menuRef: G,
+					menuStyle: y,
+					triggerRef: ye,
 					titleClassName: _?.anyoneTitleClassName,
 					subtitleClassName: _?.anyoneSubtitleClassName,
 					accessTriggerLabelClassName: _?.accessTriggerLabelClassName
 				}),
-				/* @__PURE__ */ E("p", {
-					className: t(_?.noteClassName ?? "dial-tiny-text", z.note),
-					children: u && l.includes(L.Edit) ? j : A
+				/* @__PURE__ */ O("p", {
+					className: n(_?.noteClassName ?? "dial-tiny-text", B.note),
+					children: s && o.includes(R.Edit) ? M : j
 				}),
-				B != null && /* @__PURE__ */ E("p", {
-					className: t(_?.nestedItemsNoteClassName ?? "dial-tiny-semi-text", z.note),
-					children: B
+				de != null && /* @__PURE__ */ O("p", {
+					className: n(_?.nestedItemsNoteClassName ?? "dial-tiny-semi-text", B.note),
+					children: de
 				}),
-				V === R.Qr ? /* @__PURE__ */ E(Ae, {
-					value: r,
-					labels: { ariaLabel: ee }
-				}) : /* @__PURE__ */ E(ae, {
-					url: r,
-					linkAriaLabel: P,
-					isCopied: H,
-					copyButtonLabel: M,
-					copiedButtonLabel: N,
-					onCopy: U
+				V === z.Qr ? /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(Ge, {
+					value: t,
+					labels: { ariaLabel: L },
+					svgRef: he
+				}), /* @__PURE__ */ O(_e, {
+					url: t,
+					getSvg: () => he.current,
+					copyLabel: ee,
+					copiedLabel: ne,
+					downloadLabel: se,
+					downloadFileName: ce
+				})] }) : /* @__PURE__ */ O(oe, {
+					url: t,
+					linkAriaLabel: F,
+					isCopied: pe,
+					copyButtonLabel: N,
+					copiedButtonLabel: P,
+					onCopy: me
 				}),
-				F != null && /* @__PURE__ */ E("p", {
-					className: t(_?.noteClassName ?? "dial-tiny-text", z.note),
-					children: F
+				I != null && /* @__PURE__ */ O("p", {
+					className: n(_?.noteClassName ?? "dial-tiny-text", B.note),
+					children: I
 				})
 			] })
 		]
 	});
 });
 //#endregion
-export { Ae as QrCode, I as SHARE_CLASS, L as ShareLinkAccess, Fe as SharePopover, R as SharePopoverView };
+export { Ge as QrCode, te as SHARE_CLASS, R as ShareLinkAccess, Xe as SharePopover, z as SharePopoverView };