@bridge-ui/vue 0.7.0 → 0.9.0

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" | "multiple" | "range" | "defaultValue" | "readOnly" | "disableDates" | "disableMonths" | "disableYears" | "hideOutsideDays" | "hideWeekdays" | "maxDate" | "minDate" | "previewDate" | "startOfWeek" | "timeZone" | "viewDate" | "defaultView" | "hideMonths" | "hideYears">>>>;
+    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" | "multiple" | "range" | "defaultValue" | "readOnly" | "disableDates" | "disableMonths" | "disableYears" | "hideOutsideDays" | "hideWeekdays" | "maxDate" | "minDate" | "previewDate" | "startOfWeek" | "timeZone" | "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" | "readOnly" | "disableMonths" | "maxDate" | "minDate" | "timeZone" | "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" | "defaultValue" | "readOnly" | "disableDates" | "disableMonths" | "disableYears" | "hideOutsideDays" | "hideWeekdays" | "maxDate" | "minDate" | "previewDate" | "startOfWeek" | "timeZone" | "viewDate" | "hideMonths" | "hideYears">>>>;
+    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" | "readOnly" | "disableYears" | "maxDate" | "minDate" | "timeZone" | "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.d.ts

@@ -25,8 +25,8 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {
     fill: boolean;
     showFooter: boolean;
     showErrorIcon: boolean;
-    clearable: boolean;
     showSwatch: boolean;
+    clearable: 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/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: {},
@@ -52,6 +52,7 @@ var A = { class: "flex min-w-0 flex-1 items-center gap-2" }, j = ["aria-label"],
 		readonly: { type: Boolean },
 		required: { type: Boolean },
 		rounded: {},
+		showDescriptionOnError: { type: Boolean },
 		showErrorIcon: {
 			type: Boolean,
 			default: !0

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

@@ -10,7 +10,7 @@ export declare function useColorField(props: ColorFieldOwnProps, model: Ref<null
     format: import('vue').ComputedRef<"hex" | "hsl" | "rgb" | "hexa" | "hsla" | "rgba">;
     overlay: import('vue').ComputedRef<import('@bridge-ui/core/Domain').FieldOverlayMode | undefined>;
     hasValue: import('vue').ComputedRef<boolean>;
-    colorOnly: import('vue').ComputedRef<Pick<ColorFieldOwnProps & Record<string, unknown>, "fill" | "format" | "classes" | "overlay" | "showFooter" | "customProps" | "clearable" | "defaultValue" | "alpha" | "swatches" | "editable" | "showSwatch">>;
+    colorOnly: import('vue').ComputedRef<Pick<ColorFieldOwnProps & Record<string, unknown>, "fill" | "format" | "classes" | "overlay" | "showFooter" | "customProps" | "alpha" | "editable" | "showSwatch" | "defaultValue" | "clearable" | "swatches">>;
     formField: {
         slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;
@@ -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" | "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, {}>>;
@@ -463,6 +463,8 @@ export declare function useColorField(props: ColorFieldOwnProps, model: Ref<null
         hasInsetLabelRow: import('vue').ComputedRef<boolean>;
         insetLabelRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         stackedInputRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;
+        showErrorMessageRow: import('vue').ComputedRef<boolean>;
+        showDescriptionContent: import('vue').ComputedRef<boolean>;
         showErrorMessageContent: import('vue').ComputedRef<boolean>;
         reservesErrorMessageSpace: import('vue').ComputedRef<boolean>;
     };
@@ -687,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" | "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

package/dist/Components/ColorPicker/ColorPicker.vue_vue_type_script_setup_true_lang.js

@@ -1,14 +1,14 @@
-import e from "../Button/Button.js";
+import e from "../ActionFooter/ActionFooter.js";
 import { useColorPicker as t } from "./composables/useColorPicker.js";
-import { Fragment as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, guardReactiveProps as l, mergeProps as u, normalizeClass as d, normalizeProps as f, normalizeStyle as p, openBlock as m, renderList as h, renderSlot as g, toDisplayString as _, unref as v, withCtx as y } from "vue";
-import { cn as b } from "@bridge-ui/core/Utils";
+import { Fragment as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, guardReactiveProps as c, mergeProps as l, normalizeClass as u, normalizeProps as d, normalizeStyle as f, openBlock as p, renderList as m, renderSlot as h, toDisplayString as g, unref as _ } from "vue";
+import { cn as v } from "@bridge-ui/core/Utils";
 //#region src/Components/ColorPicker/ColorPicker.vue?vue&type=script&setup=true&lang.ts
-var x = { class: "min-w-0 truncate text-sm text-dark-700 dark:text-dark-100" }, S = [
+var y = { class: "min-w-0 truncate text-sm text-dark-700 dark:text-dark-100" }, b = [
 	"aria-label",
 	"onClick",
 	"aria-pressed",
 	"disabled"
-], C = /*@__PURE__*/ c({
+], x = /*@__PURE__*/ s({
 	inheritAttrs: !1,
 	__name: "ColorPicker",
 	props: {
@@ -33,59 +33,60 @@ var x = { class: "min-w-0 truncate text-sm text-dark-700 dark:text-dark-100" },
 		"cancel",
 		"change"
 	],
-	setup(c, { emit: C }) {
-		let { merged: w, hueBind: T, rootBind: E, areaBind: D, alphaBind: O, showAlpha: k, swatchCss: A, footerBind: j, applyLabel: M, showFooter: N, previewBind: P, contentBind: F, handleApply: I, cancelLabel: L, swatchesBind: R, handleCancel: z, hueThumbBind: B, areaThumbBind: V, alphaFillBind: H, formattedValue: U, alphaThumbBind: W, presetSwatches: G, applyButtonProps: K, isSwatchSelected: q, previewSwatchBind: J, handleSwatchClick: Y, swatchButtonClass: X, cancelButtonProps: Z, swatchSelectedClass: Q, previewSwatchFillBind: $ } = t(c, {
+	setup(s, { emit: x }) {
+		let { merged: S, hueBind: C, rootBind: w, areaBind: T, alphaBind: E, showAlpha: D, swatchCss: O, footerBind: k, showFooter: A, previewBind: j, contentBind: M, handleApply: N, swatchesBind: P, handleCancel: F, hueThumbBind: I, areaThumbBind: L, alphaFillBind: R, formattedValue: z, alphaThumbBind: B, presetSwatches: V, applyButtonProps: H, isSwatchSelected: U, previewSwatchBind: W, handleSwatchClick: G, swatchButtonClass: K, cancelButtonProps: q, swatchSelectedClass: J, previewSwatchFillBind: Y } = t(s, {
 			rounded: "md",
 			format: "hex"
-		}, C);
-		return (t, c) => (m(), i("div", f(l(v(E))), [a("div", { class: d(v(F)) }, [
-			a("div", f(l(v(D))), [
-				c[0] ||= a("span", {
+		}, x);
+		return (t, s) => (p(), i("div", d(c(_(w))), [a("div", { class: u(_(M)) }, [
+			a("div", d(c(_(T))), [
+				s[0] ||= a("span", {
 					"aria-hidden": "",
 					class: "pointer-events-none absolute inset-0",
 					style: { backgroundImage: "linear-gradient(to right, #fff, transparent)" }
 				}, null, -1),
-				c[1] ||= a("span", {
+				s[1] ||= a("span", {
 					"aria-hidden": "",
 					class: "pointer-events-none absolute inset-0",
 					style: { backgroundImage: "linear-gradient(to top, #000, transparent)" }
 				}, null, -1),
-				a("span", f(l(v(V))), null, 16)
+				a("span", d(c(_(L))), null, 16)
 			], 16),
-			a("div", f(l(v(T))), [a("span", f(l(v(B))), null, 16)], 16),
-			v(k) ? (m(), i("div", f(u({ key: 0 }, v(O))), [a("span", f(l(v(H))), null, 16), a("span", f(l(v(W))), null, 16)], 16)) : r("", !0),
-			a("div", f(l(v(P))), [a("span", f(l(v(J))), [a("span", f(l(v($))), null, 16)], 16), a("span", x, _(v(U)), 1)], 16),
-			v(G).length > 0 ? (m(), i("div", f(u({ key: 1 }, v(R))), [(m(!0), i(n, null, h(v(G), (e) => (m(), i("button", {
+			a("div", d(c(_(C))), [a("span", d(c(_(I))), null, 16)], 16),
+			_(D) ? (p(), i("div", d(l({ key: 0 }, _(E))), [a("span", d(c(_(R))), null, 16), a("span", d(c(_(B))), null, 16)], 16)) : r("", !0),
+			a("div", d(c(_(j))), [a("span", d(c(_(W))), [a("span", d(c(_(Y))), null, 16)], 16), a("span", y, g(_(z)), 1)], 16),
+			_(V).length > 0 ? (p(), i("div", d(l({ key: 1 }, _(P))), [(p(!0), i(n, null, m(_(V), (e) => (p(), i("button", {
 				type: "button",
 				key: e,
 				"aria-label": e,
-				onClick: (t) => v(Y)(e),
-				"aria-pressed": v(q)(e),
-				disabled: v(w).disabled || v(w).readOnly,
-				class: d(v(b)({
-					[v(X)]: !0,
-					[v(Q)]: v(q)(e)
+				onClick: (t) => _(G)(e),
+				"aria-pressed": _(U)(e),
+				disabled: _(S).disabled || _(S).readOnly,
+				class: u(_(v)({
+					[_(K)]: !0,
+					[_(J)]: _(U)(e)
 				}))
 			}, [a("span", {
 				"aria-hidden": "",
 				class: "absolute inset-0",
-				style: p({ backgroundColor: v(A)(e) })
-			}, null, 4)], 10, S))), 128))], 16)) : r("", !0)
-		], 2), v(N) ? (m(), i("div", f(u({ key: 0 }, v(j))), [g(t.$slots, "footer", {
-			apply: v(I),
-			cancel: v(z)
-		}, () => [s(v(e), u({
-			variant: "flat",
-			color: "secondary",
-			onClick: v(z)
-		}, v(Z)), {
-			default: y(() => [o(_(v(L)), 1)]),
-			_: 1
-		}, 16, ["onClick"]), s(v(e), u({ color: "primary" }, v(K), { onClick: v(I) }), {
-			default: y(() => [o(_(v(M)), 1)]),
-			_: 1
-		}, 16, ["onClick"])])], 16)) : r("", !0)], 16));
+				style: f({ backgroundColor: _(O)(e) })
+			}, null, 4)], 10, b))), 128))], 16)) : r("", !0)
+		], 2), _(A) ? (p(), i("div", d(l({ key: 0 }, _(k))), [h(t.$slots, "footer", {
+			apply: _(N),
+			cancel: _(F)
+		}, () => [o(_(e), {
+			onApply: _(N),
+			onCancel: _(F),
+			"custom-props": {
+				applyButton: _(H),
+				cancelButton: _(q)
+			}
+		}, null, 8, [
+			"onApply",
+			"onCancel",
+			"custom-props"
+		])])], 16)) : r("", !0)], 16));
 	}
 });
 //#endregion
-export { C as default };
+export { x as default };

package/dist/Components/ColorPicker/composables/useColorPicker.d.ts

@@ -22,7 +22,7 @@ export declare function useColorPicker(props: MaybeRefOrGetter<ColorPickerOwnPro
         onPointerdown: (event: PointerEvent) => void;
         onPointermove: (event: PointerEvent) => void;
     }>>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<ColorPickerOwnProps, "fill" | "format" | "value" | "classes" | "showFooter" | "customProps" | "rounded" | "disabled" | "defaultValue" | "readOnly" | "alpha" | "swatches">>>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<ColorPickerOwnProps, "fill" | "format" | "value" | "classes" | "showFooter" | "customProps" | "disabled" | "rounded" | "alpha" | "defaultValue" | "readOnly" | "swatches">>>>;
     areaBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
         role: string;
         onKeydown: (event: KeyboardEvent) => void;
@@ -101,8 +101,6 @@ export declare function useColorPicker(props: MaybeRefOrGetter<ColorPickerOwnPro
             backgroundColor: string;
         };
     }>;
-    applyLabel: import('vue').ComputedRef<string>;
-    cancelLabel: import('vue').ComputedRef<string>;
     applyButtonProps: import('vue').ComputedRef<Partial<import('../../Button').ButtonProps> | undefined>;
     cancelButtonProps: import('vue').ComputedRef<Partial<import('../../Button').ButtonProps> | undefined>;
     isSwatchSelected: (value: string) => boolean;

package/dist/Components/ColorPicker/composables/useColorPicker.js

@@ -238,8 +238,6 @@ function w(f, w, T) {
 		})),
 		swatchSelectedClass: a(() => "ring-2 ring-dark-500 ring-offset-2 ring-offset-white dark:ring-dark-400 dark:ring-offset-dark-900"),
 		previewSwatchFillBind: De,
-		applyLabel: a(() => D("Apply")),
-		cancelLabel: a(() => D("Cancel")),
 		applyButtonProps: a(() => j.value?.applyButton),
 		cancelButtonProps: a(() => j.value?.cancelButton),
 		isSwatchSelected: (e) => p(e, H.value),

package/dist/Components/DataTable/DataTable.vue_vue_type_script_setup_true_lang.js

@@ -70,6 +70,14 @@ var _e = { class: "min-w-0 flex-1" }, ve = { class: "flex shrink-0 items-center
 		rounded: {},
 		rows: {},
 		selectionMode: {},
+		showColumnVisibility: {
+			type: Boolean,
+			default: !1
+		},
+		showSearch: {
+			type: Boolean,
+			default: !1
+		},
 		size: {},
 		stickyHeader: {
 			type: [String, Boolean],

package/dist/Components/DataTable/DataTableFilterMenu.vue_vue_type_script_setup_true_lang.js

@@ -66,7 +66,7 @@ var O = { class: "relative z-2 inline-flex items-center leading-none" }, k = ["a
 			"aria-label": y(H)("Filter column"),
 			class: h(y(D)({
 				"inline-flex size-6 shrink-0 cursor-pointer items-center justify-center rounded-sm leading-none hover:bg-dark-500/10 dark:hover:bg-dark-500/15": !0,
-				"text-primary-600": m.active
+				"bg-dark-500/10 dark:bg-dark-500/15": m.active
 			}))
 		}, [p(y(n), {
 			size: "sm",

package/dist/Components/DataTable/composables/useDataTable.d.ts

@@ -73,7 +73,7 @@ export declare function useDataTable<T>(props: DataTableOwnProps<T>, libDefaults
     rowViews: import('vue').ComputedRef<DataTableRowView<T>[]>;
     rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         class: string;
-    }, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<DataTableProps<T>, "search" | "columns" | "size" | "classes" | "customProps" | "full" | "rounded" | "variant" | "page" | "loading" | "rows" | "filters" | "expanded" | "hoverable" | "stickyHeader" | "striped" | "columnSearch" | "columnsOverlay" | "columnsShowFooter" | "filterOverlay" | "getRowId" | "hiddenColumns" | "loadingVariant" | "pageCount" | "perPage" | "perPageOptions" | "selection" | "selectionMode" | "sorting" | "totalCount">>>>;
+    }, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<DataTableProps<T>, "search" | "columns" | "size" | "classes" | "customProps" | "full" | "loading" | "rounded" | "variant" | "page" | "rows" | "filters" | "expanded" | "hoverable" | "stickyHeader" | "striped" | "columnSearch" | "columnsOverlay" | "columnsShowFooter" | "filterOverlay" | "getRowId" | "hiddenColumns" | "loadingVariant" | "pageCount" | "perPage" | "perPageOptions" | "selection" | "selectionMode" | "showColumnVisibility" | "showSearch" | "sorting" | "totalCount">>>>;
     emptyBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         class: string;
     }, "class", import('vue').HTMLAttributes | undefined, {}>>;