npm - @epam/ai-dial-share - Versions diffs - 1.2.0-dev.225 → 1.2.0-dev.231 - Mend

@epam/ai-dial-share 1.2.0-dev.225 → 1.2.0-dev.231

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/components/AccessControl/AccessControl.d.ts +1 -3
package/components/AccessControl/AccessControl.d.ts.map +1 -1
package/components/SharePopover/SharePopover.d.ts.map +1 -1
package/index.css +2 -2
package/index.js +272 -290
package/package.json +3 -3

package/components/AccessControl/AccessControl.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { CSSProperties, FC, RefObject } from 'react';
+import { CSSProperties, FC } from 'react';
 import { ShareLinkAccess } from '../../types/share';
 /** Props for {@link AccessControl}. */
 interface AccessControlProps {
@@ -24,8 +24,6 @@ interface AccessControlProps {
     onAccessChange: (access: ShareLinkAccess[]) => void;
     /** Inline style for the menu panel, which renders in a portal outside the popover — the channel for its custom properties. */
     menuStyle?: CSSProperties;
-    /** Ref attached to the dropdown trigger button, so focus can return to it on close. */
-    triggerRef: RefObject<HTMLButtonElement | null>;
     /** CSS class applied to the primary row text. Defaults to `'dial-small-semi-text'`. */
     titleClassName?: string;
     /** CSS class applied to the secondary row text. Defaults to `'dial-small-text'`. */

package/components/AccessControl/AccessControl.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AccessControl.d.ts","sourceRoot":"","sources":["../../../src/components/AccessControl/AccessControl.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,aAAa,EAAE,EAAE,EAAE,~~KAAK,SAAS,EAAE,~~MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,uCAAuC;AACvC,UAAU,kBAAkB;IAC1B,qDAAqD;IACrD,mBAAmB,EAAE,MAAM,CAAC;IAC5B,uDAAuD;IACvD,sBAAsB,EAAE,MAAM,CAAC;IAC/B,kDAAkD;IAClD,MAAM,EAAE,eAAe,EAAE,CAAC;IAC1B,mFAAmF;IACnF,aAAa,EAAE,OAAO,CAAC;IACvB,oDAAoD;IACpD,eAAe,EAAE,MAAM,CAAC;IACxB,oDAAoD;IACpD,eAAe,EAAE,MAAM,CAAC;IACxB,iDAAiD;IACjD,eAAe,EAAE,MAAM,CAAC;IACxB,gDAAgD;IAChD,MAAM,EAAE,OAAO,CAAC;IAChB,yDAAyD;IACzD,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,6DAA6D;IAC7D,cAAc,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,KAAK,IAAI,CAAC;IACpD,8HAA8H;IAC9H,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,uFAAuF;IACvF,~~UAAU,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IAChD,uFAAuF;IACvF,~~cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oFAAoF;IACpF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2FAA2F;IAC3F,2BAA2B,CAAC,EAAE,MAAM,CAAC;CACtC;AAED,gHAAgH;AAChH,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,~~CA0IhD~~,CAAC"}
1	+ {"version":3,"file":"AccessControl.d.ts","sourceRoot":"","sources":["../../../src/components/AccessControl/AccessControl.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,aAAa,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,uCAAuC;AACvC,UAAU,kBAAkB;IAC1B,qDAAqD;IACrD,mBAAmB,EAAE,MAAM,CAAC;IAC5B,uDAAuD;IACvD,sBAAsB,EAAE,MAAM,CAAC;IAC/B,kDAAkD;IAClD,MAAM,EAAE,eAAe,EAAE,CAAC;IAC1B,mFAAmF;IACnF,aAAa,EAAE,OAAO,CAAC;IACvB,oDAAoD;IACpD,eAAe,EAAE,MAAM,CAAC;IACxB,oDAAoD;IACpD,eAAe,EAAE,MAAM,CAAC;IACxB,iDAAiD;IACjD,eAAe,EAAE,MAAM,CAAC;IACxB,gDAAgD;IAChD,MAAM,EAAE,OAAO,CAAC;IAChB,yDAAyD;IACzD,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,6DAA6D;IAC7D,cAAc,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,KAAK,IAAI,CAAC;IACpD,8HAA8H;IAC9H,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,uFAAuF;IACvF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oFAAoF;IACpF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2FAA2F;IAC3F,2BAA2B,CAAC,EAAE,MAAM,CAAC;CACtC;AAED,gHAAgH;AAChH,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAqHhD,CAAC"}

package/components/SharePopover/SharePopover.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SharePopover.d.ts","sourceRoot":"","sources":["../../../src/components/SharePopover/SharePopover.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;;~~AAyT1E~~,wBAAkC"}
1	+ {"version":3,"file":"SharePopover.d.ts","sourceRoot":"","sources":["../../../src/components/SharePopover/SharePopover.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;;AAiT1E,wBAAkC"}

package/index.css CHANGED Viewed

@@ -1,2 +1,2 @@
-._accessTriggerBtn_11e4z_2{background-color:var(--shp-access-trigger-bg,var(--bg-layer-raised,#fcfcfc));border-color:var(--shp-access-trigger-border,transparent)}@media (hover:hover){button._accessTriggerBtn_11e4z_2:hover{border-color:var(--shp-access-trigger-border-hover,var(--stroke-accent,#1d4ed8))}}button._accessTriggerBtn_11e4z_2:focus-visible{outline:1px solid var(--shp-access-trigger-border-focus,var(--stroke-accent,#1d4ed8));outline-offset:-1px;border-color:#0000}._accessTriggerBtnOpen_11e4z_18{border-color:var(--shp-access-trigger-border-focus,var(--stroke-accent,#1d4ed8))}._accessTriggerLabel_11e4z_22{color:var(--shp-access-trigger-text,var(--text-primary,#161b2d))}._title_11e4z_26{color:var(--shp-title-text,var(--text-primary,#161b2d))}._linkIconBadge_11e4z_30{background:var(--shp-link-icon-bg,var(--bg-control-accent-alpha-active,#2764d933));color:var(--shp-link-icon-text,var(--text-accent,#1d4ed8))}._anyoneWithLinkTitle_11e4z_35{color:var(--shp-anyone-title,var(--text-primary,#161b2d))}._anyoneWithLinkSubtitle_11e4z_39{color:var(--shp-anyone-subtitle,var(--text-secondary,#57647a))}._accessTriggerChevron_11e4z_43{color:var(--shp-access-chevron,var(--text-tertiary,#848e9c));transition:transform .15s}@media (prefers-reduced-motion:reduce){._accessTriggerChevron_11e4z_43{transition:none}}._accessMenuItem_11e4z_58>span{color:var(--shp-menu-item-label,var(--text-primary,#161b2d))}._linkRow_11e4z_62{background:var(--shp-link-row-bg,var(--bg-layer-base,#f5f7fa))}._linkRow_11e4z_62 input{color:var(--shp-link-text,var(--text-primary,#161b2d))!important}._errorText_11e4z_69{color:var(--shp-error-text,var(--text-error,#ae2f2f))}._note_11e4z_73{color:var(--shp-note-text,var(--text-secondary,#57647a))}._divider_11e4z_77{background:var(--shp-divider,var(--stroke-tertiary,#e0e6f0))}._container_hzzl6_1{border-color:var(--qr-border,var(--stroke-tertiary,#e0e6f0));background:var(--qr-bg,var(--bg-layer-sunken,#eef1f7))}._qrColor_hzzl6_6{color:var(--qr-color,var(--text-primary,#161b2d))}
-/*$vite$:1*/.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.-mt-1{margin-top:-.25rem}.-mt-1\.5{margin-top:-.375rem}.ms-auto{margin-inline-start:auto}.flex{display:flex}.size-40{height:10rem;width:10rem}.size-8{height:2rem;width:2rem}.size-full{height:100%;width:100%}.h-10{height:2.5rem}.h-px{height:1px}.w-96{width:24rem}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[160px\]{min-width:160px}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.self-center{align-self:center}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-0{border-width:0}.bg-layer-raised{background-color:var(--bg-layer-raised,#fcfcfc)}.bg-transparent{background-color:transparent}.p-3{padding:.75rem}.px-0{padding-left:0;padding-right:0}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-6{padding-top:1.5rem}.pb-6,.py-6{padding-bottom:1.5rem}.pt-4{padding-top:1rem}.text-center{text-align:center}.shadow-lg{--tw-shadow:0 8px 44px 0 var(--shadow-lg,#2764d914);--tw-shadow-colored:0 8px 44px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-transform{transition-duration:.15s}.rtl\:scale-x-\[-1\]:where([dir=rtl],[dir=rtl] *){--tw-scale-x:-1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
+._accessTriggerBtn_3r1q2_2{background-color:var(--shp-access-trigger-bg,var(--bg-layer-raised,#fcfcfc));border-color:var(--shp-access-trigger-border,transparent)}button._accessTriggerBtn_3r1q2_2[aria-expanded=true]{border-color:var(--shp-access-trigger-border-focus,var(--stroke-accent,#1d4ed8))}@media (hover:hover){button._accessTriggerBtn_3r1q2_2:hover{background-color:var(--shp-access-trigger-bg,var(--bg-layer-raised,#fcfcfc));border-color:var(--shp-access-trigger-border-hover,var(--stroke-accent,#1d4ed8))}}button._accessTriggerBtn_3r1q2_2:active{background-color:var(--shp-access-trigger-bg,var(--bg-layer-raised,#fcfcfc))}button._accessTriggerBtn_3r1q2_2>svg{color:var(--shp-access-chevron,var(--text-tertiary,#848e9c));transition:transform .15s}@media (prefers-reduced-motion:reduce){button._accessTriggerBtn_3r1q2_2>svg{transition:none}}button._accessTriggerBtn_3r1q2_2:focus-visible{outline:1px solid var(--shp-access-trigger-border-focus,var(--stroke-accent,#1d4ed8));outline-offset:-1px;border-color:#0000}._accessTriggerLabel_3r1q2_40{color:var(--shp-access-trigger-text,var(--text-primary,#161b2d))}._title_3r1q2_44{color:var(--shp-title-text,var(--text-primary,#161b2d))}._linkIconBadge_3r1q2_48{background:var(--shp-link-icon-bg,var(--bg-control-accent-alpha-active,#2764d933));color:var(--shp-link-icon-text,var(--text-accent,#1d4ed8))}._anyoneWithLinkTitle_3r1q2_53{color:var(--shp-anyone-title,var(--text-primary,#161b2d))}._anyoneWithLinkSubtitle_3r1q2_57{color:var(--shp-anyone-subtitle,var(--text-secondary,#57647a))}._accessMenuItem_3r1q2_66>span{color:var(--shp-menu-item-label,var(--text-primary,#161b2d))}._linkRow_3r1q2_70{background:var(--shp-link-row-bg,var(--bg-layer-base,#f5f7fa))}._linkRow_3r1q2_70 input{color:var(--shp-link-text,var(--text-primary,#161b2d))!important}._errorText_3r1q2_77{color:var(--shp-error-text,var(--text-error,#ae2f2f))}._note_3r1q2_81{color:var(--shp-note-text,var(--text-secondary,#57647a))}._divider_3r1q2_85{background:var(--shp-divider,var(--stroke-tertiary,#e0e6f0))}._container_hzzl6_1{border-color:var(--qr-border,var(--stroke-tertiary,#e0e6f0));background:var(--qr-bg,var(--bg-layer-sunken,#eef1f7))}._qrColor_hzzl6_6{color:var(--qr-color,var(--text-primary,#161b2d))}
+/*$vite$:1*/.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.-mt-1{margin-top:-.25rem}.-mt-1\.5{margin-top:-.375rem}.ms-auto{margin-inline-start:auto}.flex{display:flex}.size-40{height:10rem;width:10rem}.size-8{height:2rem;width:2rem}.size-full{height:100%;width:100%}.h-10{height:2.5rem}.h-px{height:1px}.w-96{width:24rem}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[160px\]{min-width:160px}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.self-center{align-self:center}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-0{border-width:0}.bg-layer-raised{background-color:var(--bg-layer-raised,#fcfcfc)}.bg-transparent{background-color:transparent}.p-3{padding:.75rem}.px-0{padding-left:0;padding-right:0}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-6{padding-top:1.5rem}.pb-6,.py-6{padding-bottom:1.5rem}.pt-4{padding-top:1rem}.text-center{text-align:center}.shadow-lg{--tw-shadow:0 8px 44px 0 var(--shadow-lg,#2764d914);--tw-shadow-colored:0 8px 44px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}

package/index.js CHANGED Viewed

@@ -1,42 +1,40 @@
 import { buildCssVars as e, copyToClipboard as t, mergeClasses as n, triggerBlobDownload as r, useCodeCopy as i } from "@epam/ai-dial-chat-shared";
 import a, { forwardRef as o, memo as s, useEffect as c, useRef as l, useState as u } from "react";
-import { DIAL_ICON_SIZE as d, DIAL_KIT_ICON_STROKE as f, Dropdown as p, GhostButton as m, GhostIconButton as h, Input as g, MenuItemMark as _, Skeleton as v, SkeletonVariant as y } from "@epam/ai-dial-ui-kit";
-import { IconCheck as b, IconChevronDown as x, IconCopy as S, IconDownload as C, IconLink as w, IconQrcode as T, IconWorld as E } from "@tabler/icons-react";
-import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
+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 A = Object.create, j = Object.defineProperty, M = Object.getOwnPropertyDescriptor, N = Object.getOwnPropertyNames, P = Object.getPrototypeOf, F = Object.prototype.hasOwnProperty, I = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), L = (e, t, n, r) => {
-	if (t && typeof t == "object" || typeof t == "function") for (var i = N(t), a = 0, o = i.length, s; a < o; a++) s = i[a], !F.call(e, s) && s !== n && j(e, s, {
+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 = M(t, s)) || r.enumerable
+		enumerable: !(r = j(t, s)) || r.enumerable
 	});
 	return e;
-}, ee = (e, t, n) => (n = e == null ? {} : A(P(e)), L(t || !e || !e.__esModule ? j(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)), te = { popover: "dial-share-popover" }, R = /* @__PURE__ */ function(e) {
+}) : n, e)), ee = { 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;
-}({}), ne = "button:not(:disabled), input:not(:disabled), [tabindex]:not([tabindex=\"-1\"])", re = (e) => Array.from(e?.querySelectorAll(ne) ?? []), ie = (e) => {
-	let [t] = re(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();
 }, B = {
 	skeletonColor: "var(--shp-skeleton-color, var(--bg-layer-sunken, #eef1f7))",
-	accessTriggerBtn: "_accessTriggerBtn_11e4z_2",
-	accessTriggerBtnOpen: "_accessTriggerBtnOpen_11e4z_18",
-	accessTriggerLabel: "_accessTriggerLabel_11e4z_22",
-	title: "_title_11e4z_26",
-	linkIconBadge: "_linkIconBadge_11e4z_30",
-	anyoneWithLinkTitle: "_anyoneWithLinkTitle_11e4z_35",
-	anyoneWithLinkSubtitle: "_anyoneWithLinkSubtitle_11e4z_39",
-	accessTriggerChevron: "_accessTriggerChevron_11e4z_43",
-	accessMenuItem: "_accessMenuItem_11e4z_58",
-	linkRow: "_linkRow_11e4z_62",
-	errorText: "_errorText_11e4z_69",
-	note: "_note_11e4z_73",
-	divider: "_divider_11e4z_77"
-}, ae = ({ anyoneWithLinkTitle: e, anyoneWithLinkSubtitle: t, access: r, canEditAccess: i, accessViewLabel: a, accessEditLabel: o, accessAriaLabel: s, isOpen: c, onOpenChange: l, onAccessChange: u, menuStyle: m, triggerRef: h, titleClassName: g = "dial-small-semi-text", subtitleClassName: v = "dial-small-text", accessTriggerLabelClassName: y = "dial-small-semi-text" }) => {
-	let b = r.includes(R.Edit) ? R.Edit : R.View, S = [{
+	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
 	}, {
@@ -45,77 +43,64 @@ var A = Object.create, j = Object.defineProperty, M = Object.getOwnPropertyDescr
 	}].map((e) => ({
 		...e,
 		mark: _.Check,
-		checked: e.key === b,
+		checked: e.key === y,
 		className: B.accessMenuItem
 	}));
-	return /* @__PURE__ */ k("div", {
+	return /* @__PURE__ */ O("div", {
 		className: "flex items-center gap-2.5",
 		children: [
-			/* @__PURE__ */ O("span", {
+			/* @__PURE__ */ D("span", {
 				className: n("flex size-8 shrink-0 items-center justify-center rounded-full", B.linkIconBadge),
-				children: /* @__PURE__ */ O(E, {
+				children: /* @__PURE__ */ D(T, {
 					size: d.MD,
 					"aria-hidden": !0,
 					stroke: f
 				})
 			}),
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ O("div", {
 				className: "min-w-0 flex-1",
-				children: [/* @__PURE__ */ O("p", {
-					className: n(g, "truncate", B.anyoneWithLinkTitle),
+				children: [/* @__PURE__ */ D("p", {
+					className: n(m, "truncate", B.anyoneWithLinkTitle),
 					children: e
-				}), /* @__PURE__ */ O("p", {
-					className: n(v, B.anyoneWithLinkSubtitle),
+				}), /* @__PURE__ */ D("p", {
+					className: n(g, B.anyoneWithLinkSubtitle),
 					children: t
 				})]
 			}),
-			i ? /* @__PURE__ */ O(p, {
-				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: l,
-				items: S,
+				placement: "bottom-end",
+				matchReferenceWidth: !1,
 				listClassName: "min-w-[160px]",
-				listStyle: m,
-				onItemClick: ({ key: e }) => {
-					u(e === R.Edit ? [R.View, R.Edit] : [R.View]);
-				},
-				children: /* @__PURE__ */ k("button", {
-					ref: h,
-					type: "button",
-					"aria-haspopup": "menu",
-					"aria-expanded": c,
-					className: n("flex h-10 shrink-0 cursor-pointer items-center gap-1.5 whitespace-nowrap rounded-full border px-3 outline-none", B.accessTriggerBtn, c && B.accessTriggerBtnOpen),
-					children: [/* @__PURE__ */ O("span", {
-						className: n(B.accessTriggerLabel, y),
-						children: b === R.Edit ? o : a
-					}), /* @__PURE__ */ O(x, {
-						size: d.MD,
-						stroke: f,
-						className: n("shrink-0 transition-transform duration-150 rtl:scale-x-[-1]", B.accessTriggerChevron, c && "rotate-180"),
-						"aria-hidden": !0
-					})]
-				})
-			}) : /* @__PURE__ */ O("span", {
+				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: n("flex h-10 shrink-0 items-center whitespace-nowrap rounded-full px-3", B.accessTriggerBtn),
-				children: /* @__PURE__ */ O("span", {
-					className: n(B.accessTriggerLabel, y),
+				children: /* @__PURE__ */ D("span", {
+					className: n(B.accessTriggerLabel, v),
 					children: a
 				})
 			})
 		]
 	});
-}, oe = ({ url: e, linkAriaLabel: t, isCopied: r, copyButtonLabel: i, copiedButtonLabel: a, onCopy: o }) => /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ k("div", {
+}, 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__ */ O(g, {
+	children: [/* @__PURE__ */ D(g, {
 		readOnly: !0,
 		value: e,
 		"aria-label": t,
 		containerClassName: "min-w-0 flex-1",
 		wrapperClassName: "border-0 bg-transparent px-0 outline-none"
-	}), /* @__PURE__ */ O(h, {
-		icon: O(r ? b : S, {
+	}), /* @__PURE__ */ D(m, {
+		icon: D(r ? b : x, {
 			size: d.LG,
 			"aria-hidden": !0,
 			stroke: f
@@ -124,25 +109,25 @@ var A = Object.create, j = Object.defineProperty, M = Object.getOwnPropertyDescr
 		tooltipProps: { tooltip: r ? a : i },
 		onClick: o
 	})]
-}), /* @__PURE__ */ O("span", {
+}), /* @__PURE__ */ D("span", {
 	role: "status",
 	"aria-live": "polite",
 	className: "sr-only",
 	children: r ? a : ""
-})] }), se = 512, ce = 32, le = "http://www.w3.org/2000/svg", ue = "#000000", de = "#ffffff", V = (e, t) => {
+})] }), 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", le), n.setAttribute("width", String(t)), n.setAttribute("height", String(t)), n.removeAttribute("class"), n.removeAttribute("style"), n.removeAttribute("aria-hidden"), n.querySelectorAll("path").forEach((e) => {
-		e.getAttribute("fill") === "currentColor" && e.setAttribute("fill", ue);
+	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);
-}, fe = (e) => new Promise((t, 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)}`;
-}), pe = async (e, { size: t = se, margin: n = ce } = {}) => {
-	let r = t - n * 2, i = await fe(V(e, r)), a = document.createElement("canvas");
+}), 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 = de, o.fillRect(0, 0, t, t), o.drawImage(i, n, n, r, r), new Promise((e, t) => {
+	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."));
@@ -151,21 +136,21 @@ var A = Object.create, j = Object.defineProperty, M = Object.getOwnPropertyDescr
 			e(n);
 		}, "image/png");
 	});
-}, me = () => typeof navigator < "u" && typeof navigator.clipboard?.write == "function" && typeof ClipboardItem < "u", he = (e) => {
-	let t = pe(e);
+}, 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 })]);
-}, ge = 2e3, _e = ({ url: e, getSvg: n, copyLabel: i, copiedLabel: a, downloadLabel: o, downloadFileName: s }) => {
-	let [p, h] = u(!1), g = l(null);
+}, 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), ge);
+		g.current != null && clearTimeout(g.current), h(!0), g.current = setTimeout(() => h(!1), me);
 	}, v = async () => {
 		let e = n();
-		if (e == null || !me()) return !1;
+		if (e == null || !fe()) return !1;
 		try {
-			return await he(e), !0;
+			return await pe(e), !0;
 		} catch {
 			return !1;
 		}
@@ -173,38 +158,38 @@ var A = Object.create, j = Object.defineProperty, M = Object.getOwnPropertyDescr
 		try {
 			(await v() || await t(e)) && _();
 		} catch {}
-	}, x = async () => {
+	}, C = async () => {
 		let e = n();
 		if (e != null) try {
-			r(await pe(e), s);
+			r(await H(e), s);
 		} catch {}
 	};
-	return /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ k("div", {
+	return /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ O("div", {
 		className: "flex items-center justify-center gap-4 self-center",
-		children: [/* @__PURE__ */ O(m, {
-			label: p ? a : i,
-			iconBefore: O(p ? b : S, {
+		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__ */ O(m, {
+		}), /* @__PURE__ */ D(p, {
 			label: o,
-			iconBefore: /* @__PURE__ */ O(C, {
+			iconBefore: /* @__PURE__ */ D(S, {
 				size: d.SM,
 				"aria-hidden": !0,
 				stroke: f
 			}),
-			onClick: () => void x()
+			onClick: () => void C()
 		})]
-	}), /* @__PURE__ */ O("span", {
+	}), /* @__PURE__ */ D("span", {
 		role: "status",
 		"aria-live": "polite",
 		className: "sr-only",
-		children: p ? a : ""
+		children: m ? a : ""
 	})] });
-}, ve = /* @__PURE__ */ I(((e) => {
+}, 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) {
@@ -260,7 +245,7 @@ var A = Object.create, j = Object.defineProperty, M = 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;
-})), ye = /* @__PURE__ */ I(((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) {
@@ -304,13 +289,13 @@ var A = Object.create, j = Object.defineProperty, M = Object.getOwnPropertyDescr
 		function ee(e) {
 			return x(e) === c;
 		}
-		function te(e) {
+		function R(e) {
 			return x(e) === s;
 		}
-		function R(e) {
+		function z(e) {
 			return typeof e == "object" && !!e && e.$$typeof === n;
 		}
-		function z(e) {
+		function te(e) {
 			return x(e) === d;
 		}
 		function ne(e) {
@@ -319,10 +304,10 @@ var A = Object.create, j = Object.defineProperty, M = Object.getOwnPropertyDescr
 		function re(e) {
 			return x(e) === h;
 		}
-		function ie(e) {
+		function B(e) {
 			return x(e) === m;
 		}
-		function B(e) {
+		function ie(e) {
 			return x(e) === r;
 		}
 		function ae(e) {
@@ -334,11 +319,11 @@ var A = Object.create, j = Object.defineProperty, M = Object.getOwnPropertyDescr
 		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 = te, e.isElement = R, e.isForwardRef = z, e.isFragment = ne, e.isLazy = re, e.isMemo = ie, e.isPortal = B, e.isProfiler = ae, e.isStrictMode = oe, e.isSuspense = se, e.isValidElementType = b, e.typeOf = x;
+		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;
 	})();
-})), H = /* @__PURE__ */ I(((e, t) => {
-	process.env.NODE_ENV === "production" ? t.exports = ve() : t.exports = ye();
-})), U = /* @__PURE__ */ I(((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");
@@ -371,14 +356,14 @@ var A = Object.create, j = Object.defineProperty, M = Object.getOwnPropertyDescr
 		}
 		return s;
 	};
-})), W = /* @__PURE__ */ I(((e, t) => {
+})), G = /* @__PURE__ */ F(((e, t) => {
 	t.exports = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-})), be = /* @__PURE__ */ I(((e, t) => {
+})), ve = /* @__PURE__ */ F(((e, t) => {
 	t.exports = Function.call.bind(Object.prototype.hasOwnProperty);
-})), xe = /* @__PURE__ */ I(((e, t) => {
+})), ye = /* @__PURE__ */ F(((e, t) => {
 	var n = function() {};
 	if (process.env.NODE_ENV !== "production") {
-		var r = W(), i = {}, a = be();
+		var r = G(), i = {}, a = ve();
 		n = function(e) {
 			var t = "Warning: " + e;
 			typeof console < "u" && console.error(t);
@@ -411,8 +396,8 @@ var A = Object.create, j = Object.defineProperty, M = Object.getOwnPropertyDescr
 	o.resetWarningCache = function() {
 		process.env.NODE_ENV !== "production" && (i = {});
 	}, t.exports = o;
-})), Se = /* @__PURE__ */ I(((e, t) => {
-	var n = H(), r = U(), i = W(), a = be(), o = xe(), 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);
@@ -670,8 +655,8 @@ var A = Object.create, j = Object.defineProperty, M = Object.getOwnPropertyDescr
 		}
 		return p.checkPropTypes = o, p.resetWarningCache = o.resetWarningCache, p.PropTypes = p, p;
 	};
-})), Ce = /* @__PURE__ */ I(((e, t) => {
-	var n = W();
+})), xe = /* @__PURE__ */ F(((e, t) => {
+	var n = G();
 	function r() {}
 	function i() {}
 	i.resetWarningCache = r, t.exports = function() {
@@ -710,13 +695,13 @@ var A = Object.create, j = Object.defineProperty, M = Object.getOwnPropertyDescr
 		};
 		return a.PropTypes = a, a;
 	};
-})), G = /* @__PURE__ */ ee((/* @__PURE__ */ I(((e, t) => {
+})), K = /* @__PURE__ */ L((/* @__PURE__ */ F(((e, t) => {
 	if (process.env.NODE_ENV !== "production") {
-		var n = H();
-		t.exports = Se()(n.isElement, !0);
-	} else t.exports = Ce()();
-})))(), 1), K = function(e, t) {
-	let n = e, r = J[t], i = null, a = 0, o = null, s = [], c = {}, l = function(e, t) {
+		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) {
@@ -731,7 +716,7 @@ var A = Object.create, j = Object.defineProperty, M = 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;
@@ -739,13 +724,13 @@ var A = Object.create, j = Object.defineProperty, M = 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;
@@ -755,7 +740,7 @@ var A = Object.create, j = Object.defineProperty, M = 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;
@@ -766,7 +751,7 @@ var A = Object.create, j = Object.defineProperty, M = 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;
@@ -784,7 +769,7 @@ var A = Object.create, j = Object.defineProperty, M = 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;
@@ -798,10 +783,10 @@ var A = Object.create, j = Object.defineProperty, M = 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 = we.getRSBlocks(e, t), i = Te();
+		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;
@@ -815,16 +800,16 @@ var A = Object.create, j = Object.defineProperty, M = Object.getOwnPropertyDescr
 		let n = null;
 		switch (t) {
 			case "Numeric":
-				n = Ee(e);
+				n = we(e);
 				break;
 			case "Alphanumeric":
-				n = De(e);
+				n = Te(e);
 				break;
 			case "Byte":
-				n = Oe(e);
+				n = Ee(e);
 				break;
 			case "Kanji":
-				n = ke(e);
+				n = De(e);
 				break;
 			default: throw "mode:" + t;
 		}
@@ -838,10 +823,10 @@ var A = Object.create, j = Object.defineProperty, M = Object.getOwnPropertyDescr
 		if (n < 1) {
 			let e = 1;
 			for (; e < 40; e++) {
-				let t = we.getRSBlocks(e, r), n = Te();
+				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;
@@ -869,7 +854,7 @@ var A = Object.create, j = Object.defineProperty, M = 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 Pe(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);
@@ -937,16 +922,16 @@ var A = Object.create, j = Object.defineProperty, M = 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 = Me(e), r = function() {
+		let n = Ae(e), r = function() {
 			let e = n.read();
 			if (e == -1) throw "eof";
 			return e;
@@ -973,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,
@@ -992,7 +977,7 @@ var q = {
 	PATTERN101: 5,
 	PATTERN110: 6,
 	PATTERN111: 7
-}, X = function() {
+}, Z = function() {
 	let e = [
 		[],
 		[6, 18],
@@ -1253,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;
@@ -1324,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];
@@ -1338,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;
@@ -1353,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;
-}, we = function() {
+}, Se = function() {
 	let e = [
 		[
 			1,
@@ -2553,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;
 		}
 	};
@@ -2570,7 +2555,7 @@ var q = {
 		}
 		return o;
 	}, n;
-}(), Te = function() {
+}(), Ce = function() {
 	let e = [], t = 0, n = {};
 	return n.getBuffer = function() {
 		return e;
@@ -2584,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;
-}, Ee = 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) {
@@ -2604,8 +2589,8 @@ var q = {
 		throw "illegal char :" + e;
 	};
 	return r;
-}, De = 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) {
@@ -2632,8 +2617,8 @@ var q = {
 		}
 	};
 	return r;
-}, Oe = 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) {
@@ -2641,8 +2626,8 @@ var q = {
 	}, r.write = function(e) {
 		for (let t = 0; t < n.length; t += 1) e.put(n[t], 8);
 	}, r;
-}, ke = 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.";
@@ -2663,7 +2648,7 @@ var q = {
 		}
 		if (n < t.length) throw "illegal char at " + (n + 1);
 	}, i;
-}, Ae = function() {
+}, Oe = function() {
 	let e = [], t = {};
 	return t.writeByte = function(t) {
 		e.push(t & 255);
@@ -2682,7 +2667,7 @@ var q = {
 		for (let n = 0; n < e.length; n += 1) n > 0 && (t += ","), t += e[n];
 		return t += "]", t;
 	}, t;
-}, je = function() {
+}, ke = function() {
 	let e = 0, t = 0, n = 0, r = "", i = {}, a = function(e) {
 		r += String.fromCharCode(o(e & 63));
 	}, o = function(e) {
@@ -2704,7 +2689,7 @@ var q = {
 	}, i.toString = function() {
 		return r;
 	}, i;
-}, Me = function(e) {
+}, Ae = function(e) {
 	let t = e, n = 0, r = 0, i = 0, a = {};
 	a.read = function() {
 		for (; i < 8;) {
@@ -2728,7 +2713,7 @@ var q = {
 		throw "c:" + e;
 	};
 	return a;
-}, Ne = 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;
@@ -2753,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 = Ae(), 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;) {
@@ -2775,37 +2760,37 @@ var q = {
 		}, n;
 	};
 	return a;
-}, Pe = function(e, t, n) {
-	let r = Ne(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 = Ae();
+	let i = Oe();
 	r.write(i);
-	let a = je(), 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 Fe(e, t) {
+function Pe(e, t) {
 	if (e == null) return {};
-	var n, r, i = Ie(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 Ie(e, t) {
+function Fe(e, t) {
 	if (e == null) return {};
 	var n = {};
 	for (var r in e) if ({}.hasOwnProperty.call(e, r)) {
@@ -2814,7 +2799,7 @@ function Ie(e, t) {
 	}
 	return n;
 }
-var Le = [
+var Ie = [
 	"bgColor",
 	"bgD",
 	"fgD",
@@ -2823,18 +2808,18 @@ var Le = [
 	"title",
 	"viewBoxSize",
 	"xmlns"
-], Re = {
-	bgColor: G.default.oneOfType([G.default.object, G.default.string]).isRequired,
-	bgD: G.default.string.isRequired,
-	fgColor: G.default.oneOfType([G.default.object, G.default.string]).isRequired,
-	fgD: G.default.string.isRequired,
-	size: G.default.number.isRequired,
-	title: G.default.string,
-	viewBoxSize: G.default.number.isRequired,
-	xmlns: G.default.string
-}, ze = /*#__PURE__*/ o(function(e, t) {
-	var n = e.bgColor, r = e.bgD, i = e.fgD, o = e.fgColor, s = e.size, c = e.title, l = e.viewBoxSize, u = e.xmlns, d = u === void 0 ? "http://www.w3.org/2000/svg" : u, f = Fe(e, Le);
-	return /*#__PURE__*/ a.createElement("svg", $({}, f, {
+], 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}`,
@@ -2848,32 +2833,32 @@ var Le = [
 		fill: o
 	}));
 });
-ze.displayName = "QRCodeSvg", ze.propTypes = Re;
-var Be = [
+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 Ve = {
-	bgColor: G.default.oneOfType([G.default.object, G.default.string]),
-	fgColor: G.default.oneOfType([G.default.object, G.default.string]),
-	level: G.default.string,
-	size: G.default.number,
-	value: G.default.string.isRequired
-}, He = /*#__PURE__*/ o(function(e, t) {
-	var n = e.bgColor, r = n === void 0 ? "#FFFFFF" : n, i = e.fgColor, o = i === void 0 ? "#000000" : i, s = e.level, c = s === void 0 ? "L" : s, l = e.size, u = l === void 0 ? 256 : l, d = e.value, f = Fe(e, Be), p = K(0, c);
+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__*/ a.createElement(ze, $({}, f, {
+	return /*#__PURE__*/ a.createElement(Re, Ne({}, f, {
 		bgColor: r,
 		bgD: h.map(function(e, t) {
 			return e.map(function(e, n) {
@@ -2891,61 +2876,61 @@ var Ve = {
 		viewBoxSize: m
 	}));
 });
-He.displayName = "QRCode", He.propTypes = Ve;
-var Ue = {
+Ve.displayName = "QRCode", Ve.propTypes = Be;
+var He = {
 	container: "_container_hzzl6_1",
 	qrColor: "_qrColor_hzzl6_6"
-}, We = He, Ge = ({ value: t, labels: r, styles: i, svgRef: a }) => {
+}, 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__ */ O("div", {
+	return /* @__PURE__ */ D("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", Ue.container),
-		children: /* @__PURE__ */ O(We, {
+		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: n("size-full", Ue.qrColor)
+			className: n("size-full", He.qrColor)
 		})
 	});
-}, Ke = ({ ariaLabel: e, skeletonColor: t = B.skeletonColor }) => /* @__PURE__ */ k("div", {
+}, Ge = ({ ariaLabel: e, skeletonColor: t = B.skeletonColor }) => /* @__PURE__ */ O("div", {
 	role: "status",
 	"aria-label": e,
 	className: "flex flex-col gap-3",
 	children: [
-		/* @__PURE__ */ k("div", {
+		/* @__PURE__ */ O("div", {
 			"aria-hidden": !0,
 			className: "flex items-center gap-2.5",
 			children: [
-				/* @__PURE__ */ O(v, {
+				/* @__PURE__ */ D(v, {
 					variant: y.Circular,
 					width: 32,
 					height: 32,
 					color: t
 				}),
-				/* @__PURE__ */ k("div", {
+				/* @__PURE__ */ O("div", {
 					className: "flex min-w-0 flex-1 flex-col gap-1.5",
-					children: [/* @__PURE__ */ O(v, {
+					children: [/* @__PURE__ */ D(v, {
 						variant: y.Text,
 						width: "70%",
 						height: 16,
 						color: t
-					}), /* @__PURE__ */ O(v, {
+					}), /* @__PURE__ */ D(v, {
 						variant: y.Text,
 						width: "45%",
 						height: 12,
 						color: t
 					})]
 				}),
-				/* @__PURE__ */ O(v, {
+				/* @__PURE__ */ D(v, {
 					variant: y.Rectangular,
 					width: 92,
 					height: 30,
@@ -2953,29 +2938,29 @@ var Ue = {
 				})
 			]
 		}),
-		/* @__PURE__ */ k("div", {
+		/* @__PURE__ */ O("div", {
 			"aria-hidden": !0,
 			className: "flex flex-col gap-1.5",
-			children: [/* @__PURE__ */ O(v, {
+			children: [/* @__PURE__ */ D(v, {
 				variant: y.Text,
 				width: "100%",
 				height: 12,
 				color: t
-			}), /* @__PURE__ */ O(v, {
+			}), /* @__PURE__ */ D(v, {
 				variant: y.Text,
 				width: "60%",
 				height: 12,
 				color: t
 			})]
 		}),
-		/* @__PURE__ */ O(v, {
+		/* @__PURE__ */ D(v, {
 			"aria-hidden": !0,
 			variant: y.Rectangular,
 			width: "100%",
 			height: 40,
 			color: t
 		}),
-		/* @__PURE__ */ O(v, {
+		/* @__PURE__ */ D(v, {
 			"aria-hidden": !0,
 			variant: y.Text,
 			width: "50%",
@@ -2983,25 +2968,25 @@ var Ue = {
 			color: t
 		})
 	]
-}), qe = "share-popover-qr-button", Je = "share-popover-back-button", Ye = ({ title: e, view: t, qrButtonLabel: r, linkLabel: i, onViewChange: a, titleClassName: o = "dial-h3-text" }) => /* @__PURE__ */ k("div", {
+}), 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__ */ O("span", {
+	children: [/* @__PURE__ */ D("span", {
 		className: n(o, B.title),
 		children: e
-	}), t === z.Link ? /* @__PURE__ */ O(m, {
-		id: qe,
+	}), t === z.Link ? /* @__PURE__ */ D(p, {
+		id: Ke,
 		label: r,
-		iconBefore: /* @__PURE__ */ O(T, {
+		iconBefore: /* @__PURE__ */ D(w, {
 			size: d.SM,
 			"aria-hidden": !0,
 			stroke: f
 		}),
 		className: "ms-auto",
 		onClick: () => a(z.Qr)
-	}) : /* @__PURE__ */ O(m, {
-		id: Je,
+	}) : /* @__PURE__ */ D(p, {
+		id: qe,
 		label: i,
-		iconBefore: /* @__PURE__ */ O(w, {
+		iconBefore: /* @__PURE__ */ D(C, {
 			size: d.SM,
 			"aria-hidden": !0,
 			stroke: f
@@ -3009,7 +2994,7 @@ var Ue = {
 		className: "ms-auto",
 		onClick: () => a(z.Link)
 	})]
-}), Xe = s(({ url: t, isLoading: r, error: a, access: o, canEditAccess: s, 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,
@@ -3028,116 +3013,113 @@ var Ue = {
 		"--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: E = "Can view", accessEditLabel: A = "Can edit", visibilityNote: j = "This deployment and its updates will be visible to users with the link.", visibilityNoteEdit: M = "Anyone with the link will be able to view and edit this deployment.", copyButtonLabel: N = "Copy", copiedButtonLabel: P = "Copied", linkAriaLabel: F = "Share link", expiryNote: I, qrCodeAriaLabel: L = "QR code for the share link", qrCopyButtonLabel: ee = "Copy", qrCopiedButtonLabel: ne = "Copied", qrDownloadButtonLabel: se = "Download", qrDownloadFileName: ce = "share-qr-code.png", loadingLabel: le = "Creating share link…", errorTitle: ue = "Couldn’t create the share link. Please try again.", nestedItemsNote: de } = p ?? {}, [V, fe] = u(z.Link), { isCopied: pe, copy: me } = i(t ?? ""), he = l(null), [ge, ve] = u(!1), ye = l(null), H = (e) => {
-		ve(e), e || ye.current?.focus();
-	}, U = l(null);
+	}), 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(() => {
-		ie(U.current);
+		re(W.current);
 		let e = setTimeout(() => {
-			U.current?.contains(document.activeElement) || ie(U.current);
+			W.current?.contains(document.activeElement) || re(W.current);
 		}, 0);
 		return () => clearTimeout(e);
 	}, []);
-	let W = l(!0);
+	let G = l(!0);
 	c(() => {
-		if (W.current) {
-			W.current = !1;
+		if (G.current) {
+			G.current = !1;
 			return;
 		}
-		let e = V === z.Qr ? Je : qe;
+		let e = V === z.Qr ? qe : Ke;
 		document.getElementById(e)?.focus();
 	}, [V]);
-	let be = (e) => {
-		let t = e.target.closest("[role=\"menu\"]"), n = t ? Array.from(t.querySelectorAll("[role=\"menuitemradio\"]")) : re(U.current);
+	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 r = n.indexOf(document.activeElement), i = e.shiftKey ? -1 : 1;
 		n[r === -1 ? 0 : (r + i + n.length) % n.length]?.focus();
 	};
-	return /* @__PURE__ */ k("div", {
-		ref: U,
+	return /* @__PURE__ */ O("div", {
+		ref: W,
 		role: "dialog",
 		"aria-label": b,
 		tabIndex: -1,
 		style: v,
-		className: n("flex w-96 flex-col gap-3 rounded-xl bg-layer-raised px-6 pb-6 pt-4 shadow-lg outline-none", m, te.popover),
+		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") {
-				be(e);
+				ve(e);
 				return;
 			}
 			if (e.key === "Escape") {
 				if (e.stopPropagation(), ge) {
-					e.preventDefault(), H(!1);
+					e.preventDefault(), U(!1);
 					return;
 				}
-				V === z.Qr ? (e.preventDefault(), fe(z.Link)) : f();
+				V === z.Qr ? (e.preventDefault(), H(z.Link)) : f();
 			}
 		},
 		children: [
-			/* @__PURE__ */ O(Ye, {
+			/* @__PURE__ */ D(Je, {
 				title: b,
 				view: V,
 				qrButtonLabel: x,
 				linkLabel: S,
-				onViewChange: fe
+				onViewChange: H
 			}),
-			/* @__PURE__ */ O("div", { className: n("-mt-1.5 h-px w-full", B.divider) }),
-			r && /* @__PURE__ */ O(Ke, {
+			/* @__PURE__ */ D("div", { className: n("-mt-1.5 h-px w-full", B.divider) }),
+			r && /* @__PURE__ */ D(Ge, {
 				ariaLabel: le,
 				skeletonColor: g?.skeletonColor
 			}),
-			!r && a != null && /* @__PURE__ */ O("p", {
+			!r && a != null && /* @__PURE__ */ D("p", {
 				role: "alert",
 				className: n(_?.errorClassName ?? "dial-tiny-text", "py-6 text-center", B.errorText),
 				children: ue
 			}),
-			!r && a == null && t != null && /* @__PURE__ */ k(D, { children: [
-				/* @__PURE__ */ O(ae, {
+			!r && a == null && t != null && /* @__PURE__ */ O(E, { children: [
+				/* @__PURE__ */ D(ie, {
 					anyoneWithLinkTitle: C,
 					anyoneWithLinkSubtitle: w,
 					access: o,
 					canEditAccess: s,
-					accessViewLabel: E,
+					accessViewLabel: k,
 					accessEditLabel: A,
 					accessAriaLabel: T,
 					isOpen: ge,
-					onOpenChange: H,
+					onOpenChange: U,
 					onAccessChange: d,
 					menuStyle: y,
-					triggerRef: ye,
 					titleClassName: _?.anyoneTitleClassName,
 					subtitleClassName: _?.anyoneSubtitleClassName,
 					accessTriggerLabelClassName: _?.accessTriggerLabelClassName
 				}),
-				/* @__PURE__ */ O("p", {
+				/* @__PURE__ */ D("p", {
 					className: n(_?.noteClassName ?? "dial-tiny-text", B.note),
 					children: s && o.includes(R.Edit) ? M : j
 				}),
-				de != null && /* @__PURE__ */ O("p", {
+				de != null && /* @__PURE__ */ D("p", {
 					className: n(_?.nestedItemsNoteClassName ?? "dial-tiny-semi-text", B.note),
 					children: de
 				}),
-				V === z.Qr ? /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(Ge, {
+				V === z.Qr ? /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(We, {
 					value: t,
 					labels: { ariaLabel: L },
-					svgRef: he
-				}), /* @__PURE__ */ O(_e, {
+					svgRef: me
+				}), /* @__PURE__ */ D(he, {
 					url: t,
-					getSvg: () => he.current,
-					copyLabel: ee,
-					copiedLabel: ne,
+					getSvg: () => me.current,
+					copyLabel: te,
+					copiedLabel: oe,
 					downloadLabel: se,
 					downloadFileName: ce
-				})] }) : /* @__PURE__ */ O(oe, {
+				})] }) : /* @__PURE__ */ D(ae, {
 					url: t,
 					linkAriaLabel: F,
-					isCopied: pe,
+					isCopied: fe,
 					copyButtonLabel: N,
 					copiedButtonLabel: P,
-					onCopy: me
+					onCopy: pe
 				}),
-				I != null && /* @__PURE__ */ O("p", {
+				I != null && /* @__PURE__ */ D("p", {
 					className: n(_?.noteClassName ?? "dial-tiny-text", B.note),
 					children: I
 				})
@@ -3146,4 +3128,4 @@ var Ue = {
 	});
 });
 //#endregion
-export { Ge as QrCode, te as SHARE_CLASS, R as ShareLinkAccess, Xe as SharePopover, z as SharePopoverView };
+export { We as QrCode, ee as SHARE_CLASS, R as ShareLinkAccess, Ye as SharePopover, z as SharePopoverView };

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-share",
   "description": "Share popover UI component and share-link types for AI DIAL catalog deployments",
-  "version": "1.2.0-dev.225",
+  "version": "1.2.0-dev.231",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -21,9 +21,9 @@
     "react-qr-code": "^2.2.0"
   },
   "peerDependencies": {
-    "@epam/ai-dial-chat-shared": "1.2.0-dev.225",
+    "@epam/ai-dial-chat-shared": "1.2.0-dev.231",
     "react": "^19.2.8",
-    "@epam/ai-dial-ui-kit": "^0.15.0-dev.27"
+    "@epam/ai-dial-ui-kit": "^0.15.0-dev.30"
   },
   "repository": {
     "type": "git",