@pgcorp/ui-kit 0.13.0 → 0.15.0

package/dist/src/components/shared/controls/SInteractiveSurface.vue_vue_type_script_setup_true_lang.js

@@ -3,10 +3,10 @@ import { useOwnedAttrs as t } from "../../../internal/ownedAttrs.js";
 import { resolveSemanticToneBinding as n } from "../../../internal/semanticTone.js";
 import { PassiveContentBoundary as r, useInteractiveLeafRegistration as i } from "../../../internal/passiveContentContract.js";
 import { resolveLinkTarget as a } from "../../../internal/linkTarget.js";
-import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, mergeProps as p, openBlock as m, renderSlot as h, resolveDynamicComponent as g, toDisplayString as _, unref as v, useSlots as y, watchEffect 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, createVNode as d, defineComponent as f, mergeProps as p, openBlock as m, renderSlot as h, toDisplayString as g, unref as _, useSlots as v, watchEffect as y, withCtx as b } from "vue";
+import { RouterLink as x } from "vue-router";
 //#region src/components/shared/controls/SInteractiveSurface.vue?vue&type=script&setup=true&lang.ts
-var C = [
+var S = [
 	"data-s-tone",
 	"data-mode",
 	"data-density",
@@ -20,17 +20,29 @@ var C = [
 	"data-pressed",
 	"data-disabled",
 	"data-content-align"
-], w = { class: "s-interactive-surface__layout" }, T = { class: "s-interactive-surface__primary" }, E = [
+], C = { class: "s-interactive-surface__layout" }, w = { class: "s-interactive-surface__primary" }, T = [
 	"disabled",
 	"aria-label",
 	"aria-pressed"
-], D = { class: "s-interactive-surface__accessible-label" }, O = { class: "s-interactive-surface__accessible-label" }, k = {
+], E = { class: "s-interactive-surface__accessible-label" }, D = [
+	"href",
+	"aria-label",
+	"aria-current",
+	"aria-disabled",
+	"tabindex",
+	"onClick"
+], O = { class: "s-interactive-surface__accessible-label" }, k = [
+	"aria-label",
+	"aria-current",
+	"aria-disabled",
+	"tabindex"
+], A = { class: "s-interactive-surface__accessible-label" }, j = {
 	class: "s-interactive-surface__content",
 	"data-passive-content": ""
-}, A = {
+}, M = {
 	key: 0,
 	class: "s-interactive-surface__actions"
-}, j = /*@__PURE__*/ f({
+}, N = /*@__PURE__*/ f({
 	inheritAttrs: !1,
 	__name: "SInteractiveSurface",
 	props: {
@@ -50,32 +62,32 @@ var C = [
 		tooltipTrigger: { default: void 0 }
 	},
 	emits: ["activate"],
-	setup(f, { emit: j }) {
-		let M = [
+	setup(f, { emit: N }) {
+		let P = [
 			"default",
 			"primary",
 			"success",
 			"danger"
-		], N = f, P = j, F = y(), I = t({
+		], F = f, I = N, L = v(), R = t({
 			component: "SInteractiveSurface",
 			owner: "interactive surface owner"
-		}), L = o(() => n("SInteractiveSurface", "tone", N.tone, M)), R = (e, t) => {
+		}), z = o(() => n("SInteractiveSurface", "tone", F.tone, P)), B = (e, t) => {
 			if (e[t] !== void 0 && typeof e[t] != "boolean") throw TypeError(`SInteractiveSurface: surface.${t} должен быть boolean`);
-		}, z = (e, t) => {
+		}, V = (e, t) => {
 			let n = new Set(t), r = Object.keys(e).filter((e) => !n.has(e));
 			if (r.length > 0) throw Error(`SInteractiveSurface: surface mode="${String(e.mode)}" не допускает поля ${r.join(", ")}`);
-		}, B = o(() => {
-			let e = N.surface;
+		}, H = o(() => {
+			let e = F.surface;
 			if (typeof e != "object" || !e || Array.isArray(e)) throw TypeError("SInteractiveSurface: surface должен быть discriminated object");
 			let t = e;
-			if (t.mode === "static") return z(t, ["mode"]), { mode: "static" };
+			if (t.mode === "static") return V(t, ["mode"]), { mode: "static" };
 			if (t.mode === "action") {
-				if (z(t, [
+				if (V(t, [
 					"mode",
 					"accessibleLabel",
 					"disabled",
 					"pressed"
-				]), R(t, "disabled"), R(t, "pressed"), typeof t.accessibleLabel != "string" || !t.accessibleLabel.trim()) throw TypeError("SInteractiveSurface: accessibleLabel обязателен для mode=\"action\"");
+				]), B(t, "disabled"), B(t, "pressed"), typeof t.accessibleLabel != "string" || !t.accessibleLabel.trim()) throw TypeError("SInteractiveSurface: accessibleLabel обязателен для mode=\"action\"");
 				return {
 					mode: "action",
 					accessibleLabel: t.accessibleLabel,
@@ -84,7 +96,7 @@ var C = [
 				};
 			}
 			if (t.mode === "link") {
-				if (z(t, [
+				if (V(t, [
 					"mode",
 					"accessibleLabel",
 					"disabled",
@@ -92,7 +104,7 @@ var C = [
 					"rel",
 					"href",
 					"to"
-				]), R(t, "disabled"), typeof t.accessibleLabel != "string" || !t.accessibleLabel.trim()) throw TypeError("SInteractiveSurface: accessibleLabel обязателен для mode=\"link\"");
+				]), B(t, "disabled"), typeof t.accessibleLabel != "string" || !t.accessibleLabel.trim()) throw TypeError("SInteractiveSurface: accessibleLabel обязателен для mode=\"link\"");
 				let e = t.target ?? "_self";
 				if (![
 					"_self",
@@ -127,7 +139,7 @@ var C = [
 				};
 			}
 			throw TypeError(`SInteractiveSurface: неизвестный surface.mode "${String(t.mode)}"`);
-		}), V = [
+		}), U = [
 			"ref",
 			"aria-describedby",
 			"onPointerenter",
@@ -137,21 +149,21 @@ var C = [
 			"onPointercancel",
 			"onFocusin",
 			"onFocusout"
-		], H = o(() => {
-			let t = N.tooltipTrigger;
+		], W = o(() => {
+			let t = F.tooltipTrigger;
 			if (t === void 0) return;
 			if (typeof t != "object" || !t || Array.isArray(t)) throw TypeError("SInteractiveSurface: tooltipTrigger должен быть полным STooltip trigger binding. / SInteractiveSurface: tooltipTrigger must be a complete STooltip trigger binding.");
-			let n = t, r = Object.keys(n).filter((e) => !V.includes(e)), i = V.filter((t) => !e(n, t));
+			let n = t, r = Object.keys(n).filter((e) => !U.includes(e)), i = U.filter((t) => !e(n, t));
 			if (r.length > 0 || i.length > 0) throw Error(`SInteractiveSurface: tooltipTrigger имеет недопустимый набор ключей; missing=${i.join(",")}; unexpected=${r.join(",")}. / SInteractiveSurface: tooltipTrigger has an invalid key set; missing=${i.join(",")}; unexpected=${r.join(",")}.`);
 			if (n["aria-describedby"] !== void 0 && typeof n["aria-describedby"] != "string") throw TypeError("SInteractiveSurface: tooltipTrigger aria-describedby должен быть string или undefined. / SInteractiveSurface: tooltipTrigger aria-describedby must be a string or undefined.");
 			if (typeof n.ref != "function") throw TypeError("SInteractiveSurface: tooltipTrigger.ref должен быть callback ref. / SInteractiveSurface: tooltipTrigger.ref must be a callback ref.");
-			for (let e of V) if (e !== "ref" && e !== "aria-describedby" && typeof n[e] != "function") throw TypeError(`SInteractiveSurface: tooltipTrigger.${e} должен быть function. / SInteractiveSurface: tooltipTrigger.${e} must be a function.`);
+			for (let e of U) if (e !== "ref" && e !== "aria-describedby" && typeof n[e] != "function") throw TypeError(`SInteractiveSurface: tooltipTrigger.${e} должен быть function. / SInteractiveSurface: tooltipTrigger.${e} must be a function.`);
 			return t;
-		}), U = () => ({
-			...I.bindings(),
-			...H.value ?? {}
-		}), W = o(() => B.value.mode), G = o(() => B.value.mode === "static" ? !1 : B.value.disabled ?? !1), K = o(() => B.value.mode === "action" ? B.value.pressed : void 0), q = o(() => {
-			let e = B.value;
+		}), G = () => ({
+			...R.bindings(),
+			...W.value ?? {}
+		}), K = o(() => H.value.mode), q = o(() => H.value.mode === "static" ? !1 : H.value.disabled ?? !1), J = o(() => H.value.mode === "action" ? H.value.pressed : void 0), Y = o(() => {
+			let e = H.value;
 			return e.mode === "link" ? a({
 				href: e.href,
 				to: e.to,
@@ -159,81 +171,94 @@ var C = [
 				rel: e.rel,
 				owner: "SInteractiveSurface"
 			}) : null;
-		}), J = o(() => q.value?.kind === "router" ? S : "a"), Y = () => {
-			let e = q.value;
+		}), X = () => {
+			let e = Y.value;
 			if (!e) throw Error("SInteractiveSurface: link bindings requested outside link surface");
 			return {
-				...U(),
-				...e.bindings
+				...G(),
+				...e.kind === "anchor" ? e.bindings : {
+					target: e.bindings.target,
+					rel: e.bindings.rel
+				}
 			};
-		}, X = o(() => {
-			if (B.value.mode !== "static") return B.value.accessibleLabel.trim();
+		}, Z = o(() => {
+			if (H.value.mode !== "static") return H.value.accessibleLabel.trim();
 		});
-		b(() => {
-			if (B.value.mode === "static" && H.value) throw Error("SInteractiveSurface: tooltipTrigger требует action или link surface. / SInteractiveSurface: tooltipTrigger requires an action or link surface.");
-			H.value;
+		y(() => {
+			if (H.value.mode === "static" && W.value) throw Error("SInteractiveSurface: tooltipTrigger требует action или link surface. / SInteractiveSurface: tooltipTrigger requires an action or link surface.");
+			W.value;
 		}), i({
 			owner: "SInteractiveSurface",
-			active: () => W.value !== "static"
+			active: () => K.value !== "static"
 		});
-		let Z = {
+		let Q = {
 			owner: "SInteractiveSurface",
 			region: "passive content-region",
-			active: () => W.value !== "static",
+			active: () => K.value !== "static",
 			guidance: "Передайте дополнительное действие через sibling action-region. / Put the additional action in the sibling action region."
 		};
-		function Q(e) {
-			if (G.value) {
+		function $(e) {
+			if (q.value) {
 				e.preventDefault();
 				return;
 			}
-			P("activate", e);
+			I("activate", e);
 		}
-		function $(e) {
-			P("activate", e);
+		function ee(e) {
+			I("activate", e);
+		}
+		function te(e, t) {
+			$(e), q.value || t(e);
 		}
-		return (e, t) => (m(), l("div", p(W.value === "static" ? v(I).bindings() : void 0, {
-			"data-s-tone": L.value["data-s-tone"],
+		return (e, t) => (m(), l("div", p(K.value === "static" ? _(R).bindings() : void 0, {
+			"data-s-tone": z.value["data-s-tone"],
 			class: "s-interactive-surface",
-			"data-mode": W.value,
+			"data-mode": K.value,
 			"data-density": f.density,
 			"data-padding": f.padding,
 			"data-radius": f.radius,
 			"data-fill": f.fill,
 			"data-appearance": f.appearance,
 			"data-actions-layout": f.actionsLayout,
-			"data-has-actions": !!F.actions || void 0,
+			"data-has-actions": !!L.actions || void 0,
 			"data-selected": f.selected || void 0,
-			"data-pressed": K.value,
-			"data-disabled": G.value || void 0,
+			"data-pressed": J.value,
+			"data-disabled": q.value || void 0,
 			"data-content-align": f.contentAlign
-		}), [u("div", w, [u("div", T, [W.value === "action" ? (m(), l("button", p({ key: 0 }, U(), {
+		}), [u("div", C, [u("div", w, [K.value === "action" ? (m(), l("button", p({ key: 0 }, G(), {
 			class: "s-interactive-surface__activation",
 			type: "button",
-			disabled: G.value,
-			"aria-label": X.value,
-			"aria-pressed": K.value,
-			onClick: $
-		}), [u("span", D, _(X.value), 1)], 16, E)) : W.value === "link" ? (m(), s(g(J.value), p({ key: 1 }, Y(), {
+			disabled: q.value,
+			"aria-label": Z.value,
+			"aria-pressed": J.value,
+			onClick: ee
+		}), [u("span", E, g(Z.value), 1)], 16, T)) : Y.value?.kind === "router" ? (m(), s(_(x), {
+			key: 1,
+			to: Y.value.bindings.to,
+			custom: ""
+		}, {
+			default: b(({ href: e, navigate: t }) => [u("a", p(X(), {
+				class: "s-interactive-surface__activation",
+				href: e,
+				"aria-label": Z.value,
+				"aria-current": f.selected ? "page" : void 0,
+				"aria-disabled": q.value || void 0,
+				tabindex: q.value ? -1 : void 0,
+				onClick: (e) => te(e, t)
+			}), [u("span", O, g(Z.value), 1)], 16, D)]),
+			_: 1
+		}, 8, ["to"])) : Y.value?.kind === "anchor" ? (m(), l("a", p({ key: 2 }, X(), {
 			class: "s-interactive-surface__activation",
-			"aria-label": X.value,
+			"aria-label": Z.value,
 			"aria-current": f.selected ? "page" : void 0,
-			"aria-disabled": G.value || void 0,
-			tabindex: G.value ? -1 : void 0,
-			onClick: Q
-		}), {
-			default: x(() => [u("span", O, _(X.value), 1)]),
-			_: 1
-		}, 16, [
-			"aria-label",
-			"aria-current",
-			"aria-disabled",
-			"tabindex"
-		])) : c("", !0), u("div", k, [d(v(r), { contract: Z }, {
-			default: x(() => [h(e.$slots, "default", {}, void 0, !0)]),
+			"aria-disabled": q.value || void 0,
+			tabindex: q.value ? -1 : void 0,
+			onClick: $
+		}), [u("span", A, g(Z.value), 1)], 16, k)) : c("", !0), u("div", j, [d(_(r), { contract: Q }, {
+			default: b(() => [h(e.$slots, "default", {}, void 0, !0)]),
 			_: 3
-		})])]), e.$slots.actions ? (m(), l("div", A, [h(e.$slots, "actions", {}, void 0, !0)])) : c("", !0)])], 16, C));
+		})])]), e.$slots.actions ? (m(), l("div", M, [h(e.$slots, "actions", {}, void 0, !0)])) : c("", !0)])], 16, S));
 	}
 });
 //#endregion
-export { j as default };
+export { N as default };

package/dist/src/components/shared/controls/SLink.d.ts

@@ -36,20 +36,30 @@ export type LinkRouterTarget = string | LinkRouterLocation;
 export declare const LINK_BROWSING_TARGETS: readonly ["_self", "_blank", "_parent", "_top"];
 /** Допустимый browsing-context target ссылки. / Supported link browsing-context target. */
 export type LinkBrowsingTarget = typeof LINK_BROWSING_TARGETS[number];
+/** Native download intent: a filename, browser-chosen name (true), or no download (false). */
+export type LinkDownload = string | boolean;
 interface LinkDestinationOptions {
     readonly target?: LinkBrowsingTarget;
     readonly rel?: string;
 }
-/** Native href destination; router target is structurally forbidden. */
+/** Ordinary native href navigation; router and download capabilities are structurally forbidden. */
 export type HrefLinkDestination = LinkDestinationOptions & {
     readonly href: string;
     readonly to?: never;
+    readonly download?: never;
 };
 /** Explicit named/path router destination; native href is structurally forbidden. */
 export type RouterLinkDestination = LinkDestinationOptions & {
     readonly href?: never;
     readonly to: LinkRouterTarget;
+    readonly download?: never;
 };
 /** Строгий XOR-контракт обычного destination. / Strict XOR contract for an ordinary destination. */
 export type LinkDestination = HrefLinkDestination | RouterLinkDestination;
+/** Native href download capability supported by SButton and SLink, not navigation-item models. */
+export type HrefDownloadDestination = Omit<HrefLinkDestination, 'download'> & {
+    readonly download?: LinkDownload;
+};
+/** Exact SButton/SLink destination capability: download is available in the href branch only. */
+export type DownloadLinkDestination = HrefDownloadDestination | RouterLinkDestination;
 export type { LinkPresentationProps, Props as SLinkProps } from './SLink.vue';

package/dist/src/components/shared/controls/SLink.vue.d.ts

@@ -1,5 +1,8 @@
 import { Component, VNodeChild } from 'vue';
+import { InteractiveElementApi } from '../../../internal/interactiveElement';
 import { LinkBrowsingTarget, LinkRouterTarget } from './SLink';
+/** Actual native activation owner for composition-owned focus and navigation. */
+export type SLinkApi = InteractiveElementApi<HTMLAnchorElement>;
 /** Canonical presentation/state API owned by SLink. */
 export interface LinkPresentationProps {
     readonly variant?: 'default' | 'subtle' | 'brand' | 'navigation' | 'bottom-navigation' | 'document';
@@ -12,6 +15,13 @@ export interface LinkPresentationProps {
     readonly wrap?: 'normal' | 'anywhere';
     readonly contentKind?: 'text' | 'identifier';
     readonly leadingIcon?: Component;
+    /** Native semantic identity and scoped accessibility references for composed documents. */
+    readonly domId?: string;
+    readonly language?: string;
+    readonly direction?: 'ltr' | 'rtl' | 'auto';
+    readonly ariaLabel?: string;
+    readonly ariaLabelledby?: string;
+    readonly ariaDescribedby?: string;
 }
 interface LinkDestinationOptions {
     readonly target?: LinkBrowsingTarget;
@@ -21,9 +31,11 @@ interface LinkDestinationOptions {
 export type Props = LinkPresentationProps & LinkDestinationOptions & ({
     readonly href: string;
     readonly to?: never;
+    readonly download?: string | boolean;
 } | {
     readonly href?: never;
     readonly to: LinkRouterTarget;
+    readonly download?: never;
 });
 type __VLS_Slots = {
     /** Пассивный текст/inline-контент ссылки. / Passive text or inline link content. */
@@ -34,17 +46,21 @@ type __VLS_Slots = {
 declare const __VLS_base: import('vue').DefineComponent<(LinkPresentationProps & LinkDestinationOptions & {
     readonly href: string;
     readonly to?: never;
+    readonly download?: string | boolean;
 }) | (LinkPresentationProps & LinkDestinationOptions & {
     readonly href?: never;
     readonly to: LinkRouterTarget;
-}), {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    readonly download?: never;
+}), SLinkApi, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: (event: MouseEvent) => any;
 }, string, import('vue').PublicProps, Readonly<(LinkPresentationProps & LinkDestinationOptions & {
     readonly href: string;
     readonly to?: never;
+    readonly download?: string | boolean;
 }) | (LinkPresentationProps & LinkDestinationOptions & {
     readonly href?: never;
     readonly to: LinkRouterTarget;
+    readonly download?: never;
 })> & Readonly<{
     onClick?: ((event: MouseEvent) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/src/components/shared/controls/SLink.vue.js

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

package/dist/src/components/shared/controls/SLink.vue_vue_type_script_setup_true_lang.js

@@ -1,17 +1,50 @@
-import { useOwnedAttrs as e } from "../../../internal/ownedAttrs.js";
-import { PassiveContentBoundary as t, useInteractiveLeafRegistration as n } from "../../../internal/passiveContentContract.js";
-import { resolveLinkTarget as r } from "../../../internal/linkTarget.js";
-import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, mergeProps as d, openBlock as f, renderSlot as p, resolveDynamicComponent as m, unref as h, useSlots as g, withCtx as _ } from "vue";
-import { RouterLink as v } from "vue-router";
+import { validateDomId as e, validateDomIdReferences as t, validateExactString as n, validateNonEmptyString as r } from "../../../internal/runtimeContract.js";
+import { useOwnedAttrs as i } from "../../../internal/ownedAttrs.js";
+import { PassiveContentBoundary as a, useInteractiveLeafRegistration as o } from "../../../internal/passiveContentContract.js";
+import { resolveLinkTarget as s } from "../../../internal/linkTarget.js";
+import { computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createVNode as p, defineComponent as m, mergeProps as h, openBlock as g, ref as _, renderSlot as v, resolveDynamicComponent as y, unref as b, useSlots as x, withCtx as S } from "vue";
+import { RouterLink as C } from "vue-router";
 //#region src/components/shared/controls/SLink.vue?vue&type=script&setup=true&lang.ts
-var y = {
+var w = [
+	"data-variant",
+	"data-external",
+	"data-active",
+	"data-width",
+	"data-size",
+	"data-underline",
+	"data-wrap",
+	"data-content-kind",
+	"aria-current",
+	"onClick"
+], T = {
 	key: 0,
 	class: "s-link__icon",
 	"aria-hidden": "true"
-}, b = { class: "s-link__content" }, x = {
+}, E = { class: "s-link__content" }, D = {
 	key: 0,
 	class: "s-link__trailing"
-}, S = /*@__PURE__*/ u({
+}, O = [
+	"data-variant",
+	"data-external",
+	"data-active",
+	"data-disabled",
+	"data-width",
+	"data-size",
+	"data-underline",
+	"data-wrap",
+	"data-content-kind",
+	"aria-current",
+	"aria-disabled",
+	"tabindex",
+	"role"
+], k = {
+	key: 0,
+	class: "s-link__icon",
+	"aria-hidden": "true"
+}, A = { class: "s-link__content" }, j = {
+	key: 0,
+	class: "s-link__trailing"
+}, M = /*@__PURE__*/ m({
 	inheritAttrs: !1,
 	__name: "SLink",
 	props: {
@@ -34,77 +67,139 @@ var y = {
 		wrap: { default: "normal" },
 		contentKind: { default: "text" },
 		leadingIcon: {},
+		domId: {},
+		language: {},
+		direction: {},
+		ariaLabel: {},
+		ariaLabelledby: {},
+		ariaDescribedby: {},
 		target: { default: "_self" },
 		rel: {},
 		href: {},
-		to: {}
+		to: {},
+		download: {
+			type: [String, Boolean],
+			default: () => void 0
+		}
 	},
 	emits: ["click"],
-	setup(u, { emit: S }) {
-		let C = S, w = e({
+	setup(m, { expose: M, emit: N }) {
+		let P = N, F = i({
 			component: "SLink",
 			owner: "native navigation link"
-		}), T = g();
-		n({ owner: "SLink" });
-		let E = {
+		}), I = _(null), L = x();
+		o({ owner: "SLink" });
+		let R = {
 			owner: "SLink",
 			region: "passive link content",
 			guidance: "Вынесите control за границы ссылки. / Move the control outside the link."
-		}, D = i(() => r({
-			href: u.href,
-			to: u.to,
-			target: u.target,
-			rel: u.rel,
+		}, z = c(() => s({
+			href: m.href,
+			to: m.to,
+			target: m.target,
+			rel: m.rel,
+			download: m.download,
 			owner: "SLink"
-		})), O = i(() => u.disabled ? "a" : D.value.kind === "router" ? v : "a"), k = () => ({
-			...w.bindings(),
-			...u.disabled ? {} : D.value.bindings
-		});
-		function A(e) {
-			if (u.disabled) {
+		}));
+		function B(i) {
+			let a = z.value, o = {
+				id: m.domId === void 0 ? void 0 : e("SLink", "domId", m.domId),
+				lang: m.language === void 0 ? void 0 : r("SLink", "language", m.language),
+				dir: m.direction === void 0 ? void 0 : n("SLink", "direction", m.direction, [
+					"ltr",
+					"rtl",
+					"auto"
+				]),
+				"aria-label": m.ariaLabel === void 0 ? void 0 : r("SLink", "ariaLabel", m.ariaLabel),
+				"aria-labelledby": m.ariaLabelledby === void 0 ? void 0 : t("SLink", "ariaLabelledby", m.ariaLabelledby),
+				"aria-describedby": m.ariaDescribedby === void 0 ? void 0 : t("SLink", "ariaDescribedby", m.ariaDescribedby)
+			};
+			if (m.disabled) return {
+				...F.bindings(),
+				...o
+			};
+			if (a.kind === "anchor") return {
+				...F.bindings(),
+				...o,
+				...a.bindings
+			};
+			if (i === void 0) throw Error("SLink: native router href is unavailable");
+			return {
+				...F.bindings(),
+				...o,
+				href: i,
+				target: a.bindings.target,
+				rel: a.bindings.rel
+			};
+		}
+		function V(e) {
+			if (e !== null && !(e instanceof HTMLAnchorElement)) throw TypeError("SLink: native owner must be an HTMLAnchorElement");
+			I.value = e;
+		}
+		function H(e) {
+			if (m.disabled) {
 				e.preventDefault(), e.stopImmediatePropagation();
 				return;
 			}
-			C("click", e);
+			P("click", e);
 		}
-		return (e, n) => (f(), a(m(O.value), d(k(), {
-			class: "s-link",
-			"data-variant": u.variant,
-			"data-external": u.external || void 0,
-			"data-active": u.active || void 0,
-			"data-disabled": u.disabled || void 0,
-			"data-width": u.width,
-			"data-size": u.size,
-			"data-underline": u.underline,
-			"data-wrap": u.wrap,
-			"data-content-kind": u.contentKind,
-			"aria-current": u.active ? "page" : void 0,
-			"aria-disabled": u.disabled || void 0,
-			tabindex: u.disabled ? -1 : void 0,
-			role: u.disabled ? "link" : void 0,
-			onClick: A
-		}), {
-			default: _(() => [u.leadingIcon ? (f(), s("span", y, [(f(), a(m(u.leadingIcon), { class: "s-link__icon-graphic" }))])) : o("", !0), l(h(t), { contract: E }, {
-				default: _(() => [c("span", b, [p(e.$slots, "default", {}, void 0, !0)]), T.trailing ? (f(), s("span", x, [p(e.$slots, "trailing", {}, void 0, !0)])) : o("", !0)]),
+		async function U(e, t) {
+			H(e), e.defaultPrevented || await t(e);
+		}
+		function W() {
+			let e = I.value;
+			if (!e) throw Error("SLink: native activation element is unavailable");
+			return e;
+		}
+		return M({
+			getElement: W,
+			focus: (e) => W().focus(e)
+		}), (e, t) => z.value.kind === "router" && !m.disabled ? (g(), l(b(C), {
+			key: 0,
+			to: z.value.bindings.to,
+			custom: ""
+		}, {
+			default: S(({ href: t, navigate: n }) => [f("a", h({ ref: V }, B(t), {
+				class: "s-link",
+				"data-variant": m.variant,
+				"data-external": m.external || void 0,
+				"data-active": m.active || void 0,
+				"data-width": m.width,
+				"data-size": m.size,
+				"data-underline": m.underline,
+				"data-wrap": m.wrap,
+				"data-content-kind": m.contentKind,
+				"aria-current": m.active ? "page" : void 0,
+				onClick: (e) => U(e, n)
+			}), [m.leadingIcon ? (g(), d("span", T, [(g(), l(y(m.leadingIcon), { class: "s-link__icon-graphic" }))])) : u("", !0), p(b(a), { contract: R }, {
+				default: S(() => [f("span", E, [v(e.$slots, "default", {}, void 0, !0)]), L.trailing ? (g(), d("span", D, [v(e.$slots, "trailing", {}, void 0, !0)])) : u("", !0)]),
 				_: 3
-			})]),
+			})], 16, w)]),
+			_: 3
+		}, 8, ["to"])) : (g(), d("a", h({
+			key: 1,
+			ref: V
+		}, B(), {
+			class: "s-link",
+			"data-variant": m.variant,
+			"data-external": m.external || void 0,
+			"data-active": m.active || void 0,
+			"data-disabled": m.disabled || void 0,
+			"data-width": m.width,
+			"data-size": m.size,
+			"data-underline": m.underline,
+			"data-wrap": m.wrap,
+			"data-content-kind": m.contentKind,
+			"aria-current": m.active ? "page" : void 0,
+			"aria-disabled": m.disabled || void 0,
+			tabindex: m.disabled ? -1 : void 0,
+			role: m.disabled ? "link" : void 0,
+			onClick: H
+		}), [m.leadingIcon ? (g(), d("span", k, [(g(), l(y(m.leadingIcon), { class: "s-link__icon-graphic" }))])) : u("", !0), p(b(a), { contract: R }, {
+			default: S(() => [f("span", A, [v(e.$slots, "default", {}, void 0, !0)]), L.trailing ? (g(), d("span", j, [v(e.$slots, "trailing", {}, void 0, !0)])) : u("", !0)]),
 			_: 3
-		}, 16, [
-			"data-variant",
-			"data-external",
-			"data-active",
-			"data-disabled",
-			"data-width",
-			"data-size",
-			"data-underline",
-			"data-wrap",
-			"data-content-kind",
-			"aria-current",
-			"aria-disabled",
-			"tabindex",
-			"role"
-		]));
+		})], 16, O));
 	}
 });
 //#endregion
-export { S as default };
+export { M as default };