@pgcorp/ui-kit 0.10.0 → 0.10.2

package/dist/src/components/layout/_internal/SAppBrand.vue.d.ts

@@ -0,0 +1,29 @@
+import { LinkRouterTarget } from '../../shared/controls/SLink';
+type __VLS_Props = {
+    title: string;
+    subtitle?: string;
+    to?: LinkRouterTarget | null;
+    placement: 'sidebar' | 'header';
+};
+declare var __VLS_14: {}, __VLS_17: {}, __VLS_26: {}, __VLS_29: {};
+type __VLS_Slots = {} & {
+    logo?: (props: typeof __VLS_14) => any;
+} & {
+    icon?: (props: typeof __VLS_17) => any;
+} & {
+    logo?: (props: typeof __VLS_26) => any;
+} & {
+    icon?: (props: typeof __VLS_29) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    to: LinkRouterTarget | null;
+    subtitle: string;
+}, {}, {}, {}, 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/layout/_internal/SAppBrand.vue.js

@@ -0,0 +1,5 @@
+import e from "./SAppBrand.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/layout/_internal/SAppBrand.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/src/components/layout/_internal/SAppBrand.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,73 @@
+import e from "../../shared/controls/SLink.vue.js";
+import t from "./SAppBrandContent.vue.js";
+import { computed as n, createBlock as r, createElementBlock as i, createSlots as a, createVNode as o, defineComponent as s, openBlock as c, renderSlot as l, useSlots as u, withCtx as d } from "vue";
+//#region src/components/layout/_internal/SAppBrand.vue?vue&type=script&setup=true&lang.ts
+var f = ["data-placement"], p = {
+	key: 1,
+	"data-s-app-brand-passive": ""
+}, m = /*@__PURE__*/ s({
+	__name: "SAppBrand",
+	props: {
+		title: {},
+		subtitle: { default: "" },
+		to: { default: null },
+		placement: {}
+	},
+	setup(s) {
+		let m = u(), h = n(() => !!m.logo), g = n(() => !!m.icon);
+		return (n, u) => (c(), i("div", {
+			class: "s-app-brand",
+			"data-placement": s.placement
+		}, [s.to ? (c(), r(e, {
+			key: 0,
+			to: s.to,
+			variant: "brand",
+			"aria-label": h.value ? s.title : void 0
+		}, {
+			default: d(() => [o(t, {
+				title: s.title,
+				subtitle: s.subtitle,
+				placement: s.placement,
+				"has-logo": h.value,
+				"has-icon": g.value
+			}, a({ _: 2 }, [h.value ? {
+				name: "logo",
+				fn: d(() => [l(n.$slots, "logo")]),
+				key: "0"
+			} : void 0, g.value ? {
+				name: "icon",
+				fn: d(() => [l(n.$slots, "icon")]),
+				key: "1"
+			} : void 0]), 1032, [
+				"title",
+				"subtitle",
+				"placement",
+				"has-logo",
+				"has-icon"
+			])]),
+			_: 3
+		}, 8, ["to", "aria-label"])) : (c(), i("div", p, [o(t, {
+			title: s.title,
+			subtitle: s.subtitle,
+			placement: s.placement,
+			"has-logo": h.value,
+			"has-icon": g.value
+		}, a({ _: 2 }, [h.value ? {
+			name: "logo",
+			fn: d(() => [l(n.$slots, "logo")]),
+			key: "0"
+		} : void 0, g.value ? {
+			name: "icon",
+			fn: d(() => [l(n.$slots, "icon")]),
+			key: "1"
+		} : void 0]), 1032, [
+			"title",
+			"subtitle",
+			"placement",
+			"has-logo",
+			"has-icon"
+		])]))], 8, f));
+	}
+});
+//#endregion
+export { m as default };

package/dist/src/components/layout/_internal/SAppBrandContent.vue.d.ts

