@pgcorp/ui-kit 0.10.0 → 0.10.1

package/{src/components/shared/controls/SLink.ts → dist/src/components/shared/controls/SLink.d.ts}

@@ -1,69 +1,55 @@
-import type {
-  HistoryState,
-  LocationQueryRaw,
-  LocationQueryValueRaw,
-  RouteParamsRawGeneric,
-} from 'vue-router'
-
+import { HistoryState, LocationQueryRaw, LocationQueryValueRaw, RouteParamsRawGeneric } from 'vue-router';
 /** Допустимое scalar-значение params/query. / Supported scalar params/query value. */
-export type LinkRouteScalar = LocationQueryValueRaw
-
+export type LinkRouteScalar = LocationQueryValueRaw;
 /** Exact params/query container for the UI-kit destination boundary. */
-export type LinkRouteDictionary = LocationQueryRaw
-
+export type LinkRouteDictionary = LocationQueryRaw;
 /** Exact named-route params accepted by Vue Router. */
-export type LinkRouteParams = RouteParamsRawGeneric
-
+export type LinkRouteParams = RouteParamsRawGeneric;
 /** Exact serializable History API state supported by the UI-kit destination boundary. */
-export type LinkHistoryStateValue = string | number | boolean | null | undefined | LinkHistoryState | LinkHistoryStateValue[]
+export type LinkHistoryStateValue = string | number | boolean | null | undefined | LinkHistoryState | LinkHistoryStateValue[];
 export interface LinkHistoryState extends HistoryState {
-  [key: number]: LinkHistoryStateValue
-  [key: string]: LinkHistoryStateValue
+    [key: number]: LinkHistoryStateValue;
+    [key: string]: LinkHistoryStateValue;
 }
-
 interface LinkRouterOptions {
-  readonly query?: LinkRouteDictionary
-  readonly hash?: string
-  readonly replace?: boolean
-  readonly force?: boolean
-  readonly state?: LinkHistoryState
+    readonly query?: LinkRouteDictionary;
+    readonly hash?: string;
+    readonly replace?: boolean;
+    readonly force?: boolean;
+    readonly state?: LinkHistoryState;
 }
-
 /**
  * Намеренно суженный router destination: UI-kit требует явный named/path target.
  * Intentionally narrowed router destination: the UI kit requires an explicit named/path target.
  */
-export type LinkRouterLocation = LinkRouterOptions & (
-  | { readonly name: string | symbol; readonly path?: never; readonly params?: LinkRouteParams }
-  | { readonly path: string; readonly name?: never; readonly params?: never }
-)
-
+export type LinkRouterLocation = LinkRouterOptions & ({
+    readonly name: string | symbol;
+    readonly path?: never;
+    readonly params?: LinkRouteParams;
+} | {
+    readonly path: string;
+    readonly name?: never;
+    readonly params?: never;
+});
 /** Router destination supported by the UI-kit boundary. */
-export type LinkRouterTarget = string | LinkRouterLocation
-
-export const LINK_BROWSING_TARGETS = ['_self', '_blank', '_parent', '_top'] as const
-
+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]
-
+export type LinkBrowsingTarget = typeof LINK_BROWSING_TARGETS[number];
 interface LinkDestinationOptions {
-  readonly target?: LinkBrowsingTarget
-  readonly rel?: string
+    readonly target?: LinkBrowsingTarget;
+    readonly rel?: string;
 }
-
 /** Native href destination; router target is structurally forbidden. */
 export type HrefLinkDestination = LinkDestinationOptions & {
-  readonly href: string
-  readonly to?: never
-}
-
+    readonly href: string;
+    readonly to?: never;
+};
 /** Explicit named/path router destination; native href is structurally forbidden. */
 export type RouterLinkDestination = LinkDestinationOptions & {
-  readonly href?: never
-  readonly to: LinkRouterTarget
-}
-
+    readonly href?: never;
+    readonly to: LinkRouterTarget;
+};
 /** Строгий XOR-контракт обычного destination. / Strict XOR contract for an ordinary destination. */
-export type LinkDestination = HrefLinkDestination | RouterLinkDestination
-
-export type { LinkPresentationProps, Props as SLinkProps } from './SLink.vue'
+export type LinkDestination = HrefLinkDestination | RouterLinkDestination;
+export type { LinkPresentationProps, Props as SLinkProps } from './SLink.vue';

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

