@epam/ai-dial-publish-panel 1.3.0-dev.32 → 1.3.0-dev.321

package/index.js

@@ -1,39 +1,39 @@
 import { useCallback as e, useEffect as t, useId as n, useMemo as r, useRef as i, useState as a } from "react";
-import { ButtonVariant as o, Checkbox as s, DIAL_ICON_SIZE as c, DIAL_KIT_ICON_STROKE as l, DialFileNodeType as u, GhostButton as d, GhostIconButton as f, Highlight as p, Input as m, NeutralButton as h, Notification as g, NotificationType as _, NotificationVariant as v, Search as y, Select as b, SideDrawer as x, Spinner as S, Tag as C, TagInput as ee } from "@epam/ai-dial-ui-kit";
-import { ResourceSummary as w, TAG_INPUT_TAG_CLASS_NAME as T, buildCssVars as E, mergeClasses as D } from "@epam/ai-dial-chat-shared";
-import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
-import { IconFolderPlus as j, IconPlus as te, IconTrashX as ne } from "@tabler/icons-react";
-import { DialFileNodeType as re, DialFoldersTree as ie } from "@epam/ai-dial-react-file-manager";
+import { ButtonVariant as o, Checkbox as s, DIAL_ICON_SIZE as c, DIAL_KIT_ICON_STROKE as l, DialFileNodeType as u, ErrorText as d, GhostButton as f, GhostIconButton as p, Highlight as m, Input as h, LiveRegion as g, LiveRegionElement as _, NeutralButton as v, Notification as ee, NotificationType as y, NotificationVariant as b, Search as x, Select as S, SideDrawer as te, Spinner as C, Tag as w, TagInput as T } from "@epam/ai-dial-ui-kit";
+import { ResourceSummary as E, TAG_INPUT_TAG_CLASS_NAME as D, buildCssVars as O, mergeClasses as k } from "@epam/ai-dial-chat-shared";
+import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
+import { IconFolderPlus as ne, IconPlus as re, IconTrashX as ie } from "@tabler/icons-react";
+import { DialFileNodeType as ae, DialFoldersTree as oe } from "@epam/ai-dial-react-file-manager";
 //#region src/models/publish.ts
