@epam/ai-dial-share 1.3.0-dev.246 → 1.3.0-dev.248

package/index.js

@@ -1,24 +1,24 @@
 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";
+import { DIAL_ICON_SIZE as a, DIAL_KIT_ICON_STROKE as o, GhostButton as s, GhostIconButton as c, InlineSelect as l, Input as u, LiveRegion as d, LiveRegionElement as f, LiveRegionPoliteness as p, MenuItemMark as m, Skeleton as h, SkeletonVariant as g } from "@epam/ai-dial-ui-kit";
+import _, { forwardRef as v, memo as y, useEffect as b, useRef as x, useState as S } from "react";
+import { IconCheck as C, IconCopy as w, IconDownload as T, IconLink as E, IconQrcode as D, IconWorld as O } from "@tabler/icons-react";
+import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
 //#region \0rolldown/runtime.js
-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, t.exports), 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, {
+var M = Object.create, N = Object.defineProperty, P = Object.getOwnPropertyDescriptor, F = Object.getOwnPropertyNames, ee = Object.getPrototypeOf, I = Object.prototype.hasOwnProperty, L = (e, t) => () => (t || (e((t = { exports: {} }).exports, t, t.exports), e = null), t.exports), te = (e, t, n, r) => {
+	if (t && typeof t == "object" || typeof t == "function") for (var i = F(t), a = 0, o = i.length, s; a < o; a++) s = i[a], !I.call(e, s) && s !== n && N(e, s, {
 		get: ((e) => t[e]).bind(null, s),
-		enumerable: !(r = j(t, s)) || r.enumerable
+		enumerable: !(r = P(t, s)) || r.enumerable
 	});
 	return e;
-}, L = (e, t, n) => (n = e == null ? {} : k(N(e)), I(t || !e || !e.__esModule || !P.call(e, "default") ? A(n, "default", {
+}, ne = (e, t, n) => (n = e == null ? {} : M(ee(e)), te(t || !e || !e.__esModule || !I.call(e, "default") ? N(n, "default", {
 	value: e,
 	enumerable: !0
-}) : n, e)), ee = { popover: "dial-share-popover" }, R = /* @__PURE__ */ function(e) {
+}) : n, e)), re = { popover: "dial-share-popover" }, R = /* @__PURE__ */ function(e) {
 	return e.View = "view", e.Edit = "edit", 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);
+}({}), ie = "button:not(:disabled), input:not(:disabled), [tabindex]:not([tabindex=\"-1\"])", ae = (e) => Array.from(e?.querySelectorAll(ie) ?? []), oe = (e) => {
+	let [t] = ae(e);
 	(t ?? e)?.focus();
 }, B = {
 	skeletonColor: "var(--shp-skeleton-color, var(--bg-layer-sunken, #eef1f7))",
@@ -33,159 +33,157 @@ var k = Object.create, A = Object.defineProperty, j = Object.getOwnPropertyDescr
 	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" }) => {
+}, se = ({ anyoneWithLinkTitle: e, anyoneWithLinkSubtitle: t, access: r, canEditAccess: i, accessViewLabel: s, accessEditLabel: c, accessAriaLabel: u, isOpen: d, onOpenChange: f, onAccessChange: p, menuStyle: h, titleClassName: g = "dial-small-semi-text", subtitleClassName: _ = "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
+		label: s
 	}, {
 		key: R.Edit,
-		label: o
+		label: c
 	}].map((e) => ({
 		...e,
-		mark: _.Check,
+		mark: m.Check,
 		checked: e.key === y,
 		className: B.accessMenuItem
 	}));