@@ -0,0 +1,26 @@
+type __VLS_Props = {
+    title: string;
+    subtitle?: string;
+    placement: 'sidebar' | 'header';
+    hasLogo?: boolean;
+    hasIcon?: boolean;
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    logo?: (props: typeof __VLS_1) => any;
+} & {
+    icon?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    subtitle: string;
+    hasLogo: boolean;
+    hasIcon: 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/layout/_internal/SAppBrandContent.vue.js

@@ -0,0 +1,8 @@
+import "../../../../assets/src/components/layout/_internal/SAppBrand.css_vue_type_style_index_0_src_51a58c3e_scoped_51a58c3e_lang.css";
+import e from "../../../../_virtual/_plugin-vue_export-helper.js";
+import t from "./SAppBrandContent.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                                       */
+//#region src/components/layout/_internal/SAppBrandContent.vue
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-51a58c3e"]]);
+//#endregion
+export { n as default };

package/dist/src/components/layout/_internal/SAppBrandContent.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,33 @@
+import { Fragment as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, openBlock as a, renderSlot as o, toDisplayString as s } from "vue";
+//#region src/components/layout/_internal/SAppBrandContent.vue?vue&type=script&setup=true&lang.ts
+var c = ["data-placement"], l = {
+	key: 0,
+	class: "s-app-brand__icon",
+	"aria-hidden": "true"
+}, u = { class: "s-app-brand__text" }, d = { class: "s-app-brand__title" }, f = {
+	key: 0,
+	class: "s-app-brand__subtitle"
+}, p = /*@__PURE__*/ i({
+	__name: "SAppBrandContent",
+	props: {
+		title: {},
+		subtitle: { default: "" },
+		placement: {},
+		hasLogo: {
+			type: Boolean,
+			default: !1
+		},
+		hasIcon: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(i) {
+		return (p, m) => (a(), n("span", {
+			class: "s-app-brand__content",
+			"data-placement": i.placement
+		}, [i.hasLogo ? o(p.$slots, "logo", {}, void 0, !0, 0) : (a(), n(e, { key: 1 }, [i.hasIcon ? (a(), n("span", l, [o(p.$slots, "icon", {}, void 0, !0)])) : t("", !0), r("span", u, [r("span", d, s(i.title), 1), i.subtitle ? (a(), n("span", f, s(i.subtitle), 1)) : t("", !0)])], 64))], 8, c));
+	}
+});
+//#endregion
+export { p as default };

package/dist/src/components/layout/types.d.ts

@@ -0,0 +1,29 @@
+import { Component } from 'vue';
+import { BadgeSeverity } from '../shared/data-display/SBadge.vue';
+import { SAsyncStateContract } from '../shared/feedback/SAsyncState.vue';
+import { LinkRouterTarget } from '../shared/controls/SLink';
+export type ShellBadgeSeverity = BadgeSeverity;
+/**
+ * Точное взаимоисключающее состояние рабочей панели.
+ * Exact mutually exclusive workbench panel state.
+ */
+type WorkbenchPanelAsyncState = Exclude<SAsyncStateContract, {
+    status: 'empty';
+}> extends infer State ? State extends {
+    status: 'loading';
+} ? State & {
+    message: string;
+} : State : never;
+export type WorkbenchPanelState = {
+    status: 'creating';
+} | WorkbenchPanelAsyncState;
+export interface AppShellNavigationItem {
+    key: string;
+    label: string;
+    to: LinkRouterTarget;
+    icon?: Component;
+    badgeLabel?: string;
+    badgeSeverity?: ShellBadgeSeverity;
+    active?: boolean;
+}
+export {};

package/dist/src/components/shared/_internal/SDialogSurface.vue.d.ts

@@ -0,0 +1,35 @@
+import { ComponentPublicInstance } from 'vue';
+import { DialogSurfacePresentation } from './dialogSurface';
+type __VLS_Props = {
+    presentation: DialogSurfacePresentation;
+    title?: string;
+    accessibleName: string;
+    closable: boolean;
+    setSurfaceElement: (element: Element | ComponentPublicInstance | null) => void;
+};
+type __VLS_Slots = {
+    header?: () => unknown;
+    default?: () => unknown;
+    footer?: (properties: {
+        close: () => void;
+    }) => unknown;
+    'footer-start'?: (properties: {
+        close: () => void;
+    }) => unknown;
+    'footer-end'?: (properties: {
+        close: () => void;
+    }) => unknown;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "request-close": () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onRequest-close"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, 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/_internal/SDialogSurface.vue.js

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

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

@@ -0,0 +1,89 @@
+import { X as e } from "../../icons/_internal/generatedSputnigUiIconComponents.js";
+import { useUiKitLocale as t } from "../../../composables/useUiKitLocale.js";
+import { useInteractiveLeafRegistration as n } from "../../../internal/passiveContentContract.js";
+import r from "../controls/SButton.vue.js";
+import { assertDialogSurfacePresentation as i } from "./dialogSurface.js";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, defineComponent as f, mergeProps as p, openBlock as m, renderSlot as h, resolveDynamicComponent as g, toDisplayString as _, unref as v, useId as y, useSlots as b, withCtx as x } from "vue";
+//#region src/components/shared/_internal/SDialogSurface.vue?vue&type=script&setup=true&lang.ts
+var S = { class: "s-dialog-surface__body" }, C = ["data-layout"], w = {
+	key: 0,
+	class: "s-dialog-surface__footer-start"
+}, T = {
+	key: 1,
+	class: "s-dialog-surface__footer-end"
+}, E = "div", D = /*@__PURE__*/ f({
+	inheritAttrs: !1,
+	__name: "SDialogSurface",
+	props: {
+		presentation: {},
+		title: {},
+		accessibleName: {},
+		closable: { type: Boolean },
+		setSurfaceElement: { type: Function }
+	},
+	emits: ["request-close"],
+	setup(f, { emit: D }) {
+		let O = f, k = D, { t: A } = t();
+		i(O.presentation), n({ owner: "SDialogSurface" });
+		let j = b(), M = `s-dialog-title-${y()}`, N = o(() => O.presentation.kind === "modal"), P = o(() => O.presentation.kind === "modal" ? O.presentation : null), F = o(() => O.presentation.kind === "drawer" ? O.presentation : null), I = o(() => !!(O.title || j.header)), L = o(() => N.value && !!(j["footer-start"] || j["footer-end"])), R = o(() => L.value || !!j.footer), z = o(() => N.value ? "div" : "header"), B = o(() => N.value ? "h3" : "h2"), V = o(() => {
+			let e = O.presentation;
+			return e.kind === "drawer" ? e.placement === "bottom" ? "bottom-sheet" : e.mobileFullScreen ? "mobile-fullscreen" : "side-panel" : e.fullscreen || e.size === "full" ? "fullscreen" : "contained";
+		}), H = () => k("request-close");
+		return (t, n) => (m(), s(g(E), p({ ref: f.setSurfaceElement }, t.$attrs, {
+			class: "s-dialog-surface",
+			"data-presentation": f.presentation.kind,
+			"data-layout": V.value,
+			"data-size": f.presentation.size,
+			"data-placement": F.value?.placement,
+			"data-surface": P.value?.surface,
+			"data-scroll": P.value?.scrollBehavior,
+			tabindex: "-1",
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-labelledby": I.value ? M : void 0,
+			"aria-label": I.value ? void 0 : f.accessibleName
+		}), {
+			default: x(() => [
+				I.value ? (m(), s(g(z.value), {
+					key: 0,
+					class: "s-dialog-surface__header"
+				}, {
+					default: x(() => [(m(), s(g(B.value), {
+						id: M,
+						class: "s-dialog-surface__title"
+					}, {
+						default: x(() => [h(t.$slots, "header", {}, () => [d(_(f.title), 1)], !0)]),
+						_: 3
+					})), f.closable ? (m(), s(r, {
+						key: 0,
+						"leading-icon": v(e),
+						"icon-only": "",
+						appearance: "text",
+						size: "sm",
+						"aria-label": v(A)("dialog.close"),
+						onClick: H
+					}, null, 8, ["leading-icon", "aria-label"])) : c("", !0)]),
+					_: 3
+				})) : c("", !0),
+				u("div", S, [h(t.$slots, "default", {}, void 0, !0)]),
+				R.value ? (m(), l("div", {
+					key: 1,
+					class: "s-dialog-surface__footer",
+					"data-layout": L.value ? "split" : "end"
+				}, [L.value ? (m(), l(a, { key: 0 }, [t.$slots["footer-start"] ? (m(), l("div", w, [h(t.$slots, "footer-start", { close: H }, void 0, !0)])) : c("", !0), t.$slots["footer-end"] ? (m(), l("div", T, [h(t.$slots, "footer-end", { close: H }, void 0, !0)])) : c("", !0)], 64)) : h(t.$slots, "footer", { close: H }, void 0, !0, 1)], 8, C)) : c("", !0)
+			]),
+			_: 3
+		}, 16, [
+			"data-presentation",
+			"data-layout",
+			"data-size",
+			"data-placement",
+			"data-surface",
+			"data-scroll",
+			"aria-labelledby",
+			"aria-label"
+		]));
+	}
+});
+//#endregion
+export { D as default };

package/dist/src/components/shared/_internal/SDisclosureSummary.vue.d.ts

@@ -0,0 +1,20 @@
+import { SDisclosureSummaryBadge, SDisclosureSummaryCase, SDisclosureSummaryFact, SDisclosureSummaryState, SDisclosureSummaryStatus, SDisclosureSummaryTypography } from '../containers/disclosureSummary';
+type __VLS_Props = {
+    title: string;
+    typography?: SDisclosureSummaryTypography;
+    casing?: SDisclosureSummaryCase;
+    state?: SDisclosureSummaryState;
+    facts?: readonly SDisclosureSummaryFact[];
+    badges?: readonly SDisclosureSummaryBadge[];
+    status?: SDisclosureSummaryStatus;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    status: SDisclosureSummaryStatus;
+    state: SDisclosureSummaryState;
+    badges: readonly SDisclosureSummaryBadge[];
+    typography: SDisclosureSummaryTypography;
+    casing: SDisclosureSummaryCase;
+    facts: readonly SDisclosureSummaryFact[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/src/components/shared/_internal/SDisclosureSummary.vue.js

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

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

@@ -0,0 +1,97 @@
+import { validateNonEmptyString as e } from "../../../internal/runtimeContract.js";
+import t from "../data-display/SBadge.vue.js";
+import { resolveFeedbackIndicator as n } from "../../../internal/feedbackPresentation.js";
+import r from "../data-display/SProgressIndicator.vue.js";
+import i from "../data-display/SStatus.vue.js";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, openBlock as m, renderList as h, resolveDynamicComponent as g, toDisplayString as _, watchEffect as v, withCtx as y } from "vue";
+//#region src/components/shared/_internal/SDisclosureSummary.vue?vue&type=script&setup=true&lang.ts
+var b = ["data-summary-typography", "data-summary-case"], x = ["data-summary-state", "data-summary-state-tone"], S = { class: "s-disclosure-summary__title" }, C = {
+	key: 1,
+	class: "s-disclosure-summary__facts"
+}, w = ["data-summary-fact-tone"], T = {
+	key: 0,
+	class: "s-disclosure-summary__fact-label"
+}, E = { class: "s-disclosure-summary__fact-value" }, D = {
+	key: 2,
+	class: "s-disclosure-summary__badges"
+}, O = {
+	key: 3,
+	class: "s-disclosure-summary__status"
+}, k = /*@__PURE__*/ p({
+	__name: "SDisclosureSummary",
+	props: {
+		title: {},
+		typography: { default: "default" },
+		casing: { default: "sentence" },
+		state: { default: void 0 },
+		facts: { default: () => [] },
+		badges: { default: () => [] },
+		status: { default: void 0 }
+	},
+	setup(p) {
+		let k = p, A = o(() => k.state ? n(k.state) : null);
+		return v(() => {
+			if (k.title.trim().length === 0) throw Error("SDisclosureSummary: title must be a non-empty string");
+			let t = /* @__PURE__ */ new Set();
+			k.facts.forEach((n, r) => {
+				let i = e("SDisclosureSummary", `facts[${r}].id`, n.id);
+				if (t.has(i)) throw Error(`SDisclosureSummary: duplicate facts id "${i}"`);
+				if (t.add(i), String(n.value).trim().length === 0) throw Error(`SDisclosureSummary: facts[${r}].value must be non-empty`);
+			});
+			let n = /* @__PURE__ */ new Set();
+			if (k.badges.forEach((t, r) => {
+				let i = e("SDisclosureSummary", `badges[${r}].id`, t.id);
+				if (n.has(i)) throw Error(`SDisclosureSummary: duplicate badges id "${i}"`);
+				if (n.add(i), String(t.label).trim().length === 0) throw Error(`SDisclosureSummary: badges[${r}].label must be non-empty`);
+			}), k.status && k.status.label.trim().length === 0) throw Error("SDisclosureSummary: status.label must be a non-empty string");
+		}), (e, n) => (m(), l("span", {
+			class: "s-disclosure-summary",
+			"data-summary-typography": p.typography,
+			"data-summary-case": p.casing
+		}, [
+			A.value ? (m(), l("span", {
+				key: 0,
+				class: "s-disclosure-summary__state",
+				"data-summary-state": p.state,
+				"data-summary-state-tone": A.value.tone,
+				"aria-hidden": "true"
+			}, [p.state === "progress" ? (m(), s(r, {
+				key: 0,
+				accessibility: { mode: "decorative" },
+				size: "xs",
+				tone: "info"
+			})) : (m(), s(g(A.value.icon), {
+				key: 1,
+				class: "s-disclosure-summary__state-icon"
+			}))], 8, x)) : c("", !0),
+			u("span", S, _(p.title), 1),
+			p.facts.length > 0 ? (m(), l("span", C, [(m(!0), l(a, null, h(p.facts, (e) => (m(), l("span", {
+				key: e.id,
+				class: "s-disclosure-summary__fact",
+				"data-summary-fact-tone": e.tone ?? "neutral"
+			}, [e.label ? (m(), l("span", T, _(e.label), 1)) : c("", !0), u("span", E, _(e.value), 1)], 8, w))), 128))])) : c("", !0),
+			p.badges.length > 0 ? (m(), l("span", D, [(m(!0), l(a, null, h(p.badges, (e) => (m(), s(t, {
+				key: e.id,
+				severity: e.severity ?? "secondary",
+				size: "xs",
+				title: e.title
+			}, {
+				default: y(() => [d(_(e.label), 1)]),
+				_: 2
+			}, 1032, ["severity", "title"]))), 128))])) : c("", !0),
+			p.status ? (m(), l("span", O, [f(i, {
+				label: p.status.label,
+				tone: p.status.tone ?? "neutral",
+				title: p.status.title,
+				icon: null,
+				size: "xs"
+			}, null, 8, [
+				"label",
+				"tone",
+				"title"
+			])])) : c("", !0)
+		], 8, b));
+	}
+});
+//#endregion
+export { k as default };

package/dist/src/components/shared/_internal/SHeaderSurface.vue.d.ts

@@ -0,0 +1,43 @@
+export interface Props {
+    kind: 'page' | 'section';
+    title: string;
+    eyebrow?: string | null;
+    description?: string | null;
+    meta?: string | null;
+    headingLevel: 1 | 2 | 3 | 4;
+    titlePresentation?: 'visible' | 'assistive';
+    appearance?: 'bare' | 'plain' | 'panel';
+    size: 'compact' | 'default' | 'sm' | 'md';
+    variant?: 'default' | 'display';
+    divider?: boolean;
+    padding?: 'none' | 'sm' | 'md';
+    spacingAfter?: 'none' | 'sm' | 'md';
+    trailingLayout: 'responsive' | 'inline' | 'stacked';
+}
+declare var __VLS_7: {}, __VLS_9: {}, __VLS_11: {};
+type __VLS_Slots = {} & {
+    actions?: (props: typeof __VLS_7) => any;
+} & {
+    badges?: (props: typeof __VLS_9) => any;
+} & {
+    actions?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    meta: string | null;
+    variant: "default" | "display";
+    appearance: "bare" | "plain" | "panel";
+    description: string | null;
+    padding: "none" | "sm" | "md";
+    titlePresentation: "visible" | "assistive";
+    divider: boolean;
+    eyebrow: string | null;
+    spacingAfter: "none" | "sm" | "md";
+}, {}, {}, {}, 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/_internal/SHeaderSurface.vue.js

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

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

@@ -0,0 +1,80 @@
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, defineComponent as s, normalizeClass as c, openBlock as l, renderSlot as u, resolveDynamicComponent as d, toDisplayString as f, useSlots as p, withCtx as m } from "vue";
+//#region src/components/shared/_internal/SHeaderSurface.vue?vue&type=script&setup=true&lang.ts
+var h = [
+	"data-kind",
+	"data-actions-layout",
+	"data-trailing-layout",
+	"data-appearance",
+	"data-size",
+	"data-variant",
+	"data-divider",
+	"data-padding",
+	"data-spacing-after"
+], g = {
+	key: 2,
+	class: "s-section-header__meta"
+}, _ = {
+	key: 0,
+	class: "s-section-header__badges"
+}, v = {
+	key: 1,
+	class: "s-section-header__actions"
+}, y = /*@__PURE__*/ s({
+	__name: "SHeaderSurface",
+	props: {
+		kind: {},
+		title: {},
+		eyebrow: { default: void 0 },
+		description: { default: void 0 },
+		meta: { default: void 0 },
+		headingLevel: {},
+		titlePresentation: { default: "visible" },
+		appearance: { default: "panel" },
+		size: {},
+		variant: { default: "default" },
+		divider: {
+			type: Boolean,
+			default: !1
+		},
+		padding: { default: "none" },
+		spacingAfter: { default: "none" },
+		trailingLayout: {}
+	},
+	setup(s) {
+		let y = s, b = p(), x = t(() => y.kind === "page" ? !!b.actions : !!(b.badges || b.actions));
+		return (t, p) => (l(), i("header", {
+			class: c(s.kind === "page" ? "s-page-header" : "s-section-header"),
+			"data-kind": s.kind,
+			"data-actions-layout": s.kind === "page" ? s.trailingLayout : void 0,
+			"data-trailing-layout": s.kind === "section" ? s.trailingLayout : void 0,
+			"data-appearance": s.kind === "page" ? s.appearance : void 0,
+			"data-size": s.size,
+			"data-variant": s.kind === "section" ? s.variant : void 0,
+			"data-divider": s.kind === "section" && s.divider ? "true" : void 0,
+			"data-padding": s.kind === "section" ? s.padding : void 0,
+			"data-spacing-after": s.kind === "section" ? s.spacingAfter : void 0
+		}, [a("div", { class: c(s.kind === "page" ? "s-page-header__copy" : "s-section-header__copy") }, [
+			s.eyebrow ? (l(), i("div", {
+				key: 0,
+				class: c(s.kind === "page" ? "s-page-header__eyebrow" : "s-section-header__eyebrow")
+			}, f(s.eyebrow), 3)) : r("", !0),
+			(l(), n(d(`h${s.headingLevel}`), {
+				class: c(s.kind === "page" ? "s-page-header__title" : "s-section-header__title"),
+				"data-presentation": s.titlePresentation
+			}, {
+				default: m(() => [o(f(s.title), 1)]),
+				_: 1
+			}, 8, ["class", "data-presentation"])),
+			s.description ? (l(), i("p", {
+				key: 1,
+				class: c(s.kind === "page" ? "s-page-header__description" : "s-section-header__description")
+			}, f(s.description), 3)) : r("", !0),
+			s.kind === "section" && s.meta ? (l(), i("p", g, f(s.meta), 1)) : r("", !0)
+		], 2), x.value ? (l(), i("div", {
+			key: 0,
+			class: c(s.kind === "page" ? "s-page-header__actions" : "s-section-header__trailing")
+		}, [s.kind === "page" ? u(t.$slots, "actions", {}, void 0, !0, 0) : (l(), i(e, { key: 1 }, [t.$slots.badges ? (l(), i("div", _, [u(t.$slots, "badges", {}, void 0, !0)])) : r("", !0), t.$slots.actions ? (l(), i("div", v, [u(t.$slots, "actions", {}, void 0, !0)])) : r("", !0)], 64))], 2)) : r("", !0)], 10, h));
+	}
+});
+//#endregion
+export { y as default };

package/dist/src/components/shared/_internal/SListboxGroup.vue.d.ts

@@ -0,0 +1,20 @@
+export interface Props {
+    label: string;
+    labelId: string;
+    variant?: 'select' | 'color';
+}
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    variant: "select" | "color";
+}, {}, {}, {}, 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/_internal/SListboxGroup.vue.js

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