@bridge-ui/vue 0.7.0 → 0.9.0

package/ai/skills/bridge-ui-components/SKILL.md

@@ -1,7 +1,7 @@
 ---
 name: bridge-ui-components
 description: >-
-  Use Bridge UI Vue components — Button, ButtonGroup, Avatar, Card, Alert, Accordion, Badge, Icon,
+  Use Bridge UI Vue components — Button, ButtonGroup, Avatar, Card, Alert, Accordion, ActionFooter, Badge, Icon,
   Link, List, Table, DataTable, Tabs, Spinner, Skeleton, EmptyState, Sidebar, Progress, Stepper, Pagination, TextField, Select,
   Autocomplete, DateField, DatePicker, DateRangeField, DateRangePicker,
   TimeField, TimePicker, DateTimeField, DateTimePicker, ColorField, ColorPicker,
@@ -24,6 +24,7 @@ In templates, use kebab-case attrs (`start-icon`, `custom-props`, `error-message
 | Badge                         | `.ai/docs/components/Badge.md`                                        |
 | Alert                         | `.ai/docs/components/Alert.md`                                        |
 | Accordion                     | `.ai/docs/components/Accordion.md`                                    |
+| Action footer                 | `.ai/docs/components/ActionFooter.md`                                 |
 | Stepper                       | `.ai/docs/components/Stepper.md`                                      |
 | Icon                          | `.ai/docs/components/Icon.md`                                         |
 | Lists                         | `.ai/docs/components/List.md`                                         |

package/ai/skills/bridge-ui-forms/SKILL.md

@@ -45,4 +45,4 @@ Controlled fields: **`v-model` / `modelValue`**. Never React `value`/`onChange`.
 1. Map validation to `error`, `error-message`, `description`, `disabled`, `readOnly`.
 2. Native input attrs often go through `:custom-props` → `input` — see TextField docs.
 3. Use only documented option shapes for Select/Autocomplete.
-4. Prefer public fields/controls in apps. `FormField`, `FormControl`, and `BaseField` are exported building blocks for advanced composition — they are **not** registry keys. Theme via the public parent (`components.TextField`, `tokens.baseField`, `tokens.formControl`). Dropdown tokens live on `components.Listbox`. Shared form density: `global.formDefaults: { size, rounded }` (Radio/Switch ignore `rounded`).
+4. Prefer public fields/controls in apps. `FormField`, `FormControl`, and `BaseField` are exported building blocks for advanced composition. Theme shared chrome via `components.FormField` / `FormControl` / `BaseField` (a public entry such as `components.TextField` still overrides `defaultProps`). Chrome tokens live on those shared keys. Dropdown tokens live on `components.Listbox`. Time overlay chrome: `components.TimePanel` (`TimePicker` / `TimeRangePicker` override). Shared form density: `global.formDefaults: { size, rounded }` (Radio/Switch/BaseField/FormControl ignore `rounded`).

package/dist/Components/Accordion/composables/useAccordion.d.ts

@@ -9,7 +9,7 @@ export declare function useAccordion(props: AccordionOwnProps, libDefaults: Acco
     merged: import('vue').ComputedRef<AccordionMerged>;
     rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         class: string;
-    }, "class", import('vue').HTMLAttributes | undefined, Omit<AccordionProps, "color" | "size" | "classes" | "customProps" | "variant" | "disabled" | "multiple">>>;
+    }, "class", import('vue').HTMLAttributes | undefined, Omit<AccordionProps, "color" | "size" | "classes" | "customProps" | "disabled" | "variant" | "multiple">>>;
     contextValue: import('vue').ComputedRef<AccordionContextValue>;
 };
 export {};

package/dist/Components/ActionFooter/ActionFooter.js

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

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

@@ -0,0 +1,10 @@
+import { ActionFooterOwnProps } from './actionFooter.types';
+declare const __VLS_export: import('vue').DefineComponent<ActionFooterOwnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    apply: () => any;
+    cancel: () => any;
+}, string, import('vue').PublicProps, Readonly<ActionFooterOwnProps> & Readonly<{
+    onApply?: (() => any) | undefined;
+    onCancel?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/Components/ActionFooter/ActionFooter.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,35 @@
+import { useActionFooter as e } from "./composables/useActionFooter.js";
+import t from "../Button/Button.js";
+import { createElementBlock as n, createTextVNode as r, createVNode as i, defineComponent as a, guardReactiveProps as o, normalizeProps as s, openBlock as c, toDisplayString as l, unref as u, withCtx as d } from "vue";
+//#region src/Components/ActionFooter/ActionFooter.vue?vue&type=script&setup=true&lang.ts
+var f = /*@__PURE__*/ a({
+	inheritAttrs: !1,
+	__name: "ActionFooter",
+	props: {
+		applyColor: {},
+		applyLabel: {},
+		applyVariant: {},
+		cancelColor: {},
+		cancelLabel: {},
+		cancelVariant: {},
+		classes: {},
+		customProps: {}
+	},
+	emits: ["apply", "cancel"],
+	setup(a, { emit: f }) {
+		let { rootBind: p, applyLabel: m, cancelLabel: h, applyButtonBind: g, cancelButtonBind: _ } = e(a, {
+			applyColor: "primary",
+			cancelVariant: "flat",
+			cancelColor: "secondary"
+		}, f);
+		return (e, a) => (c(), n("div", s(o(u(p))), [i(u(t), s(o(u(_))), {
+			default: d(() => [r(l(u(h)), 1)]),
+			_: 1
+		}, 16), i(u(t), s(o(u(g))), {
+			default: d(() => [r(l(u(m)), 1)]),
+			_: 1
+		}, 16)], 16));
+	}
+});
+//#endregion
+export { f as default };

package/dist/Components/ActionFooter/actionFooter.types.d.ts

@@ -0,0 +1,107 @@
+import { HTMLAttributes } from 'vue';
+import { ButtonColor, ButtonVariant } from '@bridge-ui/core/Tokens';
+import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
+import { ButtonColorOverrides, ButtonProps, ButtonVariantOverrides } from '../Button/button.types';
+/**
+ * Props accepted by the footer buttons.
+ */
+type ActionFooterButtonProps = Partial<ButtonProps>;
+export interface ActionFooterClasses {
+    /**
+     * Classes merged onto the Apply button.
+     */
+    applyButton?: string;
+    /**
+     * Classes merged onto the Cancel button.
+     */
+    cancelButton?: string;
+    /**
+     * Classes merged onto the root.
+     */
+    root?: string;
+}
+export interface ActionFooterCustomProps {
+    /**
+     * Props forwarded to the Apply button.
+     *
+     * @default undefined
+     */
+    applyButton?: ActionFooterButtonProps;
+    /**
+     * Props forwarded to the Cancel button.
+     *
+     * @default undefined
+     */
+    cancelButton?: ActionFooterButtonProps;
+    /**
+     * Props forwarded to the root element.
+     *
+     * @default undefined
+     */
+    root?: HTMLAttributes;
+}
+export interface ActionFooterEmits {
+    /**
+     * Emitted when Apply is pressed.
+     */
+    apply: [];
+    /**
+     * Emitted when Cancel is pressed.
+     */
+    cancel: [];
+}
+/**
+ * Cancel / Apply pair used as the default footer in pickers and listboxes.
+ */
+export interface ActionFooterOwnProps {
+    /**
+     * Color of the Apply button.
+     *
+     * @default "primary"
+     */
+    applyColor?: MergeProps<ButtonColor, ButtonColorOverrides>;
+    /**
+     * Label of the Apply button. Falls back to the i18n string `Apply`.
+     *
+     * @default undefined
+     */
+    applyLabel?: string;
+    /**
+     * Variant of the Apply button. Falls back to the `Button` default.
+     *
+     * @default undefined
+     */
+    applyVariant?: MergeProps<ButtonVariant, ButtonVariantOverrides>;
+    /**
+     * Color of the Cancel button.
+     *
+     * @default "secondary"
+     */
+    cancelColor?: MergeProps<ButtonColor, ButtonColorOverrides>;
+    /**
+     * Label of the Cancel button. Falls back to the i18n string `Cancel`.
+     *
+     * @default undefined
+     */
+    cancelLabel?: string;
+    /**
+     * Variant of the Cancel button.
+     *
+     * @default "flat"
+     */
+    cancelVariant?: MergeProps<ButtonVariant, ButtonVariantOverrides>;
+    /**
+     * The classes to apply to the footer.
+     *
+     * @default undefined
+     */
+    classes?: ActionFooterClasses;
+    /**
+     * Extra props for internal parts (`root`, `applyButton`, `cancelButton`).
+     *
+     * @default undefined
+     */
+    customProps?: ActionFooterCustomProps;
+}
+export type ActionFooterProps = MergeHtmlProps<ActionFooterOwnProps, HTMLAttributes>;
+export {};

package/dist/Components/ActionFooter/composables/useActionFooter.d.ts

@@ -0,0 +1,35 @@
+import { SetupContext } from 'vue';
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
+import { ActionFooterClasses, ActionFooterEmits, ActionFooterOwnProps, ActionFooterProps } from '../actionFooter.types';
+type ActionFooterLibDefaults = LibDefaultsShape<ActionFooterOwnProps, "applyColor" | "cancelColor" | "cancelVariant">;
+type ActionFooterMerged = MergeLibDefaults<ActionFooterOwnProps, ActionFooterLibDefaults>;
+export declare function useActionFooter(props: ActionFooterOwnProps, libDefaults: ActionFooterLibDefaults, emit: SetupContext<ActionFooterEmits>["emit"]): {
+    merged: import('vue').ComputedRef<ActionFooterMerged>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<ActionFooterProps, "classes" | "customProps" | "applyColor" | "applyLabel" | "applyVariant" | "cancelColor" | "cancelLabel" | "cancelVariant">>>;
+    applyLabel: import('vue').ComputedRef<string>;
+    cancelLabel: import('vue').ComputedRef<string>;
+    mergedClasses: import('vue').ComputedRef<Partial<ActionFooterClasses>>;
+    applyButtonBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", (Partial<import('@bridge-ui/core/Utils').MergeHtmlProps<import('../../Button').ButtonOwnProps & {
+        as: "span";
+    }, import('vue').HTMLAttributes>> | Partial<import('@bridge-ui/core/Utils').MergeHtmlProps<import('../../Button').ButtonOwnProps & {
+        as: "a";
+    }, import('vue').AnchorHTMLAttributes>> | Partial<import('@bridge-ui/core/Utils').MergeHtmlProps<import('../../Button').ButtonOwnProps & {
+        as?: "button";
+    }, import('vue').ButtonHTMLAttributes>>) | undefined, {
+        onClick: () => void;
+        color: NonNullable<keyof import('@bridge-ui/core/Tokens').ButtonColor | undefined>;
+        variant: keyof import('@bridge-ui/core/Tokens').ButtonVariant | undefined;
+    }>>;
+    cancelButtonBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", (Partial<import('@bridge-ui/core/Utils').MergeHtmlProps<import('../../Button').ButtonOwnProps & {
+        as: "span";
+    }, import('vue').HTMLAttributes>> | Partial<import('@bridge-ui/core/Utils').MergeHtmlProps<import('../../Button').ButtonOwnProps & {
+        as: "a";
+    }, import('vue').AnchorHTMLAttributes>> | Partial<import('@bridge-ui/core/Utils').MergeHtmlProps<import('../../Button').ButtonOwnProps & {
+        as?: "button";
+    }, import('vue').ButtonHTMLAttributes>>) | undefined, {
+        onClick: () => void;
+        color: NonNullable<keyof import('@bridge-ui/core/Tokens').ButtonColor | undefined>;
+        variant: NonNullable<keyof import('@bridge-ui/core/Tokens').ButtonVariant | undefined>;
+    }>>;
+};
+export {};

package/dist/Components/ActionFooter/composables/useActionFooter.js

@@ -0,0 +1,53 @@
+import { useResolveMessage as e } from "../../../Adapters/I18n/useI18nAdapter.js";
+import { mergePartBind as t, useBridgeUIComponent as n, useBridgeUIMergedRegistryClasses as r } from "../../../Utils/index.js";
+import { computed as i, useAttrs as a } from "vue";
+import { cn as o, splitComponentProps as s } from "@bridge-ui/core/Utils";
+//#region src/Components/ActionFooter/composables/useActionFooter.ts
+var c = [
+	"classes",
+	"applyColor",
+	"applyLabel",
+	"cancelColor",
+	"cancelLabel",
+	"customProps",
+	"applyVariant",
+	"cancelVariant"
+];
+function l(l, u, d) {
+	let f = a(), p = e(), m = i(() => s({
+		props: {
+			...f,
+			...l
+		},
+		bridgeKeys: c
+	})), { merged: h, entry: g } = n({
+		libDefaults: u,
+		componentName: "ActionFooter",
+		props: () => m.value.componentProps
+	}), _ = r({
+		entry: g,
+		props: () => m.value.componentProps
+	}), v = i(() => h.value.customProps), y = i(() => h.value.applyLabel ?? p("Apply")), b = i(() => h.value.cancelLabel ?? p("Cancel"));
+	return {
+		merged: h,
+		rootBind: i(() => t(v.value?.root, m.value.inheritedAttrs, o({
+			contents: !0,
+			[_.value.root ?? ""]: !0
+		}))),
+		applyLabel: y,
+		cancelLabel: b,
+		mergedClasses: _,
+		applyButtonBind: i(() => t(v.value?.applyButton, {
+			onClick: () => d("apply"),
+			color: h.value.applyColor,
+			variant: h.value.applyVariant
+		}, o({ [_.value.applyButton ?? ""]: !0 }))),
+		cancelButtonBind: i(() => t(v.value?.cancelButton, {
+			onClick: () => d("cancel"),
+			color: h.value.cancelColor,
+			variant: h.value.cancelVariant
+		}, o({ [_.value.cancelButton ?? ""]: !0 })))
+	};
+}
+//#endregion
+export { l as useActionFooter };

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

@@ -0,0 +1,3 @@
+export type { ActionFooterClasses, ActionFooterCustomProps, ActionFooterEmits, ActionFooterOwnProps, ActionFooterProps, } from './actionFooter.types';
+export { default as ActionFooter } from './ActionFooter.vue';
+export { useActionFooter } from './composables/useActionFooter';

package/dist/Components/ActionFooter/index.js

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

package/dist/Components/Alert/Alert.vue_vue_type_script_setup_true_lang.js

@@ -1,12 +1,12 @@
-import { hasNamedSlot as e, hasSlotOrProp as t, isPropPresent as n } from "../../Utils/slotOrProp.js";
-import r from "../Icon/Icon.js";
-import { useAlert as i } from "./composables/useAlert.js";
-import { Fragment as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, defineComponent as d, guardReactiveProps as f, mergeProps as p, normalizeProps as m, openBlock as h, renderSlot as g, toDisplayString as _, unref as v } from "vue";
+import { hasNamedSlot as e, isPropPresent as t } from "../../Utils/slotOrProp.js";
+import n from "../Icon/Icon.js";
+import { useAlert as r } from "./composables/useAlert.js";
+import { Fragment as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, defineComponent as u, guardReactiveProps as d, mergeProps as f, normalizeProps as p, openBlock as m, renderSlot as h, toDisplayString as g, unref as _ } from "vue";
 //#region src/Components/Alert/Alert.vue?vue&type=script&setup=true&lang.ts
-var y = {
+var v = {
 	key: 1,
 	class: "flex justify-between items-start"
-}, b = { class: "flex items-start gap-x-3" }, x = /*@__PURE__*/ d({
+}, y = { class: "flex items-start gap-x-3" }, b = /*@__PURE__*/ u({
 	inheritAttrs: !1,
 	__name: "Alert",
 	props: {
@@ -20,20 +20,20 @@ var y = {
 		title: {},
 		variant: {}
 	},
-	setup(d) {
-		let { slots: x, merged: S, bodyBind: C, iconBind: w, rootBind: T, titleBind: E, resolvedIcon: D, hasDefaultBody: O } = i(d, {
+	setup(u) {
+		let { slots: b, merged: x, bodyBind: S, iconBind: C, rootBind: w, hasTitle: T, titleBind: E, resolvedIcon: D, hasDefaultBody: O } = r(u, {
 			shadow: "sm",
 			rounded: "sm",
 			variant: "flat",
 			color: "primary",
 			padding: "medium"
 		});
-		return (i, d) => (h(), c("div", m(f(v(T))), [
-			v(e)(v(x), "header") ? g(i.$slots, "header", {}, void 0, void 0, 0) : v(t)(v(x), "title", v(S).title) ? (h(), c("div", y, [l("div", b, [v(e)(v(x), "icon") ? g(i.$slots, "icon", {}, void 0, void 0, 0) : v(D) ? (h(), o(r, p({ key: 1 }, v(w), { icon: v(D) }), null, 16, ["icon"])) : s("", !0), l("div", m(f(v(E))), [v(e)(v(x), "title") ? g(i.$slots, "title", {}, void 0, void 0, 0) : v(n)(v(S).title) ? (h(), c(a, { key: 1 }, [u(_(v(S).title), 1)], 64)) : s("", !0)], 16)]), g(i.$slots, "action")])) : s("", !0),
-			v(O) ? (h(), c("div", m(p({ key: 2 }, v(C))), [g(i.$slots, "default")], 16)) : s("", !0),
-			g(i.$slots, "footer")
+		return (r, u) => (m(), s("div", p(d(_(w))), [
+			_(e)(_(b), "header") ? h(r.$slots, "header", {}, void 0, void 0, 0) : _(T) ? (m(), s("div", v, [c("div", y, [_(e)(_(b), "icon") ? h(r.$slots, "icon", {}, void 0, void 0, 0) : _(D) ? (m(), a(n, f({ key: 1 }, _(C), { icon: _(D) }), null, 16, ["icon"])) : o("", !0), c("div", p(d(_(E))), [_(e)(_(b), "title") ? h(r.$slots, "title", {}, void 0, void 0, 0) : _(t)(_(x).title) ? (m(), s(i, { key: 1 }, [l(g(_(x).title), 1)], 64)) : h(r.$slots, "default", {}, void 0, void 0, 2)], 16)]), h(r.$slots, "action")])) : o("", !0),
+			_(O) ? (m(), s("div", p(f({ key: 2 }, _(S))), [h(r.$slots, "default")], 16)) : o("", !0),
+			h(r.$slots, "footer")
 		], 16));
 	}
 });
 //#endregion
-export { x as default };
+export { b as default };

package/dist/Components/Alert/alert.types.d.ts

@@ -76,7 +76,7 @@ export interface AlertOwnProps {
      */
     icon?: null | IconSource;
     /**
-     * The padding to apply to the alert.
+     * Root padding scale. Each token also sets body indent under the title row.
      *
      * @default "medium"
      */
@@ -94,7 +94,8 @@ export interface AlertOwnProps {
      */
     shadow?: MergeProps<AlertShadow, AlertShadowOverrides>;
     /**
-     * The title to apply to the alert.
+     * Title in the heading row. When omitted, the default slot is used as the
+     * title.
      *
      * @default undefined
      */
@@ -112,7 +113,8 @@ export interface AlertSlots {
      */
     action?: Slot<undefined>;
     /**
-     * Main body text below the title row.
+     * Body below the title row. Used as the title when `title` and the `title`
+     * slot are omitted.
      */
     default?: Slot<undefined>;
     /**
@@ -128,7 +130,8 @@ export interface AlertSlots {
      */
     icon?: Slot<undefined>;
     /**
-     * The title of the alert.
+     * Title in the heading row. Takes precedence over the `title` prop and the
+     * default slot.
      */
     title?: Slot<undefined>;
 }

package/dist/Components/Alert/composables/useAlert.d.ts

@@ -10,7 +10,8 @@ export declare function useAlert(props: AlertOwnProps, libDefaults: AlertLibDefa
     merged: import('vue').ComputedRef<AlertMerged>;
     bodyBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
     iconBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "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<AlertProps, "color" | "icon" | "classes" | "customProps" | "title" | "padding" | "rounded" | "shadow" | "variant">>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<AlertProps, "color" | "icon" | "classes" | "customProps" | "title" | "rounded" | "variant" | "padding" | "shadow">>>;
+    hasTitle: import('vue').ComputedRef<boolean>;
     titleBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
     resolvedIcon: import('vue').ComputedRef<IconSource | null>;
     hasDefaultBody: import('vue').ComputedRef<boolean>;

package/dist/Components/Alert/composables/useAlert.js

@@ -1,11 +1,12 @@
-import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
-import { alertDefaultIcons as r } from "../alertDefaultIcons.js";
-import { computed as i, useAttrs as a, useSlots as o } from "vue";
-import { get as s, isNull as c } from "es-toolkit/compat";
-import { alertPaddingProps as l, alertRoundedProps as u, alertShadowProps as d, alertVariantProps as f } from "@bridge-ui/core/Tokens";
-import { cn as p, mergeBridgeUILayeredClasses as m, splitComponentProps as h } from "@bridge-ui/core/Utils";
+import { hasNamedSlot as e, hasSlotOrProp as t } from "../../../Utils/slotOrProp.js";
+import { mergePartBind as n, useBridgeUIComponent as r, useBridgeUIMergedRegistryClasses as i } from "../../../Utils/index.js";
+import { alertDefaultIcons as a } from "../alertDefaultIcons.js";
+import { computed as o, useAttrs as s, useSlots as c } from "vue";
+import { get as l, isNull as u } from "es-toolkit/compat";
+import { alertPaddingProps as d, alertRoundedProps as f, alertShadowProps as p, alertVariantProps as m } from "@bridge-ui/core/Tokens";
+import { cn as h, mergeBridgeUILayeredClasses as g, splitComponentProps as _ } from "@bridge-ui/core/Utils";
 //#region src/Components/Alert/composables/useAlert.ts
-var g = [
+var v = [
 	"icon",
 	"color",
 	"title",
@@ -16,68 +17,70 @@ var g = [
 	"variant",
 	"customProps"
 ];
-function _(_, v) {
-	let y = a(), b = o(), x = i(() => h({
-		bridgeKeys: g,
+function y(y, b) {
+	let x = s(), S = c(), C = o(() => _({
+		bridgeKeys: v,
 		props: {
-			...y,
-			..._
+			...x,
+			...y
 		}
-	})), { merged: S, entry: C } = t({
-		libDefaults: v,
+	})), { merged: w, entry: T } = r({
+		libDefaults: b,
 		componentName: "Alert",
-		props: () => x.value.componentProps
-	}), w = i(() => S.value.customProps), T = n({
-		entry: C,
-		props: () => x.value.componentProps
-	}), E = i(() => {
-		let e = b.default?.();
+		props: () => C.value.componentProps
+	}), E = o(() => w.value.customProps), D = i({
+		entry: T,
+		props: () => C.value.componentProps
+	}), O = o(() => t(S, "title", w.value.title)), k = o(() => {
+		let e = S.default?.();
 		return !!(e && e.length > 0);
-	}), D = i(() => {
-		let e = m(f, C.value?.tokens?.variant);
-		return s(e, [S.value.variant, S.value.color]);
-	}), O = i(() => {
-		let e = m(d, C.value?.tokens?.shadow);
-		return s(e, S.value.shadow);
-	}), k = i(() => {
-		let e = m(l, C.value?.tokens?.padding);
-		return s(e, S.value.padding);
-	}), A = i(() => {
-		let e = m(u, C.value?.tokens?.rounded);
-		return s(e, S.value.rounded);
-	}), j = i(() => c(S.value.icon) ? null : S.value.icon ? S.value.icon : s(D.value, "icon") ?? s(r, S.value.color));
+	}), A = o(() => !e(S, "header") && (k.value || O.value)), j = o(() => k.value && (O.value || e(S, "header"))), M = o(() => {
+		let e = g(m, T.value?.tokens?.variant);
+		return l(e, [w.value.variant, w.value.color]);
+	}), N = o(() => {
+		let e = g(p, T.value?.tokens?.shadow);
+		return l(e, w.value.shadow);
+	}), P = o(() => {
+		let e = g(d, T.value?.tokens?.padding);
+		return l(e, w.value.padding);
+	}), F = o(() => {
+		let e = g(f, T.value?.tokens?.rounded);
+		return l(e, w.value.rounded);
+	}), I = o(() => u(w.value.icon) ? null : w.value.icon ? w.value.icon : l(M.value, "icon") ?? l(a, w.value.color));
 	return {
-		slots: b,
-		merged: S,
-		bodyBind: i(() => e(w.value?.body, {}, p({
+		slots: S,
+		merged: w,
+		bodyBind: o(() => n(E.value?.body, {}, h({
 			"grow text-sm text-start": !0,
-			[k.value ?? ""]: !0,
-			[s(D.value, "text") ?? ""]: !0,
-			[s(T.value, "body") ?? ""]: !0
+			[l(P.value, "body") ?? ""]: !0,
+			[l(M.value, "text") ?? ""]: !0,
+			[l(D.value, "body") ?? ""]: !0
 		}))),
-		iconBind: i(() => e(w.value?.icon, {}, p({
+		iconBind: o(() => n(E.value?.icon, {}, h({
 			"w-5 h-5 shrink-0": !0,
-			[s(D.value, "iconColor") ?? ""]: !0,
-			[s(T.value, "icon") ?? ""]: !0
+			[l(M.value, "iconColor") ?? ""]: !0,
+			[l(D.value, "icon") ?? ""]: !0
 		}))),
-		rootBind: i(() => e(w.value?.root, x.value.inheritedAttrs, p({
-			"w-full flex flex-col p-4": !0,
-			[O.value ?? ""]: !0,
-			[A.value ?? ""]: !0,
-			[s(D.value, "border") ?? ""]: !0,
-			[s(D.value, "background") ?? ""]: !0,
-			[s(T.value, "root") ?? ""]: !0
+		rootBind: o(() => n(E.value?.root, C.value.inheritedAttrs, h({
+			"w-full flex flex-col": !0,
+			[l(P.value, "root") ?? ""]: !0,
+			[N.value ?? ""]: !0,
+			[F.value ?? ""]: !0,
+			[l(M.value, "border") ?? ""]: !0,
+			[l(M.value, "background") ?? ""]: !0,
+			[l(D.value, "root") ?? ""]: !0
 		}))),
-		titleBind: i(() => e(w.value?.title, {}, p({
+		hasTitle: A,
+		titleBind: o(() => n(E.value?.title, {}, h({
 			"text-start text-sm whitespace-normal": !0,
-			"font-normal": !E.value,
-			"font-semibold": E.value,
-			[s(D.value, "text") ?? ""]: !0,
-			[s(T.value, "title") ?? ""]: !0
+			"font-normal": !j.value,
+			"font-semibold": j.value,
+			[l(M.value, "text") ?? ""]: !0,
+			[l(D.value, "title") ?? ""]: !0
 		}))),
-		resolvedIcon: j,
-		hasDefaultBody: E
+		resolvedIcon: I,
+		hasDefaultBody: j
 	};
 }
 //#endregion
-export { _ as useAlert };
+export { y as useAlert };

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

@@ -8,9 +8,9 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     clear: () => any;
     search: (query: string) => any;
-    select: (option: import('@bridge-ui/core/Domain').ListboxOption) => any;
     apply: () => any;
     cancel: () => any;
+    select: (option: import('@bridge-ui/core/Domain').ListboxOption) => any;
     change: (value: import('@bridge-ui/core/Domain').SelectModel) => any;
     close: () => any;
     deselect: (option: import('@bridge-ui/core/Domain').ListboxOption) => any;
@@ -19,9 +19,9 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onClear?: (() => any) | undefined;
     onSearch?: ((query: string) => any) | undefined;
-    onSelect?: ((option: import('@bridge-ui/core/Domain').ListboxOption) => any) | undefined;
     onApply?: (() => any) | undefined;
     onCancel?: (() => any) | undefined;
+    onSelect?: ((option: import('@bridge-ui/core/Domain').ListboxOption) => any) | undefined;
     onChange?: ((value: import('@bridge-ui/core/Domain').SelectModel) => any) | undefined;
     onClose?: (() => any) | undefined;
     onDeselect?: ((option: import('@bridge-ui/core/Domain').ListboxOption) => any) | undefined;
@@ -31,9 +31,9 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {
     showFooter: boolean;
     showErrorIcon: boolean;
     clearable: boolean;
-    freeSolo: boolean;
     minItemsForSearch: number;
     searchable: boolean;
+    freeSolo: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/Components/Autocomplete/Autocomplete.vue_vue_type_script_setup_true_lang.js

@@ -29,7 +29,7 @@ var N = {
 		asyncData: {},
 		clearable: {
 			type: Boolean,
-			default: !0
+			default: !1
 		},
 		customProps: {},
 		defaultValue: {},
@@ -76,6 +76,7 @@ var N = {
 		readonly: { type: Boolean },
 		required: { type: Boolean },
 		rounded: {},
+		showDescriptionOnError: { type: Boolean },
 		showErrorIcon: {
 			type: Boolean,
 			default: !0

package/dist/Components/Autocomplete/autocomplete.types.d.ts

@@ -118,7 +118,7 @@ export interface AutocompleteOwnProps extends Omit<FormFieldOwnProps, "field"> {
     /**
      * Whether the value can be cleared.
      *
-     * @default true
+     * @default false
      */
     clearable?: boolean;
     /**