-	return /* @__PURE__ */ O("div", {
+	return /* @__PURE__ */ j("div", {
 		className: "flex items-center gap-2.5",
 		children: [
-			/* @__PURE__ */ D("span", {
+			/* @__PURE__ */ A("span", {
 				className: n("flex size-8 shrink-0 items-center justify-center rounded-full", B.linkIconBadge),
-				children: /* @__PURE__ */ D(T, {
-					size: d.MD,
+				children: /* @__PURE__ */ A(O, {
+					size: a.MD,
 					"aria-hidden": !0,
-					stroke: f
+					stroke: o
 				})
 			}),
-			/* @__PURE__ */ O("div", {
+			/* @__PURE__ */ j("div", {
 				className: "min-w-0 flex-1",
-				children: [/* @__PURE__ */ D("p", {
-					className: n(m, "truncate", B.anyoneWithLinkTitle),
+				children: [/* @__PURE__ */ A("p", {
+					className: n(g, "truncate", B.anyoneWithLinkTitle),
 					children: e
-				}), /* @__PURE__ */ D("p", {
-					className: n(g, B.anyoneWithLinkSubtitle),
+				}), /* @__PURE__ */ A("p", {
+					className: n(_, B.anyoneWithLinkSubtitle),
 					children: t
 				})]
 			}),
-			i ? /* @__PURE__ */ D(h, {
+			i ? /* @__PURE__ */ A(l, {
 				items: b,
 				selectedKey: y,
 				onSelect: ({ key: e }) => {
-					u(e === R.Edit ? [R.View, R.Edit] : [R.View]);
+					p(e === R.Edit ? [R.View, R.Edit] : [R.View]);
 				},
-				open: c,
-				onOpenChange: l,
+				open: d,
+				onOpenChange: f,
 				placement: "bottom-end",
 				matchReferenceWidth: !1,
 				listClassName: "min-w-[160px]",
-				listStyle: p,
+				listStyle: h,
 				triggerClassName: n("shrink-0 gap-1.5 whitespace-nowrap border", B.accessTriggerBtn),
 				triggerLabelClassName: n(B.accessTriggerLabel, v)
-			}) : /* @__PURE__ */ D("span", {
-				"aria-label": s,
+			}) : /* @__PURE__ */ A("span", {
+				"aria-label": u,
 				className: n("flex h-10 shrink-0 items-center rounded-full px-3 whitespace-nowrap", B.accessTriggerBtn),
-				children: /* @__PURE__ */ D("span", {
+				children: /* @__PURE__ */ A("span", {
 					className: n(B.accessTriggerLabel, v),
-					children: a
+					children: s
 				})
 			})
 		]
 	});
-}, ae = ({ url: e, linkAriaLabel: t, isCopied: r, copyButtonLabel: i, copiedButtonLabel: a, onCopy: o }) => /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ O("div", {
+}, ce = ({ url: e, linkAriaLabel: t, isCopied: r, copyButtonLabel: i, copiedButtonLabel: s, onCopy: l }) => /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ j("div", {
 	className: n("flex items-center gap-3 rounded-full px-4 py-2", B.linkRow),
-	children: [/* @__PURE__ */ D(g, {
+	children: [/* @__PURE__ */ A(u, {
 		readOnly: !0,
 		value: e,
 		"aria-label": t,
 		containerClassName: "min-w-0 flex-1",
 		wrapperClassName: "border-0 bg-transparent px-0 outline-hidden"
-	}), /* @__PURE__ */ D(m, {
-		icon: D(r ? b : x, {
-			size: d.LG,
+	}), /* @__PURE__ */ A(c, {
+		icon: A(r ? C : w, {
+			size: a.LG,
 			"aria-hidden": !0,
-			stroke: f
+			stroke: o
 		}),
-		"aria-label": r ? a : i,
-		tooltipProps: { tooltip: r ? a : i },
-		onClick: o
+		"aria-label": r ? s : i,
+		tooltipProps: { tooltip: r ? s : i },
+		onClick: l
 	})]
-}), /* @__PURE__ */ D("span", {
-	role: "status",
-	"aria-live": "polite",
-	className: "sr-only",
-	children: r ? a : ""
-})] }), oe = 512, se = 32, ce = "http://www.w3.org/2000/svg", le = "#000000", ue = "#ffffff", de = (e, t) => {
+}), /* @__PURE__ */ A(d, {
+	visuallyHidden: !0,
+	as: f.Span,
+	children: r ? s : ""
+})] }), le = 512, ue = 32, de = "http://www.w3.org/2000/svg", fe = "#000000", pe = "#ffffff", V = (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);
+	return n.setAttribute("xmlns", de), 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", fe);
 	}), new XMLSerializer().serializeToString(n);
-}, V = (e) => new Promise((t, n) => {
+}, me = (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");
+}), he = async (e, { size: t = le, margin: n = ue } = {}) => {
+	let r = t - n * 2, i = await me(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 = ue, o.fillRect(0, 0, t, t), o.drawImage(i, n, n, r, r), new Promise((e, t) => {
+	return o.fillStyle = pe, o.fillRect(0, 0, t, t), o.drawImage(i, n, n, r, r), new Promise((e, t) => {
 		a.toBlob((n) => {
 			n == null ? t(/* @__PURE__ */ Error("Failed to encode the QR code as PNG.")) : e(n);
 		}, "image/png");
 	});
-}, fe = () => typeof navigator < "u" && typeof navigator.clipboard?.write == "function" && typeof ClipboardItem < "u", pe = (e) => {
-	let t = H(e);
+}, ge = () => typeof navigator < "u" && typeof navigator.clipboard?.write == "function" && typeof ClipboardItem < "u", _e = (e) => {
+	let t = he(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);
+}, ve = 2e3, ye = ({ url: e, getSvg: n, copyLabel: i, copiedLabel: c, downloadLabel: l, downloadFileName: u }) => {
+	let [p, m] = S(!1), h = x(null);
+	b(() => () => {
+		h.current != null && clearTimeout(h.current);
 	}, []);
-	let _ = () => {
-		g.current != null && clearTimeout(g.current), h(!0), g.current = setTimeout(() => h(!1), me);
-	}, v = async () => {
+	let g = () => {
+		h.current != null && clearTimeout(h.current), m(!0), h.current = setTimeout(() => m(!1), ve);
+	}, _ = async () => {
 		let e = n();
-		if (e == null || !fe()) return !1;
+		if (e == null || !ge()) return !1;
 		try {
-			return await pe(e), !0;
+			return await _e(e), !0;
 		} catch {
 			return !1;
 		}
-	}, y = async () => {
+	}, v = async () => {
 		try {
-			(await v() || await t(e)) && _();
+			(await _() || await t(e)) && g();
 		} catch {}
-	}, C = async () => {
+	}, y = async () => {
 		let e = n();
 		if (e != null) try {
-			r(await H(e), s);
+			r(await he(e), u);
 		} catch {}
 	};
-	return /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ O("div", {
+	return /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ j("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,
+		children: [/* @__PURE__ */ A(s, {
+			label: p ? c : i,
+			iconBefore: A(p ? C : w, {
+				size: a.SM,
 				"aria-hidden": !0,
-				stroke: f
+				stroke: o
 			}),
-			onClick: () => void y()
-		}), /* @__PURE__ */ D(p, {
-			label: o,
-			iconBefore: /* @__PURE__ */ D(S, {
-				size: d.SM,
+			onClick: () => void v()
+		}), /* @__PURE__ */ A(s, {
+			label: l,
+			iconBefore: /* @__PURE__ */ A(T, {
+				size: a.SM,
 				"aria-hidden": !0,
-				stroke: f
+				stroke: o
 			}),
-			onClick: () => void C()
+			onClick: () => void y()
 		})]
-	}), /* @__PURE__ */ D("span", {
-		role: "status",
-		"aria-live": "polite",
-		className: "sr-only",
-		children: m ? a : ""
+	}), /* @__PURE__ */ A(d, {
+		visuallyHidden: !0,
+		as: f.Span,
+		children: p ? c : ""
 	})] });
-}, ge = /* @__PURE__ */ F(((e) => {
+}, be = /* @__PURE__ */ L(((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) {
@@ -241,7 +239,7 @@ var k = Object.create, A = Object.defineProperty, j = 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;
-})), _e = /* @__PURE__ */ F(((e) => {
+})), xe = /* @__PURE__ */ L(((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) {
@@ -276,50 +274,50 @@ var k = Object.create, A = Object.defineProperty, j = 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 I(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.")), L(e) || x(e) === l;
+		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 L(e) {
+		function I(e) {
 			return x(e) === u;
 		}
-		function ee(e) {
+		function L(e) {
 			return x(e) === c;
 		}
-		function R(e) {
+		function te(e) {
 			return x(e) === s;
 		}
-		function z(e) {
+		function ne(e) {
 			return typeof e == "object" && !!e && e.$$typeof === n;
 		}
-		function te(e) {
+		function re(e) {
 			return x(e) === d;
 		}
-		function ne(e) {
+		function R(e) {
 			return x(e) === i;
 		}
-		function re(e) {
+		function z(e) {
 			return x(e) === h;
 		}
-		function B(e) {
+		function ie(e) {
 			return x(e) === m;
 		}
-		function ie(e) {
+		function ae(e) {
 			return x(e) === r;
 		}
-		function ae(e) {
+		function oe(e) {
 			return x(e) === o;
 		}
-		function oe(e) {
+		function B(e) {
 			return x(e) === a;
 		}
 		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 = 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;
+		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 = te, e.isElement = ne, e.isForwardRef = re, e.isFragment = R, e.isLazy = z, e.isMemo = ie, e.isPortal = ae, e.isProfiler = oe, e.isStrictMode = B, e.isSuspense = se, e.isValidElementType = b, e.typeOf = x;
 	})();
-})), U = /* @__PURE__ */ F(((e, t) => {
-	t.exports = process.env.NODE_ENV === "production" ? ge() : _e();
-})), W = /* @__PURE__ */ F(((e, t) => {
+})), H = /* @__PURE__ */ L(((e, t) => {
+	t.exports = process.env.NODE_ENV === "production" ? be() : xe();
+})), Se = /* @__PURE__ */ L(((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");
@@ -352,14 +350,14 @@ var k = Object.create, A = Object.defineProperty, j = Object.getOwnPropertyDescr
 		}
 		return s;
 	};
-})), G = /* @__PURE__ */ F(((e, t) => {
+})), U = /* @__PURE__ */ L(((e, t) => {
 	t.exports = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-})), ve = /* @__PURE__ */ F(((e, t) => {
+})), Ce = /* @__PURE__ */ L(((e, t) => {
 	t.exports = Function.call.bind(Object.prototype.hasOwnProperty);
-})), ye = /* @__PURE__ */ F(((e, t) => {
+})), we = /* @__PURE__ */ L(((e, t) => {
 	var n = function() {};
 	if (process.env.NODE_ENV !== "production") {
-		var r = G(), i = {}, a = ve();
+		var r = U(), i = {}, a = Ce();
 		n = function(e) {
 			var t = "Warning: " + e;
 			typeof console < "u" && console.error(t);
@@ -392,8 +390,8 @@ var k = Object.create, A = Object.defineProperty, j = Object.getOwnPropertyDescr
 	o.resetWarningCache = function() {
 		process.env.NODE_ENV !== "production" && (i = {});
 	}, t.exports = o;
-})), be = /* @__PURE__ */ F(((e, t) => {
-	var n = U(), r = W(), i = G(), a = ve(), o = ye(), s = function() {};
+})), Te = /* @__PURE__ */ L(((e, t) => {
+	var n = H(), r = Se(), i = U(), a = Ce(), o = we(), s = function() {};
 	process.env.NODE_ENV !== "production" && (s = function(e) {
 		var t = "Warning: " + e;
 		typeof console < "u" && console.error(t);
@@ -652,8 +650,8 @@ var k = Object.create, A = Object.defineProperty, j = Object.getOwnPropertyDescr
 		}
 		return p.checkPropTypes = o, p.resetWarningCache = o.resetWarningCache, p.PropTypes = p, p;
 	};
-})), xe = /* @__PURE__ */ F(((e, t) => {
-	var n = G();
+})), Ee = /* @__PURE__ */ L(((e, t) => {
+	var n = U();
 	function r() {}
 	function i() {}
 	i.resetWarningCache = r, t.exports = function() {
@@ -692,13 +690,13 @@ var k = Object.create, A = Object.defineProperty, j = Object.getOwnPropertyDescr
 		};
 		return a.PropTypes = a, a;
 	};
-})), K = /* @__PURE__ */ L((/* @__PURE__ */ F(((e, t) => {
+})), W = /* @__PURE__ */ ne((/* @__PURE__ */ L(((e, t) => {
 	if (process.env.NODE_ENV !== "production") {
-		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) {
+		var n = H();
+		t.exports = Te()(n.isElement, !0);
+	} else t.exports = Ee()();
+})))(), 1), G = function(e, t) {
+	let n = e, r = q[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) {
@@ -713,7 +711,7 @@ var k = Object.create, A = Object.defineProperty, j = Object.getOwnPropertyDescr
 		let e = 0, t = 0;
 		for (let n = 0; n < 8; n += 1) {
 			l(!0, n);
-			let r = Z.getLostPoint(c);
+			let r = Y.getLostPoint(c);
 			(n == 0 || e > r) && (e = r, t = n);
 		}
 		return t;
@@ -721,13 +719,13 @@ var k = Object.create, A = Object.defineProperty, j = 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 = Z.getPatternPosition(n);
+		let e = Y.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 = Z.getBCHTypeNumber(n);
+		let t = Y.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;
@@ -737,7 +735,7 @@ var k = Object.create, A = Object.defineProperty, j = Object.getOwnPropertyDescr
 			i[n % 3 + a - 8 - 3][Math.floor(n / 3)] = r;
 		}
 	}, h = function(e, t) {
-		let n = r << 3 | t, o = Z.getBCHTypeInfo(n);
+		let n = r << 3 | t, o = Y.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;
@@ -748,7 +746,7 @@ var k = Object.create, A = Object.defineProperty, j = Object.getOwnPropertyDescr
 		}
 		i[a - 8][8] = !e;
 	}, g = function(e, t) {
-		let n = -1, r = a - 1, o = 7, s = 0, c = Z.getMaskFunction(t);
+		let n = -1, r = a - 1, o = 7, s = 0, c = Y.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;
@@ -766,7 +764,7 @@ var k = Object.create, A = Object.defineProperty, j = 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 = Z.getErrorCorrectPolynomial(l), d = $(a[s], u.getLength() - 1).mod(u);
+			let u = Y.getErrorCorrectPolynomial(l), d = Z(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;
@@ -780,10 +778,10 @@ var k = Object.create, A = Object.defineProperty, j = 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 = Se.getRSBlocks(e, t), i = Ce();
+		let r = De.getRSBlocks(e, t), i = Oe();
 		for (let t = 0; t < n.length; t += 1) {
 			let r = n[t];
-			i.put(r.getMode(), 4), i.put(r.getLength(), Z.getLengthInBits(r.getMode(), e)), r.write(i);
+			i.put(r.getMode(), 4), i.put(r.getLength(), Y.getLengthInBits(r.getMode(), e)), r.write(i);
 		}
 		let a = 0;
 		for (let e = 0; e < r.length; e += 1) a += r[e].dataCount;
@@ -797,16 +795,16 @@ var k = Object.create, A = Object.defineProperty, j = Object.getOwnPropertyDescr
 		let n = null;
 		switch (t) {
 			case "Numeric":
-				n = we(e);
+				n = ke(e);
 				break;
 			case "Alphanumeric":
-				n = Te(e);
+				n = Ae(e);
 				break;
 			case "Byte":
-				n = Ee(e);
+				n = je(e);
 				break;
 			case "Kanji":
-				n = De(e);
+				n = Me(e);
 				break;
 			default: throw "mode:" + t;
 		}
@@ -820,10 +818,10 @@ var k = Object.create, A = Object.defineProperty, j = Object.getOwnPropertyDescr
 		if (n < 1) {
 			let e = 1;
 			for (; e < 40; e++) {
-				let t = Se.getRSBlocks(e, r), n = Ce();
+				let t = De.getRSBlocks(e, r), n = Oe();
 				for (let t = 0; t < s.length; t++) {
 					let r = s[t];
-					n.put(r.getMode(), 4), n.put(r.getLength(), Z.getLengthInBits(r.getMode(), e)), r.write(n);
+					n.put(r.getMode(), 4), n.put(r.getLength(), Y.getLengthInBits(r.getMode(), e)), r.write(n);
 				}
 				let i = 0;
 				for (let e = 0; e < t.length; e++) i += t[e].dataCount;
@@ -851,7 +849,7 @@ var k = Object.create, A = Object.defineProperty, j = 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 Me(n, n, function(t, n) {
+		return Le(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);
@@ -918,16 +916,16 @@ var k = Object.create, A = Object.defineProperty, j = 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;
 };
-q.stringToBytes = function(e) {
+G.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;
-}, q.createStringToBytes = function(e, t) {
+}, G.createStringToBytes = function(e, t) {
 	let n = function() {
-		let n = Ae(e), r = function() {
+		let n = Fe(e), r = function() {
 			let e = n.read();
 			if (e == -1) throw "eof";
 			return e;
@@ -954,17 +952,17 @@ q.stringToBytes = function(e) {
 		return t;
 	};
 };
-var J = {
+var K = {
 	MODE_NUMBER: 1,
 	MODE_ALPHA_NUM: 2,
 	MODE_8BIT_BYTE: 4,
 	MODE_KANJI: 8
-}, Y = {
+}, q = {
 	L: 1,
 	M: 0,
 	Q: 3,
 	H: 2
-}, X = {
+}, J = {
 	PATTERN000: 0,
 	PATTERN001: 1,
 	PATTERN010: 2,
@@ -973,7 +971,7 @@ var J = {
 	PATTERN101: 5,
 	PATTERN110: 6,
 	PATTERN111: 7
-}, Z = function() {
+}, Y = function() {
 	let e = [
 		[],
 		[6, 18],
@@ -1234,56 +1232,56 @@ var J = {
 		return e[t - 1];
 	}, r.getMaskFunction = function(e) {
 		switch (e) {
-			case X.PATTERN000: return function(e, t) {
+			case J.PATTERN000: return function(e, t) {
 				return (e + t) % 2 == 0;
 			};
-			case X.PATTERN001: return function(e, t) {
+			case J.PATTERN001: return function(e, t) {
 				return e % 2 == 0;
 			};
-			case X.PATTERN010: return function(e, t) {
+			case J.PATTERN010: return function(e, t) {
 				return t % 3 == 0;
 			};
-			case X.PATTERN011: return function(e, t) {
+			case J.PATTERN011: return function(e, t) {
 				return (e + t) % 3 == 0;
 			};
-			case X.PATTERN100: return function(e, t) {
+			case J.PATTERN100: return function(e, t) {
 				return (Math.floor(e / 2) + Math.floor(t / 3)) % 2 == 0;
 			};
-			case X.PATTERN101: return function(e, t) {
+			case J.PATTERN101: return function(e, t) {
 				return e * t % 2 + e * t % 3 == 0;
 			};
-			case X.PATTERN110: return function(e, t) {
+			case J.PATTERN110: return function(e, t) {
 				return (e * t % 2 + e * t % 3) % 2 == 0;
 			};
-			case X.PATTERN111: return function(e, t) {
+			case J.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 = $([1], 0);
-		for (let n = 0; n < e; n += 1) t = t.multiply($([1, Q.gexp(n)], 0));
+		let t = Z([1], 0);
+		for (let n = 0; n < e; n += 1) t = t.multiply(Z([1, X.gexp(n)], 0));
 		return t;
 	}, r.getLengthInBits = function(e, t) {
 		if (1 <= t && t < 10) switch (e) {
-			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;
+			case K.MODE_NUMBER: return 10;
+			case K.MODE_ALPHA_NUM: return 9;
+			case K.MODE_8BIT_BYTE: return 8;
+			case K.MODE_KANJI: return 8;
 			default: throw "mode:" + e;
 		}
 		else if (t < 27) switch (e) {
-			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;
+			case K.MODE_NUMBER: return 12;
+			case K.MODE_ALPHA_NUM: return 11;
+			case K.MODE_8BIT_BYTE: return 16;
+			case K.MODE_KANJI: return 10;
 			default: throw "mode:" + e;
 		}
 		else if (t < 41) switch (e) {
-			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;
+			case K.MODE_NUMBER: return 14;
+			case K.MODE_ALPHA_NUM: return 13;
+			case K.MODE_8BIT_BYTE: return 16;
+			case K.MODE_KANJI: return 12;
 			default: throw "mode:" + e;
 		}
 		else throw "type:" + t;
@@ -1305,7 +1303,7 @@ var J = {
 		let i = Math.abs(100 * r / t / t - 50) / 5;
 		return n += i * 10, n;
 	}, r;
-}(), Q = function() {
+}(), X = 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];
@@ -1319,7 +1317,7 @@ var J = {
 		for (; t >= 256;) t -= 255;
 		return e[t];
 	}, n;
-}(), $ = function(e, t) {
+}(), Z = function(e, t) {
 	if (e.length === void 0) throw e.length + "/" + t;
 	let n = function() {
 		let n = 0;
@@ -1334,16 +1332,16 @@ var J = {
 		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] ^= Q.gexp(Q.glog(r.getAt(n)) + Q.glog(e.getAt(i)));
-		return $(t, 0);
+		for (let n = 0; n < r.getLength(); n += 1) for (let i = 0; i < e.getLength(); i += 1) t[n + i] ^= X.gexp(X.glog(r.getAt(n)) + X.glog(e.getAt(i)));
+		return Z(t, 0);
 	}, r.mod = function(e) {
 		if (r.getLength() - e.getLength() < 0) return r;
-		let t = Q.glog(r.getAt(0)) - Q.glog(e.getAt(0)), n = Array(r.getLength());
+		let t = X.glog(r.getAt(0)) - X.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] ^= Q.gexp(Q.glog(e.getAt(r)) + t);
-		return $(n, 0).mod(e);
+		for (let r = 0; r < e.getLength(); r += 1) n[r] ^= X.gexp(X.glog(e.getAt(r)) + t);
+		return Z(n, 0).mod(e);
 	}, r;
-}, Se = function() {
+}, De = function() {
 	let e = [
 		[
 			1,
@@ -2534,10 +2532,10 @@ var J = {
 		return n.totalCount = e, n.dataCount = t, n;
 	}, n = {}, r = function(t, n) {
 		switch (n) {
-			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];
+			case q.L: return e[(t - 1) * 4 + 0];
+			case q.M: return e[(t - 1) * 4 + 1];
+			case q.Q: return e[(t - 1) * 4 + 2];
+			case q.H: return e[(t - 1) * 4 + 3];
 			default: return;
 		}
 	};
@@ -2551,7 +2549,7 @@ var J = {
 		}
 		return o;
 	}, n;
-}(), Ce = function() {
+}(), Oe = function() {
 	let e = [], t = 0, n = {};
 	return n.getBuffer = function() {
 		return e;
@@ -2566,8 +2564,8 @@ var J = {
 		let r = Math.floor(t / 8);
 		e.length <= r && e.push(0), n && (e[r] |= 128 >>> t % 8), t += 1;
 	}, n;
-}, we = function(e) {
-	let t = J.MODE_NUMBER, n = e, r = {};
+}, ke = function(e) {
+	let t = K.MODE_NUMBER, n = e, r = {};
 	r.getMode = function() {
 		return t;
 	}, r.getLength = function(e) {
@@ -2586,8 +2584,8 @@ var J = {
 		throw "illegal char :" + e;
 	};
 	return r;
-}, Te = function(e) {
-	let t = J.MODE_ALPHA_NUM, n = e, r = {};
+}, Ae = function(e) {
+	let t = K.MODE_ALPHA_NUM, n = e, r = {};
 	r.getMode = function() {
 		return t;
 	}, r.getLength = function(e) {
@@ -2614,8 +2612,8 @@ var J = {
 		}
 	};
 	return r;
-}, Ee = function(e) {
-	let t = J.MODE_8BIT_BYTE, n = q.stringToBytes(e), r = {};
+}, je = function(e) {
+	let t = K.MODE_8BIT_BYTE, n = G.stringToBytes(e), r = {};
 	return r.getMode = function() {
 		return t;
 	}, r.getLength = function(e) {
@@ -2623,8 +2621,8 @@ var J = {
 	}, r.write = function(e) {
 		for (let t = 0; t < n.length; t += 1) e.put(n[t], 8);
 	}, r;
-}, De = function(e) {
-	let t = J.MODE_KANJI, n = q.stringToBytes;
+}, Me = function(e) {
+	let t = K.MODE_KANJI, n = G.stringToBytes;
 	(function(e, t) {
 		let r = n(e);
 		if (r.length != 2 || (r[0] << 8 | r[1]) != t) throw "sjis not supported.";
@@ -2645,7 +2643,7 @@ var J = {
 		}
 		if (n < t.length) throw "illegal char at " + (n + 1);
 	}, i;
-}, Oe = function() {
+}, Ne = function() {
 	let e = [], t = {};
 	return t.writeByte = function(t) {
 		e.push(t & 255);
@@ -2664,7 +2662,7 @@ var J = {
 		for (let n = 0; n < e.length; n += 1) n > 0 && (t += ","), t += e[n];
 		return t += "]", t;
 	}, t;
-}, ke = function() {
+}, Pe = function() {
 	let e = 0, t = 0, n = 0, r = "", i = {}, a = function(e) {
 		r += String.fromCharCode(o(e & 63));
 	}, o = function(e) {
@@ -2686,7 +2684,7 @@ var J = {
 	}, i.toString = function() {
 		return r;
 	}, i;
-}, Ae = function(e) {
+}, Fe = function(e) {
 	let t = e, n = 0, r = 0, i = 0, a = {};
 	a.read = function() {
 		for (; i < 8;) {
@@ -2710,7 +2708,7 @@ var J = {
 		throw "c:" + e;
 	};
 	return a;
-}, je = function(e, t) {
+}, Ie = function(e, t) {
 	let n = e, r = t, i = Array(e * t), a = {};
 	a.setPixel = function(e, t, r) {
 		i[t * n + e] = r;
@@ -2735,7 +2733,7 @@ var J = {
 		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 = Oe(), l = o(s);
+		let s = Ne(), l = o(s);
 		l.write(t, r);
 		let u = 0, d = String.fromCharCode(i[u]);
 		for (u += 1; u < i.length;) {
@@ -2757,37 +2755,37 @@ var J = {
 		}, n;
 	};
 	return a;
-}, Me = function(e, t, n) {
-	let r = je(e, t);
+}, Le = function(e, t, n) {
+	let r = Ie(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 = Oe();
+	let i = Ne();
 	r.write(i);
-	let a = ke(), o = i.toByteArray();
+	let a = Pe(), o = i.toByteArray();
 	for (let e = 0; e < o.length; e += 1) a.writeByte(o[e]);
 	return a.flush(), "data:image/gif;base64," + a;
 };
-q.stringToBytes;
+G.stringToBytes;
 //#endregion
 //#region ../../node_modules/react-qr-code/lib/index.mjs
-function Ne() {
-	return Ne = Object.assign ? Object.assign.bind() : function(e) {
+function Q() {
+	return Q = 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;
-	}, Ne.apply(null, arguments);
+	}, Q.apply(null, arguments);
 }
-function Pe(e, t) {
+function Re(e, t) {
 	if (e == null) return {};
-	var n, r, i = Fe(e, t);
+	var n, r, i = ze(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 Fe(e, t) {
+function ze(e, t) {
 	if (e == null) return {};
 	var n = {};
 	for (var r in e) if ({}.hasOwnProperty.call(e, r)) {
@@ -2796,7 +2794,7 @@ function Fe(e, t) {
 	}
 	return n;
 }
-var Ie = [
+var Be = [
 	"bgColor",
 	"bgD",
 	"fgD",
@@ -2805,314 +2803,312 @@ var Ie = [
 	"title",
 	"viewBoxSize",
 	"xmlns"
-], 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,
+], Ve = {
+	bgColor: W.default.oneOfType([W.default.object, W.default.string]).isRequired,
+	bgD: W.default.string.isRequired,
+	fgColor: W.default.oneOfType([W.default.object, W.default.string]).isRequired,
+	fgD: W.default.string.isRequired,
+	size: W.default.number.isRequired,
+	title: W.default.string,
+	viewBoxSize: W.default.number.isRequired,
+	xmlns: W.default.string
+}, $ = /*#__PURE__*/ v(function(e, t) {
+	var n = e.bgColor, r = e.bgD, i = e.fgD, a = e.fgColor, o = e.size, s = e.title, c = e.viewBoxSize, l = e.xmlns, u = l === void 0 ? "http://www.w3.org/2000/svg" : l, d = Re(e, Be);
+	return /*#__PURE__*/ _.createElement("svg", Q({}, d, {
+		height: o,
 		ref: t,
-		viewBox: `0 0 ${l} ${l}`,
-		width: s,
-		xmlns: d
-	}), c ? /*#__PURE__*/ a.createElement("title", null, c) : null, /*#__PURE__*/ a.createElement("path", {
+		viewBox: `0 0 ${c} ${c}`,
+		width: o,
+		xmlns: u
+	}), s ? /*#__PURE__*/ _.createElement("title", null, s) : null, /*#__PURE__*/ _.createElement("path", {
 		d: r,
 		fill: n
-	}), /*#__PURE__*/ a.createElement("path", {
+	}), /*#__PURE__*/ _.createElement("path", {
 		d: i,
-		fill: o
+		fill: a
 	}));
 });
-Re.displayName = "QRCodeSvg", Re.propTypes = Le;
-var ze = [
+$.displayName = "QRCodeSvg", $.propTypes = Ve;
+var He = [
 	"bgColor",
 	"fgColor",
 	"level",
 	"size",
 	"value"
 ];
-q.stringToBytes = function(e) {
+G.stringToBytes = function(e) {
 	return Array.from(new TextEncoder().encode(e));
 };
-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);
+var Ue = {
+	bgColor: W.default.oneOfType([W.default.object, W.default.string]),
+	fgColor: W.default.oneOfType([W.default.object, W.default.string]),
+	level: W.default.string,
+	size: W.default.number,
+	value: W.default.string.isRequired
+}, We = /*#__PURE__*/ v(function(e, t) {
+	var n = e.bgColor, r = n === void 0 ? "#FFFFFF" : n, i = e.fgColor, a = i === void 0 ? "#000000" : i, o = e.level, s = o === void 0 ? "L" : o, c = e.size, l = c === void 0 ? 256 : c, u = e.value, d = Re(e, He), f = G(0, s);
+	f.addData(u), f.make();
+	var p = f.getModuleCount(), m = Array.from({ length: p }, function(e, t) {
+		return Array.from({ length: p }, function(e, n) {
+			return f.isDark(t, n);
 		});
 	});
-	return /*#__PURE__*/ a.createElement(Re, Ne({}, f, {
+	return /*#__PURE__*/ _.createElement($, Q({}, d, {
 		bgColor: r,
-		bgD: h.map(function(e, t) {
+		bgD: m.map(function(e, t) {
 			return e.map(function(e, n) {
 				return e ? "" : `M ${n} ${t} l 1 0 0 1 -1 0 Z`;
 			}).join(" ");
 		}).join(" "),
-		fgColor: o,
-		fgD: h.map(function(e, t) {
+		fgColor: a,
+		fgD: m.map(function(e, t) {
 			return e.map(function(e, n) {
 				return e ? `M ${n} ${t} l 1 0 0 1 -1 0 Z` : "";
 			}).join(" ");
 		}).join(" "),
 		ref: t,
-		size: u,
-		viewBoxSize: m
+		size: l,
+		viewBoxSize: p
 	}));
 });
-Ve.displayName = "QRCode", Ve.propTypes = Be;
-var He = {
+We.displayName = "QRCode", We.propTypes = Ue;
+var Ge = {
 	container: "_container_hzzl6_1",
 	qrColor: "_qrColor_hzzl6_6"
-}, Ue = Ve, We = ({ value: t, labels: r, styles: i, svgRef: a }) => {
+}, Ke = We, qe = ({ 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__ */ D("div", {
+	return /* @__PURE__ */ A("div", {
 		role: "img",
 		"aria-label": r.ariaLabel,
 		style: s,
-		className: n("flex size-40 items-center justify-center self-center rounded-lg border p-3", He.container),
-		children: /* @__PURE__ */ D(Ue, {
+		className: n("flex size-40 items-center justify-center self-center rounded-lg border p-3", Ge.container),
+		children: /* @__PURE__ */ A(Ke, {
 			ref: a,
 			value: t,
 			size: 128,
 			bgColor: "transparent",
 			fgColor: "currentColor",
 			"aria-hidden": !0,
-			className: n("size-full", He.qrColor)
+			className: n("size-full", Ge.qrColor)
 		})
 	});
-}, Ge = ({ ariaLabel: e, skeletonColor: t = B.skeletonColor }) => /* @__PURE__ */ O("div", {
-	role: "status",
-	"aria-label": e,
+}, Je = ({ skeletonColor: e = B.skeletonColor }) => /* @__PURE__ */ j("div", {
+	"aria-hidden": !0,
 	className: "flex flex-col gap-3",
 	children: [
-		/* @__PURE__ */ O("div", {
-			"aria-hidden": !0,
+		/* @__PURE__ */ j("div", {
 			className: "flex items-center gap-2.5",
 			children: [
-				/* @__PURE__ */ D(v, {
-					variant: y.Circular,
+				/* @__PURE__ */ A(h, {
+					variant: g.Circular,
 					width: 32,
 					height: 32,
-					color: t
+					color: e
 				}),
-				/* @__PURE__ */ O("div", {
+				/* @__PURE__ */ j("div", {
 					className: "flex min-w-0 flex-1 flex-col gap-1.5",
-					children: [/* @__PURE__ */ D(v, {
-						variant: y.Text,
+					children: [/* @__PURE__ */ A(h, {
+						variant: g.Text,
 						width: "70%",
 						height: 16,
-						color: t
-					}), /* @__PURE__ */ D(v, {
-						variant: y.Text,
+						color: e
+					}), /* @__PURE__ */ A(h, {
+						variant: g.Text,
 						width: "45%",
 						height: 12,
-						color: t
+						color: e
 					})]
 				}),
-				/* @__PURE__ */ D(v, {
-					variant: y.Rectangular,
+				/* @__PURE__ */ A(h, {
+					variant: g.Rectangular,
 					width: 92,
 					height: 30,
-					color: t
+					color: e
 				})
 			]
 		}),
-		/* @__PURE__ */ O("div", {
-			"aria-hidden": !0,
+		/* @__PURE__ */ j("div", {
 			className: "flex flex-col gap-1.5",
-			children: [/* @__PURE__ */ D(v, {
-				variant: y.Text,
+			children: [/* @__PURE__ */ A(h, {
+				variant: g.Text,
 				width: "100%",
 				height: 12,
-				color: t
-			}), /* @__PURE__ */ D(v, {
-				variant: y.Text,
+				color: e
+			}), /* @__PURE__ */ A(h, {
+				variant: g.Text,
 				width: "60%",
 				height: 12,
-				color: t
+				color: e
 			})]
 		}),
-		/* @__PURE__ */ D(v, {
-			"aria-hidden": !0,
-			variant: y.Rectangular,
+		/* @__PURE__ */ A(h, {
+			variant: g.Rectangular,
 			width: "100%",
 			height: 40,
-			color: t
+			color: e
 		}),
-		/* @__PURE__ */ D(v, {
-			"aria-hidden": !0,
-			variant: y.Text,
+		/* @__PURE__ */ A(h, {
+			variant: g.Text,
 			width: "50%",
 			height: 12,
-			color: t
+			color: e
 		})
 	]
-}), 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", {
+}), Ye = "share-popover-qr-button", Xe = "share-popover-back-button", Ze = ({ title: e, view: t, qrButtonLabel: r, linkLabel: i, onViewChange: c, titleClassName: l = "dial-h3-text" }) => /* @__PURE__ */ j("div", {
 	className: "flex items-center gap-2",
-	children: [/* @__PURE__ */ D("span", {
-		className: n(o, B.title),
+	children: [/* @__PURE__ */ A("span", {
+		className: n(l, B.title),
 		children: e
-	}), t === z.Link ? /* @__PURE__ */ D(p, {
-		id: Ke,
+	}), t === z.Link ? /* @__PURE__ */ A(s, {
+		id: Ye,
 		label: r,
-		iconBefore: /* @__PURE__ */ D(w, {
-			size: d.SM,
+		iconBefore: /* @__PURE__ */ A(D, {
+			size: a.SM,
 			"aria-hidden": !0,
-			stroke: f
+			stroke: o
 		}),
 		className: "ms-auto",
-		onClick: () => a(z.Qr)
-	}) : /* @__PURE__ */ D(p, {
-		id: qe,
+		onClick: () => c(z.Qr)
+	}) : /* @__PURE__ */ A(s, {
+		id: Xe,
 		label: i,
-		iconBefore: /* @__PURE__ */ D(C, {
-			size: d.SM,
+		iconBefore: /* @__PURE__ */ A(E, {
+			size: a.SM,
 			"aria-hidden": !0,
-			stroke: f
+			stroke: o
 		}),
 		className: "ms-auto",
-		onClick: () => a(z.Link)
+		onClick: () => c(z.Link)
 	})]
-}), 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,
-		"--shp-access-trigger-border-hover": g?.accessTriggerBorderHover,
-		"--shp-access-trigger-border-focus": g?.accessTriggerBorderFocus,
-		"--shp-access-trigger-text": g?.accessTriggerText,
-		"--shp-title-text": g?.titleText,
-		"--shp-link-icon-bg": g?.linkIconBackground,
-		"--shp-link-icon-text": g?.linkIconText,
-		"--shp-anyone-title": g?.anyoneTitle,
-		"--shp-anyone-subtitle": g?.anyoneSubtitle,
-		"--shp-access-chevron": g?.accessChevron,
-		"--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
-	}), 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);
+}), Qe = y(({ url: t, isLoading: r, error: a, access: o, canEditAccess: s, onAccessChange: c, onClose: l, labels: u, className: f, styles: m }) => {
+	let h = m?.colors, g = m?.typography, _ = e({
+		"--shp-access-trigger-bg": h?.accessTriggerBackground,
+		"--shp-access-trigger-border": h?.accessTriggerBorder,
+		"--shp-access-trigger-border-hover": h?.accessTriggerBorderHover,
+		"--shp-access-trigger-border-focus": h?.accessTriggerBorderFocus,
+		"--shp-access-trigger-text": h?.accessTriggerText,
+		"--shp-title-text": h?.titleText,
+		"--shp-link-icon-bg": h?.linkIconBackground,
+		"--shp-link-icon-text": h?.linkIconText,
+		"--shp-anyone-title": h?.anyoneTitle,
+		"--shp-anyone-subtitle": h?.anyoneSubtitle,
+		"--shp-access-chevron": h?.accessChevron,
+		"--shp-link-row-bg": h?.linkRowBackground,
+		"--shp-link-text": h?.linkText,
+		"--shp-error-text": h?.errorText,
+		"--shp-note-text": h?.noteText,
+		"--shp-divider": h?.divider,
+		"--shp-skeleton-color": h?.skeletonColor
+	}), v = e({ "--shp-menu-item-label": h?.menuItemLabel }), { title: y = "Share", qrButtonLabel: C = "QR", linkLabel: w = "Link", anyoneWithLinkTitle: T = "Anyone with the link", anyoneWithLinkSubtitle: E = "in your organization", accessAriaLabel: D = "Link access level", accessViewLabel: O = "Can view", accessEditLabel: M = "Can edit", visibilityNote: N = "This deployment and its updates will be visible to users with the link.", visibilityNoteEdit: P = "Anyone with the link will be able to view and edit this deployment.", copyButtonLabel: F = "Copy", copiedButtonLabel: ee = "Copied", linkAriaLabel: I = "Share link", expiryNote: L, qrCodeAriaLabel: te = "QR code for the share link", qrCopyButtonLabel: ne = "Copy", qrCopiedButtonLabel: ie = "Copied", qrDownloadButtonLabel: le = "Download", qrDownloadFileName: ue = "share-qr-code.png", loadingLabel: de = "Creating share link…", errorTitle: fe = "Couldn’t create the share link. Please try again.", nestedItemsNote: pe } = u ?? {}, [V, me] = S(z.Link), { isCopied: he, copy: ge } = i(t ?? ""), _e = x(null), [ve, be] = S(!1), xe = (e) => be(e), H = x(null);
+	b(() => {
+		oe(H.current);
 		let e = setTimeout(() => {
-			W.current?.contains(document.activeElement) || re(W.current);
+			H.current?.contains(document.activeElement) || oe(H.current);
 		}, 0);
 		return () => clearTimeout(e);
 	}, []);
-	let G = l(!0);
-	c(() => {
-		if (G.current) {
-			G.current = !1;
+	let Se = x(!0);
+	b(() => {
+		if (Se.current) {
+			Se.current = !1;
 			return;
 		}
-		let e = V === z.Qr ? qe : Ke;
+		let e = V === z.Qr ? Xe : Ye;
 		document.getElementById(e)?.focus();
 	}, [V]);
-	let ve = (e) => {
-		let t = e.target.closest("[role=\"menu\"]"), n = t ? Array.from(t.querySelectorAll("[role=\"menuitemradio\"]")) : ne(W.current);
+	let U = (e) => {
+		let t = e.target.closest("[role=\"menu\"]"), n = t ? Array.from(t.querySelectorAll("[role=\"menuitemradio\"]")) : ae(H.current);
 		if (n.length === 0) return;
 		e.preventDefault();
 		let r = n.indexOf(document.activeElement), i = e.shiftKey ? -1 : 1;
 		n[r === -1 ? 0 : (r + i + n.length) % n.length]?.focus();
 	};
-	return /* @__PURE__ */ O("div", {
-		ref: W,
+	return /* @__PURE__ */ j("div", {
+		ref: H,
 		role: "dialog",
-		"aria-label": b,
+		"aria-label": y,
 		tabIndex: -1,
-		style: v,
-		className: n("flex w-96 flex-col gap-3 rounded-xl bg-layer-raised px-6 pt-4 pb-6 shadow-lg outline-hidden", m, ee.popover),
+		style: _,
+		className: n("flex w-96 flex-col gap-3 rounded-xl bg-layer-raised px-6 pt-4 pb-6 shadow-lg outline-hidden", f, re.popover),
 		onKeyDownCapture: (e) => {
-			e.key === "Tab" ? ve(e) : e.key === "Escape" && (e.stopPropagation(), ge ? (e.preventDefault(), U(!1)) : V === z.Qr ? (e.preventDefault(), H(z.Link)) : f());
+			e.key === "Tab" ? U(e) : e.key === "Escape" && (e.stopPropagation(), ve ? (e.preventDefault(), xe(!1)) : V === z.Qr ? (e.preventDefault(), me(z.Link)) : l());
 		},
 		children: [
-			/* @__PURE__ */ D(Je, {
-				title: b,
+			/* @__PURE__ */ A(Ze, {
+				title: y,
 				view: V,
-				qrButtonLabel: x,
-				linkLabel: S,
-				onViewChange: H
+				qrButtonLabel: C,
+				linkLabel: w,
+				onViewChange: me
 			}),
-			/* @__PURE__ */ D("div", { className: n("-mt-1.5 h-px w-full", B.divider) }),
-			r && /* @__PURE__ */ D(Ge, {
-				ariaLabel: le,
-				skeletonColor: g?.skeletonColor
+			/* @__PURE__ */ A("div", { className: n("-mt-1.5 h-px w-full", B.divider) }),
+			/* @__PURE__ */ A(d, {
+				visuallyHidden: !0,
+				children: r ? de : null
 			}),
-			!r && a != null && /* @__PURE__ */ D("p", {
-				role: "alert",
-				className: n(_?.errorClassName ?? "dial-tiny-text", "py-6 text-center", B.errorText),
-				children: ue
+			r && /* @__PURE__ */ A(Je, { skeletonColor: h?.skeletonColor }),
+			/* @__PURE__ */ A(d, {
+				politeness: p.Assertive,
+				children: !r && a != null && /* @__PURE__ */ A("p", {
+					className: n(g?.errorClassName ?? "dial-tiny-text", "py-6 text-center", B.errorText),
+					children: fe
+				})
 			}),
-			!r && a == null && t != null && /* @__PURE__ */ O(E, { children: [
-				/* @__PURE__ */ D(ie, {
-					anyoneWithLinkTitle: C,
-					anyoneWithLinkSubtitle: w,
+			!r && a == null && t != null && /* @__PURE__ */ j(k, { children: [
+				/* @__PURE__ */ A(se, {
+					anyoneWithLinkTitle: T,
+					anyoneWithLinkSubtitle: E,
 					access: o,
 					canEditAccess: s,
-					accessViewLabel: k,
-					accessEditLabel: A,
-					accessAriaLabel: T,
-					isOpen: ge,
-					onOpenChange: U,
-					onAccessChange: d,
-					menuStyle: y,
-					titleClassName: _?.anyoneTitleClassName,
-					subtitleClassName: _?.anyoneSubtitleClassName,
-					accessTriggerLabelClassName: _?.accessTriggerLabelClassName
+					accessViewLabel: O,
+					accessEditLabel: M,
+					accessAriaLabel: D,
+					isOpen: ve,
+					onOpenChange: xe,
+					onAccessChange: c,
+					menuStyle: v,
+					titleClassName: g?.anyoneTitleClassName,
+					subtitleClassName: g?.anyoneSubtitleClassName,
+					accessTriggerLabelClassName: g?.accessTriggerLabelClassName
 				}),
-				/* @__PURE__ */ D("p", {
-					className: n(_?.noteClassName ?? "dial-tiny-text", B.note),
-					children: s && o.includes(R.Edit) ? M : j
+				/* @__PURE__ */ A("p", {
+					className: n(g?.noteClassName ?? "dial-tiny-text", B.note),
+					children: s && o.includes(R.Edit) ? P : N
 				}),
-				de != null && /* @__PURE__ */ D("p", {
-					className: n(_?.nestedItemsNoteClassName ?? "dial-tiny-semi-text", B.note),
-					children: de
+				pe != null && /* @__PURE__ */ A("p", {
+					className: n(g?.nestedItemsNoteClassName ?? "dial-tiny-semi-text", B.note),
+					children: pe
 				}),
-				V === z.Qr ? /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(We, {
+				V === z.Qr ? /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(qe, {
 					value: t,
-					labels: { ariaLabel: L },
-					svgRef: me
-				}), /* @__PURE__ */ D(he, {
+					labels: { ariaLabel: te },
+					svgRef: _e
+				}), /* @__PURE__ */ A(ye, {
 					url: t,
-					getSvg: () => me.current,
-					copyLabel: te,
-					copiedLabel: oe,
-					downloadLabel: se,
-					downloadFileName: ce
-				})] }) : /* @__PURE__ */ D(ae, {
+					getSvg: () => _e.current,
+					copyLabel: ne,
+					copiedLabel: ie,
+					downloadLabel: le,
+					downloadFileName: ue
+				})] }) : /* @__PURE__ */ A(ce, {
 					url: t,
-					linkAriaLabel: F,
-					isCopied: fe,
-					copyButtonLabel: N,
-					copiedButtonLabel: P,
-					onCopy: pe
+					linkAriaLabel: I,
+					isCopied: he,
+					copyButtonLabel: F,
+					copiedButtonLabel: ee,
+					onCopy: ge
 				}),
-				I != null && /* @__PURE__ */ D("p", {
-					className: n(_?.noteClassName ?? "dial-tiny-text", B.note),
-					children: I
+				L != null && /* @__PURE__ */ A("p", {
+					className: n(g?.noteClassName ?? "dial-tiny-text", B.note),
+					children: L
 				})
 			] })
 		]
 	});
 });
 //#endregion
-export { We as QrCode, ee as SHARE_CLASS, R as ShareLinkAccess, Ye as SharePopover, z as SharePopoverView };
+export { qe as QrCode, re as SHARE_CLASS, R as ShareLinkAccess, Qe as SharePopover, z as SharePopoverView };