@pgcorp/ui-kit 0.10.0 → 0.10.2

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

@@ -0,0 +1,214 @@
+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";
+//#region src/components/shared/containers/SCollapsiblePanel.vue?vue&type=script&setup=true&lang.ts
+var C = [
+	"data-density",
+	"data-surface",
+	"data-content-padding"
+], w = { class: "s-collapsible-panel-header" }, T = { class: "s-collapsible-panel-trigger" }, E = {
+	key: 0,
+	class: "s-collapsible-panel-actions"
+}, D = [
+	"id",
+	"aria-labelledby",
+	"data-open"
+], O = /*@__PURE__*/ l({
+	inheritAttrs: !1,
+	__name: "SCollapsiblePanel",
+	props: {
+		summary: {},
+		summaryTypography: { default: "default" },
+		summaryCase: { default: "sentence" },
+		summaryState: { default: void 0 },
+		summaryFacts: { default: () => [] },
+		summaryBadges: { default: () => [] },
+		summaryStatus: { default: void 0 },
+		defaultOpen: {
+			type: Boolean,
+			default: !1
+		},
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		fill: {
+			type: Boolean,
+			default: !1
+		},
+		density: { default: "comfortable" },
+		contentPadding: { default: "density" },
+		headerVariant: { default: "default" },
+		lazy: {
+			type: Boolean,
+			default: !1
+		},
+		noAnimation: {
+			type: Boolean,
+			default: !1
+		},
+		surface: { default: "card" },
+		id: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:open"],
+	setup(l, { emit: O }) {
+		let k = l, ne = y(), 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({
+			id: k.id,
+			open: k.open === void 0 ? void 0 : P,
+			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);
+		b(() => k.open, (e) => {
+			e && (V.value = !0);
+		});
+		function H() {
+			if (k.disabled) return;
+			if (k.noAnimation) {
+				F.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);
+		}
+		function Y() {
+			let e = U.value, t = W.value;
+			if (!e || !t || !I.value || !z.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 Z() {
+			let e = U.value;
+			if (!e) return;
+			e.classList.remove("is-animating"), e.classList.add("is-opened"), e.style.overflow = "", e.style.maxHeight = "";
+			let t = G.value;
+			t && (t.classList.remove("is-animating"), t.classList.add("is-opened"));
+		}
+		function Q() {
+			let e = U.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;
+			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;
+		}
+		async function re() {
+			let e = U.value;
+			if (!e) return;
+			let t = G.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.addEventListener("transitionend", n);
+		}
+		function ie() {
+			let e = U.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 n = () => {
+				e.removeEventListener("transitionend", n), !I.value && (J(), e.classList.remove("is-animating"), t && t.classList.remove("is-animating"), z.value = !1);
+			};
+			e.addEventListener("transitionend", n);
+		}
+		return m(() => {
+			let e = U.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) => {
+			if (k.noAnimation) {
+				$(e);
+				return;
+			}
+			e ? re() : ie();
+		}), (e, t) => (h(), o("div", u({
+			class: "s-collapsible-panel",
+			ref_key: "rootEl",
+			ref: G,
+			"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),
+			appearance: l.headerVariant === "minimal" ? "ghost" : "soft",
+			severity: "secondary",
+			shape: "row",
+			size: N.value,
+			width: "full",
+			"content-align": "between",
+			disabled: l.disabled,
+			disclosure: {
+				expanded: v(I),
+				controls: v(R)
+			},
+			onClick: H
+		}, {
+			default: x(() => [c(r, {
+				title: l.summary,
+				typography: l.summaryTypography,
+				casing: l.summaryCase,
+				state: l.summaryState,
+				facts: l.summaryFacts,
+				badges: l.summaryBadges,
+				status: l.summaryStatus
+			}, null, 8, [
+				"title",
+				"typography",
+				"casing",
+				"state",
+				"facts",
+				"badges",
+				"status"
+			])]),
+			_: 1
+		}, 8, [
+			"id",
+			"appearance",
+			"size",
+			"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),
+			role: "region",
+			ref_key: "contentWrapEl",
+			ref: U,
+			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),
+			style: ee({ ...l.noAnimation ? { transition: "none" } : {} })
+		}, [s("div", {
+			ref_key: "contentInnerEl",
+			ref: W,
+			class: "s-collapsible-panel-inner"
+		}, [V.value ? _(e.$slots, "default", {}, void 0, !0, 0) : a("", !0)], 512)], 14, D), [[te, B.value]])], 16, C));
+	}
+});
+//#endregion
+export { O as default };

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

@@ -0,0 +1,44 @@
+import { DialogSurfaceDrawerPlacement, DialogSurfaceDrawerSize } from '../_internal/dialogSurface';
+export type DrawerSize = DialogSurfaceDrawerSize;
+export type DrawerPlacement = DialogSurfaceDrawerPlacement;
+export interface Props {
+    open: boolean;
+    title?: string;
+    closable?: boolean;
+    size?: DrawerSize;
+    placement?: DrawerPlacement;
+    mobileFullScreen?: boolean;
+    ariaLabel?: string;
+}
+declare var __VLS_28: {}, __VLS_30: {}, __VLS_33: {
+    close: () => void;
+};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_28) => any;
+} & {
+    default?: (props: typeof __VLS_30) => any;
+} & {
+    footer?: (props: typeof __VLS_33) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+    opened: () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onOpened?: (() => any) | undefined;
+}>, {
+    title: string;
+    size: DrawerSize;
+    closable: boolean;
+    ariaLabel: string;
+    placement: DrawerPlacement;
+    mobileFullScreen: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

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

@@ -0,0 +1,101 @@
+import { useDialogOverlay as e } from "../../../composables/useDialogOverlay.js";
+import { useUiKitLocale as t } from "../../../composables/useUiKitLocale.js";
+import { useOwnedAttrs as n } from "../../../internal/ownedAttrs.js";
+import { validateBoolean as r, validateExactString as i } from "../../../internal/runtimeContract.js";
+import a from "../_internal/SDialogSurface.vue.js";
+import { Teleport as o, Transition as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createSlots as p, createVNode as m, defineComponent as h, mergeProps as g, normalizeStyle as _, openBlock as v, renderSlot as y, unref as b, withCtx as x } from "vue";
+//#region src/components/shared/containers/SDrawer.vue?vue&type=script&setup=true&lang.ts
+var S = ["data-placement"], C = ["data-placement"], w = /*@__PURE__*/ h({
+	inheritAttrs: !1,
+	__name: "SDrawer",
+	props: {
+		open: { type: Boolean },
+		title: { default: void 0 },
+		closable: {
+			type: Boolean,
+			default: !0
+		},
+		size: { default: "md" },
+		placement: { default: "right" },
+		mobileFullScreen: {
+			type: Boolean,
+			default: !0
+		},
+		ariaLabel: { default: void 0 }
+	},
+	emits: ["update:open", "opened"],
+	setup(h, { emit: w }) {
+		let T = h, { t: E } = t(), D = w, O = n({
+			component: "SDrawer",
+			owner: "drawer dialog surface"
+		}), k = c(() => T.ariaLabel ?? E("dialog.drawer")), A = c(() => i("SDrawer", "placement", T.placement, ["right", "bottom"])), j = c(() => i("SDrawer", "size", T.size, [
+			"sm",
+			"md",
+			"lg"
+		])), M = c(() => r("SDrawer", "open", T.open)), N = c(() => r("SDrawer", "closable", T.closable)), P = c(() => r("SDrawer", "mobileFullScreen", T.mobileFullScreen)), F = c(() => ({
+			kind: "drawer",
+			size: j.value,
+			placement: A.value,
+			mobileFullScreen: P.value
+		}));
+		function I() {
+			A.value, j.value, M.value, N.value, P.value;
+		}
+		I();
+		function L() {
+			D("update:open", !1);
+		}
+		let { setPanelElement: R, backdropStyle: z, surfaceStyle: B } = e({
+			open: M,
+			closable: N,
+			requestClose: L,
+			opened: () => D("opened")
+		});
+		return (e, t) => (v(), l(o, { to: "body" }, [m(s, { name: "s-drawer-backdrop" }, {
+			default: x(() => [h.open ? (v(), d("div", {
+				key: 0,
+				class: "s-drawer-backdrop",
+				style: _(b(z)),
+				"aria-hidden": "true"
+			}, null, 4)) : u("", !0)]),
+			_: 1
+		}), m(s, { name: "s-drawer-panel" }, {
+			default: x(() => [h.open ? (v(), d("div", {
+				key: 0,
+				class: "s-drawer-shell",
+				"data-placement": A.value,
+				style: _(b(B))
+			}, [f("div", {
+				class: "s-drawer-positioner",
+				"data-placement": A.value
+			}, [m(a, g(b(O).bindings(), {
+				presentation: F.value,
+				title: h.title,
+				"accessible-name": k.value,
+				closable: h.closable,
+				"set-surface-element": b(R),
+				onRequestClose: L
+			}), p({
+				default: x(() => [y(e.$slots, "default", {}, void 0, !0)]),
+				_: 2
+			}, [e.$slots.header ? {
+				name: "header",
+				fn: x(() => [y(e.$slots, "header", {}, void 0, !0)]),
+				key: "0"
+			} : void 0, e.$slots.footer ? {
+				name: "footer",
+				fn: x(({ close: t }) => [y(e.$slots, "footer", { close: t }, void 0, !0)]),
+				key: "1"
+			} : void 0]), 1040, [
+				"presentation",
+				"title",
+				"accessible-name",
+				"closable",
+				"set-surface-element"
+			])], 8, C)], 12, S)) : u("", !0)]),
+			_: 3
+		})]));
+	}
+});
+//#endregion
+export { w as default };

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

@@ -0,0 +1,30 @@
+import { VNodeChild } from 'vue';
+/**
+ * Адаптивный owner сетки полей без consumer grid- и gap-переопределений.
+ * Responsive form-grid owner without consumer grid and gap overrides.
+ */
+export interface Props {
+    /** Максимальное число колонок на широком viewport. / Maximum column count on a wide viewport. */
+    columns?: 1 | 2 | 3 | 4;
+    /** Плотность межколоночных и межстрочных интервалов. / Column and row spacing density. */
+    density?: 'comfortable' | 'compact';
+    /** Collapse складывает поля в одну колонку на узком viewport. / Collapse stacks fields on narrow viewports. */
+    responsive?: 'collapse' | 'fixed';
+}
+type __VLS_Slots = {
+    /** Поля или SFormGridItem. / Fields or SFormGridItem participants. */
+    default?: () => VNodeChild;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    columns: 1 | 2 | 3 | 4;
+    density: "comfortable" | "compact";
+    responsive: "collapse" | "fixed";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

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

@@ -0,0 +1,30 @@
+import { useOwnedAttrs as e } from "../../../internal/ownedAttrs.js";
+import { createElementBlock as t, defineComponent as n, mergeProps as r, openBlock as i, renderSlot as a, unref as o } from "vue";
+//#region src/components/shared/containers/SFormGrid.vue?vue&type=script&setup=true&lang.ts
+var s = [
+	"data-columns",
+	"data-density",
+	"data-responsive"
+], c = /*@__PURE__*/ n({
+	inheritAttrs: !1,
+	__name: "SFormGrid",
+	props: {
+		columns: { default: 2 },
+		density: { default: "comfortable" },
+		responsive: { default: "collapse" }
+	},
+	setup(n) {
+		let c = e({
+			component: "SFormGrid",
+			owner: "form grid root"
+		});
+		return (e, l) => (i(), t("div", r(o(c).bindings(), {
+			class: "s-form-grid",
+			"data-columns": n.columns,
+			"data-density": n.density,
+			"data-responsive": n.responsive
+		}), [a(e.$slots, "default", {}, void 0, !0)], 16, s));
+	}
+});
+//#endregion
+export { c as default };

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

@@ -0,0 +1,21 @@
+import { VNodeChild } from 'vue';
+/** Типизированный участник SFormGrid с адаптивным span. / Typed SFormGrid participant with responsive span. */
+export interface Props {
+    /** Число занятых колонок или вся текущая строка. / Occupied column count or the full current row. */
+    span?: 1 | 2 | 3 | 4 | 'full';
+}
+type __VLS_Slots = {
+    /** Поле или связанная композиция полей. / Field or related field composition. */
+    default?: () => VNodeChild;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    span: 1 | 2 | 3 | 4 | "full";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

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

@@ -0,0 +1,20 @@
+import { useOwnedAttrs as e } from "../../../internal/ownedAttrs.js";
+import { createElementBlock as t, defineComponent as n, mergeProps as r, openBlock as i, renderSlot as a, unref as o } from "vue";
+//#region src/components/shared/containers/SFormGridItem.vue?vue&type=script&setup=true&lang.ts
+var s = ["data-span"], c = /*@__PURE__*/ n({
+	inheritAttrs: !1,
+	__name: "SFormGridItem",
+	props: { span: { default: 1 } },
+	setup(n) {
+		let c = e({
+			component: "SFormGridItem",
+			owner: "form grid item root"
+		});
+		return (e, l) => (i(), t("div", r(o(c).bindings(), {
+			class: "s-form-grid-item",
+			"data-span": n.span
+		}), [a(e.$slots, "default", {}, void 0, !0)], 16, s));
+	}
+});
+//#endregion
+export { c as default };

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

@@ -0,0 +1,39 @@
+import { FunctionalComponent, HTMLAttributes, VNodeProps } from 'vue';
+import { SAsyncStateContract } from '../feedback/SAsyncState.vue';
+import { SidebarSectionsState } from './sidebar';
+export interface Props {
+    title?: string;
+    icon?: FunctionalComponent<HTMLAttributes & VNodeProps>;
+    /** Единственное состояние содержимого sidebar. / The sole sidebar-content state. */
+    state?: SAsyncStateContract;
+    sectionsState: SidebarSectionsState;
+    layout?: 'desktop' | 'mobile';
+    scrollBehavior?: 'auto' | 'body' | 'self' | 'child';
+}
+declare var __VLS_8: {}, __VLS_19: {};
+type __VLS_Slots = {} & {
+    actions?: (props: typeof __VLS_8) => any;
+} & {
+    default?: (props: typeof __VLS_19) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update-sections": (state: Readonly<Record<string, Readonly<import('./sidebar').SectionState>>>) => any;
+    "toggle-section": (key: string) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate-sections"?: ((state: Readonly<Record<string, Readonly<import('./sidebar').SectionState>>>) => any) | undefined;
+    "onToggle-section"?: ((key: string) => any) | undefined;
+}>, {
+    layout: "desktop" | "mobile";
+    title: string;
+    icon: FunctionalComponent<HTMLAttributes & VNodeProps>;
+    state: SAsyncStateContract;
+    scrollBehavior: "auto" | "body" | "self" | "child";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

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

@@ -0,0 +1,59 @@
+import { useOwnedAttrs as e } from "../../../internal/ownedAttrs.js";
+import t from "./SPanel.vue.js";
+import n from "./SSidebarGroup.vue.js";
+import { createBlock as r, createCommentVNode as i, createElementBlock as a, createVNode as o, defineComponent as s, mergeProps as c, openBlock as l, renderSlot as u, unref as d, withCtx as f } from "vue";
+//#region src/components/shared/containers/SLeftSidebar.vue?vue&type=script&setup=true&lang.ts
+var p = /*@__PURE__*/ s({
+	inheritAttrs: !1,
+	__name: "SLeftSidebar",
+	props: {
+		title: { default: void 0 },
+		icon: {
+			type: [Function, Object],
+			default: void 0
+		},
+		state: { default: () => ({ status: "ready" }) },
+		sectionsState: {},
+		layout: { default: "desktop" },
+		scrollBehavior: { default: "child" }
+	},
+	emits: ["update-sections", "toggle-section"],
+	setup(s, { emit: p }) {
+		let m = p, h = e({
+			component: "SLeftSidebar",
+			owner: "left-sidebar root"
+		});
+		return (e, p) => (l(), a("div", c(d(h).bindings(), { class: "s-left-sidebar" }), [o(t, {
+			title: s.title,
+			icon: s.icon,
+			state: s.state,
+			"no-content-padding": !0,
+			grow: !0,
+			layout: s.layout,
+			"scroll-behavior": s.scrollBehavior,
+			"surface-radius": "none",
+			"surface-tone": "transparent",
+			"surface-border": "none"
+		}, {
+			actions: f(() => [u(e.$slots, "actions", {}, void 0, !0)]),
+			default: f(() => [s.state.status === "ready" ? (l(), r(n, {
+				key: 0,
+				"sections-state": s.sectionsState,
+				onUpdateSections: p[0] ||= (e) => m("update-sections", e),
+				onToggleSection: p[1] ||= (e) => m("toggle-section", e)
+			}, {
+				default: f(() => [u(e.$slots, "default", {}, void 0, !0)]),
+				_: 3
+			}, 8, ["sections-state"])) : i("", !0)]),
+			_: 3
+		}, 8, [
+			"title",
+			"icon",
+			"state",
+			"layout",
+			"scroll-behavior"
+		])], 16));
+	}
+});
+//#endregion
+export { p as default };

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

@@ -0,0 +1,57 @@
+import { DialogSurfaceModalSize, DialogSurfaceScrollBehavior, DialogSurfaceTone } from '../_internal/dialogSurface';
+export type ModalSize = DialogSurfaceModalSize;
+export type ModalSurface = DialogSurfaceTone;
+export type ModalScrollBehavior = DialogSurfaceScrollBehavior;
+export interface Props {
+    open: boolean;
+    title?: string;
+    closable?: boolean;
+    size?: ModalSize;
+    fullScreen?: boolean;
+    layout?: 'desktop' | 'mobile-fullscreen';
+    surface?: ModalSurface;
+    scrollBehavior?: ModalScrollBehavior;
+    ariaLabel?: string;
+}
+declare var __VLS_28: {}, __VLS_30: {}, __VLS_33: {
+    close: () => void;
+}, __VLS_36: {
+    close: () => void;
+}, __VLS_39: {
+    close: () => void;
+};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_28) => any;
+} & {
+    default?: (props: typeof __VLS_30) => any;
+} & {
+    footer?: (props: typeof __VLS_33) => any;
+} & {
+    'footer-start'?: (props: typeof __VLS_36) => any;
+} & {
+    'footer-end'?: (props: typeof __VLS_39) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+    opened: () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onOpened?: (() => any) | undefined;
+}>, {
+    layout: "desktop" | "mobile-fullscreen";
+    title: string;
+    size: ModalSize;
+    closable: boolean;
+    ariaLabel: string;
+    surface: ModalSurface;
+    scrollBehavior: ModalScrollBehavior;
+    fullScreen: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,8 @@
+import "../../../../assets/src/components/shared/containers/SModal.css_vue_type_style_index_0_src_dc3c799e_scoped_dc3c799e_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-dc3c799e"]]);
+//#endregion
+export { n as default };