-var M = /* @__PURE__ */ function(e) {
+var N = /* @__PURE__ */ function(e) {
 	return e.Equal = "EQUAL", e.Contain = "CONTAIN", e.Regex = "REGEX", e;
-}({}), N = /* @__PURE__ */ function(e) {
+}({}), P = /* @__PURE__ */ function(e) {
 	return e.None = "none", e.Info = "info", e.ReplaceWarning = "replaceWarning", e.NoAccess = "noAccess", e.SubmitError = "submitError", e;
-}({}), P = (e) => e.isSubmitting ? {
-	calloutKind: N.None,
+}({}), se = (e) => e.isSubmitting ? {
+	calloutKind: P.None,
 	isSubmitDisabled: !0,
 	isSubmitLoading: !0
 } : e.hasSelectedFolder ? e.hasWriteAccess ? e.hasSubmitError ? {
-	calloutKind: N.SubmitError,
+	calloutKind: P.SubmitError,
 	isSubmitDisabled: !1,
 	isSubmitLoading: !1
 } : e.hasExistingPublicationInFolder ? {
-	calloutKind: N.ReplaceWarning,
+	calloutKind: P.ReplaceWarning,
 	isSubmitDisabled: e.allowReplace === !1,
 	isSubmitLoading: !1
 } : {
-	calloutKind: N.Info,
+	calloutKind: P.Info,
 	isSubmitDisabled: !1,
 	isSubmitLoading: !1
 } : {
-	calloutKind: N.NoAccess,
+	calloutKind: P.NoAccess,
 	isSubmitDisabled: !0,
 	isSubmitLoading: !1
 } : {
-	calloutKind: N.None,
+	calloutKind: P.None,
 	isSubmitDisabled: !0,
 	isSubmitLoading: !1
-}, F = 1440 * 60 * 1e3, I = (e, t = Date.now(), n) => {
+}, F = 864e5, I = (e, t = Date.now(), n) => {
 	let r = Math.floor((t - e) / F);
 	return r <= 0 ? "Today" : r === 1 ? "Yesterday" : r < 7 ? `${r} days ago` : new Date(e).toLocaleDateString(n, {
 		month: "short",
@@ -66,137 +66,137 @@ var M = /* @__PURE__ */ function(e) {
 	t(() => {
 		h(o);
 	}, [o]);
-	let [g, _] = a(), [v, y] = a(!1), [b, x] = a(!1), [S, C] = a([]), [ee, w] = a(!1), [T, E] = a(!1), [D, O] = a(c), [k, A] = a(!1), [j, te] = a(!1);
+	let [g, _] = a(), [v, ee] = a(!1), [y, b] = a(!1), [x, S] = a([]), [te, C] = a(!1), [w, T] = a(!1), [E, D] = a(c), [O, k] = a(!1), [A, j] = a(!1);
 	t(() => {
-		j || O(c);
-	}, [c, j]);
-	let ne = e((e) => {
-		te(!0), O(e);
+		A || D(c);
+	}, [c, A]);
+	let M = e((e) => {
+		j(!0), D(e);
 	}, []);
 	t(() => {
 		if (g == null) {
-			C([]), E(!1);
+			S([]), T(!1);
 			return;
 		}
 		if (!p) return;
 		let e = !1;
-		return w(!0), E(!1), p(g).then((t) => {
-			e || C(t);
+		return C(!0), T(!1), p(g).then((t) => {
+			e || S(t);
 		}).catch(() => {
-			e || E(!0);
+			e || T(!0);
 		}).finally(() => {
-			e || w(!1);
+			e || C(!1);
 		}), () => {
 			e = !0;
 		};
 	}, [g]);
-	let re = r(() => {
+	let ne = r(() => {
 		if (!g) return !1;
 		let e = g.join("/");
-		return i.some((t) => t.folderPath.join("/") === e ? n.version == null ? !0 : t.version === n.version : !1);
+		return i.some((t) => t.folderPath.join("/") === e ? n.version == null || t.version === n.version : !1);
 	}, [
 		i,
 		n.version,
 		g
-	]), ie = e(async (e, t) => {
+	]), re = e(async (e, t) => {
 		h((n) => L(n, e, t));
 		try {
 			await l?.(e, t);
 		} catch {
-			h((n) => R(n, e, t)), x(!0);
+			h((n) => R(n, e, t)), b(!0);
 		}
-	}, [l]), M = e(async () => {
+	}, [l]), ie = e(async () => {
 		if (!g) return !1;
-		y(!0), x(!1);
+		ee(!0), b(!1);
 		try {
-			return await u(n, g, S, D.trim(), k), d?.(n, g), !0;
+			return await u(n, g, x, E.trim(), O), d?.(n, g), !0;
 		} catch (e) {
-			return x(!0), f?.(n, g, e), !1;
+			return b(!0), f?.(n, g, e), !1;
 		} finally {
-			y(!1);
+			ee(!1);
 		}
 	}, [
-		D,
+		E,
 		n,
 		u,
 		f,
 		d,
-		k,
-		S,
+		O,
+		x,
 		g
-	]), N = e(() => {
-		h(o), _(void 0), x(!1), C([]), E(!1), O(c), te(!1), A(!1);
+	]), ae = e(() => {
+		h(o), _(void 0), b(!1), S([]), T(!1), D(c), j(!1), k(!1);
 	}, [c, o]);
 	return {
 		folderItems: m,
 		selectedFolderPath: g,
 		setSelectedFolderPath: _,
-		handleCreateFolder: ie,
-		hasExistingPublicationInFolder: re,
-		hasWriteAccess: g ? s(g) : !0,
+		handleCreateFolder: re,
+		hasExistingPublicationInFolder: ne,
+		hasWriteAccess: !g || s(g),
 		isSubmitting: v,
-		hasSubmitError: b,
-		handleSubmit: M,
-		reset: N,
-		rules: S,
-		setRules: C,
-		author: D,
-		setAuthor: ne,
-		publishCredentials: k,
-		setPublishCredentials: A,
-		isRulesLoading: ee,
-		hasRulesLoadError: T
+		hasSubmitError: y,
+		handleSubmit: ie,
+		reset: ae,
+		rules: x,
+		setRules: S,
+		author: E,
+		setAuthor: M,
+		publishCredentials: O,
+		setPublishCredentials: k,
+		isRulesLoading: te,
+		hasRulesLoadError: w
 	};
-}, ae = (e, t) => {
+}, B = (e, t) => {
 	let n = t.trim().toLowerCase();
 	return n ? e.reduce((e, r) => {
-		let i = r.children ? ae(r.children, t) : void 0;
+		let i = r.children ? B(r.children, t) : void 0;
 		return r.name.toLowerCase().includes(n) ? e.push(r) : i?.length && e.push({
 			...r,
 			children: i
 		}), e;
 	}, []) : e;
-}, B = (e, t) => e.localeCompare(t, void 0, {
+}, V = (e, t) => e.localeCompare(t, void 0, {
 	sensitivity: "base",
 	numeric: !0
-}), oe = (e) => [...e].sort((e, t) => B(e.name, t.name)).map((e) => e.children ? {
+}), ce = (e) => [...e].sort((e, t) => V(e.name, t.name)).map((e) => e.children ? {
 	...e,
-	children: oe(e.children)
-} : e), V = (e, t, n) => {
+	children: ce(e.children)
+} : e), H = (e, t, n) => {
 	let [r, ...i] = t;
 	if (r == null) return e;
 	let a = [...n, r], o = e.find((e) => e.name === r);
 	return o ? i.length ? e.map((e) => e === o ? {
 		...e,
-		children: V(e.children ?? [], i, a)
+		children: H(e.children ?? [], i, a)
 	} : e) : e : [...e, {
 		path: a,
 		name: r,
-		children: i.length ? V([], i, a) : void 0
+		children: i.length ? H([], i, a) : void 0
 	}];
-}, se = (e, t) => t.reduce((e, t) => t.length ? V(e, t, []) : e, e), H = (e) => e.flatMap((e) => [e.path.join("/"), ...e.children ? H(e.children) : []]), U = (e) => e.join("/"), W = (e) => e.split("/").filter(Boolean), G = (e) => e.map((e) => {
-	let t = U(e.path);
+}, U = (e, t) => t.reduce((e, t) => t.length ? H(e, t, []) : e, e), W = (e) => e.flatMap((e) => [e.path.join("/"), ...e.children ? W(e.children) : []]), G = (e) => e.join("/"), K = (e) => e.split("/").filter(Boolean), le = (e) => e.map((e) => {
+	let t = G(e.path);
 	return {
 		path: t,
 		name: e.name,
 		folderId: t,
 		nodeType: u.FOLDER,
-		items: e.children ? G(e.children) : void 0
+		items: e.children ? le(e.children) : void 0
 	};
-}), K = /[/\\:;,={}&"]/, q = (e, t, n) => {
+}), q = /[/\\:;,={}&"]/, ue = (e, t, n) => {
 	let r = e.trim();
-	return r ? r.includes("..") || K.test(r) ? n.invalid : t.some((e) => e.toLowerCase() === r.toLowerCase()) ? n.duplicate : null : n.empty;
-}, ce = (e, t) => {
+	return r ? r.includes("..") || q.test(r) ? n.invalid : t.some((e) => e.toLowerCase() === r.toLowerCase()) ? n.duplicate : null : n.empty;
+}, J = (e, t) => {
 	let n = new Set(t.map((e) => e.toLowerCase()));
 	if (!n.has(e.toLowerCase())) return e;
 	let r = 2;
 	for (; n.has(`${e} ${r}`.toLowerCase());) r += 1;
 	return `${e} ${r}`;
-}, J = (e, t) => {
+}, de = (e, t) => {
 	if (t.length === 0) return e.map((e) => e.name);
-	let n = U(t), r = (e) => {
+	let n = G(t), r = (e) => {
 		for (let t of e) {
-			if (U(t.path) === n) return t;
+			if (G(t.path) === n) return t;
 			let e = t.children ? r(t.children) : void 0;
 			if (e) return e;
 		}
@@ -207,17 +207,17 @@ var M = /* @__PURE__ */ function(e) {
 	error: "_error_jqcm2_14",
 	selectField: "_selectField_jqcm2_28",
 	selectFieldOpen: "_selectFieldOpen_jqcm2_40"
-}, le = 20, ue = 200, de = 8, fe = (e) => {
+}, fe = 20, X = 200, pe = 8, me = (e) => {
 	let t = e.trim();
-	if (t.length === 0 || t.length > ue) return !1;
+	if (t.length === 0 || t.length > X) return !1;
 	try {
 		return new RegExp(t) instanceof RegExp;
 	} catch {
 		return !1;
 	}
-}, pe = ({ sourceOptions: e, onSave: o, onCancel: s, disabled: c = !1, maxTargets: l = le, labels: u = {}, errorClassName: f = "dial-small-text", styles: g = {} }) => {
+}, he = ({ sourceOptions: e, onSave: o, onCancel: s, disabled: c = !1, maxTargets: l = fe, labels: u = {}, errorClassName: p = "dial-tiny-text", styles: g = {} }) => {
 	let _ = {
-		...E({
+		...O({
 			"--pare-mobile-bg": g.colors?.mobileBackground,
 			"--pare-bg": g.colors?.background,
 			"--pare-error-text": g.colors?.errorText,
@@ -227,104 +227,103 @@ var M = /* @__PURE__ */ function(e) {
 			"--pare-select-border-focus": g.colors?.selectBorderFocus
 		}),
 		...g.cssVars
-	}, { sourceLabel: v = "Source", sourcePlaceholder: y = "Select...", functionLabel: x = "Function", equalOptionLabel: S = "Equal", containOptionLabel: C = "Contain", regexOptionLabel: w = "Regex", targetsLabel: O = "Targets", targetsPlaceholder: j = "Add a target", targetsHintLabel: te = "Press Enter or comma to add a target.", patternLabel: ne = "Pattern", patternPlaceholder: re = "Enter a regular expression", invalidRegexError: ie = "Enter a valid regular expression.", requiredFieldError: N = "This field is required.", targetsRequiredError: P = "Add at least one target.", saveLabel: F = "Save", cancelLabel: I = "Cancel", dialogAriaLabel: L = "Add access rule" } = u, R = n(), z = n(), ae = n(), B = n(), oe = i(null);
+	}, { sourceLabel: ee = "Source", sourcePlaceholder: y = "Select...", functionLabel: b = "Function", equalOptionLabel: x = "Equal", containOptionLabel: te = "Contain", regexOptionLabel: C = "Regex", targetsLabel: w = "Targets", targetsPlaceholder: E = "Add a target", targetsHintLabel: A = "Press Enter or comma to add a target.", patternLabel: ne = "Pattern", patternPlaceholder: re = "Enter a regular expression", invalidRegexError: ie = "Enter a valid regular expression.", requiredFieldError: ae = "This field is required.", targetsRequiredError: oe = "Add at least one target.", saveLabel: P = "Save", cancelLabel: se = "Cancel", dialogAriaLabel: F = "Add access rule" } = u, I = n(), L = n(), R = n(), z = n(), B = i(null);
 	t(() => {
-		oe.current?.focus();
+		B.current?.focus();
 	}, []);
-	let [V, se] = a(), [H, U] = a(), [W, G] = a([]), [K, q] = a(""), [ce, J] = a(!1), [ue, pe] = a(""), [X, me] = a(!1), [Z, he] = a(!1), Q = D(Y.selectField, ce && Y.selectFieldOpen), ge = D(Y.selectField, X && Y.selectFieldOpen), _e = r(() => e.map((e) => ({
+	let [V, ce] = a(), [H, U] = a(), [W, G] = a([]), [K, le] = a(""), [q, ue] = a(!1), [J, de] = a(""), [X, he] = a(!1), [Z, ge] = a(!1), _e = k(Y.selectField, q && Y.selectFieldOpen), ve = k(Y.selectField, X && Y.selectFieldOpen), Q = r(() => e.map((e) => ({
 		value: e,
 		label: e,
-		labelNode: ue.trim() ? /* @__PURE__ */ k(p, {
+		labelNode: J.trim() ? /* @__PURE__ */ j(m, {
 			text: e,
-			query: ue,
+			query: J,
 			maxLines: 1
 		}) : void 0
-	})), [e, ue]), ve = r(() => [
+	})), [e, J]), ye = r(() => [
 		{
-			value: M.Equal,
-			label: S
+			value: N.Equal,
+			label: x
 		},
 		{
-			value: M.Contain,
-			label: C
+			value: N.Contain,
+			label: te
 		},
 		{
-			value: M.Regex,
-			label: w
+			value: N.Regex,
+			label: C
 		}
 	], [
-		S,
-		C,
-		w
-	]), $ = H === M.Regex, ye = fe(K), be = V != null && H != null && ($ ? ye : W.length > 0);
-	return /* @__PURE__ */ A("div", {
-		ref: oe,
+		x,
+		te,
+		C
+	]), be = H === N.Regex, $ = me(K), xe = V != null && H != null && (be ? $ : W.length > 0);
+	return /* @__PURE__ */ M("div", {
+		ref: B,
 		role: "dialog",
 		"aria-modal": "true",
-		"aria-label": L,
+		"aria-label": F,
 		tabIndex: -1,
 		onKeyDown: (e) => {
 			e.key === "Escape" && (e.stopPropagation(), s());
 		},
 		style: _,
-		className: D("fixed inset-0 z-[60] flex flex-col gap-3 overflow-y-auto p-4", "desktop:static desktop:z-auto desktop:flex-none desktop:overflow-visible desktop:rounded-lg desktop:p-3", Y.dialog),
+		className: k("fixed inset-0 z-60 flex flex-col gap-3 overflow-y-auto p-4", "desktop:static desktop:z-auto desktop:flex-none desktop:overflow-visible desktop:rounded-lg desktop:p-3", Y.dialog),
 		children: [
-			/* @__PURE__ */ k(b, {
-				id: z,
-				labelProps: { label: v },
-				options: _e,
+			/* @__PURE__ */ j(S, {
+				id: L,
+				labelProps: { label: ee },
+				options: Q,
 				value: V,
 				onChange: (e) => {
-					se(Array.isArray(e) ? e[0] : e), J(!1);
+					ce(Array.isArray(e) ? e[0] : e), ue(!1);
 				},
 				placeholder: y,
-				searchable: e.length > de,
+				searchable: e.length > pe,
 				searchPlaceholder: y,
-				onSearchQueryChange: pe,
+				onSearchQueryChange: de,
 				disabled: c,
-				open: ce,
-				onOpenChange: J,
-				fieldClassName: Q,
+				open: q,
+				onOpenChange: ue,
+				fieldClassName: _e,
 				invalid: Z && V == null,
-				error: Z && V == null ? N : void 0
+				error: Z && V == null ? ae : void 0
 			}),
-			/* @__PURE__ */ k(b, {
-				labelProps: { label: x },
-				id: ae,
-				options: ve,
+			/* @__PURE__ */ j(S, {
+				labelProps: { label: b },
+				id: R,
+				options: ye,
 				value: H,
 				onChange: (e) => {
 					let t = Array.isArray(e) ? e[0] : e;
-					H === M.Regex != (t === M.Regex) && (G([]), q("")), U(t), me(!1);
+					H === N.Regex != (t === N.Regex) && (G([]), le("")), U(t), he(!1);
 				},
-				placeholder: x,
+				placeholder: b,
 				disabled: c,
 				open: X,
-				onOpenChange: me,
-				fieldClassName: ge,
+				onOpenChange: he,
+				fieldClassName: ve,
 				invalid: Z && H == null,
-				error: Z && H == null ? N : void 0
+				error: Z && H == null ? ae : void 0
 			}),
-			$ ? /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k(m, {
-				id: `${R}-input`,
+			be ? /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j(h, {
+				id: `${I}-input`,
 				labelProps: { label: ne },
 				placeholder: re,
 				value: K,
-				onChange: (e) => q(e ?? ""),
-				invalid: (K.length > 0 || Z) && !ye,
-				"aria-describedby": (K.length > 0 || Z) && !ye ? R : void 0,
+				onChange: (e) => le(e ?? ""),
+				invalid: (K.length > 0 || Z) && !$,
+				"aria-describedby": (K.length > 0 || Z) && !$ ? I : void 0,
 				disabled: c
-			}), (K.length > 0 || Z) && !ye && /* @__PURE__ */ k("span", {
-				id: R,
-				role: "alert",
-				className: D("mt-1 block", f, Y.error),
-				children: ie
-			})] }) : /* @__PURE__ */ k(ee, {
-				id: B,
-				labelProps: { label: O },
-				placeholder: j,
-				caption: Z && W.length === 0 ? void 0 : te,
-				error: Z && W.length === 0 ? P : void 0,
+			}), (K.length > 0 || Z) && !$ && /* @__PURE__ */ j(d, {
+				id: I,
+				className: k("mt-1 block", p, Y.error),
+				text: ie
+			})] }) : /* @__PURE__ */ j(T, {
+				id: z,
+				labelProps: { label: w },
+				placeholder: E,
+				caption: Z && W.length === 0 ? void 0 : A,
+				error: Z && W.length === 0 ? oe : void 0,
 				invalid: Z && W.length === 0,
 				value: W,
 				onChange: (e) => {
@@ -336,25 +335,21 @@ var M = /* @__PURE__ */ function(e) {
 					G(t);
 				},
 				disabled: c,
-				tagClassName: T
+				tagClassName: D
 			}),
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ M("div", {
 				className: "mt-auto flex justify-end gap-2 desktop:mt-2",
-				children: [/* @__PURE__ */ k(d, {
-					label: I,
+				children: [/* @__PURE__ */ j(f, {
+					label: se,
 					onClick: s,
 					disabled: c
-				}), /* @__PURE__ */ k(h, {
-					label: F,
+				}), /* @__PURE__ */ j(v, {
+					label: P,
 					onClick: () => {
-						if (!be || V == null || H == null) {
-							he(!0);
-							return;
-						}
-						o({
+						!xe || V == null || H == null ? ge(!0) : o({
 							source: V,
 							function: H,
-							targets: $ ? [K.trim()] : W
+							targets: be ? [K.trim()] : W
 						});
 					},
 					disabled: c
@@ -362,153 +357,152 @@ var M = /* @__PURE__ */ function(e) {
 			})
 		]
 	});
-}, X = {
+}, Z = {
 	ruleRow: "_ruleRow_nx0en_1",
 	heading: "_heading_nx0en_5",
 	hint: "_hint_nx0en_9",
 	loading: "_loading_nx0en_13",
 	ruleText: "_ruleText_nx0en_17"
-}, me = 20, Z = (e, t) => e === M.Equal ? t.equal : e === M.Contain ? t.contain : t.regex, he = ({ rules: e, onRulesChange: r, sourceOptions: s, folderName: u, disabled: p = !1, isLoading: m = !1, hasLoadError: h = !1, maxRules: y = me, maxTargetsPerRule: b, labels: x = {}, headingClassName: C = "dial-body-semi-text", hintClassName: ee = "dial-small-text", loadingClassName: w = "dial-small-text", ruleTextClassName: T = "dial-small-text", ruleSourceClassName: O = "dial-small-semi-text", styles: j = {} }) => {
-	let re = {
-		...E({
-			"--par-rule-bg": j.colors?.ruleBackground,
-			"--par-heading-text": j.colors?.headingText,
-			"--par-hint-text": j.colors?.hintText,
-			"--par-loading-text": j.colors?.loadingText,
-			"--par-rule-text": j.colors?.ruleText
+}, ge = 20, _e = (e, t) => e === N.Equal ? t.equal : e === N.Contain ? t.contain : t.regex, ve = ({ rules: e, onRulesChange: r, sourceOptions: s, folderName: u, disabled: d = !1, isLoading: m = !1, hasLoadError: h = !1, maxRules: v = ge, maxTargetsPerRule: x, labels: S = {}, headingClassName: te = "dial-body-semi-text", hintClassName: w = "dial-small-text", loadingClassName: T = "dial-small-text", ruleTextClassName: E = "dial-small-text", ruleSourceClassName: D = "dial-small-semi-text", styles: A = {} }) => {
+	let ne = {
+		...O({
+			"--par-rule-bg": A.colors?.ruleBackground,
+			"--par-heading-text": A.colors?.headingText,
+			"--par-hint-text": A.colors?.hintText,
+			"--par-loading-text": A.colors?.loadingText,
+			"--par-rule-text": A.colors?.ruleText
 		}),
-		...j.cssVars
-	}, { heading: ie = "Allow access if all match", folderScopeHint: M = "These rules apply to \"{folder}\". Selecting another folder loads that folder's own rules instead.", noFolderScopeHint: N = "Access rules apply to the destination folder — pick a folder above to set its rules.", rulesWithoutFolderWarning: P = "These rules have no destination yet. Select a folder above to apply them.", maxRulesReachedLabel: F = "Rule limit reached ({max}). Remove a rule to add another.", addRuleLabel: I = "Add rule", clearAllLabel: L = "Clear all", orSeparatorLabel: R = "Or", removeRuleAriaLabelTemplate: z = "Remove rule for {source}: {targets}", equalFunctionLabel: ae = "Equal", containFunctionLabel: B = "Contain", regexFunctionLabel: oe = "Regex", loadingLabel: V = "Loading existing rules…", loadErrorLabel: se = "Couldn't load existing rules for this folder. You can still add rules manually.", ruleAddedAnnouncement: H = "Rule added.", ruleRemovedAnnouncement: U = "Rule removed.", rulesClearedAnnouncement: W = "All rules cleared.", rulesLoadedAnnouncement: G = "Existing rules loaded for the selected folder.", editorLabels: K } = x, q = n(), [ce, J] = a(!1), [Y, le] = a(""), ue = i(null), de = i(m);
+		...A.cssVars
+	}, { heading: ae = "Allow access if all match", folderScopeHint: oe = "These rules apply to \"{folder}\". Selecting another folder loads that folder's own rules instead.", noFolderScopeHint: N = "Access rules apply to the destination folder — pick a folder above to set its rules.", rulesWithoutFolderWarning: P = "These rules have no destination yet. Select a folder above to apply them.", maxRulesReachedLabel: se = "Rule limit reached ({max}). Remove a rule to add another.", addRuleLabel: F = "Add rule", clearAllLabel: I = "Clear all", orSeparatorLabel: L = "Or", removeRuleAriaLabelTemplate: R = "Remove rule for {source}: {targets}", equalFunctionLabel: z = "Equal", containFunctionLabel: B = "Contain", regexFunctionLabel: V = "Regex", loadingLabel: ce = "Loading existing rules…", loadErrorLabel: H = "Couldn't load existing rules for this folder. You can still add rules manually.", ruleAddedAnnouncement: U = "Rule added.", ruleRemovedAnnouncement: W = "Rule removed.", rulesClearedAnnouncement: G = "All rules cleared.", rulesLoadedAnnouncement: K = "Existing rules loaded for the selected folder.", editorLabels: le } = S, q = n(), [ue, J] = a(!1), [de, Y] = a(""), fe = i(null), X = i(m);
 	t(() => {
-		de.current && !m && e.length > 0 && le(G), de.current = m;
+		X.current && !m && e.length > 0 && Y(K), X.current = m;
 	}, [
 		m,
 		e,
-		G
+		K
 	]);
-	let fe = () => {
-		ue.current = document.activeElement, J(!0);
-	}, he = () => {
-		J(!1), ue.current?.focus?.();
+	let pe = () => {
+		fe.current = document.activeElement, J(!0);
+	}, me = () => {
+		J(!1), fe.current?.focus?.();
+	}, ve = (t) => {
+		r([...e, t]), Y(U), me();
 	}, Q = (t) => {
-		r([...e, t]), le(H), he();
-	}, ge = (t) => {
-		r(e.filter((e, n) => n !== t)), le(U);
-	}, _e = () => {
-		r([]), le(W);
-	}, ve = {
-		equal: ae,
+		r(e.filter((e, n) => n !== t)), Y(W);
+	}, ye = () => {
+		r([]), Y(G);
+	}, be = {
+		equal: z,
 		contain: B,
-		regex: oe
-	}, $ = e.length >= y, ye = p || $, be = u != null && u !== "";
-	return /* @__PURE__ */ A("div", {
+		regex: V
+	}, $ = e.length >= v, xe = d || $, Se = u != null && u !== "";
+	return /* @__PURE__ */ M("div", {
 		role: "group",
 		"aria-labelledby": q,
-		style: re,
-		className: D(p && "pointer-events-none opacity-60"),
+		style: ne,
+		className: k(d && "pointer-events-none opacity-60"),
 		children: [
-			/* @__PURE__ */ k("span", {
-				role: "status",
-				"aria-live": "polite",
-				className: "sr-only",
-				children: Y
+			/* @__PURE__ */ j(g, {
+				visuallyHidden: !0,
+				as: _.Span,
+				children: de
 			}),
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ M("div", {
 				className: "mb-1 flex items-center justify-between gap-2",
-				children: [/* @__PURE__ */ k("div", {
+				children: [/* @__PURE__ */ j("div", {
 					id: q,
-					className: D(C, X.heading),
-					children: ie
-				}), e.length > 0 && /* @__PURE__ */ k(d, {
+					className: k(te, Z.heading),
+					children: ae
+				}), e.length > 0 && /* @__PURE__ */ j(f, {
 					variant: o.Primary,
-					label: L,
-					onClick: _e,
-					disabled: p
+					label: I,
+					onClick: ye,
+					disabled: d
 				})]
 			}),
-			/* @__PURE__ */ k("p", {
-				className: D("mb-2", ee, X.hint),
-				children: be ? M.replace("{folder}", u) : N
+			/* @__PURE__ */ j("p", {
+				className: k("mb-2", w, Z.hint),
+				children: Se ? oe.replace("{folder}", u) : N
 			}),
-			e.length > 0 && !be && /* @__PURE__ */ k("div", {
+			e.length > 0 && !Se && /* @__PURE__ */ j("div", {
 				className: "mb-2",
-				children: /* @__PURE__ */ k(g, {
-					type: _.SectionMessage,
-					variant: v.Warning,
+				children: /* @__PURE__ */ j(ee, {
+					type: y.SectionMessage,
+					variant: b.Warning,
 					message: P
 				})
 			}),
-			m && /* @__PURE__ */ A("div", {
-				className: D("mb-2 flex items-center gap-2", w, X.loading),
-				children: [/* @__PURE__ */ k(S, {
+			m && /* @__PURE__ */ M("div", {
+				className: k("mb-2 flex items-center gap-2", T, Z.loading),
+				children: [/* @__PURE__ */ j(C, {
 					size: 16,
-					ariaLabel: V
-				}), /* @__PURE__ */ k("span", { children: V })]
+					ariaLabel: ce
+				}), /* @__PURE__ */ j("span", { children: ce })]
 			}),
-			h && /* @__PURE__ */ k("div", {
+			h && /* @__PURE__ */ j("div", {
 				className: "mb-2",
-				children: /* @__PURE__ */ k(g, {
-					type: _.SectionMessage,
-					variant: v.Warning,
-					message: se
+				children: /* @__PURE__ */ j(ee, {
+					type: y.SectionMessage,
+					variant: b.Warning,
+					message: H
 				})
 			}),
-			e.length > 0 && /* @__PURE__ */ k("ul", {
+			e.length > 0 && /* @__PURE__ */ j("ul", {
 				className: "mb-3 flex flex-col gap-2",
 				children: e.map((e, t) => {
-					let n = e.targets.join(` ${R} `), r = z.replace("{source}", e.source).replace("{targets}", n);
-					return /* @__PURE__ */ A("li", {
-						className: D("flex items-center justify-between gap-2 rounded-lg px-3 py-2", X.ruleRow),
-						children: [/* @__PURE__ */ A("span", {
-							className: D("truncate", T, X.ruleText),
+					let n = e.targets.join(` ${L} `), r = R.replace("{source}", e.source).replace("{targets}", n);
+					return /* @__PURE__ */ M("li", {
+						className: k("flex items-center justify-between gap-2 rounded-lg px-3 py-2", Z.ruleRow),
+						children: [/* @__PURE__ */ M("span", {
+							className: k("truncate", E, Z.ruleText),
 							children: [
-								/* @__PURE__ */ k("span", {
-									className: O,
+								/* @__PURE__ */ j("span", {
+									className: D,
 									children: e.source
 								}),
 								" ",
-								Z(e.function, ve),
+								_e(e.function, be),
 								": ",
 								n
 							]
-						}), /* @__PURE__ */ k(f, {
-							icon: /* @__PURE__ */ k(ne, {
+						}), /* @__PURE__ */ j(p, {
+							icon: /* @__PURE__ */ j(ie, {
 								size: c.SM,
 								"aria-hidden": !0,
 								stroke: l
 							}),
 							"aria-label": r,
-							onClick: () => ge(t),
-							disabled: p
+							onClick: () => Q(t),
+							disabled: d
 						})]
 					}, t);
 				})
 			}),
-			ce && /* @__PURE__ */ k(pe, {
+			ue && /* @__PURE__ */ j(he, {
 				sourceOptions: s,
-				onSave: Q,
-				onCancel: he,
-				disabled: p,
-				maxTargets: b,
-				labels: K,
-				styles: j.editor
+				onSave: ve,
+				onCancel: me,
+				disabled: d,
+				maxTargets: x,
+				labels: le,
+				styles: A.editor
 			}),
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ j("div", {
 				className: "flex flex-wrap items-center gap-2",
-				children: /* @__PURE__ */ k(d, {
-					label: I,
-					iconBefore: /* @__PURE__ */ k(te, {
+				children: /* @__PURE__ */ j(f, {
+					label: F,
+					iconBefore: /* @__PURE__ */ j(re, {
 						size: c.SM,
 						"aria-hidden": !0,
 						stroke: l
 					}),
-					onClick: fe,
-					disabled: ye
+					onClick: pe,
+					disabled: xe
 				})
 			}),
-			$ && /* @__PURE__ */ k("p", {
-				className: D("mt-2", ee, X.hint),
-				children: F.replace("{max}", String(y))
+			$ && /* @__PURE__ */ j("p", {
+				className: k("mt-2", w, Z.hint),
+				children: se.replace("{max}", String(v))
 			})
 		]
 	});
@@ -519,8 +513,8 @@ var M = /* @__PURE__ */ function(e) {
 	date: "_date_d0adf_17",
 	emptyState: "_emptyState_d0adf_21",
 	stripedRow: "_stripedRow_d0adf_25"
-}, ge = ({ entries: e, currentVersion: t, isLoading: n = !1, hasError: r = !1, versionPrefix: i = "Version", currentBadgeLabel: a = "Current", sharedCredentialsLabel: o = "Shared credentials", emptyStateLabel: s = "Not published to this folder yet — this will be the first version here.", loadingLabel: c = "Loading history…", errorLabel: l = "Failed to load publish history.", versionClassName: u = "dial-small-text", dateClassName: d = "dial-small-text", emptyStateClassName: f = "dial-small-text", colors: p }) => {
-	let m = E({
+}, ye = ({ entries: e, currentVersion: t, isLoading: n = !1, hasError: r = !1, versionPrefix: i = "Version", currentBadgeLabel: a = "Current", sharedCredentialsLabel: o = "Shared credentials", emptyStateLabel: s = "Not published to this folder yet — this will be the first version here.", loadingLabel: c = "Loading history…", errorLabel: l = "Failed to load publish history.", versionClassName: u = "dial-small-text", dateClassName: d = "dial-small-text", emptyStateClassName: f = "dial-small-text", colors: p }) => {
+	let m = O({
 		"--phl-badge-border": p?.currentBadgeBorder,
 		"--phl-badge-bg": p?.currentBadgeBackground,
 		"--phl-badge-text": p?.currentBadgeText,
@@ -531,233 +525,237 @@ var M = /* @__PURE__ */ function(e) {
 		"--phl-date-text": p?.dateText,
 		"--phl-empty-text": p?.emptyStateText,
 		"--phl-striped-bg": p?.stripedBackground
-	}), h = D(f, Q.emptyState);
-	return n ? /* @__PURE__ */ k("p", {
-		style: m,
-		className: h,
-		children: c
-	}) : r ? /* @__PURE__ */ k("p", {
-		style: m,
-		className: h,
-		role: "alert",
-		children: l
-	}) : e.length === 0 ? /* @__PURE__ */ k("p", {
-		style: m,
-		className: h,
-		children: s
-	}) : /* @__PURE__ */ k("ul", {
+	}), h = k(f, Q.emptyState);
+	if (n || r || e.length === 0) {
+		let e = s;
+		return n ? e = c : r && (e = l), /* @__PURE__ */ j(g, {
+			as: _.P,
+			style: m,
+			className: h,
+			children: e
+		});
+	}
+	return /* @__PURE__ */ j("ul", {
 		style: m,
-		children: e.map((e, n) => /* @__PURE__ */ A("li", {
-			className: D("flex items-center justify-between gap-2 rounded-lg px-3 py-[11px]", n % 2 == 0 && Q.stripedRow),
-			children: [/* @__PURE__ */ A("span", {
+		children: e.map((e, n) => /* @__PURE__ */ M("li", {
+			className: k("flex items-center justify-between gap-2 rounded-lg px-3 py-[11px]", n % 2 == 0 && Q.stripedRow),
+			children: [/* @__PURE__ */ M("span", {
 				className: "flex min-w-0 items-center gap-2",
 				style: m,
 				children: [
-					/* @__PURE__ */ A("span", {
-						className: D(u, Q.version),
+					/* @__PURE__ */ M("span", {
+						className: k(u, Q.version),
 						children: [
 							i,
 							" ",
 							e.version
 						]
 					}),
-					e.version === t && /* @__PURE__ */ k(C, {
+					e.version === t && /* @__PURE__ */ j(w, {
 						label: a,
-						className: D("shrink-0 whitespace-nowrap", Q.currentBadge)
+						className: k("shrink-0 whitespace-nowrap", Q.currentBadge)
 					}),
-					e.publishCredentials === !0 && /* @__PURE__ */ k(C, {
+					e.publishCredentials === !0 && /* @__PURE__ */ j(w, {
 						label: o,
-						className: D("shrink-0 whitespace-nowrap", Q.sharedCredentialsBadge)
+						className: k("shrink-0 whitespace-nowrap", Q.sharedCredentialsBadge)
 					})
 				]
-			}), /* @__PURE__ */ k("span", {
-				className: D(d, Q.date),
+			}), /* @__PURE__ */ j("span", {
+				className: k(d, Q.date),
 				children: I(e.publishedAt)
 			})]
 		}, `${e.version}-${n}`))
 	});
-}, _e = {
+}, be = {
 	divider: "_divider_1gs31_1",
 	tree: "_tree_1gs31_17"
-}, ve = ({ items: e, selectedPath: t, onSelectedPathChange: n, onCreateFolder: o, searchQuery: s, disabled: u = !1, createFolderLabel: f = "Create new folder", cancelCreatingFolderLabel: p = "Cancel", addSiblingFolderLabel: m = "Add sibling", addChildFolderLabel: h = "Add child", newFolderDefaultName: g = "New folder", noResultsLabel: _ = "No folders match \"{query}\".", emptyFolderNameError: v = "Folder name cannot be empty.", invalidFolderNameError: y = "Folder name contains invalid characters.", duplicateFolderNameError: b = "A folder with this name already exists.", rootLabel: x = "Organization", expandedPaths: S, onExpandedPathsChange: C, loadingPaths: ee, styles: w = {} }) => {
+}, $ = "data-cancel-creating-folder", xe = ({ items: e, selectedPath: n, onSelectedPathChange: o, onCreateFolder: s, searchQuery: u, disabled: d = !1, createFolderLabel: p = "Create new folder", cancelCreatingFolderLabel: m = "Cancel", addSiblingFolderLabel: h = "Add sibling", addChildFolderLabel: g = "Add child", newFolderDefaultName: _ = "New folder", noResultsLabel: v = "No folders match \"{query}\".", emptyFolderNameError: ee = "Folder name cannot be empty.", invalidFolderNameError: y = "Folder name contains invalid characters.", duplicateFolderNameError: b = "A folder with this name already exists.", rootLabel: x = "Organization", expandedPaths: S, onExpandedPathsChange: te, loadingPaths: C, styles: w = {} }) => {
 	let T = {
-		...E({ "--pft-divider": w.colors?.divider }),
+		...O({ "--pft-divider": w.colors?.divider }),
 		...w.cssVars
-	}, [O, ne] = a(() => new Set(t?.map((e, n) => U(t.slice(0, n + 1))) ?? [])), M = S ?? O, N = (e) => {
+	}, [E, D] = a(() => new Set(n?.map((e, t) => G(n.slice(0, t + 1))) ?? [])), A = S ?? E, ie = (e) => {
 		let t = new Set(e);
-		t.delete(""), C ? C(t) : ne(t);
-	}, [P, F] = a(null), [I, L] = a(g), R = i(null), z = s.trim(), B = P != null, V = r(() => ae(e, s), [e, s]), se = z.length > 0 && V.length === 0, K = !B && z.length > 0, Y = r(() => oe(K ? V : e), [
-		K,
+		t.delete(""), te ? te(t) : D(t);
+	}, [N, P] = a(null), [se, F] = a(_), I = i(null), L = i(!1);
+	t(() => {
+		let e = (e) => {
+			e.target instanceof Element && e.target.closest(`[${$}]`) && (L.current = !0);
+		};
+		return document.addEventListener("pointerdown", e, !0), () => document.removeEventListener("pointerdown", e, !0);
+	}, []);
+	let R = u.trim(), z = N != null, V = r(() => B(e, u), [e, u]), H = R.length > 0 && V.length === 0, U = !z && R.length > 0, q = r(() => ce(U ? V : e), [
+		U,
 		V,
 		e
-	]), le = r(() => new Set(["", ...H(Y)]), [Y]), ue = r(() => new Set(["", ...K ? le : M]), [
-		K,
-		le,
-		M
-	]), de = r(() => G(Y), [Y]), fe = r(() => K && de.length === 0 ? [] : [{
+	]), Y = r(() => /* @__PURE__ */ new Set(["", ...W(q)]), [q]), fe = r(() => /* @__PURE__ */ new Set(["", ...U ? Y : A]), [
+		U,
+		Y,
+		A
+	]), X = r(() => le(q), [q]), pe = r(() => U && X.length === 0 ? [] : [{
 		path: "",
 		name: x,
 		folderId: "",
-		nodeType: re.FOLDER,
-		items: de
+		nodeType: ae.FOLDER,
+		items: X
 	}], [
-		de,
+		X,
 		x,
-		K
-	]), pe = P ? U(P) : null, X = {
-		empty: v,
+		U
+	]), me = N ? G(N) : null, he = {
+		empty: ee,
 		invalid: y,
 		duplicate: b
-	}, me = (t) => ce(se && q(z, [], X) == null ? z : g, J(e, t)), Z = (e) => {
-		F(e), L(me(e)), R.current = null;
-		let t = U(e);
-		t && N(new Set(M).add(t));
-	}, he = () => Z(t ?? []), Q = (e) => {
-		let t = W(e.path), n = [{
+	}, Z = (t) => J(H && ue(R, [], he) == null ? R : _, de(e, t)), ge = (e) => {
+		P(e), F(Z(e)), I.current = null, L.current = !1;
+		let t = G(e);
+		t && ie(new Set(A).add(t));
+	}, _e = () => ge(n ?? []), ve = (e) => {
+		let t = K(e.path), n = [{
 			key: "add-child",
-			label: h,
-			icon: /* @__PURE__ */ k(j, {
+			label: g,
+			icon: /* @__PURE__ */ j(ne, {
 				size: c.SM,
 				"aria-hidden": !0,
 				stroke: l
 			}),
-			onClick: () => Z(t)
+			onClick: () => ge(t)
 		}];
 		return e.path !== "" && n.push({
 			key: "add-sibling",
-			label: m,
-			icon: /* @__PURE__ */ k(te, {
+			label: h,
+			icon: /* @__PURE__ */ j(re, {
 				size: c.SM,
 				"aria-hidden": !0,
 				stroke: l
 			}),
-			onClick: () => Z(t.slice(0, -1))
+			onClick: () => ge(t.slice(0, -1))
 		}), n;
-	}, ge = (t) => {
-		if (!P) return null;
-		let n = q(t, J(e, P), X);
-		return R.current = n, n;
-	}, ve = (e) => {
-		if (!P) return;
-		let t = e.trim(), r = R.current;
-		(ge(e) ?? r) || (o(P, t), n([...P, t])), F(null);
-	}, $ = () => F(null);
-	return /* @__PURE__ */ A("div", {
+	}, Q = (t) => {
+		if (!N) return null;
+		let n = ue(t, de(e, N), he);
+		return I.current = n, n;
+	}, ye = (e) => {
+		if (!N || L.current) return;
+		let t = e.trim(), n = I.current;
+		(Q(e) ?? n) || (s(N, t), o([...N, t])), P(null);
+	}, xe = () => P(null);
+	return /* @__PURE__ */ M("div", {
 		style: T,
-		className: D(u && "pointer-events-none opacity-60", w.className),
+		className: k(d && "pointer-events-none opacity-60", w.className),
 		children: [
-			/* @__PURE__ */ k("div", {
-				className: D("w-full min-w-0 max-w-full", _e.tree),
-				children: /* @__PURE__ */ k(ie, {
-					items: fe,
+			/* @__PURE__ */ j("div", {
+				className: k("w-full max-w-full min-w-0", be.tree),
+				children: /* @__PURE__ */ j(oe, {
+					items: pe,
 					showFiles: !1,
-					selectedPath: t == null ? void 0 : U(t),
-					expandedPaths: ue,
-					onExpandedPathsChange: N,
-					loadingPaths: ee,
+					selectedPath: n == null ? void 0 : G(n),
+					expandedPaths: fe,
+					onExpandedPathsChange: ie,
+					loadingPaths: C,
 					onItemClick: (e) => {
-						n(t != null && U(t) === e.path ? void 0 : W(e.path));
+						o(n != null && G(n) === e.path ? void 0 : K(e.path));
 					},
-					getContextMenuItems: Q,
-					createdFolderPath: pe,
-					newFolderDefaultName: I,
-					onCreateFolderSave: ve,
-					onCreateFolderCancel: $,
-					onRenameValidate: (e) => ge(e),
-					emptyStateTitle: K ? _.replace("{query}", z) : void 0
+					getContextMenuItems: ve,
+					createdFolderPath: me,
+					newFolderDefaultName: se,
+					onCreateFolderSave: ye,
+					onCreateFolderCancel: xe,
+					onRenameValidate: (e) => Q(e),
+					emptyStateTitle: U ? v.replace("{query}", R) : void 0
 				})
 			}),
-			/* @__PURE__ */ k("div", {
-				className: D("my-2 h-px", _e.divider),
+			/* @__PURE__ */ j("div", {
+				className: k("my-2 h-px", be.divider),
 				"aria-hidden": !0
 			}),
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ M("div", {
 				className: "mb-4 flex flex-wrap items-center gap-2",
-				children: [/* @__PURE__ */ k(d, {
-					onClick: he,
-					label: f,
-					iconBefore: /* @__PURE__ */ k(te, {
+				children: [/* @__PURE__ */ j(f, {
+					onClick: _e,
+					label: p,
+					iconBefore: /* @__PURE__ */ j(re, {
 						size: c.SM,
 						"aria-hidden": !0,
 						stroke: l
 					}),
-					disabled: u || B
-				}), B && /* @__PURE__ */ k(d, {
-					label: p,
-					onClick: $,
-					disabled: u
+					disabled: d || z
+				}), z && /* @__PURE__ */ j(f, {
+					label: m,
+					onClick: xe,
+					disabled: d,
+					[$]: ""
 				})]
 			})
 		]
 	});
-}, $ = { panel: "dial-publish-panel-panel" }, ye = {
+}, Se = { panel: "dial-publish-panel-panel" }, Ce = {
 	summaryTitle: "_summaryTitle_tf20a_1",
 	sectionHeading: "_sectionHeading_tf20a_5"
-}, be = 200, xe = ({ resource: e, renderSummary: t, folderItems: i, selectedFolderPath: o, onSelectedFolderPathChange: c, onCreateFolder: l, expandedPaths: u, onExpandedPathsChange: d, loadingPaths: f, hasExistingPublicationInFolder: p, hasWriteAccess: h, isSubmitting: v, hasSubmitError: b = !1, allowReplace: x = !0, author: S, onAuthorChange: C, publishCredentials: ee = !1, onPublishCredentialsChange: T, rules: O, onRulesChange: j, ruleSourceOptions: te, isRulesLoading: ne = !1, hasRulesLoadError: re = !1, labels: ie = {}, summaryTitleClassName: M = "dial-body-semi-text", headingClassName: F = "dial-body-semi-text", styles: I = {} }) => {
-	let { colors: L, folderTree: R, accessRules: z } = I, ae = {
-		...E({
-			"--pp-summary-title-text": L?.summaryTitleText,
-			"--pp-heading-text": L?.headingText
+}, we = 200, Te = ({ resource: e, renderSummary: t, folderItems: i, selectedFolderPath: o, onSelectedFolderPathChange: c, onCreateFolder: l, expandedPaths: u, onExpandedPathsChange: d, loadingPaths: f, hasExistingPublicationInFolder: p, hasWriteAccess: m, isSubmitting: g, hasSubmitError: _ = !1, allowReplace: v = !0, author: b, onAuthorChange: S, publishCredentials: te = !1, onPublishCredentialsChange: C, rules: w, onRulesChange: T, ruleSourceOptions: D, isRulesLoading: A = !1, hasRulesLoadError: ne = !1, labels: re = {}, summaryTitleClassName: ie = "dial-body-semi-text", headingClassName: ae = "dial-body-semi-text", calloutFolderNameClassName: oe = "dial-small-paragraph-semi-text", styles: N = {} }) => {
+	let { colors: F, folderTree: I, accessRules: L } = N, R = {
+		...O({
+			"--pp-summary-title-text": F?.summaryTitleText,
+			"--pp-heading-text": F?.headingText
 		}),
-		...I.cssVars
-	}, B = {
-		border: L?.summaryBorder,
-		background: L?.summaryBackground,
-		versionTagBorder: L?.summaryVersionTagBorder,
-		versionTagBackground: L?.summaryVersionTagBackground,
-		versionTagText: L?.summaryVersionTagText
-	}, { folderLabel: oe = "Publish to folder", replaceWarning: V = "Version {version} is already published in {folder}. Publishing will replace it.", noAccessError: se = "You don't have permission to publish to {folder}. Pick another, or ask an owner for access.", submitError: H = "Publishing failed. Please try again.", folderEmptyStateLabel: U, addSiblingFolderLabel: W, addChildFolderLabel: G, cancelCreatingFolderLabel: K, createFolderEmptyNameError: q, createFolderInvalidNameError: ce, createFolderDuplicateNameError: J, rootFolderLabel: Y = "Organization", summaryVersionLabel: le, accessRulesLabels: ue, searchPlaceholder: de, clearSearchAriaLabel: fe, authorLabel: pe = "Author", authorPlaceholder: X = "Author name", authorHint: me = "Shown as the publication’s author. Defaults to you — replace it to credit a team instead.", credentialsLabel: Z = "Publish with my credentials", credentialsHint: Q = "Members will use this without signing in themselves. Your credential itself is never shown to them." } = ie, [ge, _e] = a(""), xe = n(), Ce = (e) => {
-		_e(e ?? "");
-	}, Te = o != null, Ee = r(() => P({
-		hasSelectedFolder: Te,
+		...N.cssVars
+	}, z = {
+		border: F?.summaryBorder,
+		background: F?.summaryBackground,
+		versionTagBorder: F?.summaryVersionTagBorder,
+		versionTagBackground: F?.summaryVersionTagBackground,
+		versionTagText: F?.summaryVersionTagText
+	}, { folderLabel: B = "Publish to folder", replaceWarning: V = "Version {version} is already published in {folder}. Publishing will replace it.", noAccessError: ce = "You don't have permission to publish to {folder}. Pick another, or ask an owner for access.", submitError: H = "Publishing failed. Please try again.", folderEmptyStateLabel: U, addSiblingFolderLabel: W, addChildFolderLabel: G, cancelCreatingFolderLabel: K, createFolderEmptyNameError: le, createFolderInvalidNameError: q, createFolderDuplicateNameError: ue, rootFolderLabel: J = "Organization", summaryVersionLabel: de, accessRulesLabels: Y, searchPlaceholder: fe, clearSearchAriaLabel: X, authorLabel: pe = "Author", authorPlaceholder: me = "Author name", authorHint: he = "Shown as the publication’s author. Defaults to you — replace it to credit a team instead.", credentialsLabel: Z = "Publish with my credentials", credentialsHint: ge = "Members will use this without signing in themselves. Your credential itself is never shown to them." } = re, [_e, Q] = a(""), ye = n(), be = (e) => {
+		Q(e ?? "");
+	}, $ = o != null, Te = r(() => se({
+		hasSelectedFolder: $,
 		hasExistingPublicationInFolder: p,
-		hasWriteAccess: h,
-		isSubmitting: v,
-		hasSubmitError: b,
-		allowReplace: x
+		hasWriteAccess: m,
+		isSubmitting: g,
+		hasSubmitError: _,
+		allowReplace: v
 	}), [
-		Te,
+		$,
 		p,
-		h,
-		v,
-		b,
-		x
-	]), De = Te ? o[o.length - 1] ?? Y : "", Oe = t ? t() : /* @__PURE__ */ k("span", {
-		className: D("truncate", M, ye.summaryTitle),
+		m,
+		g,
+		_,
+		v
+	]), De = $ ? o[o.length - 1] ?? J : "", ke = t ? t() : /* @__PURE__ */ j("span", {
+		className: k("truncate", ie, Ce.summaryTitle),
 		children: e?.title
 	});
-	return /* @__PURE__ */ A("div", {
-		className: D("flex flex-col gap-5", $.panel),
-		style: ae,
-		children: [e?.type == null ? /* @__PURE__ */ k(w, {
-			colors: B,
-			children: Oe
-		}) : /* @__PURE__ */ k(w, {
+	return /* @__PURE__ */ M("div", {
+		className: k("flex flex-col gap-5", Se.panel),
+		style: R,
+		children: [e?.type == null ? /* @__PURE__ */ j(E, {
+			colors: z,
+			children: ke
+		}) : /* @__PURE__ */ j(E, {
 			item: {
 				type: e.type,
 				name: e.title,
 				version: e.version ?? "",
 				iconUrl: e.iconUrl
 			},
-			versionLabel: le,
-			colors: B
-		}), /* @__PURE__ */ A("div", { children: [
-			/* @__PURE__ */ k("div", {
-				className: D("mb-2", F, ye.sectionHeading),
-				children: oe
+			versionLabel: de,
+			colors: z
+		}), /* @__PURE__ */ M("div", { children: [
+			/* @__PURE__ */ j("div", {
+				className: k("mb-2", ae, Ce.sectionHeading),
+				children: B
 			}),
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ j("div", {
 				role: "search",
 				className: "mb-3",
-				children: /* @__PURE__ */ k(y, {
-					value: ge,
-					onChange: Ce,
-					placeholder: de,
-					clearLabel: fe,
-					"aria-label": de
+				children: /* @__PURE__ */ j(x, {
+					value: _e,
+					onChange: be,
+					placeholder: fe,
+					clearLabel: X,
+					"aria-label": fe
 				})
 			}),
-			/* @__PURE__ */ k(ve, {
+			/* @__PURE__ */ j(xe, {
 				items: i,
 				selectedPath: o,
 				onSelectedPathChange: c,
@@ -765,114 +763,115 @@ var M = /* @__PURE__ */ function(e) {
 				expandedPaths: u,
 				onExpandedPathsChange: d,
 				loadingPaths: f,
-				searchQuery: ge,
-				disabled: v,
+				searchQuery: _e,
+				disabled: g,
 				noResultsLabel: U,
 				addSiblingFolderLabel: W,
 				addChildFolderLabel: G,
 				cancelCreatingFolderLabel: K,
-				emptyFolderNameError: q,
-				invalidFolderNameError: ce,
-				duplicateFolderNameError: J,
-				rootLabel: Y,
-				styles: R
+				emptyFolderNameError: le,
+				invalidFolderNameError: q,
+				duplicateFolderNameError: ue,
+				rootLabel: J,
+				styles: I
 			}),
-			Ee.calloutKind !== N.None && Ee.calloutKind !== N.Info && /* @__PURE__ */ k("div", {
+			Te.calloutKind !== P.None && Te.calloutKind !== P.Info && /* @__PURE__ */ j("div", {
 				className: "mt-3",
-				children: /* @__PURE__ */ k(g, {
-					type: _.SectionMessage,
-					variant: Se(Ee.calloutKind),
-					message: we(Ee.calloutKind, {
+				children: /* @__PURE__ */ j(ee, {
+					type: y.SectionMessage,
+					variant: Ee(Te.calloutKind),
+					message: Oe(Te.calloutKind, {
 						replaceWarning: V,
-						noAccessError: se,
+						noAccessError: ce,
 						submitError: H,
 						folderName: De,
-						version: e?.version
+						version: e?.version,
+						folderNameClassName: oe
 					})
 				})
 			}),
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ j("div", {
 				className: "mt-4",
-				children: /* @__PURE__ */ k(m, {
-					id: xe,
+				children: /* @__PURE__ */ j(h, {
+					id: ye,
 					labelProps: { label: pe },
-					placeholder: X,
-					caption: me,
-					value: S,
-					onChange: (e) => C(e ?? ""),
-					maxLength: be,
-					disabled: v
+					placeholder: me,
+					caption: he,
+					value: b,
+					onChange: (e) => S(e ?? ""),
+					maxLength: we,
+					disabled: g
 				})
 			}),
-			T != null && /* @__PURE__ */ k("div", {
+			C != null && /* @__PURE__ */ j("div", {
 				className: "mt-4",
-				children: /* @__PURE__ */ k(s, {
+				children: /* @__PURE__ */ j(s, {
 					labelProps: { label: Z },
-					caption: Q,
-					isSelected: ee,
-					onChange: T,
-					disabled: v
+					caption: ge,
+					isSelected: te,
+					onChange: C,
+					disabled: g
 				})
 			}),
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ j("div", {
 				className: "mt-4",
-				children: /* @__PURE__ */ k(he, {
-					rules: O,
-					onRulesChange: j,
-					sourceOptions: te,
-					folderName: Te ? De : void 0,
-					disabled: v,
-					isLoading: ne,
-					hasLoadError: re,
-					labels: ue,
-					styles: z
+				children: /* @__PURE__ */ j(ve, {
+					rules: w,
+					onRulesChange: T,
+					sourceOptions: D,
+					folderName: $ ? De : void 0,
+					disabled: g,
+					isLoading: A,
+					hasLoadError: ne,
+					labels: Y,
+					styles: L
 				})
 			})
 		] })]
 	});
-}, Se = (e) => e === N.ReplaceWarning ? v.Warning : v.Error, Ce = (e, t) => {
-	let [n, r, ...i] = e.split("{folder}");
-	return r === void 0 || i.length > 0 ? e : /* @__PURE__ */ A(O, { children: [
-		n,
-		/* @__PURE__ */ k("strong", {
-			className: "font-semibold",
+}, Ee = (e) => e === P.ReplaceWarning ? b.Warning : b.Error, De = (e, t, n) => {
+	let [r, i, ...a] = e.split("{folder}");
+	return i === void 0 || a.length > 0 ? e : /* @__PURE__ */ M(A, { children: [
+		r,
+		/* @__PURE__ */ j("strong", {
+			className: n,
 			children: t
 		}),
-		r
+		i
 	] });
-}, we = (e, t) => e === N.ReplaceWarning ? Ce(t.replaceWarning.replace("{version}", t.version ?? ""), t.folderName) : e === N.NoAccess ? Ce(t.noAccessError, t.folderName) : t.submitError, Te = { footer: "_footer_dks1v_1" }, Ee = ({ version: e, hasExistingPublicationInFolder: t, isSubmitDisabled: n, isSubmitLoading: r, onCancel: i, onSubmit: a, labels: o = {}, colors: s }) => {
-	let l = E({ "--pf-border": s?.border }), { cancelLabel: u = "Cancel", publishDefaultLabel: f = "Publish", updateLabel: p = "Update version {version}", publishingInProgressLabel: m = "Publishing…" } = o, g = r ? m : t && e != null ? p.replace("{version}", e) : f;
-	return /* @__PURE__ */ A("div", {
-		style: l,
-		className: D("flex items-center justify-end gap-2 border-t px-4 py-4 desktop:px-3.5 rtl:flex-row-reverse rtl:justify-start", Te.footer),
-		children: [/* @__PURE__ */ k(d, {
-			label: u,
+}, Oe = (e, t) => e === P.ReplaceWarning ? De(t.replaceWarning.replace("{version}", t.version ?? ""), t.folderName, t.folderNameClassName) : e === P.NoAccess ? De(t.noAccessError, t.folderName, t.folderNameClassName) : t.submitError, ke = { footer: "_footer_dks1v_1" }, Ae = ({ version: e, hasExistingPublicationInFolder: t, allowReplace: n = !0, isSubmitDisabled: r, isSubmitLoading: i, onCancel: a, onSubmit: o, labels: s = {}, colors: l }) => {
+	let u = O({ "--pf-border": l?.border }), { cancelLabel: d = "Cancel", publishDefaultLabel: p = "Publish", updateLabel: m = "Update version {version}", publishingInProgressLabel: h = "Publishing…" } = s, g = i ? h : n && t && e != null ? m.replace("{version}", e) : p;
+	return /* @__PURE__ */ M("div", {
+		style: u,
+		className: k("flex items-center justify-end gap-2 border-t px-4 py-4 rtl:flex-row-reverse rtl:justify-start desktop:px-3.5", ke.footer),
+		children: [/* @__PURE__ */ j(f, {
+			label: d,
 			className: "mobile:flex-1",
-			disabled: r,
-			onClick: i
-		}), /* @__PURE__ */ k(h, {
+			disabled: i,
+			onClick: a
+		}), /* @__PURE__ */ j(v, {
 			label: g,
 			className: "mobile:flex-1",
-			disabled: n,
-			iconBefore: r ? /* @__PURE__ */ k(S, { size: c.SM }) : void 0,
-			onClick: a
+			disabled: r,
+			iconBefore: i ? /* @__PURE__ */ j(C, { size: c.SM }) : void 0,
+			onClick: o
 		})]
 	});
-}, De = {
+}, je = {
 	backdrop: "_backdrop_16jmd_6",
 	panel: "_panel_16jmd_10",
 	divider: "_divider_16jmd_15",
 	content: "_content_16jmd_19",
 	title: "_title_16jmd_24"
-}, Oe = ({ isOpen: e, resource: n, renderSummary: i, folderItems: o, selectedFolderPath: s, onSelectedFolderPathChange: c, onCreateFolder: l, expandedPaths: u, onExpandedPathsChange: d, loadingPaths: f, hasExistingPublicationInFolder: p, hasWriteAccess: m, isSubmitting: h, hasSubmitError: g = !1, allowReplace: _ = !0, author: v, onAuthorChange: y, rules: b, onRulesChange: S, ruleSourceOptions: C, isRulesLoading: ee = !1, hasRulesLoadError: w = !1, onClose: T, returnFocusRef: O, onSubmit: j, panelLabels: te, panelStyles: ne, footerLabels: re, labels: ie = {}, titleClassName: M = "dial-body-semi-text", colors: N }) => {
-	let F = E({
-		"--spp-backdrop-bg": N?.backdropBackground,
-		"--spp-panel-bg": N?.panelBackground,
-		"--spp-panel-border": N?.panelBorder,
-		"--spp-divider-border": N?.dividerBorder,
-		"--spp-scrollbar-thumb": N?.scrollbarThumb,
-		"--spp-title-text": N?.titleText
-	}), [I, L] = a(null), { title: R = "Publish", ariaLabel: z = "Publish", closeAriaLabel: ae = "Close" } = ie, B = r(() => P({
+}, Me = ({ isOpen: e, resource: n, renderSummary: i, folderItems: o, selectedFolderPath: s, onSelectedFolderPathChange: c, onCreateFolder: l, expandedPaths: u, onExpandedPathsChange: d, loadingPaths: f, hasExistingPublicationInFolder: p, hasWriteAccess: m, isSubmitting: h, hasSubmitError: g = !1, allowReplace: _ = !0, author: v, onAuthorChange: ee, rules: y, onRulesChange: b, ruleSourceOptions: x, isRulesLoading: S = !1, hasRulesLoadError: C = !1, onClose: w, returnFocusRef: T, onSubmit: E, panelLabels: D, panelStyles: A, panelSummaryTitleClassName: ne, panelHeadingClassName: re, panelCalloutFolderNameClassName: ie, footerLabels: ae, labels: oe = {}, titleClassName: N = "dial-body-semi-text", colors: P }) => {
+	let F = O({
+		"--spp-backdrop-bg": P?.backdropBackground,
+		"--spp-panel-bg": P?.panelBackground,
+		"--spp-panel-border": P?.panelBorder,
+		"--spp-divider-border": P?.dividerBorder,
+		"--spp-scrollbar-thumb": P?.scrollbarThumb,
+		"--spp-title-text": P?.titleText
+	}), [I, L] = a(null), { title: R = "Publish", ariaLabel: z = "Publish", closeAriaLabel: B = "Close" } = oe, V = r(() => se({
 		hasSelectedFolder: s != null,
 		hasExistingPublicationInFolder: p,
 		hasWriteAccess: m,
@@ -898,36 +897,36 @@ var M = /* @__PURE__ */ function(e) {
 		document.addEventListener("focusin", r);
 		let i = requestAnimationFrame(() => {
 			document.removeEventListener("focusin", r);
-		}), a = O?.current;
+		}), a = T?.current;
 		return () => {
 			cancelAnimationFrame(i), document.removeEventListener("focusin", r), a?.isConnected && a.focus({ preventScroll: !0 });
 		};
 	}, [
 		e,
 		I,
-		O
-	]), /* @__PURE__ */ A(x, {
+		T
+	]), /* @__PURE__ */ M(te, {
 		open: e,
-		onClose: T,
-		header: /* @__PURE__ */ k("span", {
-			className: D("block truncate text-center", M, De.title),
+		onClose: w,
+		header: /* @__PURE__ */ j("span", {
+			className: k("block truncate text-center", N, je.title),
 			children: R
 		}),
 		ariaLabel: z,
-		closeAriaLabel: ae,
+		closeAriaLabel: B,
 		closeDisabled: h,
 		style: F,
 		overlayStyle: F,
-		className: De.panel,
-		overlayClassName: De.backdrop,
-		headerClassName: D("px-[22px]", De.divider),
+		className: k(je.panel, "tablet:w-[540px]! tablet:max-w-[calc(100%-32px)]!"),
+		overlayClassName: je.backdrop,
+		headerClassName: k("px-[22px]", je.divider),
 		bodyClassName: "flex flex-col overflow-hidden",
-		children: [/* @__PURE__ */ k("div", {
+		children: [/* @__PURE__ */ j("div", {
 			ref: L,
-			className: D("min-h-0 flex-1 overflow-y-auto", De.content),
-			children: /* @__PURE__ */ k("div", {
+			className: k("min-h-0 flex-1 overflow-y-auto", je.content),
+			children: /* @__PURE__ */ j("div", {
 				className: "p-[22px]",
-				children: /* @__PURE__ */ k(xe, {
+				children: /* @__PURE__ */ j(Te, {
 					resource: n,
 					renderSummary: i,
 					folderItems: o,
@@ -943,26 +942,30 @@ var M = /* @__PURE__ */ function(e) {
 					hasSubmitError: g,
 					allowReplace: _,
 					author: v,
-					onAuthorChange: y,
-					rules: b,
-					onRulesChange: S,
-					ruleSourceOptions: C,
-					isRulesLoading: ee,
-					hasRulesLoadError: w,
-					labels: te,
-					styles: ne
+					onAuthorChange: ee,
+					rules: y,
+					onRulesChange: b,
+					ruleSourceOptions: x,
+					isRulesLoading: S,
+					hasRulesLoadError: C,
+					labels: D,
+					styles: A,
+					summaryTitleClassName: ne,
+					headingClassName: re,
+					calloutFolderNameClassName: ie
 				})
 			})
-		}), /* @__PURE__ */ k(Ee, {
+		}), /* @__PURE__ */ j(Ae, {
 			version: n?.version,
 			hasExistingPublicationInFolder: p,
-			isSubmitDisabled: B.isSubmitDisabled,
-			isSubmitLoading: B.isSubmitLoading,
-			onCancel: T,
-			onSubmit: j,
-			labels: re
+			allowReplace: _,
+			isSubmitDisabled: V.isSubmitDisabled,
+			isSubmitLoading: V.isSubmitLoading,
+			onCancel: w,
+			onSubmit: E,
+			labels: ae
 		})]
 	});
 };
 //#endregion
-export { $ as PUBLISH_PANEL_CLASS, M as PublicationRuleFunction, pe as PublishAccessRuleEditor, he as PublishAccessRules, N as PublishCalloutKind, ve as PublishFoldersTree, Ee as PublishFooter, ge as PublishHistoryList, xe as PublishPanel, Oe as StandalonePublishPanel, H as collectFolderKeys, P as derivePublishState, ae as filterFolderTree, I as formatPublishedDate, W as fromFolderPathKey, J as getSiblingFolderNames, ce as getUniqueFolderName, se as mergeFolderPaths, oe as sortFolderTree, G as toDialFileTree, U as toFolderPathKey, z as usePublishFlow, q as validateFolderName };
+export { Se as PUBLISH_PANEL_CLASS, N as PublicationRuleFunction, he as PublishAccessRuleEditor, ve as PublishAccessRules, P as PublishCalloutKind, xe as PublishFoldersTree, Ae as PublishFooter, ye as PublishHistoryList, Te as PublishPanel, Me as StandalonePublishPanel, W as collectFolderKeys, se as derivePublishState, B as filterFolderTree, I as formatPublishedDate, K as fromFolderPathKey, de as getSiblingFolderNames, J as getUniqueFolderName, U as mergeFolderPaths, ce as sortFolderTree, le as toDialFileTree, G as toFolderPathKey, z as usePublishFlow, ue as validateFolderName };