@moubing/bing-ui 0.11.1 → 0.12.0

package/dist/components/BingInput/BingInput.vue.d.ts

@@ -4,22 +4,24 @@ type __VLS_Slots = {} & {
     icon?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<BingInputProps, BingInputExpose, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    clear: () => any;
-    input: (value: string, event: Event) => any;
     blur: (event: FocusEvent) => any;
     focus: (event: FocusEvent) => any;
+    clear: () => any;
+    input: (value: string, event: Event) => any;
     keydown: (event: KeyboardEvent) => any;
     "update:modelValue": (value: string | number) => any;
     "debounced-input": (value: string) => any;
 }, string, import('vue').PublicProps, Readonly<BingInputProps> & Readonly<{
-    onClear?: (() => any) | undefined;
-    onInput?: ((value: string, event: Event) => any) | undefined;
     onBlur?: ((event: FocusEvent) => any) | undefined;
     onFocus?: ((event: FocusEvent) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    onInput?: ((value: string, event: Event) => any) | undefined;
     onKeydown?: ((event: KeyboardEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
     "onDebounced-input"?: ((value: string) => any) | undefined;
 }>, {
+    name: string;
+    status: "default" | "error" | "success" | "warning";
     disabled: boolean;
     id: string;
     type: import('./BingInput.types').BingInputType;
@@ -36,8 +38,6 @@ declare const __VLS_base: import('vue').DefineComponent<BingInputProps, BingInpu
     debounceDelay: number;
     clearAriaLabel: string;
     ariaDescribedby: string;
-    status: "default" | "error" | "success" | "warning";
-    name: string;
     autocomplete: string;
     spellcheck: boolean | "true" | "false";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/BingInput/BingInput.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,311 @@
+import { useClickFeedback as e } from "../../motion/useClickFeedback.js";
+import { useFormControl as t } from "../BingForm/useFormControl.js";
+import n from "../BingButton/BingButton.js";
+import { useControlAttrs as r } from "../../utils/controlAttrs.js";
+import { useTextControlCaret as i } from "../../motion/useTextControlCaret.js";
+import { ChevronDown as a, ChevronUp as ee, X as te } from "../../icons/icons.js";
+import o from "../BingIcon/BingIcon.js";
+import { computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, mergeProps as m, nextTick as ne, onBeforeUnmount as re, openBlock as h, ref as g, renderSlot as ie, unref as _, useSlots as ae, watch as v, withCtx as oe, withModifiers as y } from "vue";
+//#region src/components/BingInput/BingInput.vue?vue&type=script&setup=true&lang.ts
+var se = {
+	key: 0,
+	class: "bing-input__icon"
+}, ce = { class: "bing-input__content" }, le = [
+	"id",
+	"value",
+	"type",
+	"min",
+	"max",
+	"step",
+	"placeholder",
+	"disabled",
+	"readonly",
+	"name",
+	"autocomplete",
+	"spellcheck",
+	"aria-label",
+	"aria-describedby",
+	"aria-invalid"
+], ue = {
+	key: 1,
+	class: "bing-input__actions"
+}, de = {
+	key: 0,
+	class: "bing-input__stepper"
+}, fe = ["disabled"], pe = ["disabled"], b = /* @__PURE__ */ p({
+	inheritAttrs: !1,
+	__name: "BingInput",
+	props: {
+		id: { default: void 0 },
+		modelValue: { default: "" },
+		type: { default: "text" },
+		min: {},
+		max: {},
+		step: {},
+		placeholder: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		clearable: {
+			type: Boolean,
+			default: void 0
+		},
+		smoothCaret: {
+			type: Boolean,
+			default: !0
+		},
+		icon: { default: void 0 },
+		iconLabel: { default: void 0 },
+		size: { default: void 0 },
+		block: {
+			type: Boolean,
+			default: !1
+		},
+		debounceDelay: { default: 180 },
+		clearAriaLabel: { default: "清空输入" },
+		ariaLabel: { default: void 0 },
+		ariaDescribedby: { default: void 0 },
+		status: { default: void 0 },
+		name: { default: void 0 },
+		autocomplete: { default: "off" },
+		spellcheck: {
+			type: [Boolean, String],
+			default: void 0
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"input",
+		"debounced-input",
+		"clear",
+		"focus",
+		"blur",
+		"keydown"
+	],
+	setup(p, { expose: b, emit: me }) {
+		let x = p, S = me, { playClickFeedback: C } = e(), { rootAttrs: he, controlAttrs: ge } = r(), { formItem: w, resolvedId: _e, resolvedSize: ve, resolvedDisabled: T, resolvedStatus: E, resolvedAriaDescribedby: ye } = t(x), be = ae(), D = g(null), O = g(null), k = g(null), A = g(null);
+		i(O, k, A, () => x.smoothCaret);
+		let j = g(!1), M = g(""), N = "", P, F = !1, I = 0, L, R, z, B = s(() => Math.max(0, Math.floor(x.debounceDelay))), V = s(() => !!(x.icon || be.icon)), H = s(() => x.modelValue !== null && String(x.modelValue).length > 0), U = s(() => (x.clearable ?? x.type === "search") && !x.readonly && !T.value && H.value), W = s(() => x.type === "number"), xe = s(() => [
+			"bing-input",
+			`bing-input--${ve.value}`,
+			`bing-input--status-${E.value}`,
+			{
+				"is-block": x.block,
+				"is-disabled": T.value,
+				"is-invalid": E.value === "error",
+				"has-icon": V.value,
+				"has-value": H.value,
+				"can-clear": U.value,
+				"has-actions": U.value || W.value
+			}
+		]);
+		function G() {
+			L !== void 0 && (clearTimeout(L), L = void 0);
+		}
+		function K(e) {
+			if (G(), B.value === 0) {
+				S("debounced-input", e);
+				return;
+			}
+			L = setTimeout(() => {
+				L = void 0, S("debounced-input", e);
+			}, B.value);
+		}
+		function q(e, t) {
+			let n = e === "" ? NaN : Number(e);
+			S("update:modelValue", x.type === "number" && Number.isFinite(n) ? n : e), S("input", e, t), K(e), w?.handleControlChange();
+		}
+		function Se(e) {
+			let t = e.target.value;
+			if (j.value || e.isComposing) {
+				M.value = t;
+				return;
+			}
+			let n = P === t;
+			P = void 0, !n && q(t, e);
+		}
+		function Ce(e) {
+			N = e.target.value, M.value = N, P = void 0, j.value = !0, F = L !== void 0, G();
+		}
+		function J(e) {
+			if (!j.value) return;
+			let t = e.target.value;
+			j.value = !1, P = t, t === N ? F && K(t) : q(t, e), F = !1;
+		}
+		function we(e) {
+			!j.value && !e.isComposing && e.keyCode !== 229 && (P = void 0), S("keydown", e);
+		}
+		function Y(e) {
+			let t = O.value;
+			if (!t || !W.value || x.readonly || T.value) return !1;
+			let n = t.value;
+			if (t.step.toLowerCase() === "any") {
+				let n = t.valueAsNumber, r = t.min.trim() === "" || !Number.isFinite(Number(t.min)) ? -Infinity : Number(t.min), i = t.max.trim() === "" || !Number.isFinite(Number(t.max)) ? Infinity : Number(t.max), a = Math.min(i, Math.max(r, (Number.isFinite(n) ? n : 0) + e));
+				r <= i && Number.isFinite(a) && (!Number.isFinite(n) || (a - n) * e > 0) && (t.valueAsNumber = a);
+			} else t.stepUp(e);
+			return t.value === n ? !1 : (t.dispatchEvent(new Event("input", { bubbles: !0 })), t.dispatchEvent(new Event("change", { bubbles: !0 })), !0);
+		}
+		function X() {
+			clearTimeout(R), clearInterval(z), R = void 0, z = void 0, typeof window < "u" && (window.removeEventListener("pointerup", X), window.removeEventListener("pointercancel", X), window.removeEventListener("blur", X));
+		}
+		function Z(e, t) {
+			t.button !== 0 || x.readonly || T.value || (t.preventDefault(), X(), O.value?.focus(), Y(e) && (C(t), window.addEventListener("pointerup", X), window.addEventListener("pointercancel", X), window.addEventListener("blur", X), R = setTimeout(() => {
+				z = setInterval(() => {
+					Y(e) || X();
+				}, 80);
+			}, 400)));
+		}
+		function Q(e, t) {
+			t.detail === 0 && !t.pointerType && (O.value?.focus(), Y(e) && C(t));
+		}
+		function Te() {
+			U.value && (j.value = !1, P = void 0, F = !1, G(), S("update:modelValue", ""), S("clear"), S("debounced-input", ""), w?.handleControlChange(), O.value?.focus());
+		}
+		function Ee(e) {
+			S("focus", e);
+		}
+		function De(e) {
+			J(e), S("blur", e);
+		}
+		function Oe() {
+			I += 1;
+		}
+		async function ke(e) {
+			let t = D.value;
+			if (!t || e.relatedTarget instanceof Node && t.contains(e.relatedTarget)) return;
+			let n = ++I;
+			await ne(), !(n !== I || D.value !== t || t.contains(t.ownerDocument.activeElement)) && w?.handleControlBlur();
+		}
+		function $() {
+			O.value?.focus();
+		}
+		function Ae() {
+			O.value?.blur();
+		}
+		function je() {
+			O.value?.select();
+		}
+		return re(() => {
+			I += 1, G(), X();
+		}), v([
+			T,
+			() => x.readonly,
+			() => x.type
+		], X), v(() => x.modelValue, (e) => {
+			!j.value && String(e ?? "") !== P && (P = void 0);
+		}), b({
+			get input() {
+				return O.value;
+			},
+			focus: $,
+			blur: Ae,
+			select: je
+		}), (e, t) => (h(), u("div", m(_(he)(), {
+			ref_key: "rootRef",
+			ref: D,
+			class: xe.value,
+			onClick: $,
+			onFocusin: Oe,
+			onFocusout: ke
+		}), [
+			V.value ? (h(), u("span", se, [ie(e.$slots, "icon", {}, () => [x.icon ? (h(), c(o, {
+				key: 0,
+				icon: x.icon,
+				size: "sm",
+				"stroke-width": 1.75,
+				decorative: !x.iconLabel,
+				label: x.iconLabel
+			}, null, 8, [
+				"icon",
+				"decorative",
+				"label"
+			])) : l("", !0)], !0)])) : l("", !0),
+			d("span", ce, [d("input", m(_(ge)(), {
+				ref_key: "inputRef",
+				ref: O,
+				class: "bing-input__field",
+				id: _(_e),
+				value: j.value ? M.value : x.modelValue,
+				type: x.type,
+				min: x.min,
+				max: x.max,
+				step: x.step,
+				placeholder: x.placeholder,
+				disabled: _(T),
+				readonly: x.readonly,
+				name: x.name,
+				autocomplete: x.autocomplete,
+				spellcheck: x.spellcheck,
+				"aria-label": x.ariaLabel || void 0,
+				"aria-describedby": _(ye),
+				"aria-invalid": _(E) === "error" || void 0,
+				onInput: Se,
+				onCompositionstart: Ce,
+				onCompositionend: J,
+				onFocus: Ee,
+				onBlur: De,
+				onKeydown: we
+			}), null, 16, le), d("span", {
+				ref_key: "caretLayerRef",
+				ref: k,
+				class: "bing-input__caret-layer",
+				"aria-hidden": "true"
+			}, [d("span", {
+				ref_key: "caretRef",
+				ref: A,
+				class: "bing-input__caret"
+			}, null, 512)], 512)]),
+			U.value || W.value ? (h(), u("span", ue, [W.value ? (h(), u("span", de, [d("button", {
+				type: "button",
+				class: "bing-input__step",
+				tabindex: "-1",
+				"aria-label": "增加数值",
+				disabled: _(T) || x.readonly,
+				onPointerdown: t[0] ||= (e) => Z(1, e),
+				onPointerleave: X,
+				onClick: t[1] ||= y((e) => Q(1, e), ["stop"])
+			}, [f(o, {
+				icon: _(ee),
+				size: "xs",
+				"stroke-width": 1.75
+			}, null, 8, ["icon"])], 40, fe), d("button", {
+				type: "button",
+				class: "bing-input__step",
+				tabindex: "-1",
+				"aria-label": "减少数值",
+				disabled: _(T) || x.readonly,
+				onPointerdown: t[2] ||= (e) => Z(-1, e),
+				onPointerleave: X,
+				onClick: t[3] ||= y((e) => Q(-1, e), ["stop"])
+			}, [f(o, {
+				icon: _(a),
+				size: "xs",
+				"stroke-width": 1.75
+			}, null, 8, ["icon"])], 40, pe)])) : l("", !0), U.value ? (h(), c(n, {
+				key: 1,
+				variant: "ghost",
+				size: "xs",
+				rounded: "sm",
+				throttle: !1,
+				class: "bing-input__clear",
+				"aria-label": x.clearAriaLabel,
+				onMousedown: t[4] ||= y(() => {}, ["prevent"]),
+				onClick: y(Te, ["stop"])
+			}, {
+				prefix: oe(() => [f(o, {
+					icon: _(te),
+					size: "xs",
+					"stroke-width": 1.75
+				}, null, 8, ["icon"])]),
+				_: 1
+			}, 8, ["aria-label"])) : l("", !0)])) : l("", !0)
+		], 16));
+	}
+});
+//#endregion
+export { b as default };

package/dist/components/BingRadio/BingRadio.js

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

package/dist/components/BingRadio/BingRadio.vue.d.ts

@@ -6,16 +6,18 @@ type __VLS_Slots = {} & {
     description?: (props: typeof __VLS_3) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<BingRadioProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    change: (value: import('..').BingRadioValue, event: Event) => any;
     blur: (event: FocusEvent) => any;
     focus: (event: FocusEvent) => any;
+    change: (value: import('..').BingRadioValue, event: Event) => any;
     "update:modelValue": (value: import('..').BingRadioValue) => any;
 }, string, import('vue').PublicProps, Readonly<BingRadioProps> & Readonly<{
-    onChange?: ((value: import('..').BingRadioValue, event: Event) => any) | undefined;
     onBlur?: ((event: FocusEvent) => any) | undefined;
     onFocus?: ((event: FocusEvent) => any) | undefined;
+    onChange?: ((value: import('..').BingRadioValue, event: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((value: import('..').BingRadioValue) => any) | undefined;
 }>, {
+    name: string;
+    status: "default" | "error" | "success" | "warning";
     disabled: boolean;
     label: string;
     id: string;
@@ -23,8 +25,6 @@ declare const __VLS_base: import('vue').DefineComponent<BingRadioProps, {}, {},
     ariaLabel: string;
     modelValue: import('..').BingRadioValue | null;
     ariaDescribedby: string;
-    status: "default" | "error" | "success" | "warning";
-    name: string;
     value: import('..').BingRadioValue;
     description: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/BingRadio/BingRadio.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,170 @@
+import { useReducedMotion as e } from "../../motion/reducedMotion.js";
+import { useClickFeedback as t } from "../../motion/useClickFeedback.js";
+import { useFormControl as n } from "../BingForm/useFormControl.js";
+import { bingRadioGroupContextKey as r } from "../BingRadioGroup/BingRadioGroup.context.js";
+import { computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, defineComponent as l, inject as u, normalizeClass as d, onBeforeUnmount as f, openBlock as p, ref as m, renderSlot as h, toDisplayString as g, unref as _, useSlots as v, watch as y } from "vue";
+import { gsap as b } from "gsap";
+//#region src/components/BingRadio/BingRadio.vue?vue&type=script&setup=true&lang.ts
+var x = [
+	"id",
+	"checked",
+	"disabled",
+	"name",
+	"value",
+	"aria-label",
+	"aria-describedby",
+	"aria-invalid"
+], S = {
+	class: "bing-radio__control",
+	"aria-hidden": "true"
+}, C = {
+	key: 0,
+	class: "bing-radio__content"
+}, w = {
+	key: 0,
+	class: "bing-radio__label"
+}, T = {
+	key: 1,
+	class: "bing-radio__description"
+}, E = /* @__PURE__ */ l({
+	__name: "BingRadio",
+	props: {
+		id: { default: void 0 },
+		modelValue: {
+			type: [
+				String,
+				Number,
+				Boolean,
+				null
+			],
+			default: null
+		},
+		value: {
+			type: [
+				String,
+				Number,
+				Boolean
+			],
+			default: !0
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		size: { default: void 0 },
+		label: { default: void 0 },
+		description: { default: void 0 },
+		ariaLabel: { default: void 0 },
+		ariaDescribedby: { default: void 0 },
+		status: { default: void 0 },
+		name: { default: void 0 }
+	},
+	emits: [
+		"update:modelValue",
+		"change",
+		"focus",
+		"blur"
+	],
+	setup(l, { emit: E }) {
+		let D = e(), O = l, k = E, { playClickFeedback: A } = t(), j = v(), M = u(r, null), { formItem: N, resolvedSize: P, resolvedDisabled: F, resolvedStatus: I, resolvedId: L, resolvedAriaDescribedby: R } = n({
+			get id() {
+				return O.id;
+			},
+			get size() {
+				return O.size ?? M?.size.value;
+			},
+			get disabled() {
+				return M?.disabled.value || O.disabled;
+			},
+			get status() {
+				return O.status ?? M?.status.value;
+			},
+			get ariaDescribedby() {
+				return O.ariaDescribedby;
+			}
+		}, { register: !M }), z = m(null), B = i(() => O.value), V = i(() => O.name ?? M?.name.value), H = i(() => (M ? M.modelValue.value : O.modelValue) === B.value), U = i(() => !!(O.label || j.default)), W = i(() => !!(O.description || j.description)), G = i(() => [
+			"bing-radio",
+			`bing-radio--${P.value}`,
+			`bing-radio--status-${I.value}`,
+			{
+				"is-checked": H.value,
+				"is-disabled": F.value,
+				"is-invalid": I.value === "error",
+				"has-description": W.value,
+				"has-content": U.value || W.value
+			}
+		]);
+		function K(e) {
+			let t = z.value;
+			if (!(!t || D())) {
+				if (b.killTweensOf(t), e) {
+					b.fromTo(t, {
+						autoAlpha: 0,
+						scale: .18
+					}, {
+						autoAlpha: 1,
+						scale: 1,
+						duration: .24,
+						ease: "back.out(3)",
+						clearProps: "transform,opacity,visibility",
+						overwrite: !0
+					});
+					return;
+				}
+				b.to(t, {
+					autoAlpha: 0,
+					scale: .3,
+					duration: .14,
+					ease: "power2.in",
+					clearProps: "transform,opacity,visibility",
+					overwrite: !0
+				});
+			}
+		}
+		function q(e) {
+			if (e.defaultPrevented || F.value) return;
+			let t = e.currentTarget.parentElement?.querySelector(".bing-radio__control");
+			A(e, t);
+		}
+		function J(e) {
+			if (e.target.checked) {
+				if (M) {
+					M.updateValue(B.value, e);
+					return;
+				}
+				k("update:modelValue", B.value), k("change", B.value, e), N?.handleControlChange();
+			}
+		}
+		function Y(e) {
+			k("blur", e), M?.handleRadioBlur(e), M || N?.handleControlBlur();
+		}
+		return y(H, K), f(() => {
+			z.value && b.killTweensOf(z.value);
+		}), (e, t) => (p(), o("label", { class: d(G.value) }, [
+			s("input", {
+				class: "bing-radio__input",
+				type: "radio",
+				id: _(L),
+				checked: H.value,
+				disabled: _(F),
+				name: V.value,
+				value: String(B.value),
+				"aria-label": l.ariaLabel || void 0,
+				"aria-describedby": _(R),
+				"aria-invalid": _(I) === "error" || void 0,
+				onChange: J,
+				onClick: q,
+				onFocus: t[0] ||= (e) => k("focus", e),
+				onBlur: Y
+			}, null, 40, x),
+			s("span", S, [s("span", {
+				ref_key: "dotRef",
+				ref: z,
+				class: "bing-radio__dot"
+			}, null, 512)]),
+			U.value || W.value ? (p(), o("span", C, [U.value ? (p(), o("span", w, [h(e.$slots, "default", {}, () => [c(g(l.label), 1)], !0)])) : a("", !0), W.value ? (p(), o("span", T, [h(e.$slots, "description", {}, () => [c(g(l.description), 1)], !0)])) : a("", !0)])) : a("", !0)
+		], 2));
+	}
+});
+//#endregion
+export { E as default };

package/dist/components/BingRadioGroup/BingRadioGroup.context.js

@@ -0,0 +1,4 @@
+//#region src/components/BingRadioGroup/BingRadioGroup.context.ts
+var e = Symbol("BingRadioGroupContext");
+//#endregion
+export { e as bingRadioGroupContextKey };

package/dist/components/BingRadioGroup/BingRadioGroup.js

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

package/dist/components/BingRadioGroup/BingRadioGroup.vue.d.ts

@@ -4,16 +4,18 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<BingRadioGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    change: (value: BingRadioValue, event: Event) => any;
     blur: (event: FocusEvent) => any;
     focus: (event: FocusEvent) => any;
+    change: (value: BingRadioValue, event: Event) => any;
     "update:modelValue": (value: BingRadioValue) => any;
 }, string, import('vue').PublicProps, Readonly<BingRadioGroupProps> & Readonly<{
-    onChange?: ((value: BingRadioValue, event: Event) => any) | undefined;
     onBlur?: ((event: FocusEvent) => any) | undefined;
     onFocus?: ((event: FocusEvent) => any) | undefined;
+    onChange?: ((value: BingRadioValue, event: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((value: BingRadioValue) => any) | undefined;
 }>, {
+    name: string;
+    status: "default" | "error" | "success" | "warning";
     disabled: boolean;
     direction: import('./BingRadioGroup.types').BingRadioGroupDirection;
     id: string;
@@ -21,8 +23,6 @@ declare const __VLS_base: import('vue').DefineComponent<BingRadioGroupProps, {},
     ariaLabel: string;
     modelValue: BingRadioValue | null;
     ariaDescribedby: string;
-    status: "default" | "error" | "success" | "warning";
-    name: string;
     options: BingRadioGroupOption[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;