@@ -0,0 +1,9 @@
+//#region src/components/shared/controls/SLink.ts
+var e = [
+	"_self",
+	"_blank",
+	"_parent",
+	"_top"
+];
+//#endregion
+export { e as LINK_BROWSING_TARGETS };

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

@@ -0,0 +1,42 @@
+import { Component, VNodeChild } from 'vue';
+import { LinkBrowsingTarget, LinkRouterTarget } from './SLink';
+/** Canonical presentation/state API owned by SLink. */
+export interface LinkPresentationProps {
+    readonly variant?: 'default' | 'subtle' | 'brand' | 'navigation' | 'bottom-navigation' | 'document';
+    readonly external?: boolean;
+    readonly active?: boolean;
+    readonly disabled?: boolean;
+    readonly width?: 'fit' | 'full';
+    readonly size?: 'inherit' | 'sm' | 'md';
+    readonly underline?: 'hover' | 'always' | 'none';
+    readonly wrap?: 'normal' | 'anywhere';
+    readonly contentKind?: 'text' | 'identifier';
+    readonly leadingIcon?: Component;
+}
+interface LinkDestinationOptions {
+    readonly target?: LinkBrowsingTarget;
+    readonly rel?: string;
+}
+/** Exact href/to XOR plus the canonical link presentation API. */
+export type Props = LinkPresentationProps & LinkDestinationOptions & ({
+    readonly href: string;
+    readonly to?: never;
+} | {
+    readonly href?: never;
+    readonly to: LinkRouterTarget;
+});
+type __VLS_Slots = {
+    /** Пассивный текст/inline-контент ссылки. / Passive text or inline link content. */
+    default?: () => VNodeChild;
+    /** Пассивная trailing presentation, например badge. / Passive trailing presentation such as a badge. */
+    trailing?: () => VNodeChild;
+};
+declare const __VLS_base: import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>;
+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/controls/SLink.vue.js

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

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

@@ -0,0 +1,110 @@
+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";
+//#region src/components/shared/controls/SLink.vue?vue&type=script&setup=true&lang.ts
+var y = {
+	key: 0,
+	class: "s-link__icon",
+	"aria-hidden": "true"
+}, b = { class: "s-link__content" }, x = {
+	key: 0,
+	class: "s-link__trailing"
+}, S = /*@__PURE__*/ u({
+	inheritAttrs: !1,
+	__name: "SLink",
+	props: {
+		variant: { default: "default" },
+		external: {
+			type: Boolean,
+			default: !1
+		},
+		active: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		width: { default: "fit" },
+		size: { default: "inherit" },
+		underline: { default: "hover" },
+		wrap: { default: "normal" },
+		contentKind: { default: "text" },
+		leadingIcon: { default: void 0 },
+		target: { default: "_self" },
+		rel: { default: void 0 },
+		href: { default: void 0 },
+		to: { default: void 0 }
+	},
+	emits: ["click"],
+	setup(u, { emit: S }) {
+		let C = u, w = S, T = e({
+			component: "SLink",
+			owner: "native navigation link"
+		}), E = g();
+		n({ owner: "SLink" });
+		let D = {
+			owner: "SLink",
+			region: "passive link content",
+			guidance: "Вынесите control за границы ссылки. / Move the control outside the link."
+		}, O = i(() => r({
+			href: C.href,
+			to: C.to,
+			target: C.target,
+			rel: C.rel,
+			owner: "SLink"
+		})), k = i(() => C.disabled ? "a" : O.value.kind === "router" ? v : "a"), A = () => ({
+			...T.bindings(),
+			...C.disabled ? {} : O.value.bindings
+		});
+		function j(e) {
+			if (C.disabled) {
+				e.preventDefault(), e.stopImmediatePropagation();
+				return;
+			}
+			w("click", e);
+		}
+		return (e, n) => (f(), a(m(k.value), d(A(), {
+			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: j
+		}), {
+			default: _(() => [u.leadingIcon ? (f(), s("span", y, [(f(), a(m(u.leadingIcon), { class: "s-link__icon-graphic" }))])) : o("", !0), l(h(t), { contract: D }, {
+				default: _(() => [c("span", b, [p(e.$slots, "default", {}, void 0, !0)]), E.trailing ? (f(), s("span", x, [p(e.$slots, "trailing", {}, void 0, !0)])) : o("", !0)]),
+				_: 3
+			})]),
+			_: 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"
+		]));
+	}
+});
+//#endregion
+export { S as default };

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

