@bridge-ui/vue 0.3.0 → 0.5.0

package/dist/Components/DateTimeRangeField/DateTimeRangeField.vue_vue_type_script_setup_true_lang.js

@@ -1,15 +1,15 @@
 import { useResolveMessage as e } from "../../Adapters/I18n/useI18nAdapter.js";
 import { presentSlotNames as t } from "../../Utils/slotOrProp.js";
-import n from "../Icon/Icon.js";
-import { FORM_FIELD_CHROME_SLOT_NAMES as r } from "../FormField/formField.types.js";
-import i from "../FormField/FormField.js";
-import a from "../FieldOverlay/FieldOverlay.js";
-import { useDateTimeRangeField as o } from "./composables/useDateTimeRangeField.js";
-import s from "../DateTimeRangePicker/DateTimeRangePicker.js";
-import { Fragment as c, computed as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createSlots as p, createTextVNode as m, createVNode as h, defineComponent as g, guardReactiveProps as _, mergeModels as v, mergeProps as y, normalizeClass as b, normalizeProps as x, openBlock as S, ref as C, renderList as w, renderSlot as T, toDisplayString as E, unref as D, useModel as O, withCtx as k, withKeys as A, withModifiers as j } from "vue";
-import { isUndefined as M } from "es-toolkit/compat";
+import { useOptionalModel as n } from "../../Utils/useOptionalModel.js";
+import r from "../Icon/Icon.js";
+import { FORM_FIELD_CHROME_SLOT_NAMES as i } from "../FormField/formField.types.js";
+import a from "../FormField/FormField.js";
+import o from "../FieldOverlay/FieldOverlay.js";
+import { useDateTimeRangeField as s } from "./composables/useDateTimeRangeField.js";
+import c from "../DateTimeRangePicker/DateTimeRangePicker.js";
+import { Fragment as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createSlots as p, createTextVNode as m, createVNode as h, defineComponent as g, guardReactiveProps as _, mergeModels as v, mergeProps as y, normalizeClass as b, normalizeProps as x, openBlock as S, ref as C, renderList as w, renderSlot as T, toDisplayString as E, unref as D, useModel as O, withCtx as k, withKeys as A, withModifiers as j } from "vue";
 //#region src/Components/DateTimeRangeField/DateTimeRangeField.vue?vue&type=script&setup=true&lang.ts
