@bridge-ui/vue 0.8.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/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/composables/useAlert.d.ts

@@ -10,7 +10,7 @@ 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>;

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;

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: {},

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;
     /**

package/dist/Components/Autocomplete/composables/useAutocomplete.d.ts

@@ -436,7 +436,7 @@ export declare function useAutocomplete(props: AutocompleteOwnProps, model: Ref<
             onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-        }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showDescriptionOnError" | "showErrorIcon" | "startIcon">>>>;
+        }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "disabled" | "endIcon" | "rounded" | "startIcon" | "variant" | "label" | "start" | "required" | "corner" | "description" | "errorMessage" | "errorIcon" | "hideErrorMessage" | "readonly" | "showDescriptionOnError" | "showErrorIcon">>>>;
         isNotched: import('vue').ComputedRef<boolean>;
         isStacked: import('vue').ComputedRef<boolean>;
         startBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
@@ -722,7 +722,7 @@ export declare function useAutocomplete(props: AutocompleteOwnProps, model: Ref<
         onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-    }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showDescriptionOnError" | "showErrorIcon" | "startIcon">>>>>;
+    }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "disabled" | "endIcon" | "rounded" | "startIcon" | "variant" | "label" | "start" | "required" | "corner" | "description" | "errorMessage" | "errorIcon" | "hideErrorMessage" | "readonly" | "showDescriptionOnError" | "showErrorIcon">>>>>;
     handleApply: () => void;
     selectOption: (option: SelectOption) => void;
     handleCancel: () => void;
@@ -749,7 +749,7 @@ export declare function useAutocomplete(props: AutocompleteOwnProps, model: Ref<
         options: import('@bridge-ui/core/Domain').ListboxOption[];
         overlay: import('@bridge-ui/core/Domain').FieldOverlayMode;
         placement?: import('@floating-ui/utils').Placement;
-        rounded: "2xl" | "lg" | "md" | "sm" | "xl" | "xs" | "none" | "3xl" | "4xl" | "full";
+        rounded: "2xl" | "lg" | "md" | "sm" | "xl" | "xs" | "3xl" | "4xl" | "full" | "none";
         showCheckmark?: boolean;
         showFooter: boolean;
         size: "2xl" | "2xs" | "lg" | "md" | "sm" | "xl" | "xs";

package/dist/Components/Autocomplete/composables/useAutocomplete.js

@@ -94,7 +94,7 @@ function m(m, h, g, _, Me) {
 			value: t,
 			label: String(t)
 		});
-	}), V = a(() => R.value.length > 0), Ke = a(() => k.value.clearable !== !1), H = a(() => !!k.value.asyncData), U = a(() => {
+	}), V = a(() => R.value.length > 0), Ke = a(() => k.value.clearable === !0), H = a(() => !!k.value.asyncData), U = a(() => {
 		if (H.value || (k.value.searchable ?? !0)) return !0;
 		let e = k.value.minItemsForSearch ?? 11;
 		return ze.value.length >= e;

package/dist/Components/Badge/composables/useBadge.d.ts

@@ -4,6 +4,6 @@ type BadgeLibDefaults = LibDefaultsShape<BadgeOwnProps, "size" | "color" | "dens
 type BadgeMerged = MergeLibDefaults<BadgeOwnProps, BadgeLibDefaults>;
 export declare function useBadge(props: BadgeOwnProps, libDefaults: BadgeLibDefaults): {
     merged: import('vue').ComputedRef<BadgeMerged>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, Omit<BadgeProps, "color" | "size" | "classes" | "full" | "rounded" | "variant" | "density">>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, Omit<BadgeProps, "color" | "size" | "classes" | "full" | "density" | "rounded" | "variant">>>;
 };
 export {};

package/dist/Components/BreadcrumbItem/composables/useBreadcrumbItem.d.ts

@@ -5,16 +5,16 @@ export declare function useBreadcrumbItem(props: BreadcrumbItemOwnProps): {
         [name: string]: import('vue').Slot<any> | undefined;
     }>;
     merged: import('vue').ComputedRef<BreadcrumbItemOwnProps>;
-    crumbAs: import('vue').ComputedRef<"a" | "button" | "span">;
+    crumbAs: import('vue').ComputedRef<"a" | "span" | "button">;
     rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         class: string;
-    }, "class", import('vue').HTMLAttributes | undefined, Omit<Omit<BreadcrumbItemProps, "href" | "classes" | "customProps" | "disabled" | "endIcon" | "startIcon" | "as" | "current">, "aria-label" | "aria-labelledby">>>;
+    }, "class", import('vue').HTMLAttributes | undefined, Omit<Omit<BreadcrumbItemProps, "href" | "classes" | "customProps" | "as" | "disabled" | "endIcon" | "startIcon" | "current">, "aria-label" | "aria-labelledby">>>;
     linkBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         "aria-disabled": true | undefined;
         "aria-current": "page" | undefined;
         href: string | undefined;
         class: string;
-    }, "class", import('vue').HTMLAttributes | undefined, Pick<Omit<BreadcrumbItemProps, "href" | "classes" | "customProps" | "disabled" | "endIcon" | "startIcon" | "as" | "current">, "aria-label" | "aria-labelledby">>>;
+    }, "class", import('vue').HTMLAttributes | undefined, Pick<Omit<BreadcrumbItemProps, "href" | "classes" | "customProps" | "as" | "disabled" | "endIcon" | "startIcon" | "current">, "aria-label" | "aria-labelledby">>>;
     iconSize: import('vue').ComputedRef<keyof IconSize>;
     endIconBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         size: keyof IconSize;

package/dist/Components/Button/composables/useButton.d.ts

@@ -3,14 +3,14 @@ import { ButtonOwnProps, ButtonProps } from '../button.types';
 type ButtonLibDefaults = LibDefaultsShape<ButtonOwnProps, "as" | "size" | "color" | "density" | "rounded" | "variant">;
 type ButtonMerged = MergeLibDefaults<ButtonOwnProps, ButtonLibDefaults>;
 export declare function useButton(props: ButtonOwnProps, libDefaults: ButtonLibDefaults): {
-    tag: import('vue').ComputedRef<NonNullable<"a" | "button" | "span" | undefined>>;
+    tag: import('vue').ComputedRef<NonNullable<"a" | "span" | "button" | undefined>>;
     merged: import('vue').ComputedRef<ButtonMerged>;
     isMini: import('vue').ComputedRef<boolean>;
     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<{
         "aria-pressed": boolean | undefined;
         class: string;
-    }, "class", import('vue').HTMLAttributes | undefined, Omit<ButtonProps, "color" | "href" | "icon" | "size" | "classes" | "customProps" | "full" | "rounded" | "variant" | "text" | "disabled" | "endIcon" | "startIcon" | "loading" | "as" | "density" | "selected">>>;
+    }, "class", import('vue').HTMLAttributes | undefined, Omit<ButtonProps, "color" | "href" | "icon" | "size" | "classes" | "customProps" | "full" | "as" | "density" | "disabled" | "endIcon" | "loading" | "rounded" | "selected" | "startIcon" | "text" | "variant">>>;
     rootHref: import('vue').ComputedRef<string | undefined>;
     rootType: import('vue').ComputedRef<"button" | undefined>;
     endIconBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;

package/dist/Components/ButtonGroup/composables/useButtonGroup.d.ts

@@ -11,6 +11,6 @@ export declare function useButtonGroup(props: ButtonGroupOwnProps, libDefaults:
         role: string;
         "data-slot": string;
         class: string;
-    }, "class", import('vue').HTMLAttributes | undefined, Omit<ButtonGroupProps, "color" | "orientation" | "size" | "classes" | "customProps" | "full" | "rounded" | "variant" | "density" | "separator">>>;
+    }, "class", import('vue').HTMLAttributes | undefined, Omit<ButtonGroupProps, "color" | "orientation" | "size" | "classes" | "customProps" | "full" | "density" | "rounded" | "variant" | "separator">>>;
 };
 export {};

package/dist/Components/Calendar/composables/useCalendar.d.ts

@@ -26,7 +26,7 @@ export declare function useCalendar(props: MaybeRefOrGetter<CalendarOwnProps>, l
     }>;
     context: import('vue').ComputedRef<DateAdapterContext>;
     showNav: import('vue').ComputedRef<boolean>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<CalendarOwnProps, "error" | "color" | "fill" | "value" | "classes" | "customProps" | "rounded" | "view" | "disabled" | "hideMonths" | "hideOutsideDays" | "hideWeekdays" | "hideYears" | "multiple" | "range" | "startOfWeek" | "timeZone" | "defaultValue" | "readOnly" | "disableDates" | "disableMonths" | "disableYears" | "maxDate" | "minDate" | "previewDate" | "viewDate" | "defaultView">>>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<CalendarOwnProps, "error" | "color" | "fill" | "value" | "classes" | "customProps" | "disabled" | "rounded" | "view" | "hideMonths" | "hideOutsideDays" | "hideWeekdays" | "hideYears" | "multiple" | "range" | "startOfWeek" | "timeZone" | "defaultValue" | "readOnly" | "disableDates" | "disableMonths" | "disableYears" | "maxDate" | "minDate" | "previewDate" | "viewDate" | "defaultView">>>>;
     viewDate: import('vue').ComputedRef<Date>;
     viewYear: import('vue').ComputedRef<number>;
     bodyBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;

package/dist/Components/CalendarDate/composables/useCalendarDate.d.ts

@@ -15,7 +15,7 @@ export declare function useCalendarDate(props: MaybeRefOrGetter<CalendarDateOwnP
     value: import('vue').ComputedRef<DatePickerModel>;
     merged: import('vue').ComputedRef<CalendarDateMerged>;
     context: import('vue').ComputedRef<DateAdapterContext>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<CalendarDateOwnProps, "error" | "color" | "value" | "classes" | "customProps" | "rounded" | "disabled" | "hideOutsideDays" | "hideWeekdays" | "multiple" | "range" | "startOfWeek" | "timeZone" | "defaultValue" | "readOnly" | "disableDates" | "disableMonths" | "disableYears" | "maxDate" | "minDate" | "previewDate" | "viewDate">>>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<CalendarDateOwnProps, "error" | "color" | "value" | "classes" | "customProps" | "disabled" | "rounded" | "hideOutsideDays" | "hideWeekdays" | "multiple" | "range" | "startOfWeek" | "timeZone" | "defaultValue" | "readOnly" | "disableDates" | "disableMonths" | "disableYears" | "maxDate" | "minDate" | "previewDate" | "viewDate">>>>;
     gridBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
         role: string;
         onMouseleave: () => void;

package/dist/Components/CalendarMonth/composables/useCalendarMonth.d.ts

@@ -15,7 +15,7 @@ export declare function useCalendarMonth(props: MaybeRefOrGetter<CalendarMonthOw
     year: import('vue').ComputedRef<number>;
     merged: import('vue').ComputedRef<CalendarMonthMerged>;
     months: import('vue').ComputedRef<CalendarMonthCell[]>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<CalendarMonthOwnProps, "error" | "color" | "value" | "classes" | "customProps" | "rounded" | "disabled" | "timeZone" | "readOnly" | "disableMonths" | "maxDate" | "minDate" | "year">>>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<CalendarMonthOwnProps, "error" | "color" | "value" | "classes" | "customProps" | "disabled" | "rounded" | "timeZone" | "readOnly" | "disableMonths" | "maxDate" | "minDate" | "year">>>>;
     gridBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
         role: string;
     }>>;

package/dist/Components/CalendarRange/composables/useCalendarRange.d.ts

@@ -24,7 +24,7 @@ export declare function useCalendarRange(props: MaybeRefOrGetter<CalendarRangeOw
     merged: import('vue').ComputedRef<CalendarRangeMerged>;
     showNav: import('vue').ComputedRef<boolean>;
     endBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<CalendarRangeOwnProps, "error" | "color" | "fill" | "orientation" | "value" | "classes" | "customProps" | "rounded" | "disabled" | "hideMonths" | "hideOutsideDays" | "hideWeekdays" | "hideYears" | "startOfWeek" | "timeZone" | "defaultValue" | "readOnly" | "disableDates" | "disableMonths" | "disableYears" | "maxDate" | "minDate" | "previewDate" | "viewDate">>>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<CalendarRangeOwnProps, "error" | "color" | "fill" | "orientation" | "value" | "classes" | "customProps" | "disabled" | "rounded" | "hideMonths" | "hideOutsideDays" | "hideWeekdays" | "hideYears" | "startOfWeek" | "timeZone" | "defaultValue" | "readOnly" | "disableDates" | "disableMonths" | "disableYears" | "maxDate" | "minDate" | "previewDate" | "viewDate">>>>;
     bodyBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
     viewDate: import('vue').ComputedRef<Date>;
     viewYear: import('vue').ComputedRef<number>;

package/dist/Components/CalendarYear/composables/useCalendarYear.d.ts

@@ -14,7 +14,7 @@ export type CalendarYearCell = {
 export declare function useCalendarYear(props: MaybeRefOrGetter<CalendarYearOwnProps>, libDefaults: CalendarYearLibDefaults, emit: (event: "change", year: number) => void): {
     years: import('vue').ComputedRef<CalendarYearCell[]>;
     merged: import('vue').ComputedRef<CalendarYearMerged>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<CalendarYearOwnProps, "error" | "color" | "value" | "classes" | "customProps" | "rounded" | "disabled" | "timeZone" | "readOnly" | "disableYears" | "maxDate" | "minDate" | "pageSize" | "startYear">>>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<CalendarYearOwnProps, "error" | "color" | "value" | "classes" | "customProps" | "disabled" | "rounded" | "timeZone" | "readOnly" | "disableYears" | "maxDate" | "minDate" | "pageSize" | "startYear">>>>;
     gridBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
         role: string;
     }>>;

package/dist/Components/Card/composables/useCard.d.ts

@@ -8,7 +8,7 @@ export declare function useCard(props: CardOwnProps, libDefaults: CardLibDefault
     }>;
     merged: import('vue').ComputedRef<CardMerged>;
     bodyBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<CardProps, "classes" | "customProps" | "title" | "padding" | "rounded" | "shadow" | "variant" | "borderless">>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<CardProps, "classes" | "customProps" | "title" | "rounded" | "variant" | "padding" | "shadow" | "borderless">>>;
     titleBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
     footerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
     headerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;

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

@@ -6,8 +6,8 @@ declare const __VLS_base: import('vue').DefineComponent<ChipOwnProps, {}, {}, {}
     onDismiss?: ((event: MouseEvent | KeyboardEvent) => any) | undefined;
 }>, {
     size: import('@bridge-ui/core/Utils').MergeProps<import('@bridge-ui/core/Tokens').ChipSize, import('./chip.types').ChipSizeOverrides>;
-    clearLabel: string;
     disabled: boolean;
+    clearLabel: string;
     dismissible: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/Components/Chip/composables/useChip.d.ts

@@ -6,7 +6,7 @@ type ChipLibDefaults = LibDefaultsShape<ChipOwnProps, "size">;
 type ChipMerged = MergeLibDefaults<ChipOwnProps, ChipLibDefaults>;
 export declare function useChip(props: ChipOwnProps, libDefaults: ChipLibDefaults, emit: SetupContext<ChipEmits>["emit"]): {
     merged: import('vue').ComputedRef<ChipMerged>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<ChipProps, "size" | "classes" | "customProps" | "label" | "clearLabel" | "disabled" | "dismissible">>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<ChipProps, "size" | "classes" | "customProps" | "disabled" | "label" | "clearLabel" | "dismissible">>>;
     labelBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
     clearBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
         role: string;

package/dist/Components/ColorField/ColorField.vue_vue_type_script_setup_true_lang.js

@@ -17,7 +17,7 @@ var A = { class: "flex min-w-0 flex-1 items-center gap-2" }, j = ["aria-label"],
 		classes: {},
 		clearable: {
 			type: Boolean,
-			default: !0
+			default: !1
 		},
 		customProps: {},
 		defaultValue: {},

package/dist/Components/ColorField/colorField.types.d.ts

@@ -97,7 +97,7 @@ export interface ColorFieldOwnProps extends Omit<FormFieldOwnProps, "field" | "c
     /**
      * Whether the value can be cleared.
      *
-     * @default true
+     * @default false
      */
     clearable?: boolean;
     /**

package/dist/Components/ColorField/composables/useColorField.d.ts

@@ -438,7 +438,7 @@ export declare function useColorField(props: ColorFieldOwnProps, model: Ref<null
             onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-        }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showDescriptionOnError" | "showErrorIcon" | "startIcon">>>>;
+        }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "disabled" | "endIcon" | "rounded" | "startIcon" | "variant" | "label" | "start" | "required" | "corner" | "description" | "errorMessage" | "errorIcon" | "hideErrorMessage" | "readonly" | "showDescriptionOnError" | "showErrorIcon">>>>;
         isNotched: import('vue').ComputedRef<boolean>;
         isStacked: import('vue').ComputedRef<boolean>;
         startBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
@@ -689,7 +689,7 @@ export declare function useColorField(props: ColorFieldOwnProps, model: Ref<null
         onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-    }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showDescriptionOnError" | "showErrorIcon" | "startIcon">>>, "class", {
+    }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "disabled" | "endIcon" | "rounded" | "startIcon" | "variant" | "label" | "start" | "required" | "corner" | "description" | "errorMessage" | "errorIcon" | "hideErrorMessage" | "readonly" | "showDescriptionOnError" | "showErrorIcon">>>, "class", {
         value: string;
         readonly: boolean;
         onFocus: (event: FocusEvent) => void;

package/dist/Components/ColorField/composables/useColorField.js

@@ -34,7 +34,7 @@ function w(p, w, T) {
 			...p
 		},
 		bridgeKeys: re
-	})), M = o(() => j.value.componentProps), N = o(() => w.value ?? null), P = o(() => M.value.format ?? f), F = o(() => M.value.clearable !== !1), I = o(() => M.value.showSwatch !== !1), L = o(() => !u(N.value) && N.value.length > 0), R = o(() => g(M.value.overlay, D.mobile)), z = a({
+	})), M = o(() => j.value.componentProps), N = o(() => w.value ?? null), P = o(() => M.value.format ?? f), F = o(() => M.value.clearable === !0), I = o(() => M.value.showSwatch !== !1), L = o(() => !u(N.value) && N.value.length > 0), R = o(() => g(M.value.overlay, D.mobile)), z = a({
 		overlay: R,
 		componentName: "ColorField",
 		fill: () => M.value.fill