@epam/ai-dial-share 1.2.0-dev.99 → 1.3.0-dev.5

package/index.js

@@ -1,146 +1,195 @@
-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, GhostButton as p, GhostIconButton as m, InlineSelect as h, Input as g, MenuItemMark as _, Skeleton as v, SkeletonVariant as y } from "@epam/ai-dial-ui-kit";
+import { IconCheck as b, IconCopy as x, IconDownload as S, IconLink as C, IconQrcode as w, IconWorld as T } from "@tabler/icons-react";
+import { Fragment as E, jsx as D, jsxs as O } 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 k = Object.create, A = Object.defineProperty, j = Object.getOwnPropertyDescriptor, M = Object.getOwnPropertyNames, N = Object.getPrototypeOf, P = Object.prototype.hasOwnProperty, F = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), I = (e, t, n, r) => {
+	if (t && typeof t == "object" || typeof t == "function") for (var i = M(t), a = 0, o = i.length, s; a < o; a++) s = i[a], !P.call(e, s) && s !== n && A(e, s, {
 		get: ((e) => t[e]).bind(null, s),
-		enumerable: !(r = A(t, s)) || r.enumerable
+		enumerable: !(r = j(t, s)) || r.enumerable
 	});
 	return e;
-}, ee = (e, t, n) => (n = e == null ? {} : O(M(e)), F(t || !e || !e.__esModule ? k(n, "default", {
+}, L = (e, t, n) => (n = e == null ? {} : k(N(e)), I(t || !e || !e.__esModule ? A(n, "default", {
 	value: e,
 	enumerable: !0
-}) : n, e)), I = { popover: "dial-share-popover" }, L = /* @__PURE__ */ function(e) {
+}) : n, e)), ee = { 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);
 	(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_3r1q2_2",
+	accessTriggerLabel: "_accessTriggerLabel_3r1q2_40",
+	title: "_title_3r1q2_44",
+	linkIconBadge: "_linkIconBadge_3r1q2_48",
+	anyoneWithLinkTitle: "_anyoneWithLinkTitle_3r1q2_53",
+	anyoneWithLinkSubtitle: "_anyoneWithLinkSubtitle_3r1q2_57",
+	accessMenuItem: "_accessMenuItem_3r1q2_66",
+	linkRow: "_linkRow_3r1q2_70",
+	errorText: "_errorText_3r1q2_77",
+	note: "_note_3r1q2_81",
+	divider: "_divider_3r1q2_85"
+}, ie = ({ anyoneWithLinkTitle: e, anyoneWithLinkSubtitle: t, access: r, canEditAccess: i, accessViewLabel: a, accessEditLabel: o, accessAriaLabel: s, isOpen: c, onOpenChange: l, onAccessChange: u, menuStyle: p, titleClassName: m = "dial-small-semi-text", subtitleClassName: g = "dial-small-text", accessTriggerLabelClassName: v = "dial-small-semi-text" }) => {
+	let y = r.includes(R.Edit) ? R.Edit : R.View, b = [{
+		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 === y,
+		className: B.accessMenuItem
+	}));
+	return /* @__PURE__ */ O("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__ */ D("span", {
+				className: n("flex size-8 shrink-0 items-center justify-center rounded-full", B.linkIconBadge),
+				children: /* @__PURE__ */ D(T, {
+					size: d.MD,
 					"aria-hidden": !0,
-					stroke: u
+					stroke: f
 				})
 			}),
