@pgcorp/ui-kit 0.11.0 → 0.13.0

package/dist/src/components/shared/_internal/SMenuItem.vue_vue_type_script_setup_true_lang.js

@@ -3,20 +3,20 @@ import n from "../data-display/SBadge.vue.js";
 import { useInteractiveLeafRegistration as r } from "../../../internal/passiveContentContract.js";
 import { resolveLinkTarget as i } from "../../../internal/linkTarget.js";
 import { menuContextKey as a } from "./menuContext.js";
-import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, inject as m, mergeProps as h, openBlock as g, ref as _, resolveDynamicComponent as v, toDisplayString as y, unref as b, withCtx as x } from "vue";
-import { RouterLink as S } from "vue-router";
+import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, inject as m, mergeProps as h, openBlock as g, ref as _, resolveDynamicComponent as v, toDisplayString as y, unref as b, useId as x, withCtx as S } from "vue";
+import { RouterLink as C } from "vue-router";
 //#region src/components/shared/_internal/SMenuItem.vue?vue&type=script&setup=true&lang.ts
-var C = { class: "s-menu-item__main" }, w = { class: "s-menu-item__label" }, T = {
+var w = { class: "s-menu-item__main" }, T = { class: "s-menu-item__text" }, E = { class: "s-menu-item__label" }, D = {
 	key: 0,
 	class: "s-menu-item__meta"
-}, E = {
+}, O = {
 	key: 0,
 	class: "s-menu-item__badge"
-}, D = {
+}, ee = {
 	key: 1,
 	class: "s-menu-item__shortcut",
 	"aria-hidden": "true"
-}, O = [
+}, te = [
 	"role",
 	"data-layout",
 	"data-density",
@@ -26,12 +26,13 @@ var C = { class: "s-menu-item__main" }, w = { class: "s-menu-item__label" }, T =
 	"aria-current",
 	"aria-checked",
 	"aria-haspopup",
-	"aria-expanded"
-], k = { class: "s-menu-item__main" }, A = { class: "s-menu-item__state" }, j = {
+	"aria-expanded",
+	"aria-describedby"
+], ne = { class: "s-menu-item__main" }, k = { class: "s-menu-item__state" }, A = {
 	key: 1,
 	class: "s-menu-item__radio-dot",
 	"aria-hidden": "true"
-}, M = { class: "s-menu-item__label" }, N = {
+}, j = { class: "s-menu-item__text" }, M = { class: "s-menu-item__label" }, N = {
 	key: 0,
 	class: "s-menu-item__meta"
 }, P = {
@@ -59,76 +60,76 @@ var C = { class: "s-menu-item__main" }, w = { class: "s-menu-item__label" }, T =
 	setup(p, { emit: I }) {
 		let L = m(a);
 		if (!L) throw Error("SMenuItem must be used inside SMenuSurface");
-		let R = L, z = p, B = I, V = _(null);
+		let R = L, z = `s-menu-item-description-${x()}`, B = p, V = I, H = _(null);
 		r({ owner: "SMenuItem" });
-		let H, U = !1, W = o(() => z.entry.kind === "destination" ? i({
-			href: z.entry.href,
-			to: z.entry.to,
-			target: z.entry.target ?? "_self",
-			rel: z.entry.rel,
-			owner: `SMenuItem(${z.entry.id})`
-		}) : null), G = o(() => W.value?.kind === "router" ? S : "a"), K = o(() => W.value?.bindings ?? {}), q = o(() => z.entry.kind === "checkbox" ? "menuitemcheckbox" : z.entry.kind === "radio" ? "menuitemradio" : "menuitem"), J = o(() => z.entry.kind === "checkbox" || z.entry.kind === "radio" ? z.entry.checked : void 0), Y = o(() => (z.entry.kind === "action" || z.entry.kind === "destination") && !(!z.entry.current || z.entry.disabled));
-		function X() {
-			let e = V.value;
+		let U, W = !1, G = o(() => B.entry.kind === "destination" ? i({
+			href: B.entry.href,
+			to: B.entry.to,
+			target: B.entry.target ?? "_self",
+			rel: B.entry.rel,
+			owner: `SMenuItem(${B.entry.id})`
+		}) : null), K = o(() => G.value?.kind === "router" ? C : "a"), q = o(() => G.value?.bindings ?? {}), J = o(() => B.entry.kind === "checkbox" ? "menuitemcheckbox" : B.entry.kind === "radio" ? "menuitemradio" : "menuitem"), Y = o(() => B.entry.kind === "checkbox" || B.entry.kind === "radio" ? B.entry.checked : void 0), X = o(() => (B.entry.kind === "action" || B.entry.kind === "destination") && !(!B.entry.current || B.entry.disabled));
+		function Z() {
+			let e = H.value;
 			if (!e) throw Error("SMenuItem: interactive element is unavailable");
 			return e;
 		}
-		function Z(e) {
+		function Q(e) {
 			if (!(e.el instanceof HTMLElement)) throw Error("SMenuItem: interactive component must render one HTMLElement root");
-			V.value !== e.el && (H?.(), V.value = e.el, H = R.register({
-				entryId: z.entry.id,
-				label: () => z.entry.label,
-				hasSubmenu: () => z.entry.kind === "submenu",
-				element: X,
+			H.value !== e.el && (U?.(), H.value = e.el, U = R.register({
+				entryId: B.entry.id,
+				label: () => B.entry.label,
+				hasSubmenu: () => B.entry.kind === "submenu",
+				element: Z,
 				setTabStop: (e) => {
-					X().tabIndex = e ? 0 : -1;
+					Z().tabIndex = e ? 0 : -1;
 				},
-				focus: () => X().focus(),
-				isFocused: () => document.activeElement === V.value,
-				ownsEventTarget: (e) => e instanceof Node && (e === V.value || X().contains(e)),
-				activate: te
+				focus: () => Z().focus(),
+				isFocused: () => document.activeElement === H.value,
+				ownsEventTarget: (e) => e instanceof Node && (e === H.value || Z().contains(e)),
+				activate: ae
 			}));
 		}
-		function Q() {
-			H?.(), H = void 0, V.value = null;
+		function $() {
+			U?.(), U = void 0, H.value = null;
 		}
-		function $(e) {
-			if (z.entry.disabled) {
+		function re(e) {
+			if (B.entry.disabled) {
 				e.preventDefault(), e.stopPropagation();
 				return;
 			}
-			if (z.entry.kind === "submenu") {
-				B("open-submenu");
+			if (B.entry.kind === "submenu") {
+				V("open-submenu");
 				return;
 			}
-			B("select", e);
+			V("select", e);
 		}
-		function ee(e) {
-			U && e.detail === 0 || (U = !1, B("select", e));
+		function ie(e) {
+			W && e.detail === 0 || (W = !1, V("select", e));
 		}
-		function te(e) {
-			if (!z.entry.disabled) {
-				if (z.entry.kind === "submenu") {
-					e.preventDefault(), B("open-submenu");
+		function ae(e) {
+			if (!B.entry.disabled) {
+				if (B.entry.kind === "submenu") {
+					e.preventDefault(), V("open-submenu");
 					return;
 				}
-				if (z.entry.kind === "destination") {
-					B("select", e);
+				if (B.entry.kind === "destination") {
+					V("select", e);
 					let t = e.defaultPrevented;
 					if (e.preventDefault(), !t) {
-						U = !0;
+						W = !0;
 						try {
-							X().click();
+							Z().click();
 						} finally {
-							U = !1;
+							W = !1;
 						}
 					}
 					return;
 				}
-				e.preventDefault(), B("select", e);
+				e.preventDefault(), V("select", e);
 			}
 		}
-		return (r, i) => p.entry.kind === "destination" && !p.entry.disabled ? (g(), s(v(G.value), h({ key: 0 }, K.value, {
+		return (r, i) => p.entry.kind === "destination" && !p.entry.disabled ? (g(), s(v(K.value), h({ key: 0 }, q.value, {
 			class: "s-menu-item",
 			role: "menuitem",
 			"data-layout": p.entry.layout ?? "row",
@@ -137,72 +138,83 @@ var C = { class: "s-menu-item__main" }, w = { class: "s-menu-item__label" }, T =
 			"data-current": p.entry.current || void 0,
 			tabindex: "-1",
 			"aria-current": p.entry.current ? "page" : void 0,
-			onClick: ee,
-			onPointermove: i[0] ||= (e) => B("pointer-intent"),
-			onVnodeMounted: Z,
-			onVnodeUpdated: Z,
-			onVnodeBeforeUnmount: Q
+			"aria-describedby": p.entry.description ? z : void 0,
+			onClick: ie,
+			onPointermove: i[0] ||= (e) => V("pointer-intent"),
+			onVnodeMounted: Q,
+			onVnodeUpdated: Q,
+			onVnodeBeforeUnmount: $
 		}), {
-			default: x(() => [u("span", C, [
+			default: S(() => [u("span", w, [
 				i[2] ||= u("span", { class: "s-menu-item__state" }, null, -1),
 				p.entry.icon ? (g(), s(v(p.entry.icon), {
 					key: 0,
 					class: "s-menu-item__icon",
 					"aria-hidden": "true"
 				})) : c("", !0),
-				u("span", w, y(p.entry.label), 1)
-			]), p.entry.badge !== void 0 || p.entry.shortcut ? (g(), l("span", T, [p.entry.badge === void 0 ? c("", !0) : (g(), l("span", E, [f(n, {
+				u("span", T, [u("span", E, y(p.entry.label), 1), p.entry.description ? (g(), l("span", {
+					key: 0,
+					id: z,
+					class: "s-menu-item__description"
+				}, y(p.entry.description), 1)) : c("", !0)])
+			]), p.entry.badge !== void 0 || p.entry.shortcut ? (g(), l("span", D, [p.entry.badge === void 0 ? c("", !0) : (g(), l("span", O, [f(n, {
 				severity: p.entry.badgeSeverity ?? "secondary",
 				size: "xs"
 			}, {
-				default: x(() => [d(y(p.entry.badge), 1)]),
+				default: S(() => [d(y(p.entry.badge), 1)]),
 				_: 1
-			}, 8, ["severity"])])), p.entry.shortcut ? (g(), l("span", D, y(p.entry.shortcut), 1)) : c("", !0)])) : c("", !0)]),
+			}, 8, ["severity"])])), p.entry.shortcut ? (g(), l("span", ee, y(p.entry.shortcut), 1)) : c("", !0)])) : c("", !0)]),
 			_: 1
 		}, 16, [
 			"data-layout",
 			"data-density",
 			"data-menu-entry-id",
 			"data-current",
-			"aria-current"
+			"aria-current",
+			"aria-describedby"
 		])) : (g(), l("button", {
 			key: 1,
 			class: "s-menu-item",
 			type: "button",
-			role: q.value,
+			role: J.value,
 			"data-layout": p.entry.layout ?? "row",
 			"data-density": b(R).density.value,
 			"data-menu-entry-id": p.entry.id,
-			"data-current": Y.value || void 0,
+			"data-current": X.value || void 0,
 			tabindex: "-1",
 			"aria-disabled": p.entry.disabled || void 0,
-			"aria-current": Y.value ? "page" : void 0,
-			"aria-checked": J.value,
+			"aria-current": X.value ? "page" : void 0,
+			"aria-checked": Y.value,
 			"aria-haspopup": p.entry.kind === "submenu" ? "menu" : void 0,
 			"aria-expanded": p.entry.kind === "submenu" ? p.submenuOpen : void 0,
-			onClick: $,
-			onPointermove: i[1] ||= (e) => B("pointer-intent"),
-			onVnodeMounted: Z,
-			onVnodeUpdated: Z,
-			onVnodeBeforeUnmount: Q
-		}, [u("span", k, [
-			u("span", A, [p.entry.kind === "checkbox" && p.entry.checked !== !1 ? (g(), s(b(e), {
+			"aria-describedby": p.entry.description ? z : void 0,
+			onClick: re,
+			onPointermove: i[1] ||= (e) => V("pointer-intent"),
+			onVnodeMounted: Q,
+			onVnodeUpdated: Q,
+			onVnodeBeforeUnmount: $
+		}, [u("span", ne, [
+			u("span", k, [p.entry.kind === "checkbox" && p.entry.checked !== !1 ? (g(), s(b(e), {
 				key: 0,
 				class: "s-menu-item__state-icon",
 				"aria-hidden": "true"
-			})) : p.entry.kind === "radio" && p.entry.checked ? (g(), l("span", j)) : c("", !0)]),
+			})) : p.entry.kind === "radio" && p.entry.checked ? (g(), l("span", A)) : c("", !0)]),
 			p.entry.icon ? (g(), s(v(p.entry.icon), {
 				key: 0,
 				class: "s-menu-item__icon",
 				"aria-hidden": "true"
 			})) : c("", !0),
-			u("span", M, y(p.entry.label), 1)
+			u("span", j, [u("span", M, y(p.entry.label), 1), p.entry.description ? (g(), l("span", {
+				key: 0,
+				id: z,
+				class: "s-menu-item__description"
+			}, y(p.entry.description), 1)) : c("", !0)])
 		]), p.entry.badge !== void 0 || p.entry.shortcut || p.entry.kind === "submenu" ? (g(), l("span", N, [
 			p.entry.badge === void 0 ? c("", !0) : (g(), l("span", P, [f(n, {
 				severity: p.entry.badgeSeverity ?? "secondary",
 				size: "xs"
 			}, {
-				default: x(() => [d(y(p.entry.badge), 1)]),
+				default: S(() => [d(y(p.entry.badge), 1)]),
 				_: 1
 			}, 8, ["severity"])])),
 			p.entry.shortcut ? (g(), l("span", F, y(p.entry.shortcut), 1)) : c("", !0),
@@ -211,7 +223,7 @@ var C = { class: "s-menu-item__main" }, w = { class: "s-menu-item__label" }, T =
 				class: "s-menu-item__submenu-icon",
 				"aria-hidden": "true"
 			})) : c("", !0)
-		])) : c("", !0)], 40, O));
+		])) : c("", !0)], 40, te));
 	}
 });
 //#endregion

package/dist/src/components/shared/_internal/dialogSurface.d.ts

@@ -1,4 +1,4 @@
-export type DialogSurfaceModalSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'wide' | 'full';
+export type DialogSurfaceModalSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | 'wide' | 'full';
 export type DialogSurfaceDrawerSize = 'sm' | 'md' | 'lg';
 export type DialogSurfaceDrawerPlacement = 'right' | 'bottom';
 export type DialogSurfaceTone = 'default' | 'subtle';

package/dist/src/components/shared/_internal/dialogSurface.js

@@ -25,6 +25,7 @@ var t = class extends Error {
 	"xl",
 	"2xl",
 	"3xl",
+	"4xl",
 	"wide",
 	"full"
 ]), a = /* @__PURE__ */ new Set([

package/dist/src/components/shared/containers/SCollapsiblePanel.vue.d.ts

@@ -35,13 +35,13 @@ declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, i
     density: "comfortable" | "compact" | "dense";
     surface: "card" | "plain";
     lazy: boolean;
+    defaultOpen: boolean;
     summaryTypography: SDisclosureSummaryTypography;
     summaryCase: SDisclosureSummaryCase;
     summaryState: SDisclosureSummaryState;
     summaryFacts: readonly SDisclosureSummaryFact[];
     summaryBadges: readonly SDisclosureSummaryBadge[];
     summaryStatus: SDisclosureSummaryStatus;
-    defaultOpen: boolean;
     contentPadding: "density" | "none";
     headerVariant: "default" | "minimal";
     noAnimation: boolean;

package/dist/src/components/shared/containers/SCollapsiblePanel.vue.js

@@ -1,8 +1,8 @@
-import "../../../../assets/src/components/shared/containers/SCollapsiblePanel.css_vue_type_style_index_0_src_4882f962_scoped_4882f962_lang.css";
+import "../../../../assets/src/components/shared/containers/SCollapsiblePanel.css_vue_type_style_index_0_src_71824088_scoped_71824088_lang.css";
 import e from "../../../../_virtual/_plugin-vue_export-helper.js";
 import t from "./SCollapsiblePanel.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                                               */
 //#region src/components/shared/containers/SCollapsiblePanel.vue
-var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-4882f962"]]);
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-71824088"]]);
 //#endregion
 export { n as default };

package/dist/src/components/shared/containers/SCollapsiblePanel.vue_vue_type_script_setup_true_lang.js

@@ -2,7 +2,7 @@ import { useDisclosure as e } from "../../../composables/useDisclosure.js";
 import { useOwnedAttrs as t } from "../../../internal/ownedAttrs.js";
 import n from "../controls/SButton.vue.js";
 import r from "../_internal/SDisclosureSummary.vue.js";
-import { computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, mergeProps as u, nextTick as d, normalizeClass as f, normalizeStyle as ee, onBeforeUnmount as p, onMounted as m, openBlock as h, ref as g, renderSlot as _, unref as v, useSlots as y, vShow as te, watch as b, withCtx as x, withDirectives as S } from "vue";
+import { computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, mergeProps as u, nextTick as d, normalizeClass as f, normalizeStyle as ee, onBeforeUnmount as te, onMounted as p, openBlock as m, ref as h, renderSlot as g, unref as _, useSlots as v, vShow as y, watch as b, withCtx as x, withDirectives as S } from "vue";
 //#region src/components/shared/containers/SCollapsiblePanel.vue?vue&type=script&setup=true&lang.ts
 var C = [
 	"data-density",
@@ -58,117 +58,118 @@ var C = [
 	},
 	emits: ["update:open"],
 	setup(l, { emit: O }) {
-		let k = l, ne = y(), A = O, j = i(() => !!ne.actions), M = t({
+		let k = l, ne = v(), A = O, j = i(() => !!ne.actions), M = t({
 			component: "SCollapsiblePanel",
 			owner: "collapsible panel root"
-		}), N = i(() => k.density === "comfortable" ? "md" : "sm"), P = i(() => k.open ?? !1), F = e({
+		}), N = i(() => k.density === "comfortable" ? "md" : "sm"), P = i(() => k.density === "comfortable" ? "default" : "compact"), F = i(() => k.open ?? !1), I = e({
 			id: k.id,
-			open: k.open === void 0 ? void 0 : P,
+			open: k.open === void 0 ? void 0 : F,
 			defaultOpen: k.open === void 0 ? k.defaultOpen : void 0,
 			disabled: () => k.disabled,
 			onUpdate: (e) => A("update:open", e)
-		}), { isOpen: I, triggerId: L, panelId: R } = F, z = g(!1), B = i(() => I.value || z.value), V = g(!k.lazy || k.defaultOpen || k.open === !0);
+		}), { isOpen: L, triggerId: R, panelId: z } = I, B = h(!1), V = i(() => L.value || B.value), H = h(!k.lazy || k.defaultOpen || k.open === !0);
 		b(() => k.open, (e) => {
-			e && (V.value = !0);
+			e && (H.value = !0);
 		});
-		function H() {
+		function U() {
 			if (k.disabled) return;
 			if (k.noAnimation) {
-				F.toggle();
+				I.toggle();
 				return;
 			}
-			let e = G.value, t = U.value;
-			z.value = !0, e?.classList.add("is-animating"), e?.classList.remove("is-opened"), t?.classList.add("is-animating"), t?.classList.remove("is-opened"), F.toggle();
-		}
-		let U = g(null), W = g(null), G = g(null), K = null, q = null;
-		function J() {
-			q !== null && (window.cancelAnimationFrame(q), q = null);
+			let e = K.value, t = W.value;
+			B.value = !0, e?.classList.add("is-animating"), e?.classList.remove("is-opened"), t?.classList.add("is-animating"), t?.classList.remove("is-opened"), I.toggle();
 		}
+		let W = h(null), G = h(null), K = h(null), q = null, J = null;
 		function Y() {
-			let e = U.value, t = W.value;
-			if (!e || !t || !I.value || !z.value) return;
+			J !== null && (window.cancelAnimationFrame(J), J = null);
+		}
+		function X() {
+			let e = W.value, t = G.value;
+			if (!e || !t || !L.value || !B.value) return;
 			let n = `${t.scrollHeight}px`;
 			e.style.maxHeight !== n && (e.style.maxHeight = n);
 		}
-		function X() {
-			J(), q = window.requestAnimationFrame(() => {
-				q = null, Y();
+		function re() {
+			Y(), J = window.requestAnimationFrame(() => {
+				J = null, X();
 			});
 		}
 		function Z() {
-			let e = U.value;
+			let e = W.value;
 			if (!e) return;
 			e.classList.remove("is-animating"), e.classList.add("is-opened"), e.style.overflow = "", e.style.maxHeight = "";
-			let t = G.value;
+			let t = K.value;
 			t && (t.classList.remove("is-animating"), t.classList.add("is-opened"));
 		}
 		function Q() {
-			let e = U.value;
+			let e = W.value;
 			if (!e) return;
 			e.classList.remove("is-animating"), e.classList.remove("is-opened"), e.style.maxHeight = "0px", e.style.overflow = "hidden";
-			let t = G.value;
+			let t = K.value;
 			t && (t.classList.remove("is-animating"), t.classList.remove("is-opened"));
 		}
 		async function $(e) {
-			e ? (await d(), V.value = !0, Z()) : Q(), z.value = !1;
+			e ? (await d(), H.value = !0, Z()) : Q(), B.value = !1;
 		}
-		async function re() {
-			let e = U.value;
+		async function ie() {
+			let e = W.value;
 			if (!e) return;
-			let t = G.value;
+			let t = K.value;
 			await d(), e.classList.remove("is-opened"), e.classList.add("is-animating"), t && (t.classList.add("is-animating"), t.classList.remove("is-opened")), e.style.overflow = "hidden", e.style.maxHeight = "0px", e.offsetHeight, e.style.maxHeight = e.scrollHeight + "px";
 			let n = () => {
-				e.removeEventListener("transitionend", n), I.value && (J(), e.style.maxHeight = "", e.style.overflow = "", e.classList.remove("is-animating"), e.classList.add("is-opened"), t && (t.classList.remove("is-animating"), t.classList.add("is-opened")), z.value = !1);
+				e.removeEventListener("transitionend", n), L.value && (Y(), e.style.maxHeight = "", e.style.overflow = "", e.classList.remove("is-animating"), e.classList.add("is-opened"), t && (t.classList.remove("is-animating"), t.classList.add("is-opened")), B.value = !1);
 			};
 			e.addEventListener("transitionend", n);
 		}
-		function ie() {
-			let e = U.value;
+		function ae() {
+			let e = W.value;
 			if (!e) return;
-			let t = G.value;
-			z.value = !0, e.classList.add("is-animating"), e.classList.remove("is-opened"), t && (t.classList.add("is-animating"), t.classList.remove("is-opened")), (e.style.maxHeight === "" || e.style.maxHeight === "none") && (e.style.maxHeight = e.scrollHeight + "px", e.offsetHeight), e.style.overflow = "hidden", e.style.maxHeight = "0px";
+			let t = K.value;
+			B.value = !0, e.classList.add("is-animating"), e.classList.remove("is-opened"), t && (t.classList.add("is-animating"), t.classList.remove("is-opened")), (e.style.maxHeight === "" || e.style.maxHeight === "none") && (e.style.maxHeight = e.scrollHeight + "px", e.offsetHeight), e.style.overflow = "hidden", e.style.maxHeight = "0px";
 			let n = () => {
-				e.removeEventListener("transitionend", n), !I.value && (J(), e.classList.remove("is-animating"), t && t.classList.remove("is-animating"), z.value = !1);
+				e.removeEventListener("transitionend", n), !L.value && (Y(), e.classList.remove("is-animating"), t && t.classList.remove("is-animating"), B.value = !1);
 			};
 			e.addEventListener("transitionend", n);
 		}
-		return m(() => {
-			let e = U.value;
+		return p(() => {
+			let e = W.value;
 			if (!e) return;
-			e.style.willChange = "max-height", k.noAnimation ? $(I.value) : I.value ? Z() : Q();
-			let t = W.value;
-			!k.noAnimation && "ResizeObserver" in window && t && (K = new ResizeObserver(() => {
-				X();
-			}), K.observe(t));
-		}), p(() => {
-			J(), K &&= (K.disconnect(), null);
-		}), b(I, (e) => {
+			e.style.willChange = "max-height", k.noAnimation ? $(L.value) : L.value ? Z() : Q();
+			let t = G.value;
+			!k.noAnimation && "ResizeObserver" in window && t && (q = new ResizeObserver(() => {
+				re();
+			}), q.observe(t));
+		}), te(() => {
+			Y(), q &&= (q.disconnect(), null);
+		}), b(L, (e) => {
 			if (k.noAnimation) {
 				$(e);
 				return;
 			}
-			e ? re() : ie();
-		}), (e, t) => (h(), o("div", u({
+			e ? ie() : ae();
+		}), (e, t) => (m(), o("div", u({
 			class: "s-collapsible-panel",
 			ref_key: "rootEl",
-			ref: G,
+			ref: K,
 			"data-density": l.density,
 			"data-surface": l.surface,
 			"data-content-padding": l.contentPadding
-		}, v(M).bindings()), [s("div", w, [s("div", T, [c(n, {
-			id: v(L),
+		}, _(M).bindings()), [s("div", w, [s("div", T, [c(n, {
+			id: _(R),
 			appearance: l.headerVariant === "minimal" ? "ghost" : "soft",
 			severity: "secondary",
 			shape: "row",
 			size: N.value,
+			density: P.value,
 			width: "full",
 			"content-align": "between",
 			disabled: l.disabled,
 			disclosure: {
-				expanded: v(I),
-				controls: v(R)
+				expanded: _(L),
+				controls: _(z)
 			},
-			onClick: H
+			onClick: U
 		}, {
 			default: x(() => [c(r, {
 				title: l.summary,
@@ -192,22 +193,23 @@ var C = [
 			"id",
 			"appearance",
 			"size",
+			"density",
 			"disabled",
 			"disclosure"
-		])]), j.value ? (h(), o("div", E, [_(e.$slots, "actions", {}, void 0, !0)])) : a("", !0)]), S(s("div", {
-			id: v(R),
-			"aria-labelledby": v(L),
+		])]), j.value ? (m(), o("div", E, [g(e.$slots, "actions", {}, void 0, !0)])) : a("", !0)]), S(s("div", {
+			id: _(z),
+			"aria-labelledby": _(R),
 			role: "region",
 			ref_key: "contentWrapEl",
-			ref: U,
+			ref: W,
 			class: f(["s-collapsible-panel-content w-full min-w-0", [{ "min-h-0 flex flex-col grow overflow-y-auto overflow-x-hidden": l.fill }, { "no-transition": l.noAnimation }]]),
-			"data-open": v(I),
+			"data-open": _(L),
 			style: ee({ ...l.noAnimation ? { transition: "none" } : {} })
 		}, [s("div", {
 			ref_key: "contentInnerEl",
-			ref: W,
+			ref: G,
 			class: "s-collapsible-panel-inner"
-		}, [V.value ? _(e.$slots, "default", {}, void 0, !0, 0) : a("", !0)], 512)], 14, D), [[te, B.value]])], 16, C));
+		}, [H.value ? g(e.$slots, "default", {}, void 0, !0, 0) : a("", !0)], 512)], 14, D), [[y, V.value]])], 16, C));
 	}
 });
 //#endregion

package/dist/src/components/shared/containers/SModal.vue.js

@@ -1,8 +1,8 @@
-import "../../../../assets/src/components/shared/containers/SModal.css_vue_type_style_index_0_src_23373daf_scoped_23373daf_lang.css";
+import "../../../../assets/src/components/shared/containers/SModal.css_vue_type_style_index_0_src_0dc51b74_scoped_0dc51b74_lang.css";
 import e from "../../../../_virtual/_plugin-vue_export-helper.js";
 import t from "./SModal.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                                    */
 //#region src/components/shared/containers/SModal.vue
-var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-23373daf"]]);
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-0dc51b74"]]);
 //#endregion
 export { n as default };