-var N = { class: "flex min-w-0 flex-1 items-center gap-1" }, P = ["aria-label"], F = /*@__PURE__*/ g({
+var M = { class: "flex min-w-0 flex-1 items-center gap-1" }, N = ["aria-label"], P = /*@__PURE__*/ g({
 	inheritAttrs: !1,
 	__name: "DateTimeRangeField",
 	props: /*@__PURE__*/ v({
@@ -85,62 +85,57 @@ var N = { class: "flex min-w-0 flex-1 items-center gap-1" }, P = ["aria-label"],
 		"open"
 	], ["update:modelValue"]),
 	setup(g, { emit: v }) {
-		let F = O(g, "modelValue"), I = g, L = v, R = e(), z = C(I.defaultValue ?? null), B = l({
-			set: (e) => {
-				F.value = e, z.value = e;
-			},
-			get: () => M(F.value) ? z.value : F.value
-		}), { open: V, fill: ee, overlay: H, formField: U, inputBind: W, clearBind: G, clearValue: K, modelValue: q, showFooter: J, orientation: Y, pickerClass: X, dateTimeOnly: Z, clearIconSize: Q, showClearIcon: $, handleOpenChange: te, handlePickerChange: ne, handlePickerCancel: re, overlayCustomProps: ie, dateTimeRangePickerCustomProps: ae } = o(I, B, L);
-		return (e, o) => (S(), d(c, null, [h(D(i), { field: D(U) }, p({
-			default: k(() => [f("div", N, [f("input", x(_(D(W))), null, 16), D($) ? (S(), d("span", y({ key: 0 }, D(G), {
-				onClick: o[0] ||= (...e) => D(K) && D(K)(...e),
-				"aria-label": D(R)("Clear"),
-				onKeydown: [o[1] ||= A(j((...e) => D(K) && D(K)(...e), ["prevent"]), ["enter"]), o[2] ||= A(j((...e) => D(K) && D(K)(...e), ["prevent"]), ["space"])]
-			}), [h(D(n), y({
+		let P = e(), F = O(g, "modelValue"), I = v, L = g, R = C(L.defaultValue ?? null), z = n(F, R), { open: ee, fill: B, overlay: V, formField: H, inputBind: U, clearBind: W, clearValue: G, modelValue: K, showFooter: q, orientation: J, pickerClass: Y, dateTimeOnly: X, clearIconSize: Z, showClearIcon: Q, handleOpenChange: $, handlePickerChange: te, handlePickerCancel: ne, overlayCustomProps: re, dateTimeRangePickerCustomProps: ie } = s(L, z, I);
+		return (e, n) => (S(), d(l, null, [h(D(a), { field: D(H) }, p({
+			default: k(() => [f("div", M, [f("input", x(_(D(U))), null, 16), D(Q) ? (S(), d("span", y({ key: 0 }, D(W), {
+				onClick: n[0] ||= (...e) => D(G) && D(G)(...e),
+				"aria-label": D(P)("Clear"),
+				onKeydown: [n[1] ||= A(j((...e) => D(G) && D(G)(...e), ["prevent"]), ["enter"]), n[2] ||= A(j((...e) => D(G) && D(G)(...e), ["prevent"]), ["space"])]
+			}), [h(D(r), y({
 				icon: "clear",
-				size: D(Q)
-			}, I.customProps?.clearIcon), null, 16, ["size"])], 16, P)) : u("", !0)])]),
+				size: D(Z)
+			}, L.customProps?.clearIcon), null, 16, ["size"])], 16, N)) : u("", !0)])]),
 			_: 2
-		}, [w(D(t)(D(r), e.$slots), (t) => ({
+		}, [w(D(t)(D(i), e.$slots), (t) => ({
 			name: t,
 			fn: k((n) => [T(e.$slots, t, x(_(n || {})))])
-		}))]), 1032, ["field"]), h(D(a), {
-			overlay: D(H),
-			"model-value": D(V),
-			"custom-props": D(ie),
-			"onUpdate:modelValue": D(te)
+		}))]), 1032, ["field"]), h(D(o), {
+			overlay: D(V),
+			"model-value": D(ee),
+			"custom-props": D(re),
+			"onUpdate:modelValue": D($)
 		}, {
-			default: k(() => [h(D(s), {
-				fill: D(ee),
-				value: D(q),
-				class: b(D(X)),
-				ampm: D(Z).ampm,
-				"show-footer": D(J),
-				orientation: D(Y),
-				"read-only": I.readonly,
-				"max-date": D(Z).maxDate,
-				"min-date": D(Z).minDate,
-				"max-time": D(Z).maxTime,
-				"min-time": D(Z).minTime,
-				onChange: D(ne),
-				onCancel: D(re),
-				interval: D(Z).interval,
-				"time-zone": D(Z).timeZone,
-				"hide-years": D(Z).hideYears,
-				error: D(U).invalidated.value,
-				color: D(U).merged.value.color,
-				"hide-months": D(Z).hideMonths,
-				disabled: D(U).isDisabled.value,
-				"show-seconds": D(Z).showSeconds,
-				"start-of-week": D(Z).startOfWeek,
-				rounded: D(U).merged.value.rounded,
-				"disable-dates": D(Z).disableDates,
-				"hide-weekdays": D(Z).hideWeekdays,
-				"disable-times": D(Z).disableTimes,
-				"disable-years": D(Z).disableYears,
-				"disable-months": D(Z).disableMonths,
-				"custom-props": D(ae),
-				"hide-outside-days": D(Z).hideOutsideDays
+			default: k(() => [h(D(c), {
+				fill: D(B),
+				value: D(K),
+				class: b(D(Y)),
+				ampm: D(X).ampm,
+				"show-footer": D(q),
+				orientation: D(J),
+				"read-only": L.readonly,
+				"max-date": D(X).maxDate,
+				"min-date": D(X).minDate,
+				"max-time": D(X).maxTime,
+				"min-time": D(X).minTime,
+				onChange: D(te),
+				onCancel: D(ne),
+				interval: D(X).interval,
+				"time-zone": D(X).timeZone,
+				"hide-years": D(X).hideYears,
+				error: D(H).invalidated.value,
+				color: D(H).merged.value.color,
+				"hide-months": D(X).hideMonths,
+				disabled: D(H).isDisabled.value,
+				"show-seconds": D(X).showSeconds,
+				"start-of-week": D(X).startOfWeek,
+				rounded: D(H).merged.value.rounded,
+				"disable-dates": D(X).disableDates,
+				"hide-weekdays": D(X).hideWeekdays,
+				"disable-times": D(X).disableTimes,
+				"disable-years": D(X).disableYears,
+				"disable-months": D(X).disableMonths,
+				"custom-props": D(ie),
+				"hide-outside-days": D(X).hideOutsideDays
 			}, p({
 				day: k((t) => [T(e.$slots, "day", x(_(t)), () => [m(E(t.label), 1)])]),
 				_: 2
@@ -159,4 +154,4 @@ var N = { class: "flex min-w-0 flex-1 items-center gap-1" }, P = ["aria-label"],
 	}
 });
 //#endregion
-export { F as default };
+export { P as default };

package/dist/Components/DateTimeRangeField/composables/useDateTimeRangeField.d.ts

@@ -450,6 +450,7 @@ export declare function useDateTimeRangeField(props: DateTimeRangeFieldOwnProps,
         endSlotBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         invalidated: import('vue').ComputedRef<boolean>;
         containerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
+            "data-bridge-variant": NonNullable<keyof import('@bridge-ui/core/Tokens').FormFieldVariant | undefined>;
             "data-bridge-rounded": NonNullable<keyof import('@bridge-ui/core/Tokens').FormFieldRounded | undefined>;
         }>>;
         startIconBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;

package/dist/Components/EmptyState/EmptyState.js

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

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

@@ -0,0 +1,16 @@
+import { EmptyStateOwnProps, EmptyStateSlots } from './emptyState.types';
+type __VLS_Slots = EmptyStateSlots;
+declare const __VLS_base: import('vue').DefineComponent<EmptyStateOwnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EmptyStateOwnProps> & Readonly<{}>, {
+    size: import('@bridge-ui/core/Utils').MergeProps<import('@bridge-ui/core/Tokens').EmptyStateSize, import('./emptyState.types').EmptyStateSizeOverrides>;
+    align: import('@bridge-ui/core/Utils').MergeProps<import('@bridge-ui/core/Tokens').EmptyStateAlign, import('./emptyState.types').EmptyStateAlignOverrides>;
+    mediaDecorative: boolean;
+    titleAs: "p" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/Components/EmptyState/EmptyState.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,42 @@
+import { hasNamedSlot as e, hasSlotOrProp as t, isPropPresent as n } from "../../Utils/slotOrProp.js";
+import r from "../Icon/Icon.js";
+import { useEmptyState as i } from "./composables/useEmptyState.js";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createTextVNode as u, defineComponent as d, guardReactiveProps as f, mergeProps as p, normalizeProps as m, openBlock as h, renderSlot as g, resolveDynamicComponent as _, toDisplayString as v, unref as y, withCtx as b } from "vue";
+//#region src/Components/EmptyState/EmptyState.vue?vue&type=script&setup=true&lang.ts
+var x = /*@__PURE__*/ d({
+	inheritAttrs: !1,
+	__name: "EmptyState",
+	props: {
+		align: { default: "center" },
+		classes: {},
+		customProps: {},
+		description: {},
+		icon: {},
+		mediaDecorative: {
+			type: Boolean,
+			default: !0
+		},
+		size: { default: "md" },
+		title: {},
+		titleAs: { default: "p" }
+	},
+	setup(d) {
+		let { slots: x, merged: S, iconBind: C, rootBind: w, titleBind: T, mediaBind: E, actionsBind: D, descriptionBind: O } = i(d, {
+			size: "md",
+			titleAs: "p",
+			align: "center",
+			mediaDecorative: !0
+		}), k = o(() => e(x, "media") || n(S.value.icon));
+		return (i, o) => (h(), l("div", m(f(y(w))), [
+			k.value ? (h(), l("div", m(p({ key: 0 }, y(E))), [y(e)(y(x), "media") ? g(i.$slots, "media", {}, void 0, void 0, 0) : y(S).icon ? (h(), s(y(r), p({ key: 1 }, y(C), { icon: y(S).icon }), null, 16, ["icon"])) : c("", !0)], 16)) : c("", !0),
+			y(t)(y(x), "title", y(S).title) ? (h(), s(_(y(S).titleAs), m(p({ key: 1 }, y(T))), {
+				default: b(() => [y(e)(y(x), "title") ? g(i.$slots, "title", {}, void 0, void 0, 0) : y(n)(y(S).title) ? (h(), l(a, { key: 1 }, [u(v(y(S).title), 1)], 64)) : c("", !0)]),
+				_: 3
+			}, 16)) : c("", !0),
+			y(t)(y(x), "description", y(S).description) ? (h(), l("div", m(p({ key: 2 }, y(O))), [y(e)(y(x), "description") ? g(i.$slots, "description", {}, void 0, void 0, 0) : y(n)(y(S).description) ? (h(), l(a, { key: 1 }, [u(v(y(S).description), 1)], 64)) : c("", !0)], 16)) : c("", !0),
+			y(e)(y(x), "action") ? (h(), l("div", m(p({ key: 3 }, y(D))), [g(i.$slots, "action")], 16)) : c("", !0)
+		], 16));
+	}
+});
+//#endregion
+export { x as default };

package/dist/Components/EmptyState/composables/useEmptyState.d.ts

@@ -0,0 +1,24 @@
+import { IconSize } from '@bridge-ui/core/Tokens';
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
+import { EmptyStateOwnProps, EmptyStateProps } from '../emptyState.types';
+type EmptyStateLibDefaults = LibDefaultsShape<EmptyStateOwnProps, "size" | "align" | "titleAs" | "mediaDecorative">;
+type EmptyStateMerged = MergeLibDefaults<EmptyStateOwnProps, EmptyStateLibDefaults>;
+export declare function useEmptyState(props: EmptyStateOwnProps, libDefaults: EmptyStateLibDefaults): {
+    slots: Readonly<{
+        [name: string]: import('vue').Slot<any> | undefined;
+    }>;
+    merged: import('vue').ComputedRef<EmptyStateMerged>;
+    iconBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
+        size: keyof IconSize;
+        class: string;
+    }, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<EmptyStateProps, "icon" | "size" | "classes" | "customProps" | "title" | "description" | "align" | "mediaDecorative" | "titleAs">>>;
+    titleBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+    mediaBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
+        "aria-hidden": boolean | undefined;
+        class: string;
+    }, "class", import('vue').HTMLAttributes | undefined, {}>>;
+    actionsBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+    descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+};
+export {};

package/dist/Components/EmptyState/composables/useEmptyState.js

@@ -0,0 +1,76 @@
+import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
+import { computed as r, useAttrs as i, useSlots as a } from "vue";
+import { get as o } from "es-toolkit/compat";
+import { emptyStateAlignProps as s, emptyStateSizeProps as c } from "@bridge-ui/core/Tokens";
+import { cn as l, mergeBridgeUILayeredClasses as u, splitComponentProps as d } from "@bridge-ui/core/Utils";
+//#region src/Components/EmptyState/composables/useEmptyState.ts
+var f = [
+	"icon",
+	"size",
+	"align",
+	"title",
+	"classes",
+	"titleAs",
+	"customProps",
+	"description",
+	"mediaDecorative"
+];
+function p(p, m) {
+	let h = i(), g = a(), _ = r(() => d({
+		props: {
+			...h,
+			...p
+		},
+		bridgeKeys: f
+	})), { merged: v, entry: y } = t({
+		libDefaults: m,
+		componentName: "EmptyState",
+		props: () => _.value.componentProps
+	}), b = r(() => v.value.customProps), x = n({
+		entry: y,
+		props: () => _.value.componentProps
+	}), S = r(() => {
+		let e = u(c, y.value?.tokens?.size);
+		return o(e, v.value.size);
+	}), C = r(() => {
+		let e = u(s, y.value?.tokens?.align);
+		return o(e, v.value.align);
+	}), w = r(() => e(b.value?.actions, {}, l({
+		[o(S.value, "actions") ?? ""]: !0,
+		[o(x.value, "actions") ?? ""]: !0
+	}))), T = r(() => e(b.value?.description, {}, l({
+		[o(S.value, "description") ?? ""]: !0,
+		[o(x.value, "description") ?? ""]: !0
+	}))), E = r(() => e(b.value?.icon, {}, {
+		size: o(S.value, "icon") ?? "md",
+		class: l({
+			"shrink-0": !0,
+			[o(x.value, "icon") ?? ""]: !0
+		})
+	})), D = r(() => e(b.value?.media, {}, {
+		"aria-hidden": v.value.mediaDecorative ? !0 : void 0,
+		class: l({
+			[o(S.value, "media") ?? ""]: !0,
+			[o(x.value, "media") ?? ""]: !0
+		})
+	}));
+	return {
+		slots: g,
+		merged: v,
+		iconBind: E,
+		rootBind: r(() => e(b.value?.root, _.value.inheritedAttrs, l({
+			[o(S.value, "root") ?? ""]: !0,
+			[C.value ?? ""]: !0,
+			[o(x.value, "root") ?? ""]: !0
+		}))),
+		titleBind: r(() => e(b.value?.title, {}, l({
+			[o(S.value, "title") ?? ""]: !0,
+			[o(x.value, "title") ?? ""]: !0
+		}))),
+		mediaBind: D,
+		actionsBind: w,
+		descriptionBind: T
+	};
+}
+//#endregion
+export { p as useEmptyState };

package/dist/Components/EmptyState/emptyState.types.d.ts

@@ -0,0 +1,140 @@
+import { HTMLAttributes, Slot } from 'vue';
+import { EmptyStateAlign, EmptyStateSize } from '@bridge-ui/core/Tokens';
+import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
+import { IconSource } from '../../Adapters/Icon';
+import { IconProps } from '../Icon';
+export interface EmptyStateSizeOverrides {}
+export interface EmptyStateAlignOverrides {}
+export interface EmptyStateClasses {
+    /**
+     * The classes to apply to the actions row.
+     */
+    actions?: string;
+    /**
+     * The classes to apply to the description.
+     */
+    description?: string;
+    /**
+     * The classes to apply to the default `Icon`.
+     */
+    icon?: string;
+    /**
+     * The classes to apply to the media wrapper.
+     */
+    media?: string;
+    /**
+     * The classes to apply to the root.
+     */
+    root?: string;
+    /**
+     * The classes to apply to the title.
+     */
+    title?: string;
+}
+export interface EmptyStateCustomProps {
+    /**
+     * Props forwarded to the actions row.
+     */
+    actions?: HTMLAttributes;
+    /**
+     * Props forwarded to the description container.
+     */
+    description?: HTMLAttributes;
+    /**
+     * Props forwarded to the default `Icon` (`icon` is set by the empty state).
+     */
+    icon?: Partial<Omit<IconProps, "icon">>;
+    /**
+     * Props forwarded to the media wrapper.
+     */
+    media?: HTMLAttributes;
+    /**
+     * Props forwarded to the root container.
+     */
+    root?: HTMLAttributes;
+    /**
+     * Props forwarded to the title element.
+     */
+    title?: HTMLAttributes;
+}
+/**
+ * Placeholder when a list, table, or view has no data.
+ * Does not set `role` by default — pass `role="status"` when the empty
+ * state is a live update.
+ */
+export interface EmptyStateOwnProps {
+    /**
+     * Horizontal alignment of the stack.
+     *
+     * @default "center"
+     */
+    align?: MergeProps<EmptyStateAlign, EmptyStateAlignOverrides>;
+    /**
+     * The classes to apply to the empty state.
+     *
+     * @default undefined
+     */
+    classes?: EmptyStateClasses;
+    /**
+     * Extra props for internal parts (`media`, `title`, `description`, etc.).
+     * Root HTML attributes stay on the component top level.
+     *
+     * @default undefined
+     */
+    customProps?: EmptyStateCustomProps;
+    /**
+     * Supporting copy below the title.
+     *
+     * @default undefined
+     */
+    description?: string;
+    /**
+     * Default media icon. Use the `media` slot to replace it with custom markup.
+     *
+     * @default undefined
+     */
+    icon?: IconSource;
+    /**
+     * When true, the media wrapper is hidden from assistive tech (`aria-hidden`).
+     *
+     * @default true
+     */
+    mediaDecorative?: boolean;
+    /**
+     * Spacing and typography scale.
+     *
+     * @default "md"
+     */
+    size?: MergeProps<EmptyStateSize, EmptyStateSizeOverrides>;
+    /**
+     * Primary heading copy.
+     *
+     * @default undefined
+     */
+    title?: string;
+    /**
+     * Element used to render `title`. Use a heading when the page outline needs it.
+     *
+     * @default "p"
+     */
+    titleAs?: "p" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
+}
+export interface EmptyStateSlots {
+    /**
+     * Action row (e.g. one or more `Button`s).
+     */
+    action?: Slot<undefined>;
+    /**
+     * Replaces the default description copy.
+     */
+    description?: Slot<undefined>;
+    /**
+     * Illustration or icon above the title. Replaces the `icon` prop.
+     */
+    media?: Slot<undefined>;
+    /**
+     * Replaces the default title copy.
+     */
+    title?: Slot<undefined>;
+}
+export type EmptyStateProps = MergeHtmlProps<EmptyStateOwnProps, HTMLAttributes>;

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

@@ -0,0 +1,3 @@
+export { useEmptyState } from './composables/useEmptyState';
+export type { EmptyStateAlignOverrides, EmptyStateClasses, EmptyStateCustomProps, EmptyStateOwnProps, EmptyStateProps, EmptyStateSizeOverrides, EmptyStateSlots, } from './emptyState.types';
+export { default as EmptyState } from './EmptyState.vue';

package/dist/Components/EmptyState/index.js

@@ -0,0 +1,3 @@
+import { useEmptyState as e } from "./composables/useEmptyState.js";
+import t from "./EmptyState.js";
+export { t as EmptyState, e as useEmptyState };

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

@@ -460,6 +460,7 @@ export declare function useFormField(props: MaybeRefOrGetter<Omit<FormFieldOwnPr
     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/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, {
+        "data-bridge-variant": NonNullable<keyof import('@bridge-ui/core/Tokens').FormFieldVariant | undefined>;
         "data-bridge-rounded": NonNullable<keyof import('@bridge-ui/core/Tokens').FormFieldRounded | undefined>;
     }>>;
     startIconBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;