-			/* @__PURE__ */ D("div", {
+			/* @__PURE__ */ O("div", {
 				className: "min-w-0 flex-1",
-				children: [/* @__PURE__ */ E("p", {
-					className: t(y, "truncate", z.anyoneWithLinkTitle),
+				children: [/* @__PURE__ */ D("p", {
+					className: n(m, "truncate", B.anyoneWithLinkTitle),
 					children: e
-				}), /* @__PURE__ */ E("p", {
-					className: t(x, z.anyoneWithLinkSubtitle),
-					children: n
+				}), /* @__PURE__ */ D("p", {
+					className: n(g, B.anyoneWithLinkSubtitle),
+					children: t
 				})]
 			}),
-			i ? /* @__PURE__ */ E(d, {
-				matchReferenceWidth: !1,
-				placement: "bottom-end",
+			i ? /* @__PURE__ */ D(h, {
+				items: b,
+				selectedKey: y,
+				onSelect: ({ key: e }) => {
+					u(e === R.Edit ? [R.View, R.Edit] : [R.View]);
+				},
 				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: _,
-					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"),
-						"aria-hidden": !0
-					})]
-				})
-			}) : /* @__PURE__ */ E("span", {
+				onOpenChange: l,
+				placement: "bottom-end",
+				matchReferenceWidth: !1,
+				listClassName: "min-w-[160px]",
+				listStyle: p,
+				triggerClassName: n("shrink-0 gap-1.5 whitespace-nowrap border", B.accessTriggerBtn),
+				triggerLabelClassName: n(B.accessTriggerLabel, v)
+			}) : /* @__PURE__ */ D("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__ */ D("span", {
+					className: n(B.accessTriggerLabel, v),
 					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, {
+}, ae = ({ url: e, linkAriaLabel: t, isCopied: r, copyButtonLabel: i, copiedButtonLabel: a, onCopy: o }) => /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ O("div", {
+	className: n("flex items-center gap-3 rounded-full px-4 py-2", B.linkRow),
+	children: [/* @__PURE__ */ D(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__ */ D(m, {
+		icon: D(r ? b : x, {
+			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__ */ D("span", {
 	role: "status",
 	"aria-live": "polite",
 	className: "sr-only",
 	children: r ? a : ""
-})] }), oe = /* @__PURE__ */ P(((e) => {
+})] }), oe = 512, se = 32, ce = "http://www.w3.org/2000/svg", le = "#000000", ue = "#ffffff", de = (e, t) => {
+	let n = e.cloneNode(!0);
+	return n.setAttribute("xmlns", ce), 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", le);
+	}), new XMLSerializer().serializeToString(n);
+}, V = (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)}`;
+}), H = async (e, { size: t = oe, margin: n = se } = {}) => {
+	let r = t - n * 2, i = await V(de(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 = ue, 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");
+	});
+}, fe = () => typeof navigator < "u" && typeof navigator.clipboard?.write == "function" && typeof ClipboardItem < "u", pe = (e) => {
+	let t = H(e);
+	return t.catch(() => void 0), navigator.clipboard.write([new ClipboardItem({ "image/png": t })]);
+}, me = 2e3, he = ({ url: e, getSvg: n, copyLabel: i, copiedLabel: a, downloadLabel: o, downloadFileName: s }) => {
+	let [m, 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), me);
+	}, v = async () => {
+		let e = n();
+		if (e == null || !fe()) return !1;
+		try {
+			return await pe(e), !0;
+		} catch {
+			return !1;
+		}
+	}, y = async () => {
+		try {
+			(await v() || await t(e)) && _();
+		} catch {}
+	}, C = async () => {
+		let e = n();
+		if (e != null) try {
+			r(await H(e), s);
+		} catch {}
+	};
+	return /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ O("div", {
+		className: "flex items-center justify-center gap-4 self-center",
+		children: [/* @__PURE__ */ D(p, {
+			label: m ? a : i,
+			iconBefore: D(m ? b : x, {
+				size: d.SM,
+				"aria-hidden": !0,
+				stroke: f
+			}),
+			onClick: () => void y()
+		}), /* @__PURE__ */ D(p, {
+			label: o,
+			iconBefore: /* @__PURE__ */ D(S, {
+				size: d.SM,
+				"aria-hidden": !0,
+				stroke: f
+			}),
+			onClick: () => void C()
+		})]
+	}), /* @__PURE__ */ D("span", {
+		role: "status",
+		"aria-live": "polite",
+		className: "sr-only",
+		children: m ? a : ""
+	})] });
+}, ge = /* @__PURE__ */ F(((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 +245,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) => {
+})), _e = /* @__PURE__ */ F(((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 +280,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) {
 			return x(e) === s;
 		}
-		function te(e) {
+		function z(e) {
 			return typeof e == "object" && !!e && e.$$typeof === n;
 		}
-		function ne(e) {
+		function te(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) {
+		function B(e) {
 			return x(e) === m;
 		}
-		function ae(e) {
+		function ie(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 = R, e.isElement = z, e.isForwardRef = te, e.isFragment = ne, e.isLazy = re, e.isMemo = B, e.isPortal = ie, 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) => {
+})), U = /* @__PURE__ */ F(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = ge() : t.exports = _e();
+})), W = /* @__PURE__ */ F(((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 +356,14 @@ var O = Object.create, k = Object.defineProperty, A = Object.getOwnPropertyDescr
 		}
 		return s;
 	};
-})), H = /* @__PURE__ */ P(((e, t) => {
+})), G = /* @__PURE__ */ F(((e, t) => {
 	t.exports = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-})), U = /* @__PURE__ */ P(((e, t) => {
+})), ve = /* @__PURE__ */ F(((e, t) => {
 	t.exports = Function.call.bind(Object.prototype.hasOwnProperty);
-})), W = /* @__PURE__ */ P(((e, t) => {
+})), ye = /* @__PURE__ */ F(((e, t) => {
 	var n = function() {};
 	if (process.env.NODE_ENV !== "production") {
-		var r = H(), i = {}, a = U();
+		var r = G(), i = {}, a = ve();
 		n = function(e) {
 			var t = "Warning: " + e;
 			typeof console < "u" && console.error(t);
@@ -347,8 +396,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() {};
+})), be = /* @__PURE__ */ F(((e, t) => {
+	var n = U(), r = W(), i = G(), a = ve(), o = ye(), s = function() {};
 	process.env.NODE_ENV !== "production" && (s = function(e) {
 		var t = "Warning: " + e;
 		typeof console < "u" && console.error(t);
@@ -606,8 +655,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();
+})), xe = /* @__PURE__ */ F(((e, t) => {
+	var n = G();
 	function r() {}
 	function i() {}
 	i.resetWarningCache = r, t.exports = function() {
@@ -646,13 +695,13 @@ var O = Object.create, k = Object.defineProperty, A = Object.getOwnPropertyDescr
 		};
 		return a.PropTypes = a, a;
 	};
-})), G = /* @__PURE__ */ ee((/* @__PURE__ */ P(((e, t) => {
+})), K = /* @__PURE__ */ L((/* @__PURE__ */ F(((e, t) => {
 	if (process.env.NODE_ENV !== "production") {
-		var n = V();
-		t.exports = ce()(n.isElement, !0);
-	} else t.exports = le()();
-})))(), 1), K = function(e, t) {
-	let n = e, r = J[t], i = null, a = 0, o = null, s = [], c = {}, l = function(e, t) {
+		var n = U();
+		t.exports = be()(n.isElement, !0);
+	} else t.exports = xe()();
+})))(), 1), q = function(e, t) {
+	let n = e, r = Y[t], i = null, a = 0, o = null, s = [], c = {}, l = function(e, t) {
 		a = n * 4 + 17, i = function(e) {
 			let t = Array(e);
 			for (let n = 0; n < e; n += 1) {
@@ -667,7 +716,7 @@ var O = Object.create, k = Object.defineProperty, A = Object.getOwnPropertyDescr
 		let e = 0, t = 0;
 		for (let n = 0; n < 8; n += 1) {
 			l(!0, n);
-			let r = X.getLostPoint(c);
+			let r = Z.getLostPoint(c);
 			(n == 0 || e > r) && (e = r, t = n);
 		}
 		return t;
@@ -675,13 +724,13 @@ var O = Object.create, k = Object.defineProperty, A = Object.getOwnPropertyDescr
 		for (let e = 8; e < a - 8; e += 1) i[e][6] ?? (i[e][6] = e % 2 == 0);
 		for (let e = 8; e < a - 8; e += 1) i[6][e] ?? (i[6][e] = e % 2 == 0);
 	}, p = function() {
-		let e = X.getPatternPosition(n);
+		let e = Z.getPatternPosition(n);
 		for (let t = 0; t < e.length; t += 1) for (let n = 0; n < e.length; n += 1) {
 			let r = e[t], a = e[n];
 			if (i[r][a] == null) for (let e = -2; e <= 2; e += 1) for (let t = -2; t <= 2; t += 1) e == -2 || e == 2 || t == -2 || t == 2 || e == 0 && t == 0 ? i[r + e][a + t] = !0 : i[r + e][a + t] = !1;
 		}
 	}, m = function(e) {
-		let t = X.getBCHTypeNumber(n);
+		let t = Z.getBCHTypeNumber(n);
 		for (let n = 0; n < 18; n += 1) {
 			let r = !e && (t >> n & 1) == 1;
 			i[Math.floor(n / 3)][n % 3 + a - 8 - 3] = r;
@@ -691,7 +740,7 @@ var O = Object.create, k = Object.defineProperty, A = Object.getOwnPropertyDescr
 			i[n % 3 + a - 8 - 3][Math.floor(n / 3)] = r;
 		}
 	}, h = function(e, t) {
-		let n = r << 3 | t, o = X.getBCHTypeInfo(n);
+		let n = r << 3 | t, o = Z.getBCHTypeInfo(n);
 		for (let t = 0; t < 15; t += 1) {
 			let n = !e && (o >> t & 1) == 1;
 			t < 6 ? i[t][8] = n : t < 8 ? i[t + 1][8] = n : i[a - 15 + t][8] = n;
@@ -702,7 +751,7 @@ var O = Object.create, k = Object.defineProperty, A = Object.getOwnPropertyDescr
 		}
 		i[a - 8][8] = !e;
 	}, g = function(e, t) {
-		let n = -1, r = a - 1, o = 7, s = 0, c = X.getMaskFunction(t);
+		let n = -1, r = a - 1, o = 7, s = 0, c = Z.getMaskFunction(t);
 		for (let t = a - 1; t > 0; t -= 2) for (t == 6 && --t;;) {
 			for (let n = 0; n < 2; n += 1) if (i[r][t - n] == null) {
 				let a = !1;
@@ -720,7 +769,7 @@ var O = Object.create, k = Object.defineProperty, A = Object.getOwnPropertyDescr
 			r = Math.max(r, c), i = Math.max(i, l), a[s] = Array(c);
 			for (let t = 0; t < a[s].length; t += 1) a[s][t] = 255 & e.getBuffer()[t + n];
 			n += c;
-			let u = X.getErrorCorrectPolynomial(l), d = Q(a[s], u.getLength() - 1).mod(u);
+			let u = Z.getErrorCorrectPolynomial(l), d = $(a[s], u.getLength() - 1).mod(u);
 			o[s] = Array(u.getLength() - 1);
 			for (let e = 0; e < o[s].length; e += 1) {
 				let t = e + d.getLength() - o[s].length;
@@ -734,10 +783,10 @@ 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 = Se.getRSBlocks(e, t), i = Ce();
 		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);
+			i.put(r.getMode(), 4), i.put(r.getLength(), Z.getLengthInBits(r.getMode(), e)), r.write(i);
 		}
 		let a = 0;
 		for (let e = 0; e < r.length; e += 1) a += r[e].dataCount;
@@ -751,16 +800,16 @@ var O = Object.create, k = Object.defineProperty, A = Object.getOwnPropertyDescr
 		let n = null;
 		switch (t) {
 			case "Numeric":
-				n = fe(e);
+				n = we(e);
 				break;
 			case "Alphanumeric":
-				n = pe(e);
+				n = Te(e);
 				break;
 			case "Byte":
-				n = me(e);
+				n = Ee(e);
 				break;
 			case "Kanji":
-				n = he(e);
+				n = De(e);
 				break;
 			default: throw "mode:" + t;
 		}
@@ -774,10 +823,10 @@ 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 = Se.getRSBlocks(e, r), n = Ce();
 				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);
+					n.put(r.getMode(), 4), n.put(r.getLength(), Z.getLengthInBits(r.getMode(), e)), r.write(n);
 				}
 				let i = 0;
 				for (let e = 0; e < t.length; e++) i += t[e].dataCount;
@@ -805,7 +854,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 Me(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);
@@ -873,16 +922,16 @@ var O = Object.create, k = Object.defineProperty, A = Object.getOwnPropertyDescr
 		for (let r = 0; r < n; r++) for (let i = 0; i < n; i++) e.fillStyle = c.isDark(r, i) ? "black" : "white", e.fillRect(i * t, r * t, t, t);
 	}, c;
 };
-K.stringToBytes = function(e) {
+q.stringToBytes = function(e) {
 	let t = [];
 	for (let n = 0; n < e.length; n += 1) {
 		let r = e.charCodeAt(n);
 		t.push(r & 255);
 	}
 	return t;
-}, K.createStringToBytes = function(e, t) {
+}, q.createStringToBytes = function(e, t) {
 	let n = function() {
-		let n = ve(e), r = function() {
+		let n = Ae(e), r = function() {
 			let e = n.read();
 			if (e == -1) throw "eof";
 			return e;
@@ -909,17 +958,17 @@ K.stringToBytes = function(e) {
 		return t;
 	};
 };
-var q = {
+var J = {
 	MODE_NUMBER: 1,
 	MODE_ALPHA_NUM: 2,
 	MODE_8BIT_BYTE: 4,
 	MODE_KANJI: 8
-}, J = {
+}, Y = {
 	L: 1,
 	M: 0,
 	Q: 3,
 	H: 2
-}, Y = {
+}, X = {
 	PATTERN000: 0,
 	PATTERN001: 1,
 	PATTERN010: 2,
@@ -928,7 +977,7 @@ var q = {
 	PATTERN101: 5,
 	PATTERN110: 6,
 	PATTERN111: 7
-}, X = function() {
+}, Z = function() {
 	let e = [
 		[],
 		[6, 18],
@@ -1189,56 +1238,56 @@ var q = {
 		return e[t - 1];
 	}, r.getMaskFunction = function(e) {
 		switch (e) {
-			case Y.PATTERN000: return function(e, t) {
+			case X.PATTERN000: return function(e, t) {
 				return (e + t) % 2 == 0;
 			};
-			case Y.PATTERN001: return function(e, t) {
+			case X.PATTERN001: return function(e, t) {
 				return e % 2 == 0;
 			};
-			case Y.PATTERN010: return function(e, t) {
+			case X.PATTERN010: return function(e, t) {
 				return t % 3 == 0;
 			};
-			case Y.PATTERN011: return function(e, t) {
+			case X.PATTERN011: return function(e, t) {
 				return (e + t) % 3 == 0;
 			};
-			case Y.PATTERN100: return function(e, t) {
+			case X.PATTERN100: return function(e, t) {
 				return (Math.floor(e / 2) + Math.floor(t / 3)) % 2 == 0;
 			};
-			case Y.PATTERN101: return function(e, t) {
+			case X.PATTERN101: return function(e, t) {
 				return e * t % 2 + e * t % 3 == 0;
 			};
-			case Y.PATTERN110: return function(e, t) {
+			case X.PATTERN110: return function(e, t) {
 				return (e * t % 2 + e * t % 3) % 2 == 0;
 			};
-			case Y.PATTERN111: return function(e, t) {
+			case X.PATTERN111: return function(e, t) {
 				return (e * t % 3 + (e + t) % 2) % 2 == 0;
 			};
 			default: throw "bad maskPattern:" + e;
 		}
 	}, r.getErrorCorrectPolynomial = function(e) {
-		let t = Q([1], 0);
-		for (let n = 0; n < e; n += 1) t = t.multiply(Q([1, Z.gexp(n)], 0));
+		let t = $([1], 0);
+		for (let n = 0; n < e; n += 1) t = t.multiply($([1, Q.gexp(n)], 0));
 		return t;
 	}, r.getLengthInBits = function(e, t) {
 		if (1 <= t && t < 10) switch (e) {
-			case q.MODE_NUMBER: return 10;
-			case q.MODE_ALPHA_NUM: return 9;
-			case q.MODE_8BIT_BYTE: return 8;
-			case q.MODE_KANJI: return 8;
+			case J.MODE_NUMBER: return 10;
+			case J.MODE_ALPHA_NUM: return 9;
+			case J.MODE_8BIT_BYTE: return 8;
+			case J.MODE_KANJI: return 8;
 			default: throw "mode:" + e;
 		}
 		else if (t < 27) switch (e) {
-			case q.MODE_NUMBER: return 12;
-			case q.MODE_ALPHA_NUM: return 11;
-			case q.MODE_8BIT_BYTE: return 16;
-			case q.MODE_KANJI: return 10;
+			case J.MODE_NUMBER: return 12;
+			case J.MODE_ALPHA_NUM: return 11;
+			case J.MODE_8BIT_BYTE: return 16;
+			case J.MODE_KANJI: return 10;
 			default: throw "mode:" + e;
 		}
 		else if (t < 41) switch (e) {
-			case q.MODE_NUMBER: return 14;
-			case q.MODE_ALPHA_NUM: return 13;
-			case q.MODE_8BIT_BYTE: return 16;
-			case q.MODE_KANJI: return 12;
+			case J.MODE_NUMBER: return 14;
+			case J.MODE_ALPHA_NUM: return 13;
+			case J.MODE_8BIT_BYTE: return 16;
+			case J.MODE_KANJI: return 12;
 			default: throw "mode:" + e;
 		}
 		else throw "type:" + t;
@@ -1260,7 +1309,7 @@ var q = {
 		let i = Math.abs(100 * r / t / t - 50) / 5;
 		return n += i * 10, n;
 	}, r;
-}(), Z = function() {
+}(), Q = function() {
 	let e = Array(256), t = Array(256);
 	for (let t = 0; t < 8; t += 1) e[t] = 1 << t;
 	for (let t = 8; t < 256; t += 1) e[t] = e[t - 4] ^ e[t - 5] ^ e[t - 6] ^ e[t - 8];
@@ -1274,7 +1323,7 @@ var q = {
 		for (; t >= 256;) t -= 255;
 		return e[t];
 	}, n;
-}(), Q = function(e, t) {
+}(), $ = function(e, t) {
 	if (e.length === void 0) throw e.length + "/" + t;
 	let n = function() {
 		let n = 0;
@@ -1289,16 +1338,16 @@ var q = {
 		return n.length;
 	}, r.multiply = function(e) {
 		let t = Array(r.getLength() + e.getLength() - 1);
-		for (let n = 0; n < r.getLength(); n += 1) for (let i = 0; i < e.getLength(); i += 1) t[n + i] ^= Z.gexp(Z.glog(r.getAt(n)) + Z.glog(e.getAt(i)));
-		return Q(t, 0);
+		for (let n = 0; n < r.getLength(); n += 1) for (let i = 0; i < e.getLength(); i += 1) t[n + i] ^= Q.gexp(Q.glog(r.getAt(n)) + Q.glog(e.getAt(i)));
+		return $(t, 0);
 	}, r.mod = function(e) {
 		if (r.getLength() - e.getLength() < 0) return r;
-		let t = Z.glog(r.getAt(0)) - Z.glog(e.getAt(0)), n = Array(r.getLength());
+		let t = Q.glog(r.getAt(0)) - Q.glog(e.getAt(0)), n = Array(r.getLength());
 		for (let e = 0; e < r.getLength(); e += 1) n[e] = r.getAt(e);
-		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);
+		for (let r = 0; r < e.getLength(); r += 1) n[r] ^= Q.gexp(Q.glog(e.getAt(r)) + t);
+		return $(n, 0).mod(e);
 	}, r;
-}, ue = function() {
+}, Se = function() {
 	let e = [
 		[
 			1,
@@ -2489,10 +2538,10 @@ var q = {
 		return n.totalCount = e, n.dataCount = t, n;
 	}, n = {}, r = function(t, n) {
 		switch (n) {
-			case J.L: return e[(t - 1) * 4 + 0];
-			case J.M: return e[(t - 1) * 4 + 1];
-			case J.Q: return e[(t - 1) * 4 + 2];
-			case J.H: return e[(t - 1) * 4 + 3];
+			case Y.L: return e[(t - 1) * 4 + 0];
+			case Y.M: return e[(t - 1) * 4 + 1];
+			case Y.Q: return e[(t - 1) * 4 + 2];
+			case Y.H: return e[(t - 1) * 4 + 3];
 			default: return;
 		}
 	};
@@ -2506,7 +2555,7 @@ var q = {
 		}
 		return o;
 	}, n;
-}(), de = function() {
+}(), Ce = function() {
 	let e = [], t = 0, n = {};
 	return n.getBuffer = function() {
 		return e;
@@ -2520,8 +2569,8 @@ 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) {
-	let t = q.MODE_NUMBER, n = e, r = {};
+}, we = function(e) {
+	let t = J.MODE_NUMBER, n = e, r = {};
 	r.getMode = function() {
 		return t;
 	}, r.getLength = function(e) {
@@ -2540,8 +2589,8 @@ var q = {
 		throw "illegal char :" + e;
 	};
 	return r;
-}, pe = function(e) {
-	let t = q.MODE_ALPHA_NUM, n = e, r = {};
+}, Te = function(e) {
+	let t = J.MODE_ALPHA_NUM, n = e, r = {};
 	r.getMode = function() {
 		return t;
 	}, r.getLength = function(e) {
@@ -2568,8 +2617,8 @@ var q = {
 		}
 	};
 	return r;
-}, me = function(e) {
-	let t = q.MODE_8BIT_BYTE, n = K.stringToBytes(e), r = {};
+}, Ee = function(e) {
+	let t = J.MODE_8BIT_BYTE, n = q.stringToBytes(e), r = {};
 	return r.getMode = function() {
 		return t;
 	}, r.getLength = function(e) {
@@ -2577,8 +2626,8 @@ var q = {
 	}, r.write = function(e) {
 		for (let t = 0; t < n.length; t += 1) e.put(n[t], 8);
 	}, r;
-}, he = function(e) {
-	let t = q.MODE_KANJI, n = K.stringToBytes;
+}, De = function(e) {
+	let t = J.MODE_KANJI, n = q.stringToBytes;
 	(function(e, t) {
 		let r = n(e);
 		if (r.length != 2 || (r[0] << 8 | r[1]) != t) throw "sjis not supported.";
@@ -2599,7 +2648,7 @@ var q = {
 		}
 		if (n < t.length) throw "illegal char at " + (n + 1);
 	}, i;
-}, ge = function() {
+}, Oe = function() {
 	let e = [], t = {};
 	return t.writeByte = function(t) {
 		e.push(t & 255);
@@ -2618,7 +2667,7 @@ var q = {
 		for (let n = 0; n < e.length; n += 1) n > 0 && (t += ","), t += e[n];
 		return t += "]", t;
 	}, t;
-}, _e = function() {
+}, ke = function() {
 	let e = 0, t = 0, n = 0, r = "", i = {}, a = function(e) {
 		r += String.fromCharCode(o(e & 63));
 	}, o = function(e) {
@@ -2640,7 +2689,7 @@ var q = {
 	}, i.toString = function() {
 		return r;
 	}, i;
-}, ve = function(e) {
+}, Ae = function(e) {
 	let t = e, n = 0, r = 0, i = 0, a = {};
 	a.read = function() {
 		for (; i < 8;) {
@@ -2664,7 +2713,7 @@ var q = {
 		throw "c:" + e;
 	};
 	return a;
-}, ye = function(e, t) {
+}, je = 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 +2738,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 = Oe(), l = o(s);
 		l.write(t, r);
 		let u = 0, d = String.fromCharCode(i[u]);
 		for (u += 1; u < i.length;) {
@@ -2711,37 +2760,37 @@ var q = {
 		}, n;
 	};
 	return a;
-}, be = function(e, t, n) {
-	let r = ye(e, t);
+}, Me = function(e, t, n) {
+	let r = je(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 = Oe();
 	r.write(i);
-	let a = _e(), o = i.toByteArray();
+	let a = ke(), o = i.toByteArray();
 	for (let e = 0; e < o.length; e += 1) a.writeByte(o[e]);
 	return a.flush(), "data:image/gif;base64," + a;
 };
-K.stringToBytes;
+q.stringToBytes;
 //#endregion
 //#region ../../node_modules/react-qr-code/lib/index.mjs
-function $() {
-	return $ = Object.assign ? Object.assign.bind() : function(e) {
+function Ne() {
+	return Ne = Object.assign ? Object.assign.bind() : function(e) {
 		for (var t = 1; t < arguments.length; t++) {
 			var n = arguments[t];
 			for (var r in n) ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
 		}
 		return e;
-	}, $.apply(null, arguments);
+	}, Ne.apply(null, arguments);
 }
-function xe(e, t) {
+function Pe(e, t) {
 	if (e == null) return {};
-	var n, r, i = Se(e, t);
+	var n, r, i = Fe(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 Fe(e, t) {
 	if (e == null) return {};
 	var n = {};
 	for (var r in e) if ({}.hasOwnProperty.call(e, r)) {
@@ -2750,7 +2799,7 @@ function Se(e, t) {
 	}
 	return n;
 }
-var Ce = [
+var Ie = [
 	"bgColor",
 	"bgD",
 	"fgD",
@@ -2759,58 +2808,58 @@ var Ce = [
 	"title",
 	"viewBoxSize",
 	"xmlns"
-], we = {
-	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,
-	fgD: G.default.string.isRequired,
-	size: G.default.number.isRequired,
-	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, {
+], Le = {
+	bgColor: K.default.oneOfType([K.default.object, K.default.string]).isRequired,
+	bgD: K.default.string.isRequired,
+	fgColor: K.default.oneOfType([K.default.object, K.default.string]).isRequired,
+	fgD: K.default.string.isRequired,
+	size: K.default.number.isRequired,
+	title: K.default.string,
+	viewBoxSize: K.default.number.isRequired,
+	xmlns: K.default.string
+}, Re = /*#__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 = Pe(e, Ie);
+	return /*#__PURE__*/ a.createElement("svg", Ne({}, 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 = [
+Re.displayName = "QRCodeSvg", Re.propTypes = Le;
+var ze = [
 	"bgColor",
 	"fgColor",
 	"level",
 	"size",
 	"value"
 ];
-K.stringToBytes = function(e) {
+q.stringToBytes = function(e) {
 	return Array.from(new TextEncoder().encode(e));
 };
-var De = {
-	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);
+var Be = {
+	bgColor: K.default.oneOfType([K.default.object, K.default.string]),
+	fgColor: K.default.oneOfType([K.default.object, K.default.string]),
+	level: K.default.string,
+	size: K.default.number,
+	value: K.default.string.isRequired
+}, Ve = /*#__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 = Pe(e, ze), p = q(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(Re, Ne({}, 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 +2876,125 @@ var De = {
 		viewBoxSize: m
 	}));
 });
-Oe.displayName = "QRCode", Oe.propTypes = De;
-var ke = {
+Ve.displayName = "QRCode", Ve.propTypes = Be;
+var He = {
 	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
+}, Ue = Ve, We = ({ 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__ */ D("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", He.container),
+		children: /* @__PURE__ */ D(Ue, {
+			ref: a,
+			value: t,
 			size: 128,
 			bgColor: "transparent",
 			fgColor: "currentColor",
 			"aria-hidden": !0,
-			className: t("size-full", ke.qrColor)
+			className: n("size-full", He.qrColor)
 		})
 	});
-}, je = ({ ariaLabel: e, skeletonColor: t = z.skeletonColor }) => /* @__PURE__ */ D("div", {
+}, Ge = ({ ariaLabel: e, skeletonColor: t = B.skeletonColor }) => /* @__PURE__ */ O("div", {
 	role: "status",
 	"aria-label": e,
 	className: "flex flex-col gap-3",
 	children: [
-		/* @__PURE__ */ D("div", {
+		/* @__PURE__ */ O("div", {
 			"aria-hidden": !0,
 			className: "flex items-center gap-2.5",
 			children: [
-				/* @__PURE__ */ E(_, {
-					variant: v.Circular,
+				/* @__PURE__ */ D(v, {
+					variant: y.Circular,
 					width: 32,
 					height: 32,
 					color: t
 				}),
-				/* @__PURE__ */ D("div", {
+				/* @__PURE__ */ O("div", {
 					className: "flex min-w-0 flex-1 flex-col gap-1.5",
-					children: [/* @__PURE__ */ E(_, {
-						variant: v.Text,
+					children: [/* @__PURE__ */ D(v, {
+						variant: y.Text,
 						width: "70%",
 						height: 16,
 						color: t
-					}), /* @__PURE__ */ E(_, {
-						variant: v.Text,
+					}), /* @__PURE__ */ D(v, {
+						variant: y.Text,
 						width: "45%",
 						height: 12,
 						color: t
 					})]
 				}),
-				/* @__PURE__ */ E(_, {
-					variant: v.Rectangular,
+				/* @__PURE__ */ D(v, {
+					variant: y.Rectangular,
 					width: 92,
 					height: 30,
 					color: t
 				})
 			]
 		}),
-		/* @__PURE__ */ D("div", {
+		/* @__PURE__ */ O("div", {
 			"aria-hidden": !0,
 			className: "flex flex-col gap-1.5",
-			children: [/* @__PURE__ */ E(_, {
-				variant: v.Text,
+			children: [/* @__PURE__ */ D(v, {
+				variant: y.Text,
 				width: "100%",
 				height: 12,
 				color: t
-			}), /* @__PURE__ */ E(_, {
-				variant: v.Text,
+			}), /* @__PURE__ */ D(v, {
+				variant: y.Text,
 				width: "60%",
 				height: 12,
 				color: t
 			})]
 		}),
-		/* @__PURE__ */ E(_, {
+		/* @__PURE__ */ D(v, {
 			"aria-hidden": !0,
-			variant: v.Rectangular,
+			variant: y.Rectangular,
 			width: "100%",
 			height: 40,
 			color: t
 		}),
-		/* @__PURE__ */ E(_, {
+		/* @__PURE__ */ D(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", {
+}), Ke = "share-popover-qr-button", qe = "share-popover-back-button", Je = ({ title: e, view: t, qrButtonLabel: r, linkLabel: i, onViewChange: a, titleClassName: o = "dial-h3-text" }) => /* @__PURE__ */ O("div", {
 	className: "flex items-center gap-2",
-	children: [/* @__PURE__ */ E("span", {
-		className: t(o, z.title),
+	children: [/* @__PURE__ */ D("span", {
+		className: n(o, B.title),
 		children: e
-	}), n === R.Link ? /* @__PURE__ */ E(f, {
-		id: Me,
+	}), t === z.Link ? /* @__PURE__ */ D(p, {
+		id: Ke,
 		label: r,
-		iconBefore: /* @__PURE__ */ E(C, {
-			size: l.SM,
+		iconBefore: /* @__PURE__ */ D(w, {
+			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__ */ D(p, {
+		id: qe,
 		label: i,
-		iconBefore: /* @__PURE__ */ E(S, {
-			size: l.SM,
+		iconBefore: /* @__PURE__ */ D(C, {
+			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 }) => {
+}), Ye = 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 +3007,125 @@ 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: k = "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: te = "Copy", qrCopiedButtonLabel: oe = "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, H] = u(z.Link), { isCopied: fe, copy: pe } = i(t ?? ""), me = l(null), [ge, _e] = u(!1), U = (e) => _e(e), W = l(null);
+	c(() => {
+		re(W.current);
 		let e = setTimeout(() => {
-			q.current?.contains(document.activeElement) || re(q.current);
+			W.current?.contains(document.activeElement) || re(W.current);
 		}, 0);
 		return () => clearTimeout(e);
 	}, []);
-	let J = s(!0);
-	o(() => {
-		if (J.current) {
-			J.current = !1;
+	let G = l(!0);
+	c(() => {
+		if (G.current) {
+			G.current = !1;
 			return;
 		}
-		let e = V === R.Qr ? Ne : Me;
+		let e = V === z.Qr ? qe : Ke;
 		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 ve = (e) => {
+		let t = e.target.closest("[role=\"menu\"]"), n = t ? Array.from(t.querySelectorAll("[role=\"menuitemradio\"]")) : ne(W.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__ */ O("div", {
+		ref: W,
 		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, ee.popover),
 		onKeyDownCapture: (e) => {
 			if (e.key === "Tab") {
-				Y(e);
+				ve(e);
 				return;
 			}
 			if (e.key === "Escape") {
-				if (e.stopPropagation(), W) {
-					e.preventDefault(), K(!1);
+				if (e.stopPropagation(), ge) {
+					e.preventDefault(), U(!1);
 					return;
 				}
-				V === R.Qr ? (e.preventDefault(), se(R.Link)) : f();
+				V === z.Qr ? (e.preventDefault(), H(z.Link)) : f();
 			}
 		},
 		children: [
-			/* @__PURE__ */ E(Pe, {
-				title: y,
+			/* @__PURE__ */ D(Je, {
+				title: b,
 				view: V,
-				qrButtonLabel: b,
-				linkLabel: x,
-				onViewChange: se
+				qrButtonLabel: x,
+				linkLabel: S,
+				onViewChange: H
 			}),
-			/* @__PURE__ */ E("div", { className: t("-mt-1.5 h-px w-full", z.divider) }),
-			i && /* @__PURE__ */ E(je, {
-				ariaLabel: te,
+			/* @__PURE__ */ D("div", { className: n("-mt-1.5 h-px w-full", B.divider) }),
+			r && /* @__PURE__ */ D(Ge, {
+				ariaLabel: le,
 				skeletonColor: g?.skeletonColor
 			}),
-			!i && a != null && /* @__PURE__ */ E("p", {
+			!r && a != null && /* @__PURE__ */ D("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__ */ O(E, { children: [
+				/* @__PURE__ */ D(ie, {
+					anyoneWithLinkTitle: C,
+					anyoneWithLinkSubtitle: w,
+					access: o,
+					canEditAccess: s,
+					accessViewLabel: k,
+					accessEditLabel: A,
+					accessAriaLabel: T,
+					isOpen: ge,
+					onOpenChange: U,
 					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,
 					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__ */ D("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__ */ D("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__ */ O(E, { children: [/* @__PURE__ */ D(We, {
+					value: t,
+					labels: { ariaLabel: L },
+					svgRef: me
+				}), /* @__PURE__ */ D(he, {
+					url: t,
+					getSvg: () => me.current,
+					copyLabel: te,
+					copiedLabel: oe,
+					downloadLabel: se,
+					downloadFileName: ce
+				})] }) : /* @__PURE__ */ D(ae, {
+					url: t,
+					linkAriaLabel: F,
+					isCopied: fe,
+					copyButtonLabel: N,
+					copiedButtonLabel: P,
+					onCopy: pe
 				}),
-				F != null && /* @__PURE__ */ E("p", {
-					className: t(_?.noteClassName ?? "dial-tiny-text", z.note),
-					children: F
+				I != null && /* @__PURE__ */ D("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 { We as QrCode, ee as SHARE_CLASS, R as ShareLinkAccess, Ye as SharePopover, z as SharePopoverView };