@@ -0,0 +1,77 @@
+import { SelectionKey, SelectionKey as PublicSelectionKey } from '../_internal/useSelectionRoving';
+import { SelectionEntry as PublicSelectionEntry, SelectionMode as PublicSelectionMode, SelectionModelValue as PublicSelectionModelValue, SelectionOption as PublicSelectionOption, SelectionOptionGroup as PublicSelectionOptionGroup } from '../_internal/selectionContract';
+export type SListboxVariant = 'select' | 'color';
+export type SListboxFocusMode = 'roving' | 'activedescendant';
+export type SListboxMoveIntent = 'next' | 'previous' | 'first' | 'last';
+export type SListboxOption<TKey extends PublicSelectionKey = PublicSelectionKey> = PublicSelectionOption<TKey>;
+export type SListboxOptionGroup<TKey extends PublicSelectionKey = PublicSelectionKey> = PublicSelectionOptionGroup<TKey>;
+export type SListboxEntry<TKey extends PublicSelectionKey = PublicSelectionKey> = PublicSelectionEntry<TKey>;
+export type SListboxMode = PublicSelectionMode;
+export type SListboxModelValue<TKey extends PublicSelectionKey, TMode extends SListboxMode> = PublicSelectionModelValue<TKey, TMode>;
+/**
+ * Точная identity option для keyboard event, которым владеет SListbox.
+ * Exact option identity for a keyboard event owned by SListbox.
+ * Consumer может вызвать preventDefault(), чтобы забрать augmented keyboard chord
+ * до базовой keyboard-модели listbox. / A consumer may call preventDefault() to claim an
+ * augmented keyboard chord before the base listbox keyboard model runs.
+ */
+export interface SListboxOptionKeydownPayload<TKey extends PublicSelectionKey = PublicSelectionKey> {
+    readonly value: TKey | null;
+    readonly event: KeyboardEvent;
+}
+interface SharedProps<TKey extends PublicSelectionKey> {
+    options: readonly SListboxEntry<TKey>[];
+    label: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    invalid?: boolean;
+    variant?: SListboxVariant;
+    emptyLabel?: string;
+    clearOptionLabel?: string;
+    id?: string;
+    focusMode?: SListboxFocusMode;
+    activeValue?: TKey | null;
+}
+export type SListboxProps<TKey extends PublicSelectionKey = PublicSelectionKey, TMode extends SListboxMode = 'single'> = SharedProps<TKey> & (TMode extends 'multiple' ? {
+    selectionMode: 'multiple';
+    modelValue: readonly TKey[];
+    clearOptionLabel?: never;
+} : {
+    selectionMode?: 'single';
+    modelValue: TKey | null;
+    clearOptionLabel?: string;
+});
+type ComponentProps<TKey extends PublicSelectionKey> = SharedProps<TKey> & ({
+    selectionMode?: 'single';
+    modelValue: TKey | null;
+    clearOptionLabel?: string;
+} | {
+    selectionMode: 'multiple';
+    modelValue: readonly TKey[];
+    clearOptionLabel?: never;
+});
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: <TKey extends SelectionKey = string>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import('vue').PublicProps & __VLS_PrettifyLocal<ComponentProps<TKey> & {
+        [x: `on${Capitalize<string>}`]: ((...args: any) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: import('vue').ShallowUnwrapRef<{
+        focusSelectedOrFirst: () => void;
+        initializeActive: () => void;
+        moveActive: (intent: SListboxMoveIntent) => void;
+        selectActive: () => void;
+    }>) => void;
+    attrs: any;
+    slots: {};
+    emit: ((evt: "escape") => void) & ((evt: "update:modelValue", ...args: [value: TKey | null] | [value: readonly TKey[]]) => void) & ((evt: "tab", event: KeyboardEvent) => void) & ((evt: "update:activeValue", value: TKey | null) => void) & ((evt: "option-keydown", payload: SListboxOptionKeydownPayload<TKey>) => void);
+}>) => import('vue').VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

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

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