@epam/ai-dial-publish-panel 1.3.0-dev.33 → 1.3.0-dev.331

package/index.js

@@ -1,46 +1,46 @@
 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, ElementSize as d, ErrorText as f, FolderName as p, GhostButton as m, GhostIconButton as h, Highlight as g, Input as _, LinkButton as ee, LiveRegion as v, LiveRegionElement as te, LiveRegionPoliteness as y, NeutralButton as b, Notification as x, NotificationType as S, NotificationVariant as C, PrimaryButton as ne, RadioGroup as re, Search as w, Select as T, SideDrawer as E, Spinner as D, Tag as O, TagInput as k } from "@epam/ai-dial-ui-kit";
+import { ResourceSummary as A, TAG_INPUT_TAG_CLASS_NAME as j, buildCssVars as ie, mergeClasses as M } from "@epam/ai-dial-chat-shared";
+import { Fragment as N, jsx as P, jsxs as F } from "react/jsx-runtime";
+import { IconFolder as I, IconFolderPlus as ae, IconPlus as L, IconTrashX as oe } from "@tabler/icons-react";
+import { DialFileNodeType as se, DialFoldersTree as ce } from "@epam/ai-dial-react-file-manager";
 //#region src/models/publish.ts
-var M = /* @__PURE__ */ function(e) {
+var R = /* @__PURE__ */ function(e) {
 	return e.Equal = "EQUAL", e.Contain = "CONTAIN", e.Regex = "REGEX", e;
-}({}), N = /* @__PURE__ */ function(e) {
+}({}), z = /* @__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,
+}({}), B = (e) => e.isSubmitting ? {
+	calloutKind: z.None,
 	isSubmitDisabled: !0,
 	isSubmitLoading: !0
 } : e.hasSelectedFolder ? e.hasWriteAccess ? e.hasSubmitError ? {
-	calloutKind: N.SubmitError,
+	calloutKind: z.SubmitError,
 	isSubmitDisabled: !1,
 	isSubmitLoading: !1
 } : e.hasExistingPublicationInFolder ? {
-	calloutKind: N.ReplaceWarning,
+	calloutKind: z.ReplaceWarning,
 	isSubmitDisabled: e.allowReplace === !1,
 	isSubmitLoading: !1
 } : {
-	calloutKind: N.Info,
+	calloutKind: z.Info,
 	isSubmitDisabled: !1,
 	isSubmitLoading: !1
 } : {
-	calloutKind: N.NoAccess,
+	calloutKind: z.NoAccess,
 	isSubmitDisabled: !0,
 	isSubmitLoading: !1
 } : {
-	calloutKind: N.None,
+	calloutKind: z.None,
 	isSubmitDisabled: !0,
 	isSubmitLoading: !1
-}, F = 1440 * 60 * 1e3, I = (e, t = Date.now(), n) => {
-	let r = Math.floor((t - e) / F);
+}, V = 864e5, H = (e, t = Date.now(), n) => {
+	let r = Math.floor((t - e) / V);
 	return r <= 0 ? "Today" : r === 1 ? "Yesterday" : r < 7 ? `${r} days ago` : new Date(e).toLocaleDateString(n, {
 		month: "short",
 		day: "numeric",
 		year: "numeric"
 	});
-}, L = (e, t, n) => t.length === 0 ? [...e, {
+}, le = (e, t, n) => t.length === 0 ? [...e, {
 	path: [n],
 	name: n
 }] : e.map((e) => e.path.join("/") === t.join("/") ? {
@@ -51,310 +51,305 @@ var M = /* @__PURE__ */ function(e) {
 	}]
 } : {
 	...e,
-	children: e.children ? L(e.children, t, n) : e.children
-}), R = (e, t, n) => {
+	children: e.children ? le(e.children, t, n) : e.children
+}), U = (e, t, n) => {
 	let r = [...t, n].join("/");
 	return t.length === 0 ? e.filter((e) => e.path.join("/") !== r) : e.map((e) => e.path.join("/") === t.join("/") ? {
 		...e,
 		children: (e.children ?? []).filter((e) => e.path.join("/") !== r)
 	} : {
 		...e,
-		children: e.children ? R(e.children, t, n) : e.children
+		children: e.children ? U(e.children, t, n) : e.children
 	});
-}, z = ({ item: n, history: i, folderItems: o, hasWriteAccess: s = () => !0, defaultAuthor: c = "", onCreateFolder: l, onPublish: u, onPublishSuccess: d, onPublishError: f, onFetchExistingRules: p }) => {
+}, ue = ({ item: n, history: i, folderItems: o, hasWriteAccess: s = () => !0, defaultAuthor: c = "", onCreateFolder: l, onPublish: u, onPublishSuccess: d, onPublishError: f, onFetchExistingRules: p }) => {
 	let [m, h] = a(o);
 	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(), [ee, v] = a(!1), [te, y] = a(!1), [b, x] = a([]), [S, C] = a(!1), [ne, re] = a(!1), [w, T] = a(c), [E, D] = a(!1), [O, k] = a(!1);
 	t(() => {
-		j || O(c);
-	}, [c, j]);
-	let ne = e((e) => {
-		te(!0), O(e);
+		O || T(c);
+	}, [c, O]);
+	let A = e((e) => {
+		k(!0), T(e);
 	}, []);
 	t(() => {
 		if (g == null) {
-			C([]), E(!1);
+			x([]), re(!1);
 			return;
 		}
 		if (!p) return;
 		let e = !1;
-		return w(!0), E(!1), p(g).then((t) => {
-			e || C(t);
+		return C(!0), re(!1), p(g).then((t) => {
+			e || x(t);
 		}).catch(() => {
-			e || E(!0);
+			e || re(!0);
 		}).finally(() => {
-			e || w(!1);
+			e || C(!1);
 		}), () => {
 			e = !0;
 		};
 	}, [g]);
-	let re = r(() => {
+	let j = 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) => {
-		h((n) => L(n, e, t));
+		h((n) => le(n, e, t));
 		try {
 			await l?.(e, t);
 		} catch {
-			h((n) => R(n, e, t)), x(!0);
+			h((n) => U(n, e, t)), y(!0);
 		}
 	}, [l]), M = e(async () => {
 		if (!g) return !1;
-		y(!0), x(!1);
+		v(!0), y(!1);
 		try {
-			return await u(n, g, S, D.trim(), k), d?.(n, g), !0;
+			return await u(n, g, b, w.trim(), E), d?.(n, g), !0;
 		} catch (e) {
-			return x(!0), f?.(n, g, e), !1;
+			return y(!0), f?.(n, g, e), !1;
 		} finally {
-			y(!1);
+			v(!1);
 		}
 	}, [
-		D,
+		w,
 		n,
 		u,
 		f,
 		d,
-		k,
-		S,
+		E,
+		b,
 		g
 	]), N = e(() => {
-		h(o), _(void 0), x(!1), C([]), E(!1), O(c), te(!1), A(!1);
+		h(o), _(void 0), y(!1), x([]), re(!1), T(c), k(!1), D(!1);
 	}, [c, o]);
 	return {
 		folderItems: m,
 		selectedFolderPath: g,
 		setSelectedFolderPath: _,
 		handleCreateFolder: ie,
-		hasExistingPublicationInFolder: re,
-		hasWriteAccess: g ? s(g) : !0,
-		isSubmitting: v,
-		hasSubmitError: b,
+		hasExistingPublicationInFolder: j,
+		hasWriteAccess: !g || s(g),
+		isSubmitting: ee,
+		hasSubmitError: te,
 		handleSubmit: M,
 		reset: N,
-		rules: S,
-		setRules: C,
-		author: D,
-		setAuthor: ne,
-		publishCredentials: k,
-		setPublishCredentials: A,
-		isRulesLoading: ee,
-		hasRulesLoadError: T
+		rules: b,
+		setRules: x,
+		author: w,
+		setAuthor: A,
+		publishCredentials: E,
+		setPublishCredentials: D,
+		isRulesLoading: S,
+		hasRulesLoadError: ne
 	};
-}, ae = (e, t) => {
+}, W = (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 ? W(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, {
+}, de = (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 ? {
+}), fe = (e) => [...e].sort((e, t) => de(e.name, t.name)).map((e) => e.children ? {
 	...e,
-	children: oe(e.children)
-} : e), V = (e, t, n) => {
+	children: fe(e.children)
+} : e), G = (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: G(e.children ?? [], i, a)
 	} : e) : e : [...e, {
 		path: a,
 		name: r,
-		children: i.length ? V([], i, a) : void 0
+		children: i.length ? G([], 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);
+}, K = (e, t) => t.reduce((e, t) => t.length ? G(e, t, []) : e, e), q = (e) => e.flatMap((e) => [e.path.join("/"), ...e.children ? q(e.children) : []]), J = (e) => e.join("/"), pe = (e) => e.split("/").filter(Boolean), Y = (e) => e.map((e) => {
+	let t = J(e.path);
 	return {
 		path: t,
 		name: e.name,
 		folderId: t,
 		nodeType: u.FOLDER,
-		items: e.children ? G(e.children) : void 0
+		items: e.children ? Y(e.children) : void 0
 	};
-}), K = /[/\\:;,={}&"]/, q = (e, t, n) => {
+}), me = /[/\\:;,={}&"]/, he = (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("..") || me.test(r) ? n.invalid : t.some((e) => e.toLowerCase() === r.toLowerCase()) ? n.duplicate : null : n.empty;
+}, ge = (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) => {
+}, _e = (e, t) => {
 	if (t.length === 0) return e.map((e) => e.name);
-	let n = U(t), r = (e) => {
+	let n = J(t), r = (e) => {
 		for (let t of e) {
-			if (U(t.path) === n) return t;
+			if (J(t.path) === n) return t;
 			let e = t.children ? r(t.children) : void 0;
 			if (e) return e;
 		}
 	};
 	return (r(e)?.children ?? []).map((e) => e.name);
-}, Y = {
+}, ve = {
 	dialog: "_dialog_jqcm2_5",
 	error: "_error_jqcm2_14",
 	selectField: "_selectField_jqcm2_28",
 	selectFieldOpen: "_selectFieldOpen_jqcm2_40"
-}, le = 20, ue = 200, de = 8, fe = (e) => {
+}, X = 20, Z = 200, ye = 8, be = (e) => {
 	let t = e.trim();
-	if (t.length === 0 || t.length > ue) return !1;
+	if (t.length === 0 || t.length > Z) 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 = {} }) => {
-	let _ = {
-		...E({
-			"--pare-mobile-bg": g.colors?.mobileBackground,
-			"--pare-bg": g.colors?.background,
-			"--pare-error-text": g.colors?.errorText,
-			"--pare-select-border": g.colors?.selectBorder,
-			"--pare-select-border-hover": g.colors?.selectBorderHover,
-			"--pare-select-border-open": g.colors?.selectBorderOpen,
-			"--pare-select-border-focus": g.colors?.selectBorderFocus
+}, Q = ({ sourceOptions: e, onSave: o, onCancel: s, disabled: c = !1, maxTargets: l = X, labels: u = {}, errorClassName: d = "dial-tiny-text", styles: p = {} }) => {
+	let h = {
+		...ie({
+			"--pare-mobile-bg": p.colors?.mobileBackground,
+			"--pare-bg": p.colors?.background,
+			"--pare-error-text": p.colors?.errorText,
+			"--pare-select-border": p.colors?.selectBorder,
+			"--pare-select-border-hover": p.colors?.selectBorderHover,
+			"--pare-select-border-open": p.colors?.selectBorderOpen,
+			"--pare-select-border-focus": p.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);
+		...p.cssVars
+	}, { sourceLabel: ee = "Source", sourcePlaceholder: v = "Select...", functionLabel: te = "Function", equalOptionLabel: y = "Equal", containOptionLabel: x = "Contain", regexOptionLabel: S = "Regex", targetsLabel: C = "Targets", targetsPlaceholder: ne = "Add a target", targetsHintLabel: re = "Press Enter or comma to add a target.", patternLabel: w = "Pattern", patternPlaceholder: E = "Enter a regular expression", invalidRegexError: D = "Enter a valid regular expression.", requiredFieldError: O = "This field is required.", targetsRequiredError: A = "Add at least one target.", saveLabel: N = "Save", cancelLabel: I = "Cancel", dialogAriaLabel: ae = "Add access rule" } = u, L = n(), oe = n(), se = n(), ce = n(), z = i(null);
 	t(() => {
-		oe.current?.focus();
+		z.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 [B, V] = a(), [H, le] = a(), [U, ue] = a([]), [W, de] = a(""), [fe, G] = a(!1), [K, q] = a(""), [J, pe] = a(!1), [Y, me] = a(!1), he = M(ve.selectField, fe && ve.selectFieldOpen), ge = M(ve.selectField, J && ve.selectFieldOpen), _e = r(() => e.map((e) => ({
 		value: e,
 		label: e,
-		labelNode: ue.trim() ? /* @__PURE__ */ k(p, {
+		labelNode: K.trim() ? /* @__PURE__ */ P(g, {
 			text: e,
-			query: ue,
+			query: K,
 			maxLines: 1
 		}) : void 0
-	})), [e, ue]), ve = r(() => [
+	})), [e, K]), Z = r(() => [
 		{
-			value: M.Equal,
-			label: S
+			value: R.Equal,
+			label: y
 		},
 		{
-			value: M.Contain,
-			label: C
+			value: R.Contain,
+			label: x
 		},
 		{
-			value: M.Regex,
-			label: w
+			value: R.Regex,
+			label: S
 		}
 	], [
-		S,
-		C,
-		w
-	]), $ = H === M.Regex, ye = fe(K), be = V != null && H != null && ($ ? ye : W.length > 0);
-	return /* @__PURE__ */ A("div", {
-		ref: oe,
+		y,
+		x,
+		S
+	]), Q = H === R.Regex, $ = be(W), xe = B != null && H != null && (Q ? $ : U.length > 0);
+	return /* @__PURE__ */ F("div", {
+		ref: z,
 		role: "dialog",
 		"aria-modal": "true",
-		"aria-label": L,
+		"aria-label": ae,
 		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),
+		style: h,
+		className: M("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", ve.dialog),
 		children: [
-			/* @__PURE__ */ k(b, {
-				id: z,
-				labelProps: { label: v },
+			/* @__PURE__ */ P(T, {
+				id: oe,
+				labelProps: { label: ee },
 				options: _e,
-				value: V,
+				value: B,
 				onChange: (e) => {
-					se(Array.isArray(e) ? e[0] : e), J(!1);
+					V(Array.isArray(e) ? e[0] : e), G(!1);
 				},
-				placeholder: y,
-				searchable: e.length > de,
-				searchPlaceholder: y,
-				onSearchQueryChange: pe,
+				placeholder: v,
+				searchable: e.length > ye,
+				searchPlaceholder: v,
+				onSearchQueryChange: q,
 				disabled: c,
-				open: ce,
-				onOpenChange: J,
-				fieldClassName: Q,
-				invalid: Z && V == null,
-				error: Z && V == null ? N : void 0
+				open: fe,
+				onOpenChange: G,
+				fieldClassName: he,
+				invalid: Y && B == null,
+				error: Y && B == null ? O : void 0
 			}),
-			/* @__PURE__ */ k(b, {
-				labelProps: { label: x },
-				id: ae,
-				options: ve,
+			/* @__PURE__ */ P(T, {
+				labelProps: { label: te },
+				id: se,
+				options: Z,
 				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 === R.Regex != (t === R.Regex) && (ue([]), de("")), le(t), pe(!1);
 				},
-				placeholder: x,
+				placeholder: te,
 				disabled: c,
-				open: X,
-				onOpenChange: me,
+				open: J,
+				onOpenChange: pe,
 				fieldClassName: ge,
-				invalid: Z && H == null,
-				error: Z && H == null ? N : void 0
+				invalid: Y && H == null,
+				error: Y && H == null ? O : void 0
 			}),
-			$ ? /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k(m, {
-				id: `${R}-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,
-				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,
-				invalid: Z && W.length === 0,
+			Q ? /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P(_, {
+				id: `${L}-input`,
+				labelProps: { label: w },
+				placeholder: E,
 				value: W,
+				onChange: (e) => de(e ?? ""),
+				invalid: (W.length > 0 || Y) && !$,
+				"aria-describedby": (W.length > 0 || Y) && !$ ? L : void 0,
+				disabled: c
+			}), (W.length > 0 || Y) && !$ && /* @__PURE__ */ P(f, {
+				id: L,
+				className: M("mt-1 block", d, ve.error),
+				text: D
+			})] }) : /* @__PURE__ */ P(k, {
+				id: ce,
+				labelProps: { label: C },
+				placeholder: ne,
+				caption: Y && U.length === 0 ? void 0 : re,
+				error: Y && U.length === 0 ? A : void 0,
+				invalid: Y && U.length === 0,
+				value: U,
 				onChange: (e) => {
 					let t = [];
 					for (let n of e) {
 						let e = n.trim();
 						if (!(e.length === 0 || t.includes(e)) && (t.push(e), t.length >= l)) break;
 					}
-					G(t);
+					ue(t);
 				},
 				disabled: c,
-				tagClassName: T
+				tagClassName: j
 			}),
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ F("div", {
 				className: "mt-auto flex justify-end gap-2 desktop:mt-2",
-				children: [/* @__PURE__ */ k(d, {
+				children: [/* @__PURE__ */ P(m, {
 					label: I,
 					onClick: s,
 					disabled: c
-				}), /* @__PURE__ */ k(h, {
-					label: F,
+				}), /* @__PURE__ */ P(b, {
+					label: N,
 					onClick: () => {
-						if (!be || V == null || H == null) {
-							he(!0);
-							return;
-						}
-						o({
-							source: V,
+						!xe || B == null || H == null ? me(!0) : o({
+							source: B,
 							function: H,
-							targets: $ ? [K.trim()] : W
+							targets: Q ? [W.trim()] : U
 						});
 					},
 					disabled: c
@@ -362,165 +357,164 @@ var M = /* @__PURE__ */ function(e) {
 			})
 		]
 	});
-}, X = {
+}, $ = {
 	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
+}, xe = 20, Se = (e, t) => e === R.Equal ? t.equal : e === R.Contain ? t.contain : t.regex, Ce = ({ rules: e, onRulesChange: r, sourceOptions: s, folderName: u, disabled: d = !1, isLoading: f = !1, hasLoadError: p = !1, maxRules: g = xe, maxTargetsPerRule: _, labels: ee = {}, headingClassName: y = "dial-body-semi-text", hintClassName: b = "dial-small-text", loadingClassName: ne = "dial-small-text", ruleTextClassName: re = "dial-small-text", ruleSourceClassName: w = "dial-small-semi-text", styles: T = {} }) => {
+	let E = {
+		...ie({
+			"--par-rule-bg": T.colors?.ruleBackground,
+			"--par-heading-text": T.colors?.headingText,
+			"--par-hint-text": T.colors?.hintText,
+			"--par-loading-text": T.colors?.loadingText,
+			"--par-rule-text": T.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);
+		...T.cssVars
+	}, { heading: O = "Allow access if all match", folderScopeHint: k = "These rules apply to \"{folder}\". Selecting another folder loads that folder's own rules instead.", noFolderScopeHint: A = "Access rules apply to the destination folder — pick a folder above to set its rules.", rulesWithoutFolderWarning: j = "These rules have no destination yet. Select a folder above to apply them.", maxRulesReachedLabel: N = "Rule limit reached ({max}). Remove a rule to add another.", addRuleLabel: I = "Add rule", clearAllLabel: ae = "Clear all", orSeparatorLabel: se = "Or", removeRuleAriaLabelTemplate: ce = "Remove rule for {source}: {targets}", equalFunctionLabel: R = "Equal", containFunctionLabel: z = "Contain", regexFunctionLabel: B = "Regex", loadingLabel: V = "Loading existing rules…", loadErrorLabel: H = "Couldn't load existing rules for this folder. You can still add rules manually.", ruleAddedAnnouncement: le = "Rule added.", ruleRemovedAnnouncement: U = "Rule removed.", rulesClearedAnnouncement: ue = "All rules cleared.", rulesLoadedAnnouncement: W = "Existing rules loaded for the selected folder.", editorLabels: de } = ee, fe = n(), [G, K] = a(!1), [q, J] = a(""), pe = i(null), Y = i(f);
 	t(() => {
-		de.current && !m && e.length > 0 && le(G), de.current = m;
+		Y.current && !f && e.length > 0 && J(W), Y.current = f;
 	}, [
-		m,
+		f,
 		e,
-		G
+		W
 	]);
-	let fe = () => {
-		ue.current = document.activeElement, J(!0);
+	let me = () => {
+		pe.current = document.activeElement, K(!0);
 	}, he = () => {
-		J(!1), ue.current?.focus?.();
-	}, Q = (t) => {
-		r([...e, t]), le(H), he();
+		K(!1), pe.current?.focus?.();
 	}, ge = (t) => {
-		r(e.filter((e, n) => n !== t)), le(U);
-	}, _e = () => {
-		r([]), le(W);
-	}, ve = {
-		equal: ae,
-		contain: B,
-		regex: oe
-	}, $ = e.length >= y, ye = p || $, be = u != null && u !== "";
-	return /* @__PURE__ */ A("div", {
+		r([...e, t]), J(le), he();
+	}, _e = (t) => {
+		r(e.filter((e, n) => n !== t)), J(U);
+	}, ve = () => {
+		r([]), J(ue);
+	}, X = {
+		equal: R,
+		contain: z,
+		regex: B
+	}, Z = e.length >= g, ye = d || Z, be = u != null && u !== "";
+	return /* @__PURE__ */ F("div", {
 		role: "group",
-		"aria-labelledby": q,
-		style: re,
-		className: D(p && "pointer-events-none opacity-60"),
+		"aria-labelledby": fe,
+		style: E,
+		className: M(d && "pointer-events-none opacity-60"),
 		children: [
-			/* @__PURE__ */ k("span", {
-				role: "status",
-				"aria-live": "polite",
-				className: "sr-only",
-				children: Y
+			/* @__PURE__ */ P(v, {
+				visuallyHidden: !0,
+				as: te.Span,
+				children: q
 			}),
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ F("div", {
 				className: "mb-1 flex items-center justify-between gap-2",
-				children: [/* @__PURE__ */ k("div", {
-					id: q,
-					className: D(C, X.heading),
-					children: ie
-				}), e.length > 0 && /* @__PURE__ */ k(d, {
+				children: [/* @__PURE__ */ P("div", {
+					id: fe,
+					className: M(y, $.heading),
+					children: O
+				}), e.length > 0 && /* @__PURE__ */ P(m, {
 					variant: o.Primary,
-					label: L,
-					onClick: _e,
-					disabled: p
+					label: ae,
+					onClick: ve,
+					disabled: d
 				})]
 			}),
-			/* @__PURE__ */ k("p", {
-				className: D("mb-2", ee, X.hint),
-				children: be ? M.replace("{folder}", u) : N
+			/* @__PURE__ */ P("p", {
+				className: M("mb-2", b, $.hint),
+				children: be ? k.replace("{folder}", u) : A
 			}),
-			e.length > 0 && !be && /* @__PURE__ */ k("div", {
+			e.length > 0 && !be && /* @__PURE__ */ P("div", {
 				className: "mb-2",
-				children: /* @__PURE__ */ k(g, {
-					type: _.SectionMessage,
-					variant: v.Warning,
-					message: P
+				children: /* @__PURE__ */ P(x, {
+					type: S.SectionMessage,
+					variant: C.Warning,
+					message: j
 				})
 			}),
-			m && /* @__PURE__ */ A("div", {
-				className: D("mb-2 flex items-center gap-2", w, X.loading),
-				children: [/* @__PURE__ */ k(S, {
+			f && /* @__PURE__ */ F("div", {
+				className: M("mb-2 flex items-center gap-2", ne, $.loading),
+				children: [/* @__PURE__ */ P(D, {
 					size: 16,
 					ariaLabel: V
-				}), /* @__PURE__ */ k("span", { children: V })]
+				}), /* @__PURE__ */ P("span", { children: V })]
 			}),
-			h && /* @__PURE__ */ k("div", {
+			p && /* @__PURE__ */ P("div", {
 				className: "mb-2",
-				children: /* @__PURE__ */ k(g, {
-					type: _.SectionMessage,
-					variant: v.Warning,
-					message: se
+				children: /* @__PURE__ */ P(x, {
+					type: S.SectionMessage,
+					variant: C.Warning,
+					message: H
 				})
 			}),
-			e.length > 0 && /* @__PURE__ */ k("ul", {
+			e.length > 0 && /* @__PURE__ */ P("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(` ${se} `), r = ce.replace("{source}", e.source).replace("{targets}", n);
+					return /* @__PURE__ */ F("li", {
+						className: M("flex items-center justify-between gap-2 rounded-lg px-3 py-2", $.ruleRow),
+						children: [/* @__PURE__ */ F("span", {
+							className: M("truncate", re, $.ruleText),
 							children: [
-								/* @__PURE__ */ k("span", {
-									className: O,
+								/* @__PURE__ */ P("span", {
+									className: w,
 									children: e.source
 								}),
 								" ",
-								Z(e.function, ve),
+								Se(e.function, X),
 								": ",
 								n
 							]
-						}), /* @__PURE__ */ k(f, {
-							icon: /* @__PURE__ */ k(ne, {
+						}), /* @__PURE__ */ P(h, {
+							icon: /* @__PURE__ */ P(oe, {
 								size: c.SM,
 								"aria-hidden": !0,
 								stroke: l
 							}),
 							"aria-label": r,
-							onClick: () => ge(t),
-							disabled: p
+							onClick: () => _e(t),
+							disabled: d
 						})]
 					}, t);
 				})
 			}),
-			ce && /* @__PURE__ */ k(pe, {
+			G && /* @__PURE__ */ P(Q, {
 				sourceOptions: s,
-				onSave: Q,
+				onSave: ge,
 				onCancel: he,
-				disabled: p,
-				maxTargets: b,
-				labels: K,
-				styles: j.editor
+				disabled: d,
+				maxTargets: _,
+				labels: de,
+				styles: T.editor
 			}),
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ P("div", {
 				className: "flex flex-wrap items-center gap-2",
-				children: /* @__PURE__ */ k(d, {
+				children: /* @__PURE__ */ P(m, {
 					label: I,
-					iconBefore: /* @__PURE__ */ k(te, {
+					iconBefore: /* @__PURE__ */ P(L, {
 						size: c.SM,
 						"aria-hidden": !0,
 						stroke: l
 					}),
-					onClick: fe,
+					onClick: me,
 					disabled: ye
 				})
 			}),
-			$ && /* @__PURE__ */ k("p", {
-				className: D("mt-2", ee, X.hint),
-				children: F.replace("{max}", String(y))
+			Z && /* @__PURE__ */ P("p", {
+				className: M("mt-2", b, $.hint),
+				children: N.replace("{max}", String(g))
 			})
 		]
 	});
-}, Q = {
+}, we = {
 	currentBadge: "_currentBadge_d0adf_1",
 	sharedCredentialsBadge: "_sharedCredentialsBadge_d0adf_7",
 	version: "_version_d0adf_13",
 	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({
+}, Te = ({ 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 = ie({
 		"--phl-badge-border": p?.currentBadgeBorder,
 		"--phl-badge-bg": p?.currentBadgeBackground,
 		"--phl-badge-text": p?.currentBadgeText,
@@ -531,233 +525,304 @@ 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 = M(f, we.emptyState);
+	if (n || r || e.length === 0) {
+		let e = s;
+		return n ? e = c : r && (e = l), /* @__PURE__ */ P(v, {
+			as: te.P,
+			style: m,
+			className: h,
+			children: e
+		});
+	}
+	return /* @__PURE__ */ P("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__ */ F("li", {
+			className: M("flex items-center justify-between gap-2 rounded-lg px-3 py-[11px]", n % 2 == 0 && we.stripedRow),
+			children: [/* @__PURE__ */ F("span", {
 				className: "flex min-w-0 items-center gap-2",
 				style: m,
 				children: [
-					/* @__PURE__ */ A("span", {
-						className: D(u, Q.version),
+					/* @__PURE__ */ F("span", {
+						className: M(u, we.version),
 						children: [
 							i,
 							" ",
 							e.version
 						]
 					}),
-					e.version === t && /* @__PURE__ */ k(C, {
+					e.version === t && /* @__PURE__ */ P(O, {
 						label: a,
-						className: D("shrink-0 whitespace-nowrap", Q.currentBadge)
+						className: M("shrink-0 whitespace-nowrap", we.currentBadge)
 					}),
-					e.publishCredentials === !0 && /* @__PURE__ */ k(C, {
+					e.publishCredentials === !0 && /* @__PURE__ */ P(O, {
 						label: o,
-						className: D("shrink-0 whitespace-nowrap", Q.sharedCredentialsBadge)
+						className: M("shrink-0 whitespace-nowrap", we.sharedCredentialsBadge)
 					})
 				]
-			}), /* @__PURE__ */ k("span", {
-				className: D(d, Q.date),
-				children: I(e.publishedAt)
+			}), /* @__PURE__ */ P("span", {
+				className: M(d, we.date),
+				children: H(e.publishedAt)
 			})]
 		}, `${e.version}-${n}`))
 	});
-}, _e = {
+}, Ee = ":", De = (e) => `${Ee}${e}`, Oe = (e) => e?.startsWith(Ee) ? e.slice(1) : void 0, ke = (e) => [De(e.rootKey), ...e.path], Ae = (e) => {
+	let [t, ...n] = e, r = Oe(t);
+	return r == null ? void 0 : {
+		rootKey: r,
+		path: n
+	};
+}, je = (e, t) => e.map((e) => ({
+	...e,
+	path: [t, ...e.path],
+	children: e.children ? je(e.children, t) : void 0
+})), Me = (e) => e.map((e) => {
+	let t = De(e.key);
+	return {
+		path: [t],
+		name: e.label,
+		children: je(fe(e.items), t)
+	};
+}), Ne = (e) => e.map((e) => De(e.key)), Pe = (e, t) => {
+	let n = /* @__PURE__ */ new Set();
+	for (let r of e) {
+		let e = De(r.key);
+		for (let i of t(r) ?? []) n.add(i ? `${e}/${i}` : e);
+	}
+	return n;
+}, Fe = (e, t) => {
+	let n = new Map(e.map((e) => [e.key, /* @__PURE__ */ new Set()]));
+	for (let e of t) {
+		let [t, ...r] = e.split("/"), i = Oe(t);
+		i != null && r.length !== 0 && n.get(i)?.add(J(r));
+	}
+	return n;
+}, Ie = {
 	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 = {} }) => {
-	let T = {
-		...E({ "--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) => {
+}, Le = "data-cancel-creating-folder", Re = "", ze = [], Be = ({ items: e = ze, selectedPath: n, onSelectedPathChange: o, onCreateFolder: s, roots: u, destination: d, onDestinationChange: f, onCreateDestinationFolder: p, searchQuery: h, disabled: g = !1, createFolderLabel: _ = "Create new folder", cancelCreatingFolderLabel: ee = "Cancel", addSiblingFolderLabel: v = "Add sibling", addChildFolderLabel: te = "Add child", newFolderDefaultName: y = "New folder", noResultsLabel: b = "No folders match \"{query}\".", emptyFolderNameError: x = "Folder name cannot be empty.", invalidFolderNameError: S = "Folder name contains invalid characters.", duplicateFolderNameError: C = "A folder with this name already exists.", rootLabel: ne = "Organization", expandedPaths: re, onExpandedPathsChange: w, loadingPaths: T, styles: E = {} }) => {
+	let D = {
+		...ie({ "--pft-divider": E.colors?.divider }),
+		...E.cssVars
+	}, O = u != null, k = r(() => u ? Me(u) : e, [u, e]), A = r(() => u ? Ne(u) : [Re], [u]), j = n;
+	O && (j = d ? ke(d) : void 0);
+	let N = (e) => {
+		O ? f?.(e ? Ae(e) : void 0) : o?.(e);
+	}, [I, oe] = a(() => new Set(j?.map((e, t) => J(j.slice(0, t + 1))) ?? [])), R = r(() => u ? /* @__PURE__ */ new Set([...I, ...Pe(u, (e) => e.expandedPaths)]) : void 0, [u, I]) ?? re ?? I, z = r(() => u ? Pe(u, (e) => e.loadingPaths) : T, [u, T]), B = (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,
-		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 ? [] : [{
-		path: "",
-		name: x,
-		folderId: "",
-		nodeType: re.FOLDER,
-		items: de
+		for (let e of A) t.delete(e);
+		if (u) {
+			oe(t);
+			let e = Fe(u, t);
+			for (let t of u) t.onExpandedPathsChange?.(e.get(t.key) ?? /* @__PURE__ */ new Set());
+		} else w ? w(t) : oe(t);
+	}, [V, H] = a(null), [le, U] = a(y), ue = i(null), de = i(!1);
+	t(() => {
+		let e = (e) => {
+			e.target instanceof Element && e.target.closest(`[${Le}]`) && (de.current = !0);
+		};
+		return document.addEventListener("pointerdown", e, !0), () => document.removeEventListener("pointerdown", e, !0);
+	}, []);
+	let G = h.trim(), K = V != null, me = r(() => W(k, h), [k, h]), ve = G.length > 0 && me.length === 0, X = !K && G.length > 0, Z = r(() => {
+		let e = X ? me : k;
+		return O ? e : fe(e);
+	}, [
+		X,
+		me,
+		k,
+		O
+	]), ye = r(() => /* @__PURE__ */ new Set([...A, ...q(Z)]), [A, Z]), be = r(() => /* @__PURE__ */ new Set([...A, ...X ? ye : R]), [
+		A,
+		X,
+		ye,
+		R
+	]), Q = r(() => Y(Z), [Z]), $ = r(() => X && Q.length === 0 ? [] : O ? Q : [{
+		path: Re,
+		name: ne,
+		folderId: Re,
+		nodeType: se.FOLDER,
+		items: Q
 	}], [
-		de,
-		x,
-		K
-	]), pe = P ? U(P) : null, X = {
-		empty: v,
-		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 = [{
+		Q,
+		ne,
+		X,
+		O
+	]), xe = V ? J(V) : null, Se = {
+		empty: x,
+		invalid: S,
+		duplicate: C
+	}, Ce = (e) => {
+		if (!u) return !0;
+		let t = Ae(e), n = u.find((e) => e.key === t?.rootKey);
+		return n != null && n.canCreateFolders !== !1;
+	}, we = (() => {
+		if (!u) return j ?? [];
+		if (j && Ce(j)) return j;
+		let e = u.find((e) => e.canCreateFolders !== !1);
+		return e ? ke({
+			rootKey: e.key,
+			path: []
+		}) : void 0;
+	})(), Te = (e) => ge(ve && he(G, [], Se) == null ? G : y, _e(k, e)), Ee = (e) => {
+		H(e), U(Te(e)), ue.current = null, de.current = !1;
+		let t = J(e);
+		t && B(new Set(R).add(t));
+	}, De = () => {
+		we && Ee(we);
+	}, Oe = (e) => {
+		let t = pe(e.path);
+		if (!Ce(t)) return [];
+		let n = [{
 			key: "add-child",
-			label: h,
-			icon: /* @__PURE__ */ k(j, {
+			label: te,
+			icon: /* @__PURE__ */ P(ae, {
 				size: c.SM,
 				"aria-hidden": !0,
 				stroke: l
 			}),
-			onClick: () => Z(t)
+			onClick: () => Ee(t)
 		}];
-		return e.path !== "" && n.push({
+		return A.includes(e.path) || n.push({
 			key: "add-sibling",
-			label: m,
-			icon: /* @__PURE__ */ k(te, {
+			label: v,
+			icon: /* @__PURE__ */ P(L, {
 				size: c.SM,
 				"aria-hidden": !0,
 				stroke: l
 			}),
-			onClick: () => Z(t.slice(0, -1))
+			onClick: () => Ee(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", {
-		style: T,
-		className: D(u && "pointer-events-none opacity-60", w.className),
+	}, je = (e) => {
+		if (!V) return null;
+		let t = he(e, _e(k, V), Se);
+		return ue.current = t, t;
+	}, Be = (e) => {
+		if (!V || de.current) return;
+		let t = e.trim(), n = ue.current;
+		if (!(je(e) ?? n)) {
+			let e = u ? Ae(V) : void 0;
+			e ? p?.(e.rootKey, e.path, t) : s?.(V, t), N([...V, t]);
+		}
+		H(null);
+	}, Ve = () => H(null);
+	return /* @__PURE__ */ F("div", {
+		style: D,
+		className: M(g && "pointer-events-none opacity-60", E.className),
 		children: [
-			/* @__PURE__ */ k("div", {
-				className: D("w-full min-w-0 max-w-full", _e.tree),
-				children: /* @__PURE__ */ k(ie, {
-					items: fe,
+			/* @__PURE__ */ P("div", {
+				className: M("w-full max-w-full min-w-0", Ie.tree),
+				children: /* @__PURE__ */ P(ce, {
+					items: $,
 					showFiles: !1,
-					selectedPath: t == null ? void 0 : U(t),
-					expandedPaths: ue,
-					onExpandedPathsChange: N,
-					loadingPaths: ee,
+					selectedPath: j == null ? void 0 : J(j),
+					expandedPaths: be,
+					onExpandedPathsChange: B,
+					loadingPaths: z,
 					onItemClick: (e) => {
-						n(t != null && U(t) === e.path ? void 0 : W(e.path));
+						let t = j != null && J(j) === e.path;
+						N(t ? void 0 : pe(e.path));
 					},
-					getContextMenuItems: Q,
-					createdFolderPath: pe,
-					newFolderDefaultName: I,
-					onCreateFolderSave: ve,
-					onCreateFolderCancel: $,
-					onRenameValidate: (e) => ge(e),
-					emptyStateTitle: K ? _.replace("{query}", z) : void 0
+					getContextMenuItems: Oe,
+					createdFolderPath: xe,
+					newFolderDefaultName: le,
+					onCreateFolderSave: Be,
+					onCreateFolderCancel: Ve,
+					onRenameValidate: (e) => je(e),
+					emptyStateTitle: X ? b.replace("{query}", G) : void 0
 				})
 			}),
-			/* @__PURE__ */ k("div", {
-				className: D("my-2 h-px", _e.divider),
+			/* @__PURE__ */ P("div", {
+				className: M("my-2 h-px", Ie.divider),
 				"aria-hidden": !0
 			}),
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ F("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__ */ P(m, {
+					onClick: De,
+					label: _,
+					iconBefore: /* @__PURE__ */ P(L, {
 						size: c.SM,
 						"aria-hidden": !0,
 						stroke: l
 					}),
-					disabled: u || B
-				}), B && /* @__PURE__ */ k(d, {
-					label: p,
-					onClick: $,
-					disabled: u
+					disabled: g || K || !we
+				}), K && /* @__PURE__ */ P(m, {
+					label: ee,
+					onClick: Ve,
+					disabled: g,
+					[Le]: ""
 				})]
 			})
 		]
 	});
-}, $ = { panel: "dial-publish-panel-panel" }, ye = {
+}, Ve = { panel: "dial-publish-panel-panel" }, He = {
 	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
+}, Ue = 200, We = ({ resource: e, renderSummary: t, folderItems: i, selectedFolderPath: o, onSelectedFolderPathChange: c, onCreateFolder: l, expandedPaths: u, onExpandedPathsChange: d, loadingPaths: f, hasExistingPublicationInFolder: p, hasWriteAccess: m, isSubmitting: h, hasSubmitError: g = !1, allowReplace: ee = !0, author: v, onAuthorChange: te, publishCredentials: y = !1, onPublishCredentialsChange: b, rules: C, onRulesChange: ne, ruleSourceOptions: re, isRulesLoading: T = !1, hasRulesLoadError: E = !1, labels: D = {}, summaryTitleClassName: O = "dial-body-semi-text", headingClassName: k = "dial-body-semi-text", calloutFolderNameClassName: j = "dial-small-paragraph-semi-text", styles: N = {} }) => {
+	let { colors: I, folderTree: ae, accessRules: L } = N, oe = {
+		...ie({
+			"--pp-summary-title-text": I?.summaryTitleText,
+			"--pp-heading-text": I?.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
+	}, se = {
+		border: I?.summaryBorder,
+		background: I?.summaryBackground,
+		versionTagBorder: I?.summaryVersionTagBorder,
+		versionTagBackground: I?.summaryVersionTagBackground,
+		versionTagText: I?.summaryVersionTagText
+	}, { folderLabel: ce = "Publish to folder", replaceWarning: R = "Version {version} is already published in {folder}. Publishing will replace it.", noAccessError: V = "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: le, addSiblingFolderLabel: U, addChildFolderLabel: ue, cancelCreatingFolderLabel: W, createFolderEmptyNameError: de, createFolderInvalidNameError: fe, createFolderDuplicateNameError: G, rootFolderLabel: K = "Organization", summaryVersionLabel: q, accessRulesLabels: J, searchPlaceholder: pe, clearSearchAriaLabel: Y, authorLabel: me = "Author", authorPlaceholder: he = "Author name", authorHint: ge = "Shown as the publication’s author. Defaults to you — replace it to credit a team instead.", credentialsLabel: _e = "Publish with my credentials", credentialsHint: ve = "Members will use this without signing in themselves. Your credential itself is never shown to them." } = D, [X, Z] = a(""), ye = n(), be = (e) => {
+		Z(e ?? "");
+	}, Q = o != null, $ = r(() => B({
+		hasSelectedFolder: Q,
 		hasExistingPublicationInFolder: p,
-		hasWriteAccess: h,
-		isSubmitting: v,
-		hasSubmitError: b,
-		allowReplace: x
+		hasWriteAccess: m,
+		isSubmitting: h,
+		hasSubmitError: g,
+		allowReplace: ee
 	}), [
-		Te,
+		Q,
 		p,
+		m,
 		h,
-		v,
-		b,
-		x
-	]), De = Te ? o[o.length - 1] ?? Y : "", Oe = t ? t() : /* @__PURE__ */ k("span", {
-		className: D("truncate", M, ye.summaryTitle),
+		g,
+		ee
+	]), xe = Q ? o[o.length - 1] ?? K : "", Se = t ? t() : /* @__PURE__ */ P("span", {
+		className: M("truncate", O, He.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__ */ F("div", {
+		className: M("flex flex-col gap-5", Ve.panel),
+		style: oe,
+		children: [e?.type == null ? /* @__PURE__ */ P(A, {
+			colors: se,
+			children: Se
+		}) : /* @__PURE__ */ P(A, {
 			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: q,
+			colors: se
+		}), /* @__PURE__ */ F("div", { children: [
+			/* @__PURE__ */ P("div", {
+				className: M("mb-2", k, He.sectionHeading),
+				children: ce
 			}),
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ P("div", {
 				role: "search",
 				className: "mb-3",
-				children: /* @__PURE__ */ k(y, {
-					value: ge,
-					onChange: Ce,
-					placeholder: de,
-					clearLabel: fe,
-					"aria-label": de
+				children: /* @__PURE__ */ P(w, {
+					value: X,
+					onChange: be,
+					placeholder: pe,
+					clearLabel: Y,
+					"aria-label": pe
 				})
 			}),
-			/* @__PURE__ */ k(ve, {
+			/* @__PURE__ */ P(Be, {
 				items: i,
 				selectedPath: o,
 				onSelectedPathChange: c,
@@ -765,114 +830,115 @@ var M = /* @__PURE__ */ function(e) {
 				expandedPaths: u,
 				onExpandedPathsChange: d,
 				loadingPaths: f,
-				searchQuery: ge,
-				disabled: v,
-				noResultsLabel: U,
-				addSiblingFolderLabel: W,
-				addChildFolderLabel: G,
-				cancelCreatingFolderLabel: K,
-				emptyFolderNameError: q,
-				invalidFolderNameError: ce,
-				duplicateFolderNameError: J,
-				rootLabel: Y,
-				styles: R
+				searchQuery: X,
+				disabled: h,
+				noResultsLabel: le,
+				addSiblingFolderLabel: U,
+				addChildFolderLabel: ue,
+				cancelCreatingFolderLabel: W,
+				emptyFolderNameError: de,
+				invalidFolderNameError: fe,
+				duplicateFolderNameError: G,
+				rootLabel: K,
+				styles: ae
 			}),
-			Ee.calloutKind !== N.None && Ee.calloutKind !== N.Info && /* @__PURE__ */ k("div", {
+			$.calloutKind !== z.None && $.calloutKind !== z.Info && /* @__PURE__ */ P("div", {
 				className: "mt-3",
-				children: /* @__PURE__ */ k(g, {
-					type: _.SectionMessage,
-					variant: Se(Ee.calloutKind),
-					message: we(Ee.calloutKind, {
-						replaceWarning: V,
-						noAccessError: se,
+				children: /* @__PURE__ */ P(x, {
+					type: S.SectionMessage,
+					variant: Ge($.calloutKind),
+					message: qe($.calloutKind, {
+						replaceWarning: R,
+						noAccessError: V,
 						submitError: H,
-						folderName: De,
-						version: e?.version
+						folderName: xe,
+						version: e?.version,
+						folderNameClassName: j
 					})
 				})
 			}),
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ P("div", {
 				className: "mt-4",
-				children: /* @__PURE__ */ k(m, {
-					id: xe,
-					labelProps: { label: pe },
-					placeholder: X,
-					caption: me,
-					value: S,
-					onChange: (e) => C(e ?? ""),
-					maxLength: be,
-					disabled: v
+				children: /* @__PURE__ */ P(_, {
+					id: ye,
+					labelProps: { label: me },
+					placeholder: he,
+					caption: ge,
+					value: v,
+					onChange: (e) => te(e ?? ""),
+					maxLength: Ue,
+					disabled: h
 				})
 			}),
-			T != null && /* @__PURE__ */ k("div", {
+			b != null && /* @__PURE__ */ P("div", {
 				className: "mt-4",
-				children: /* @__PURE__ */ k(s, {
-					labelProps: { label: Z },
-					caption: Q,
-					isSelected: ee,
-					onChange: T,
-					disabled: v
+				children: /* @__PURE__ */ P(s, {
+					labelProps: { label: _e },
+					caption: ve,
+					isSelected: y,
+					onChange: b,
+					disabled: h
 				})
 			}),
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ P("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__ */ P(Ce, {
+					rules: C,
+					onRulesChange: ne,
+					sourceOptions: re,
+					folderName: Q ? xe : void 0,
+					disabled: h,
+					isLoading: T,
+					hasLoadError: E,
+					labels: J,
+					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",
+}, Ge = (e) => e === z.ReplaceWarning ? C.Warning : C.Error, Ke = (e, t, n) => {
+	let [r, i, ...a] = e.split("{folder}");
+	return i === void 0 || a.length > 0 ? e : /* @__PURE__ */ F(N, { children: [
+		r,
+		/* @__PURE__ */ P("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,
+}, qe = (e, t) => e === z.ReplaceWarning ? Ke(t.replaceWarning.replace("{version}", t.version ?? ""), t.folderName, t.folderNameClassName) : e === z.NoAccess ? Ke(t.noAccessError, t.folderName, t.folderNameClassName) : t.submitError, Je = { footer: "_footer_dks1v_1" }, Ye = ({ version: e, hasExistingPublicationInFolder: t, allowReplace: n = !0, isSubmitDisabled: r, isSubmitLoading: i, onCancel: a, onSubmit: o, labels: s = {}, colors: l }) => {
+	let u = ie({ "--pf-border": l?.border }), { cancelLabel: d = "Cancel", publishDefaultLabel: f = "Publish", updateLabel: p = "Update version {version}", publishingInProgressLabel: h = "Publishing…" } = s, g = i ? h : n && t && e != null ? p.replace("{version}", e) : f;
+	return /* @__PURE__ */ F("div", {
+		style: u,
+		className: M("flex items-center justify-end gap-2 border-t px-4 py-4 rtl:flex-row-reverse rtl:justify-start desktop:px-3.5", Je.footer),
+		children: [/* @__PURE__ */ P(m, {
+			label: d,
 			className: "mobile:flex-1",
-			disabled: r,
-			onClick: i
-		}), /* @__PURE__ */ k(h, {
+			disabled: i,
+			onClick: a
+		}), /* @__PURE__ */ P(b, {
 			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__ */ P(D, { size: c.SM }) : void 0,
+			onClick: o
 		})]
 	});
-}, De = {
+}, Xe = {
 	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({
+}, Ze = ({ 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: ee, onAuthorChange: v, rules: te, onRulesChange: y, ruleSourceOptions: b, isRulesLoading: x = !1, hasRulesLoadError: S = !1, onClose: C, returnFocusRef: ne, onSubmit: re, panelLabels: w, panelStyles: T, panelSummaryTitleClassName: D, panelHeadingClassName: O, panelCalloutFolderNameClassName: k, footerLabels: A, labels: j = {}, titleClassName: N = "dial-body-semi-text", colors: I }) => {
+	let ae = ie({
+		"--spp-backdrop-bg": I?.backdropBackground,
+		"--spp-panel-bg": I?.panelBackground,
+		"--spp-panel-border": I?.panelBorder,
+		"--spp-divider-border": I?.dividerBorder,
+		"--spp-scrollbar-thumb": I?.scrollbarThumb,
+		"--spp-title-text": I?.titleText
+	}), [L, oe] = a(null), { title: se = "Publish", ariaLabel: ce = "Publish", closeAriaLabel: R = "Close" } = j, z = r(() => B({
 		hasSelectedFolder: s != null,
 		hasExistingPublicationInFolder: p,
 		hasWriteAccess: m,
@@ -888,7 +954,7 @@ var M = /* @__PURE__ */ function(e) {
 		_
 	]);
 	return t(() => {
-		let t = I?.closest("[role=\"dialog\"]");
+		let t = L?.closest("[role=\"dialog\"]");
 		if (!e || !t) return;
 		let n = () => t.focus({ preventScroll: !0 });
 		n();
@@ -898,36 +964,36 @@ var M = /* @__PURE__ */ function(e) {
 		document.addEventListener("focusin", r);
 		let i = requestAnimationFrame(() => {
 			document.removeEventListener("focusin", r);
-		}), a = O?.current;
+		}), a = ne?.current;
 		return () => {
 			cancelAnimationFrame(i), document.removeEventListener("focusin", r), a?.isConnected && a.focus({ preventScroll: !0 });
 		};
 	}, [
 		e,
-		I,
-		O
-	]), /* @__PURE__ */ A(x, {
+		L,
+		ne
+	]), /* @__PURE__ */ F(E, {
 		open: e,
-		onClose: T,
-		header: /* @__PURE__ */ k("span", {
-			className: D("block truncate text-center", M, De.title),
-			children: R
+		onClose: C,
+		header: /* @__PURE__ */ P("span", {
+			className: M("block truncate text-center", N, Xe.title),
+			children: se
 		}),
-		ariaLabel: z,
-		closeAriaLabel: ae,
+		ariaLabel: ce,
+		closeAriaLabel: R,
 		closeDisabled: h,
-		style: F,
-		overlayStyle: F,
-		className: De.panel,
-		overlayClassName: De.backdrop,
-		headerClassName: D("px-[22px]", De.divider),
+		style: ae,
+		overlayStyle: ae,
+		className: M(Xe.panel, "tablet:w-[540px]! tablet:max-w-[calc(100%-32px)]!"),
+		overlayClassName: Xe.backdrop,
+		headerClassName: M("px-[22px]", Xe.divider),
 		bodyClassName: "flex flex-col overflow-hidden",
-		children: [/* @__PURE__ */ k("div", {
-			ref: L,
-			className: D("min-h-0 flex-1 overflow-y-auto", De.content),
-			children: /* @__PURE__ */ k("div", {
+		children: [/* @__PURE__ */ P("div", {
+			ref: oe,
+			className: M("min-h-0 flex-1 overflow-y-auto", Xe.content),
+			children: /* @__PURE__ */ P("div", {
 				className: "p-[22px]",
-				children: /* @__PURE__ */ k(xe, {
+				children: /* @__PURE__ */ P(We, {
 					resource: n,
 					renderSummary: i,
 					folderItems: o,
@@ -942,27 +1008,293 @@ var M = /* @__PURE__ */ function(e) {
 					isSubmitting: h,
 					hasSubmitError: g,
 					allowReplace: _,
-					author: v,
-					onAuthorChange: y,
-					rules: b,
-					onRulesChange: S,
-					ruleSourceOptions: C,
-					isRulesLoading: ee,
-					hasRulesLoadError: w,
-					labels: te,
-					styles: ne
+					author: ee,
+					onAuthorChange: v,
+					rules: te,
+					onRulesChange: y,
+					ruleSourceOptions: b,
+					isRulesLoading: x,
+					hasRulesLoadError: S,
+					labels: w,
+					styles: T,
+					summaryTitleClassName: D,
+					headingClassName: O,
+					calloutFolderNameClassName: k
 				})
 			})
-		}), /* @__PURE__ */ k(Ee, {
+		}), /* @__PURE__ */ P(Ye, {
 			version: n?.version,
 			hasExistingPublicationInFolder: p,
-			isSubmitDisabled: B.isSubmitDisabled,
-			isSubmitLoading: B.isSubmitLoading,
-			onCancel: T,
-			onSubmit: j,
-			labels: re
+			allowReplace: _,
+			isSubmitDisabled: z.isSubmitDisabled,
+			isSubmitLoading: z.isSubmitLoading,
+			onCancel: C,
+			onSubmit: re,
+			labels: A
+		})]
+	});
+}, Qe = /* @__PURE__ */ function(e) {
+	return e.Keep = "keep", e.New = "new", e;
+}({}), $e = /* @__PURE__ */ function(e) {
+	return e.Main = "main", e.ChangeFolder = "change-folder", e;
+}({}), et = {
+	heading: "_heading_vk731_1",
+	destination: "_destination_vk731_5"
+}, tt = ({ view: e, resource: t, roots: i, destination: o, onCreateFolder: s, onChangeFolderClick: u, changeFolderButtonRef: h, pendingDestination: g, onPendingDestinationChange: te, version: b, accessRules: x, isSubmitting: S = !1, submitError: C, foldersError: ne, onRetryFolders: T, panelLabels: E = {}, panelStyles: D = {}, headingClassName: O = "dial-body-semi-text", destinationClassName: k = "dial-small-semi-text" }) => {
+	let { saveToFolderHeading: j = "Save to folder", changeFolderLabel: N = "Change", destinationAriaLabel: ae = "Destination folder", versionHeading: L = "Version", keepVersionLabel: oe = "Keep version {version}", saveAsNewVersionLabel: se = "Save as new version", newVersionLabel: ce = "Version", newVersionPlaceholder: R = "Enter new version", searchPlaceholder: z = "Search folders", clearSearchAriaLabel: B = "Clear search", folderEmptyStateLabel: V, createFolderLabel: H, cancelCreatingFolderLabel: le, addSiblingFolderLabel: U, addChildFolderLabel: ue, createFolderEmptyNameError: W, createFolderInvalidNameError: de, createFolderDuplicateNameError: fe, retryLabel: G = "Retry", summaryVersionLabel: K } = E, { colors: q, folderTree: J } = D, pe = {
+		...ie({
+			"--stf-heading-text": q?.headingText,
+			"--stf-destination-text": q?.destinationText
+		}),
+		...D.cssVars
+	}, Y = {
+		border: q?.summaryBorder,
+		background: q?.summaryBackground,
+		versionTagBorder: q?.summaryVersionTagBorder,
+		versionTagBackground: q?.summaryVersionTagBackground,
+		versionTagText: q?.summaryVersionTagText
+	}, [me, he] = a(""), ge = n(), _e = r(() => [i.find((e) => e.key === o.rootKey)?.label ?? o.rootKey, ...o.path], [i, o]), ve = i.find((e) => e.key === g?.rootKey), X = g ? g.path[g.path.length - 1] ?? ve?.label : void 0, Z = M(O, et.heading);
+	if (e === $e.ChangeFolder) return /* @__PURE__ */ F("div", {
+		className: "flex flex-col gap-3",
+		style: pe,
+		children: [
+			/* @__PURE__ */ P("div", {
+				role: "search",
+				children: /* @__PURE__ */ P(w, {
+					value: me,
+					onChange: (e) => he(e ?? ""),
+					placeholder: z,
+					clearLabel: B,
+					"aria-label": z
+				})
+			}),
+			/* @__PURE__ */ P(v, {
+				politeness: y.Assertive,
+				children: ne && /* @__PURE__ */ F("div", {
+					className: "flex flex-wrap items-center gap-2",
+					children: [/* @__PURE__ */ P(f, { text: ne }), T && /* @__PURE__ */ P(ee, {
+						label: G,
+						onClick: T
+					})]
+				})
+			}),
+			/* @__PURE__ */ P(Be, {
+				roots: i,
+				destination: g,
+				onDestinationChange: te,
+				onCreateDestinationFolder: s,
+				searchQuery: me,
+				disabled: S,
+				noResultsLabel: V,
+				createFolderLabel: H,
+				cancelCreatingFolderLabel: le,
+				addSiblingFolderLabel: U,
+				addChildFolderLabel: ue,
+				emptyFolderNameError: W,
+				invalidFolderNameError: de,
+				duplicateFolderNameError: fe,
+				styles: J
+			}),
+			x && ve?.hasAccessRules && /* @__PURE__ */ P("div", {
+				className: "mt-1",
+				children: /* @__PURE__ */ P(Ce, {
+					rules: x.rules,
+					onRulesChange: x.onRulesChange,
+					sourceOptions: x.sourceOptions,
+					folderName: X,
+					disabled: S,
+					isLoading: x.isLoading,
+					hasLoadError: x.hasLoadError,
+					labels: x.labels,
+					styles: x.styles
+				})
+			})
+		]
+	});
+	let ye = b ? [{
+		value: Qe.Keep,
+		label: oe.replace("{version}", b.currentVersion)
+	}, {
+		value: Qe.New,
+		label: se,
+		content: /* @__PURE__ */ P(_, {
+			id: ge,
+			value: b.newVersion,
+			onChange: (e) => b.onNewVersionChange(e ?? ""),
+			onBlur: b.onNewVersionBlur,
+			labelProps: {
+				label: ce,
+				required: !0
+			},
+			placeholder: R,
+			error: b.newVersionError,
+			invalid: !!b.newVersionError,
+			disabled: S
+		})
+	}] : [];
+	return /* @__PURE__ */ F("div", {
+		className: "flex flex-col gap-5",
+		style: pe,
+		children: [
+			t.type == null ? /* @__PURE__ */ P(A, {
+				colors: Y,
+				children: /* @__PURE__ */ P("span", {
+					className: M("truncate", Z),
+					children: t.title
+				})
+			}) : /* @__PURE__ */ P(A, {
+				item: {
+					type: t.type,
+					name: t.title,
+					version: t.version ?? "",
+					iconUrl: t.iconUrl
+				},
+				versionLabel: K,
+				colors: Y
+			}),
+			/* @__PURE__ */ F("section", {
+				className: "flex flex-col gap-2",
+				children: [/* @__PURE__ */ P("h2", {
+					className: Z,
+					children: j
+				}), /* @__PURE__ */ F("div", {
+					className: "flex min-w-0 items-center gap-2",
+					children: [/* @__PURE__ */ P("div", {
+						role: "group",
+						"aria-label": ae,
+						className: "min-w-0 flex-1",
+						children: /* @__PURE__ */ P(p, {
+							name: _e.join(" / "),
+							nameClassName: M(k, et.destination)
+						})
+					}), /* @__PURE__ */ P(m, {
+						ref: h,
+						size: d.Small,
+						label: N,
+						iconBefore: /* @__PURE__ */ P(I, {
+							size: c.SM,
+							stroke: l,
+							"aria-hidden": !0
+						}),
+						disabled: S,
+						onClick: u
+					})]
+				})]
+			}),
+			b && /* @__PURE__ */ F("section", {
+				className: "flex flex-col gap-2",
+				children: [/* @__PURE__ */ P("h2", {
+					className: Z,
+					children: L
+				}), /* @__PURE__ */ P(re, {
+					ariaLabel: L,
+					value: b.versionMode,
+					onChange: (e) => b.onVersionModeChange(e),
+					items: ye,
+					disabled: S
+				})]
+			}),
+			/* @__PURE__ */ P(v, {
+				politeness: y.Assertive,
+				children: C && /* @__PURE__ */ P(f, { text: C })
+			})
+		]
+	});
+}, nt = {
+	backdrop: "_backdrop_1ie8s_6",
+	panel: "_panel_1ie8s_10",
+	divider: "_divider_1ie8s_15",
+	footer: "_footer_1ie8s_19",
+	content: "_content_1ie8s_23",
+	title: "_title_1ie8s_28"
+}, rt = ({ isOpen: e, onClose: n, onSubmit: r, isSubmitDisabled: o = !1, returnFocusRef: s, labels: l = {}, colors: u, titleClassName: d = "dial-body-semi-text", destination: f, onDestinationChange: p, isSubmitting: h = !1, onPendingDestinationChange: g, ..._ }) => {
+	let { title: ee = "Save", changeFolderTitle: v = "Change folder", closeAriaLabel: te = "Close", backAriaLabel: y = "Back", cancelLabel: x = "Cancel", saveLabel: S = "Save", savingLabel: C = "Saving…", selectLabel: re = "Select" } = l, w = ie({
+		"--sstf-backdrop-bg": u?.backdropBackground,
+		"--sstf-panel-bg": u?.panelBackground,
+		"--sstf-panel-border": u?.panelBorder,
+		"--sstf-divider-border": u?.dividerBorder,
+		"--sstf-scrollbar-thumb": u?.scrollbarThumb,
+		"--sstf-title-text": u?.titleText
+	}), [T, O] = a($e.Main), [k, A] = a(f), j = i(null), N = i(null);
+	t(() => {
+		e && O($e.Main);
+	}, [e]);
+	let I = i(T);
+	t(() => {
+		I.current !== T && (I.current = T, T === $e.ChangeFolder ? j.current?.focus({ preventScroll: !0 }) : N.current?.focus({ preventScroll: !0 }));
+	}, [T]);
+	let ae = i(e);
+	t(() => {
+		let t = ae.current;
+		ae.current = e, t && !e && s?.current?.isConnected && s.current.focus({ preventScroll: !0 });
+	}, [e, s]);
+	let L = T === $e.ChangeFolder, oe = (e) => {
+		A(e), g?.(e);
+	}, se = () => {
+		oe(f), O($e.ChangeFolder);
+	}, ce = () => {
+		g?.(f), O($e.Main);
+	}, R = () => {
+		k && p(k), O($e.Main);
+	};
+	return /* @__PURE__ */ F(E, {
+		open: e,
+		onClose: n,
+		header: /* @__PURE__ */ P("span", {
+			ref: j,
+			tabIndex: -1,
+			className: M("block truncate outline-none", d, nt.title),
+			children: L ? v : ee
+		}),
+		ariaLabel: ee,
+		onBack: L ? ce : void 0,
+		backAriaLabel: y,
+		backDisabled: h,
+		closeAriaLabel: te,
+		closeDisabled: h,
+		style: w,
+		overlayStyle: w,
+		className: M(nt.panel, "tablet:w-[540px]! tablet:max-w-[calc(100%-32px)]!"),
+		overlayClassName: nt.backdrop,
+		headerClassName: M("px-[22px]", nt.divider),
+		bodyClassName: "flex flex-col overflow-hidden",
+		children: [/* @__PURE__ */ P("div", {
+			className: M("min-h-0 flex-1 overflow-y-auto p-[22px]", nt.content),
+			children: /* @__PURE__ */ P(tt, {
+				..._,
+				view: T,
+				destination: f,
+				onDestinationChange: p,
+				isSubmitting: h,
+				onChangeFolderClick: se,
+				changeFolderButtonRef: N,
+				pendingDestination: k,
+				onPendingDestinationChange: oe
+			})
+		}), /* @__PURE__ */ F("div", {
+			className: M("flex items-center justify-end gap-2 border-t px-4 py-4 desktop:px-3.5", nt.footer),
+			children: [/* @__PURE__ */ P(m, {
+				label: x,
+				className: "mobile:flex-1",
+				disabled: h,
+				onClick: L ? ce : n
+			}), L ? /* @__PURE__ */ P(b, {
+				label: re,
+				className: "mobile:flex-1",
+				disabled: k == null,
+				onClick: R
+			}) : /* @__PURE__ */ P(ne, {
+				label: h ? C : S,
+				className: "mobile:flex-1",
+				disabled: o || h,
+				iconBefore: h ? /* @__PURE__ */ P("span", {
+					"aria-hidden": !0,
+					children: /* @__PURE__ */ P(D, { size: c.SM })
+				}) : void 0,
+				onClick: r
+			})]
 		})]
 	});
 };
 //#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 { Ve as PUBLISH_PANEL_CLASS, R as PublicationRuleFunction, Q as PublishAccessRuleEditor, Ce as PublishAccessRules, z as PublishCalloutKind, Be as PublishFoldersTree, Ye as PublishFooter, Te as PublishHistoryList, We as PublishPanel, tt as SaveToFolderPanel, $e as SaveToFolderView, Qe as SaveVersionMode, Ze as StandalonePublishPanel, rt as StandaloneSaveToFolderPanel, q as collectFolderKeys, B as derivePublishState, W as filterFolderTree, H as formatPublishedDate, pe as fromFolderPathKey, _e as getSiblingFolderNames, ge as getUniqueFolderName, K as mergeFolderPaths, fe as sortFolderTree, Y as toDialFileTree, J as toFolderPathKey, ue as usePublishFlow, he as validateFolderName };