@bridge-ui/vue 0.0.9 → 0.0.11

package/dist/Components/FormField/StackedFormField.vue.d.ts

@@ -2,9 +2,21 @@ import { UseFormFieldReturn } from './composables/useFormField';
 type __VLS_Props = {
     api: UseFormFieldReturn;
 };
-declare var __VLS_21: {};
+declare var __VLS_1: {}, __VLS_10: {}, __VLS_12: {}, __VLS_19: {}, __VLS_31: {}, __VLS_33: {}, __VLS_35: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_21) => any;
+    start?: (props: typeof __VLS_1) => any;
+} & {
+    label?: (props: typeof __VLS_10) => any;
+} & {
+    corner?: (props: typeof __VLS_12) => any;
+} & {
+    default?: (props: typeof __VLS_19) => any;
+} & {
+    end?: (props: typeof __VLS_31) => any;
+} & {
+    description?: (props: typeof __VLS_33) => any;
+} & {
+    errorMessage?: (props: typeof __VLS_35) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/Components/FormField/StackedFormField.vue_vue_type_script_setup_true_lang.js

@@ -1,40 +1,45 @@
-import { hasNamedSlot as e, hasSlotOrProp as t, isPropPresent as n, resolveNamedSlot as r, resolveSlotOrProp as i } from "../../Utils/slotOrProp.js";
-import a from "../Icon/Icon.js";
-import o from "./FormFieldLabel.js";
-import { createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, guardReactiveProps as p, mergeProps as m, normalizeProps as h, openBlock as g, renderSlot as _, resolveDynamicComponent as v, toDisplayString as y, unref as b } from "vue";
+import { hasNamedSlot as e, hasSlotOrProp as t, isPropPresent as n } from "../../Utils/slotOrProp.js";
+import r from "../Icon/Icon.js";
+import i from "./FormFieldLabel.js";
+import { Fragment as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createSlots as l, createTextVNode as u, createVNode as d, defineComponent as f, guardReactiveProps as p, mergeProps as m, normalizeProps as h, openBlock as g, renderSlot as _, toDisplayString as v, unref as y, useSlots as b, withCtx as x } from "vue";
 //#region src/Components/FormField/StackedFormField.vue?vue&type=script&setup=true&lang.ts
-var x = [
+var S = [
 	"data-invalid",
 	"aria-disabled",
 	"aria-readonly"
-], S = ["id"], C = ["id", "aria-hidden"], w = /*@__PURE__*/ f({
+], C = ["id"], w = ["id", "aria-hidden"], T = /*@__PURE__*/ f({
 	__name: "StackedFormField",
 	props: { api: {} },
 	setup(f) {
-		return (w, T) => (g(), l("div", m(f.api.rootBind.value, {
+		let T = b();
+		return (b, E) => (g(), s("div", m(f.api.rootBind.value, {
 			"data-invalid": f.api.invalidated.value || void 0,
 			"aria-disabled": f.api.isDisabled.value || void 0,
 			"aria-readonly": f.api.isReadonly.value || void 0
 		}), [
-			u("div", h(p(f.api.containerBind.value)), [
-				b(e)(f.api.slots, "start") ? (g(), l("div", h(m({ key: 0 }, f.api.startSlotBind.value)), [(g(), s(v(b(r)(f.api.slots, "start"))))], 16)) : c("", !0),
-				u("div", h(p(f.api.stackedBodyBind.value)), [f.api.hasInsetLabelRow.value ? (g(), l("div", h(m({ key: 0 }, f.api.insetLabelRowBind.value)), [d(o, { api: f.api }, null, 8, ["api"]), b(t)(f.api.slots, "corner", f.api.merged.value.corner) ? (g(), l("span", h(m({ key: 0 }, f.api.cornerBind.value)), [(g(), s(v(b(i)(f.api.slots, "corner", f.api.merged.value.corner))))], 16)) : c("", !0)], 16)) : c("", !0), u("div", h(p(f.api.stackedInputRowBind.value)), [
-					b(n)(f.api.merged.value.start) ? (g(), l("div", h(m({ key: 0 }, f.api.startBind.value)), y(f.api.merged.value.start), 17)) : f.api.merged.value.startIcon ? (g(), l("div", h(m({ key: 1 }, f.api.startBind.value)), [d(b(a), m({ size: f.api.merged.value.size }, f.api.startIconBind.value, { icon: f.api.merged.value.startIcon }), null, 16, ["size", "icon"])], 16)) : c("", !0),
-					_(w.$slots, "default"),
-					b(n)(f.api.merged.value.end) ? (g(), l("div", h(m({ key: 2 }, f.api.endBind.value)), y(f.api.merged.value.end), 17)) : f.api.invalidated.value && f.api.merged.value.showErrorIcon !== !1 ? (g(), l("div", h(m({ key: 3 }, f.api.endBind.value)), [d(b(a), m({
+			c("div", h(p(f.api.containerBind.value)), [
+				y(e)(y(T), "start") ? (g(), s("div", h(m({ key: 0 }, f.api.startSlotBind.value)), [_(b.$slots, "start")], 16)) : o("", !0),
+				c("div", h(p(f.api.stackedBodyBind.value)), [f.api.hasInsetLabelRow.value ? (g(), s("div", h(m({ key: 0 }, f.api.insetLabelRowBind.value)), [d(i, { api: f.api }, l({ _: 2 }, [y(e)(y(T), "label") ? {
+					name: "label",
+					fn: x(() => [_(b.$slots, "label")]),
+					key: "0"
+				} : void 0]), 1032, ["api"]), y(t)(y(T), "corner", f.api.merged.value.corner) ? (g(), s("span", h(m({ key: 0 }, f.api.cornerBind.value)), [y(e)(y(T), "corner") ? _(b.$slots, "corner", {}, void 0, void 0, 0) : y(n)(f.api.merged.value.corner) ? (g(), s(a, { key: 1 }, [u(v(f.api.merged.value.corner), 1)], 64)) : o("", !0)], 16)) : o("", !0)], 16)) : o("", !0), c("div", h(p(f.api.stackedInputRowBind.value)), [
+					y(n)(f.api.merged.value.start) ? (g(), s("div", h(m({ key: 0 }, f.api.startBind.value)), v(f.api.merged.value.start), 17)) : f.api.merged.value.startIcon ? (g(), s("div", h(m({ key: 1 }, f.api.startBind.value)), [d(y(r), m({ size: f.api.merged.value.size }, f.api.startIconBind.value, { icon: f.api.merged.value.startIcon }), null, 16, ["size", "icon"])], 16)) : o("", !0),
+					_(b.$slots, "default"),
+					y(n)(f.api.merged.value.end) ? (g(), s("div", h(m({ key: 2 }, f.api.endBind.value)), v(f.api.merged.value.end), 17)) : f.api.invalidated.value && f.api.merged.value.showErrorIcon !== !1 ? (g(), s("div", h(m({ key: 3 }, f.api.endBind.value)), [d(y(r), m({
 						icon: f.api.errorIcon.value,
 						size: f.api.merged.value.size
-					}, f.api.endIconBind.value), null, 16, ["icon", "size"])], 16)) : f.api.merged.value.endIcon ? (g(), l("div", h(m({ key: 4 }, f.api.endBind.value)), [d(b(a), m({ size: f.api.merged.value.size }, f.api.endIconBind.value, { icon: f.api.merged.value.endIcon }), null, 16, ["size", "icon"])], 16)) : c("", !0)
+					}, f.api.endIconBind.value), null, 16, ["icon", "size"])], 16)) : f.api.merged.value.endIcon ? (g(), s("div", h(m({ key: 4 }, f.api.endBind.value)), [d(y(r), m({ size: f.api.merged.value.size }, f.api.endIconBind.value, { icon: f.api.merged.value.endIcon }), null, 16, ["size", "icon"])], 16)) : o("", !0)
 				], 16)], 16),
-				b(e)(f.api.slots, "end") ? (g(), l("div", h(m({ key: 1 }, f.api.endSlotBind.value)), [(g(), s(v(b(r)(f.api.slots, "end"))))], 16)) : c("", !0)
+				y(e)(y(T), "end") ? (g(), s("div", h(m({ key: 1 }, f.api.endSlotBind.value)), [_(b.$slots, "end")], 16)) : o("", !0)
 			], 16),
-			!f.api.invalidated.value && b(t)(f.api.slots, "description", f.api.merged.value.description) ? (g(), l("p", m({ key: 0 }, f.api.descriptionBind.value, { id: `${f.api.controlId.value}-description` }), [(g(), s(v(b(i)(f.api.slots, "description", f.api.merged.value.description))))], 16, S)) : c("", !0),
-			f.api.merged.value.hideErrorMessage ? c("", !0) : (g(), l("p", m({ key: 1 }, f.api.errorBind.value, {
+			!f.api.invalidated.value && y(t)(y(T), "description", f.api.merged.value.description) ? (g(), s("p", m({ key: 0 }, f.api.descriptionBind.value, { id: `${f.api.controlId.value}-description` }), [y(e)(y(T), "description") ? _(b.$slots, "description", {}, void 0, void 0, 0) : y(n)(f.api.merged.value.description) ? (g(), s(a, { key: 1 }, [u(v(f.api.merged.value.description), 1)], 64)) : o("", !0)], 16, C)) : o("", !0),
+			f.api.merged.value.hideErrorMessage ? o("", !0) : (g(), s("p", m({ key: 1 }, f.api.errorBind.value, {
 				id: `${f.api.controlId.value}-error`,
 				"aria-hidden": !f.api.showErrorMessageContent.value || void 0
-			}), [f.api.showErrorMessageContent.value ? (g(), s(v(b(i)(f.api.slots, "errorMessage", f.api.merged.value.errorMessage)), { key: 0 })) : c("", !0)], 16, C))
-		], 16, x));
+			}), [f.api.showErrorMessageContent.value ? (g(), s(a, { key: 0 }, [y(e)(y(T), "errorMessage") ? _(b.$slots, "errorMessage", {}, void 0, void 0, 0) : y(n)(f.api.merged.value.errorMessage) ? (g(), s(a, { key: 1 }, [u(v(f.api.merged.value.errorMessage), 1)], 64)) : o("", !0)], 64)) : o("", !0)], 16, w))
+		], 16, S));
 	}
 });
 //#endregion
-export { w as default };
+export { T as default };

package/dist/Components/FormField/UnderlinedFormField.vue.d.ts

@@ -2,9 +2,21 @@ import { UseFormFieldReturn } from './composables/useFormField';
 type __VLS_Props = {
     api: UseFormFieldReturn;
 };
-declare var __VLS_21: {};
+declare var __VLS_8: {}, __VLS_10: {}, __VLS_12: {}, __VLS_19: {}, __VLS_21: {}, __VLS_33: {}, __VLS_35: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_21) => any;
+    label?: (props: typeof __VLS_8) => any;
+} & {
+    corner?: (props: typeof __VLS_10) => any;
+} & {
+    start?: (props: typeof __VLS_12) => any;
+} & {
+    default?: (props: typeof __VLS_19) => any;
+} & {
+    end?: (props: typeof __VLS_21) => any;
+} & {
+    description?: (props: typeof __VLS_33) => any;
+} & {
+    errorMessage?: (props: typeof __VLS_35) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/Components/FormField/UnderlinedFormField.vue_vue_type_script_setup_true_lang.js

@@ -1,37 +1,42 @@
-import { hasNamedSlot as e, hasSlotOrProp as t, isPropPresent as n, resolveNamedSlot as r, resolveSlotOrProp as i } from "../../Utils/slotOrProp.js";
-import a from "../Icon/Icon.js";
-import o from "./FormFieldLabel.js";
-import { createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, guardReactiveProps as p, mergeProps as m, normalizeProps as h, openBlock as g, renderSlot as _, resolveDynamicComponent as v, toDisplayString as y, unref as b } from "vue";
+import { hasNamedSlot as e, hasSlotOrProp as t, isPropPresent as n } from "../../Utils/slotOrProp.js";
+import r from "../Icon/Icon.js";
+import i from "./FormFieldLabel.js";
+import { Fragment as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createSlots as l, createTextVNode as u, createVNode as d, defineComponent as f, guardReactiveProps as p, mergeProps as m, normalizeProps as h, openBlock as g, renderSlot as _, toDisplayString as v, unref as y, useSlots as b, withCtx as x } from "vue";
 //#region src/Components/FormField/UnderlinedFormField.vue?vue&type=script&setup=true&lang.ts
-var x = [
+var S = [
 	"data-invalid",
 	"aria-disabled",
 	"aria-readonly"
-], S = ["id"], C = ["id", "aria-hidden"], w = /*@__PURE__*/ f({
+], C = ["id"], w = ["id", "aria-hidden"], T = /*@__PURE__*/ f({
 	__name: "UnderlinedFormField",
 	props: { api: {} },
 	setup(f) {
-		return (w, T) => (g(), l("div", m(f.api.rootBind.value, {
+		let T = b();
+		return (b, E) => (g(), s("div", m(f.api.rootBind.value, {
 			"data-invalid": f.api.invalidated.value || void 0,
 			"aria-disabled": f.api.isDisabled.value || void 0,
 			"aria-readonly": f.api.isReadonly.value || void 0
 		}), [
-			b(t)(f.api.slots, "label", f.api.merged.value.label) || b(t)(f.api.slots, "corner", f.api.merged.value.corner) ? (g(), l("div", h(m({ key: 0 }, f.api.headerBind.value)), [d(o, { api: f.api }, null, 8, ["api"]), b(t)(f.api.slots, "corner", f.api.merged.value.corner) ? (g(), l("span", h(m({ key: 0 }, f.api.cornerBind.value)), [(g(), s(v(b(i)(f.api.slots, "corner", f.api.merged.value.corner))))], 16)) : c("", !0)], 16)) : c("", !0),
-			u("div", h(p(f.api.containerBind.value)), [
-				b(e)(f.api.slots, "start") ? (g(), l("div", h(m({ key: 0 }, f.api.startSlotBind.value)), [(g(), s(v(b(r)(f.api.slots, "start"))))], 16)) : b(n)(f.api.merged.value.start) ? (g(), l("div", h(m({ key: 1 }, f.api.startBind.value)), y(f.api.merged.value.start), 17)) : f.api.merged.value.startIcon ? (g(), l("div", h(m({ key: 2 }, f.api.startBind.value)), [d(b(a), m({ size: f.api.merged.value.size }, f.api.startIconBind.value, { icon: f.api.merged.value.startIcon }), null, 16, ["size", "icon"])], 16)) : c("", !0),
-				_(w.$slots, "default"),
-				b(e)(f.api.slots, "end") ? (g(), l("div", h(m({ key: 3 }, f.api.endSlotBind.value)), [(g(), s(v(b(r)(f.api.slots, "end"))))], 16)) : b(n)(f.api.merged.value.end) ? (g(), l("div", h(m({ key: 4 }, f.api.endBind.value)), y(f.api.merged.value.end), 17)) : f.api.invalidated.value && f.api.merged.value.showErrorIcon !== !1 ? (g(), l("div", h(m({ key: 5 }, f.api.endBind.value)), [d(b(a), m({
+			y(t)(y(T), "label", f.api.merged.value.label) || y(t)(y(T), "corner", f.api.merged.value.corner) ? (g(), s("div", h(m({ key: 0 }, f.api.headerBind.value)), [d(i, { api: f.api }, l({ _: 2 }, [y(e)(y(T), "label") ? {
+				name: "label",
+				fn: x(() => [_(b.$slots, "label")]),
+				key: "0"
+			} : void 0]), 1032, ["api"]), y(t)(y(T), "corner", f.api.merged.value.corner) ? (g(), s("span", h(m({ key: 0 }, f.api.cornerBind.value)), [y(e)(y(T), "corner") ? _(b.$slots, "corner", {}, void 0, void 0, 0) : y(n)(f.api.merged.value.corner) ? (g(), s(a, { key: 1 }, [u(v(f.api.merged.value.corner), 1)], 64)) : o("", !0)], 16)) : o("", !0)], 16)) : o("", !0),
+			c("div", h(p(f.api.containerBind.value)), [
+				y(e)(y(T), "start") ? (g(), s("div", h(m({ key: 0 }, f.api.startSlotBind.value)), [_(b.$slots, "start")], 16)) : y(n)(f.api.merged.value.start) ? (g(), s("div", h(m({ key: 1 }, f.api.startBind.value)), v(f.api.merged.value.start), 17)) : f.api.merged.value.startIcon ? (g(), s("div", h(m({ key: 2 }, f.api.startBind.value)), [d(y(r), m({ size: f.api.merged.value.size }, f.api.startIconBind.value, { icon: f.api.merged.value.startIcon }), null, 16, ["size", "icon"])], 16)) : o("", !0),
+				_(b.$slots, "default"),
+				y(e)(y(T), "end") ? (g(), s("div", h(m({ key: 3 }, f.api.endSlotBind.value)), [_(b.$slots, "end")], 16)) : y(n)(f.api.merged.value.end) ? (g(), s("div", h(m({ key: 4 }, f.api.endBind.value)), v(f.api.merged.value.end), 17)) : f.api.invalidated.value && f.api.merged.value.showErrorIcon !== !1 ? (g(), s("div", h(m({ key: 5 }, f.api.endBind.value)), [d(y(r), m({
 					icon: f.api.errorIcon.value,
 					size: f.api.merged.value.size
-				}, f.api.endIconBind.value), null, 16, ["icon", "size"])], 16)) : f.api.merged.value.endIcon ? (g(), l("div", h(m({ key: 6 }, f.api.endBind.value)), [d(b(a), m({ size: f.api.merged.value.size }, f.api.endIconBind.value, { icon: f.api.merged.value.endIcon }), null, 16, ["size", "icon"])], 16)) : c("", !0)
+				}, f.api.endIconBind.value), null, 16, ["icon", "size"])], 16)) : f.api.merged.value.endIcon ? (g(), s("div", h(m({ key: 6 }, f.api.endBind.value)), [d(y(r), m({ size: f.api.merged.value.size }, f.api.endIconBind.value, { icon: f.api.merged.value.endIcon }), null, 16, ["size", "icon"])], 16)) : o("", !0)
 			], 16),
-			!f.api.invalidated.value && b(t)(f.api.slots, "description", f.api.merged.value.description) ? (g(), l("p", m({ key: 1 }, f.api.descriptionBind.value, { id: `${f.api.controlId.value}-description` }), [(g(), s(v(b(i)(f.api.slots, "description", f.api.merged.value.description))))], 16, S)) : c("", !0),
-			f.api.merged.value.hideErrorMessage ? c("", !0) : (g(), l("p", m({ key: 2 }, f.api.errorBind.value, {
+			!f.api.invalidated.value && y(t)(y(T), "description", f.api.merged.value.description) ? (g(), s("p", m({ key: 1 }, f.api.descriptionBind.value, { id: `${f.api.controlId.value}-description` }), [y(e)(y(T), "description") ? _(b.$slots, "description", {}, void 0, void 0, 0) : y(n)(f.api.merged.value.description) ? (g(), s(a, { key: 1 }, [u(v(f.api.merged.value.description), 1)], 64)) : o("", !0)], 16, C)) : o("", !0),
+			f.api.merged.value.hideErrorMessage ? o("", !0) : (g(), s("p", m({ key: 2 }, f.api.errorBind.value, {
 				id: `${f.api.controlId.value}-error`,
 				"aria-hidden": !f.api.showErrorMessageContent.value || void 0
-			}), [f.api.showErrorMessageContent.value ? (g(), s(v(b(i)(f.api.slots, "errorMessage", f.api.merged.value.errorMessage)), { key: 0 })) : c("", !0)], 16, C))
-		], 16, x));
+			}), [f.api.showErrorMessageContent.value ? (g(), s(a, { key: 0 }, [y(e)(y(T), "errorMessage") ? _(b.$slots, "errorMessage", {}, void 0, void 0, 0) : y(n)(f.api.merged.value.errorMessage) ? (g(), s(a, { key: 1 }, [u(v(f.api.merged.value.errorMessage), 1)], 64)) : o("", !0)], 64)) : o("", !0)], 16, w))
+		], 16, S));
 	}
 });
 //#endregion
-export { w as default };
+export { T as default };

package/dist/Components/FormField/composables/useFormField.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes, MaybeRefOrGetter } from 'vue';
-import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
 import { FormFieldOwnProps, FormFieldSlots } from '../formField.types';
 import { LabelProps } from '../../Label/label.types';
 export type FormFieldReservedSlotName = Exclude<keyof FormFieldSlots, "default">;
@@ -33,8 +33,8 @@ export declare function useFormField(props: MaybeRefOrGetter<Omit<FormFieldOwnPr
     }>;
     merged: import('vue').ComputedRef<FormFieldMerged>;
     control: import('vue').ComputedRef<string>;
-    endBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {
+    endBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, {
         onCopy?: ((payload: ClipboardEvent) => void) | undefined;
         onCut?: ((payload: ClipboardEvent) => void) | undefined;
         onPaste?: ((payload: ClipboardEvent) => void) | undefined;
@@ -154,7 +154,7 @@ export declare function useFormField(props: MaybeRefOrGetter<Omit<FormFieldOwnPr
         'aria-expanded'?: (boolean | "true" | "false") | undefined;
         'aria-flowto'?: string | undefined | undefined;
         'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-        'aria-haspopup'?: (boolean | "true" | "false") | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        'aria-haspopup'?: "menu" | (boolean | "true" | "false") | "listbox" | "tree" | "grid" | "dialog" | undefined;
         'aria-hidden'?: (boolean | "true" | "false") | undefined;
         'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
         'aria-keyshortcuts'?: string | undefined | undefined;
@@ -190,7 +190,7 @@ export declare function useFormField(props: MaybeRefOrGetter<Omit<FormFieldOwnPr
         dir?: string | undefined | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
         enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-        enterKeyHint?: "done" | "enter" | "go" | "next" | "previous" | "search" | "send" | undefined;
+        enterKeyHint?: "done" | "search" | "enter" | "go" | "next" | "previous" | "send" | undefined;
         hidden?: "" | "until-found" | "hidden" | (boolean | "true" | "false") | undefined;
         inert?: (boolean | "true" | "false") | undefined;
         placeholder?: string | undefined | undefined;
@@ -224,9 +224,9 @@ export declare function useFormField(props: MaybeRefOrGetter<Omit<FormFieldOwnPr
         class: string;
     }>>;
     controlId: import('vue').ComputedRef<string>;
-    errorBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
+    errorBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
     errorIcon: import('vue').ComputedRef<NonNullable<import('../../..').IconSource | undefined>>;
-    inputBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {
+    inputBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {
         id: string;
         disabled: boolean;
         readonly: boolean;
@@ -450,27 +450,27 @@ export declare function useFormField(props: MaybeRefOrGetter<Omit<FormFieldOwnPr
     }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showErrorIcon" | "startIcon">>>>;
     isNotched: import('vue').ComputedRef<boolean>;
     isStacked: import('vue').ComputedRef<boolean>;
-    startBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
-    cornerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
-    headerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
+    startBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
+    cornerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
+    headerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
     isDisabled: import('vue').ComputedRef<boolean>;
     isReadonly: import('vue').ComputedRef<boolean>;
-    variantKey: import('vue').ComputedRef<NonNullable<keyof import('@bridge-ui/core').FormFieldVariant | undefined>>;
-    endIconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
-    endSlotBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
+    variantKey: import('vue').ComputedRef<NonNullable<keyof import('@bridge-ui/core/Tokens').FormFieldVariant | undefined>>;
+    endIconBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
+    endSlotBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
     invalidated: import('vue').ComputedRef<boolean>;
-    containerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {
-        "data-bridge-rounded": NonNullable<keyof import('@bridge-ui/core').FormFieldRounded | undefined>;
+    containerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, {
+        "data-bridge-rounded": NonNullable<keyof import('@bridge-ui/core/Tokens').FormFieldRounded | undefined>;
     }>>;
-    startIconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
-    startSlotBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
+    startIconBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
+    startSlotBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
     fieldLabelProps: import('vue').ComputedRef<LabelProps>;
     ariaDescribedBy: import('vue').ComputedRef<string | undefined>;
-    descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
-    stackedBodyBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, {}>>;
+    descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
+    stackedBodyBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;
     hasInsetLabelRow: import('vue').ComputedRef<boolean>;
-    insetLabelRowBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
-    stackedInputRowBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, {}>>;
+    insetLabelRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
+    stackedInputRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;
     showErrorMessageContent: import('vue').ComputedRef<boolean>;
     reservesErrorMessageSpace: import('vue').ComputedRef<boolean>;
 };

package/dist/Components/FormField/composables/useFormField.js

@@ -1,9 +1,9 @@
 import { hasNamedSlot as e, hasSlotOrProp as t } from "../../../Utils/slotOrProp.js";
 import { mergeNestedComponentProps as n, mergePartBind as r, useBridgeUIComponent as i, useBridgeUIMergedRegistryClasses as a } from "../../../Utils/index.js";
 import { computed as o, toValue as s, useId as c, useSlots as l } from "vue";
-import { cn as u, mergeBridgeUILayeredClasses as d, splitComponentProps as f } from "@bridge-ui/core";
-import { get as p, omit as m } from "es-toolkit/compat";
-import { colorProps as h, invalidatedProps as g, roundedProps as _, sizeProps as v, variantProps as y } from "@bridge-ui/core/Tokens/FormField";
+import { get as u, omit as d } from "es-toolkit/compat";
+import { formFieldColorProps as f, formFieldInvalidatedProps as p, formFieldRoundedProps as m, formFieldSizeProps as h, formFieldVariantProps as g } from "@bridge-ui/core/Tokens";
+import { cn as _, mergeBridgeUILayeredClasses as v, splitComponentProps as y } from "@bridge-ui/core/Utils";
 //#region src/Components/FormField/composables/useFormField.ts
 var b = [
 	"end",
@@ -29,7 +29,7 @@ var b = [
 	"hideErrorMessage"
 ];
 function x(x, S, C = {}) {
-	let ee = c(), w = l(), T = o(() => f({
+	let ee = c(), w = l(), T = o(() => y({
 		props: s(x),
 		bridgeKeys: b
 	})), { merged: E, entry: D } = i({
@@ -46,33 +46,33 @@ function x(x, S, C = {}) {
 		let e = [];
 		return !j.value && t(w, "description", E.value.description) && e.push(`${H.value}-description`), j.value && !E.value.hideErrorMessage && t(w, "errorMessage", E.value.errorMessage) && e.push(`${H.value}-error`), e.length > 0 ? e.join(" ") : void 0;
 	}), q = o(() => {
-		let e = d(v, D.value?.tokens?.size);
-		return p(e, [E.value.size, P.value]);
+		let e = v(h, D.value?.tokens?.size);
+		return u(e, [E.value.size, P.value]);
 	}), J = o(() => {
-		let e = d(h, D.value?.tokens?.color);
-		return p(e, E.value.color ?? "primary");
-	}), Y = o(() => d(g, D.value?.tokens?.invalidated, E.value.customProps?.invalidated)), X = o(() => j.value ? Y.value : void 0), Z = o(() => {
-		let e = d(_, D.value?.tokens?.rounded);
-		return p(e, E.value.rounded);
+		let e = v(f, D.value?.tokens?.color);
+		return u(e, E.value.color ?? "primary");
+	}), Y = o(() => v(p, D.value?.tokens?.invalidated, E.value.customProps?.invalidated)), X = o(() => j.value ? Y.value : void 0), Z = o(() => {
+		let e = v(m, D.value?.tokens?.rounded);
+		return u(e, E.value.rounded);
 	}), Q = o(() => {
-		let e = d(y, D.value?.tokens?.variant);
-		return p(e, P.value);
+		let e = v(g, D.value?.tokens?.variant);
+		return u(e, P.value);
 	}), te = o(() => {
 		let e = j.value ? Y.value : J.value;
 		return R.value ? e?.underlined : e?.input;
 	}), ne = o(() => {
-		if (L.value) return u({
+		if (L.value) return _({
 			[q.value?.insetTop ?? ""]: !0,
 			[q.value?.insetStart ?? ""]: !0,
 			[q.value?.insetEnd ?? ""]: !0
 		});
 	}), re = o(() => {
 		let t = C.reservedSlots?.() ?? [], n = e(w, "end") || t.includes("end"), r = e(w, "start") || t.includes("start");
-		if (!L.value) return !r && !n ? q.value?.padding : u({
+		if (!L.value) return !r && !n ? q.value?.padding : _({
 			[q.value?.insetStart ?? ""]: !r,
 			[q.value?.insetEnd ?? ""]: !n
 		});
-	}), ie = o(() => r(O.value?.end, {}, u({
+	}), ie = o(() => r(O.value?.end, {}, _({
 		"shrink-0 self-center flex items-center whitespace-nowrap select-none pointer-events-none": !0,
 		"text-dark-500": !j.value,
 		[Z.value?.end ?? ""]: !R.value && !L.value,
@@ -82,15 +82,15 @@ function x(x, S, C = {}) {
 	}))), ae = o(() => {
 		let e = T.value.inheritedAttrs;
 		return r(O.value?.root, {
-			class: u(e.class),
-			...m(e, ["class"])
-		}, u({
+			class: _(e.class),
+			...d(e, ["class"])
+		}, _({
 			"group w-full relative": !0,
 			"aria-disabled:pointer-events-none aria-disabled:select-none aria-disabled:opacity-60": !0,
 			"aria-readonly:pointer-events-none aria-readonly:select-none": !0,
 			[A.value.root ?? ""]: !0
 		}));
-	}), oe = o(() => r(O.value?.errorMessage, {}, u({
+	}), oe = o(() => r(O.value?.errorMessage, {}, _({
 		"mt-2": !0,
 		"min-h-[1lh]": V.value,
 		[X.value?.errorMessage ?? ""]: !0,
@@ -103,7 +103,7 @@ function x(x, S, C = {}) {
 		readonly: N.value,
 		"aria-describedby": K.value,
 		"aria-invalid": j.value || void 0
-	}, m(T.value.inheritedAttrs, ["class"]), u({
+	}, d(T.value.inheritedAttrs, ["class"]), _({
 		"flex-1 min-w-0 min-h-0 bg-transparent border-0 shadow-none": !0,
 		"h-full": !z.value && !L.value,
 		"max-h-none": z.value,
@@ -121,26 +121,26 @@ function x(x, S, C = {}) {
 		required: E.value.required,
 		classes: {
 			required: A.value.required,
-			root: u({
+			root: _({
 				[Q.value?.label ?? ""]: I.value,
 				[A.value.label ?? ""]: !0
 			})
 		}
-	})), ce = o(() => r(O.value?.start, {}, u({
+	})), ce = o(() => r(O.value?.start, {}, _({
 		"shrink-0 self-center flex items-center whitespace-nowrap select-none pointer-events-none": !0,
 		"text-dark-400": !j.value,
 		[Z.value?.start ?? ""]: !R.value && !L.value,
 		[J.value?.start ?? ""]: !j.value,
 		[X.value?.adornment ?? ""]: j.value,
 		[A.value.start ?? ""]: !0
-	}))), le = o(() => r(O.value?.corner, {}, u({
+	}))), le = o(() => r(O.value?.corner, {}, _({
 		"text-dark-500 dark:text-dark-400": !I.value,
 		[q.value?.text ?? ""]: !0,
 		[Q.value?.corner ?? ""]: I.value,
 		[A.value.corner ?? ""]: !0
 	}))), ue = o(() => {
 		let e = t(w, "label", E.value.label);
-		return r(O.value?.header, {}, u({
+		return r(O.value?.header, {}, _({
 			flex: !0,
 			"w-full shrink-0": !0,
 			"justify-between": e,
@@ -150,20 +150,20 @@ function x(x, S, C = {}) {
 			[Q.value?.labelRow ?? ""]: W.value,
 			[A.value.header ?? ""]: !0
 		}));
-	}), de = o(() => r(O.value?.header, {}, u({
+	}), de = o(() => r(O.value?.header, {}, _({
 		flex: !0,
 		"mb-1": !0,
 		[G.value]: !0,
 		[A.value.header ?? ""]: !0
-	}))), fe = o(() => r(O.value?.endIcon, {}, u({ "inline-flex shrink-0 items-center justify-center self-center": L.value }))), pe = o(() => r(O.value?.end, {}, u({
+	}))), fe = o(() => r(O.value?.endIcon, {}, _({ "inline-flex shrink-0 items-center justify-center self-center": L.value }))), pe = o(() => r(O.value?.end, {}, _({
 		"group/end wrapper-end-slot shrink-0 flex w-auto items-stretch self-stretch [&>*]:min-h-0": !0,
 		"self-stretch min-h-0 overflow-hidden py-0.5 pe-0.5": L.value,
 		"h-full min-h-0 overflow-hidden py-0.5 pe-0.5": !L.value,
 		[A.value.end ?? ""]: !0
-	}))), me = o(() => r({}, {}, u({
+	}))), me = o(() => r({}, {}, _({
 		"flex min-h-0 min-w-0 flex-1 flex-col": !0,
 		[ne.value ?? ""]: !0
-	}))), he = o(() => r({}, {}, u({
+	}))), he = o(() => r({}, {}, _({
 		"flex w-full min-w-0 flex-1 items-stretch gap-x-2": !0,
 		[q.value?.controlRow ?? ""]: !0
 	})));
@@ -188,7 +188,7 @@ function x(x, S, C = {}) {
 		endIconBind: fe,
 		endSlotBind: pe,
 		invalidated: j,
-		containerBind: o(() => r(O.value?.container, { "data-bridge-rounded": E.value.rounded ?? "md" }, u({
+		containerBind: o(() => r(O.value?.container, { "data-bridge-rounded": E.value.rounded ?? "md" }, _({
 			"group/field relative flex flex-row items-stretch overflow-hidden": L.value,
 			"group/field relative flex justify-start gap-x-2 items-stretch": !L.value,
 			"transition-all ease-in-out duration-150 outline-none": !0,
@@ -205,8 +205,8 @@ function x(x, S, C = {}) {
 			[X.value?.containerUnderlined ?? ""]: j.value && R.value,
 			[A.value.container ?? ""]: !0
 		}))),
-		startIconBind: o(() => r(O.value?.startIcon, {}, u({ "inline-flex shrink-0 items-center justify-center self-center": L.value }))),
-		startSlotBind: o(() => r(O.value?.start, {}, u({
+		startIconBind: o(() => r(O.value?.startIcon, {}, _({ "inline-flex shrink-0 items-center justify-center self-center": L.value }))),
+		startSlotBind: o(() => r(O.value?.start, {}, _({
 			"group/start wrapper-start-slot shrink-0 flex w-auto items-stretch self-stretch [&>*]:min-h-0": !0,
 			"self-stretch min-h-0 overflow-hidden py-0.5 ps-0.5": L.value,
 			"h-full min-h-0 overflow-hidden py-0.5 ps-0.5": !L.value,
@@ -214,7 +214,7 @@ function x(x, S, C = {}) {
 		}))),
 		fieldLabelProps: se,
 		ariaDescribedBy: K,
-		descriptionBind: o(() => r(O.value?.description, {}, u({
+		descriptionBind: o(() => r(O.value?.description, {}, _({
 			"mt-2 text-dark-500 dark:text-dark-400": !0,
 			[q.value?.text ?? ""]: !0,
 			[A.value.description ?? ""]: !0

package/dist/Components/FormField/formField.types.d.ts

@@ -1,5 +1,6 @@
 import { HTMLAttributes, InputHTMLAttributes, Slot } from 'vue';
-import { FormFieldColor, FormFieldInvalidated, FormFieldRounded, FormFieldSize, FormFieldVariant, MergeHtmlProps, MergeProps } from '@bridge-ui/core';
+import { FormFieldColor, FormFieldInvalidated, FormFieldRounded, FormFieldSize, FormFieldVariant } from '@bridge-ui/core/Tokens';
+import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
 import { IconSource } from '../../Adapters/Icon';
 import { UseFormFieldReturn } from './composables/useFormField';
 import { IconProps } from '../Icon';
@@ -294,4 +295,9 @@ export interface FormFieldSlots {
      */
     start?: Slot<undefined>;
 }
+/**
+ * Named FormField chrome slots (excludes the `default` control slot).
+ * Field wrappers forward only these into `<FormField>`.
+ */
+export declare const FORM_FIELD_CHROME_SLOT_NAMES: readonly ["end", "label", "start", "corner", "description", "errorMessage"];
 export type FormFieldProps = MergeHtmlProps<FormFieldOwnProps, HTMLAttributes>;

package/dist/Components/FormField/formField.types.js

@@ -0,0 +1,11 @@
+//#region src/Components/FormField/formField.types.ts
+var e = [
+	"end",
+	"label",
+	"start",
+	"corner",
+	"description",
+	"errorMessage"
+];
+//#endregion
+export { e as FORM_FIELD_CHROME_SLOT_NAMES };

package/dist/Components/FormField/index.d.ts

@@ -1,4 +1,5 @@
 export { useFormField } from './composables/useFormField';
 export type { FormFieldOptions, FormFieldReservedSlotName, UseFormFieldReturn, } from './composables/useFormField';
+export { FORM_FIELD_CHROME_SLOT_NAMES } from './formField.types';
 export type { FormFieldClasses, FormFieldColorOverrides, FormFieldCustomProps, FormFieldOwnProps, FormFieldProps, FormFieldRoundedOverrides, FormFieldSizeOverrides, FormFieldSlots, FormFieldVariantOverrides, } from './formField.types';
 export { default as FormField } from './FormField.vue';

package/dist/Components/FormField/index.js

@@ -1,3 +1,4 @@
 import { useFormField as e } from "./composables/useFormField.js";
-import t from "./FormField.js";
-export { t as FormField, e as useFormField };
+import { FORM_FIELD_CHROME_SLOT_NAMES as t } from "./formField.types.js";
+import n from "./FormField.js";
+export { t as FORM_FIELD_CHROME_SLOT_NAMES, n as FormField, e as useFormField };

package/dist/Components/Icon/composables/useIcon.d.ts

@@ -1,11 +1,11 @@
-import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
 import { IconElement } from '../../../Adapters/Icon';
 import { IconOwnProps, IconProps } from '../icon.types';
 type IconLibDefaults = LibDefaultsShape<IconOwnProps, "size">;
 type IconMerged = MergeLibDefaults<IconOwnProps, IconLibDefaults>;
 export declare function useIcon(props: IconOwnProps, libDefaults: IconLibDefaults): {
     merged: import('vue').ComputedRef<IconMerged>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, Omit<IconProps, "icon" | "size">>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, Omit<IconProps, "icon" | "size">>>;
     resolvedIcon: import('vue').ComputedRef<IconElement | null | undefined>;
 };
 export {};

package/dist/Components/Icon/composables/useIcon.js

@@ -1,13 +1,14 @@
 import { useIconAdapter as e } from "../../../Adapters/Icon/useIconAdapter.js";
 import { mergePartBind as t, useBridgeUIComponent as n } from "../../../Utils/index.js";
 import { computed as r, useAttrs as i } from "vue";
-import { cn as a, mergeBridgeUILayeredClasses as o, resolveIconSource as s, splitComponentProps as c } from "@bridge-ui/core";
-import { get as l } from "es-toolkit/compat";
-import { sizeProps as u } from "@bridge-ui/core/Tokens/Icon";
+import { resolveIconSource as a } from "@bridge-ui/core/Adapters";
+import { get as o } from "es-toolkit/compat";
+import { iconSizeProps as s } from "@bridge-ui/core/Tokens";
+import { cn as c, mergeBridgeUILayeredClasses as l, splitComponentProps as u } from "@bridge-ui/core/Utils";
 //#region src/Components/Icon/composables/useIcon.ts
 var d = ["icon", "size"];
 function f(f, p) {
-	let m = i(), h = r(() => c({
+	let m = i(), h = r(() => u({
 		bridgeKeys: d,
 		props: {
 			...m,
@@ -17,13 +18,13 @@ function f(f, p) {
 		libDefaults: p,
 		componentName: "Icon",
 		props: () => h.value.componentProps
-	}), v = e(), y = r(() => s(g.value.icon, v.value)), b = r(() => {
-		let e = o(u, _.value?.tokens?.size);
-		return l(e, g.value.size);
+	}), v = e(), y = r(() => a(g.value.icon, v.value)), b = r(() => {
+		let e = l(s, _.value?.tokens?.size);
+		return o(e, g.value.size);
 	});
 	return {
 		merged: g,
-		rootBind: r(() => t({}, h.value.inheritedAttrs, a({ [b.value ?? ""]: !0 }))),
+		rootBind: r(() => t({}, h.value.inheritedAttrs, c({ [b.value ?? ""]: !0 }))),
 		resolvedIcon: y
 	};
 }

package/dist/Components/Icon/icon.types.d.ts

@@ -1,5 +1,6 @@
 import { SVGAttributes } from 'vue';
-import { IconSize, MergeHtmlProps, MergeProps } from '@bridge-ui/core';
+import { IconSize } from '@bridge-ui/core/Tokens';
+import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
 import { IconSource } from '../../Adapters/Icon';
 export interface IconSizeOverrides {}
 export interface IconOwnProps {

package/dist/Components/Label/Label.vue.d.ts

@@ -1,4 +1,14 @@
 import { LabelOwnProps } from './label.types';
-declare const __VLS_export: import('vue').DefineComponent<LabelOwnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<LabelOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<LabelOwnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<LabelOwnProps> & Readonly<{}>, {}, {}, {}, {}, 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;
+    };
+};