@bridge-ui/vue 0.0.6 → 0.0.7

package/dist/Components/Progress/composables/useProgress.js

@@ -1,7 +1,7 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 import { computed as r, useAttrs as i } from "vue";
-import { get as a, isNil as o } from "es-toolkit/compat";
-import { cn as s, mergeBridgeUILayeredClasses as c, splitComponentProps as l } from "@bridge-ui/core";
+import { cn as a, mergeBridgeUILayeredClasses as o, splitComponentProps as s } from "@bridge-ui/core";
+import { get as c, isNil as l } from "es-toolkit/compat";
 import { colorProps as u, roundedProps as d, sizeProps as f, variantProps as p } from "@bridge-ui/core/Tokens/Progress";
 //#region src/Components/Progress/composables/useProgress.ts
 var m = [
@@ -15,13 +15,13 @@ var m = [
 	"valueBuffer"
 ];
 function h(e) {
-	return o(e) || Number.isNaN(e) ? 0 : Math.min(100, Math.max(0, e));
+	return l(e) || Number.isNaN(e) ? 0 : Math.min(100, Math.max(0, e));
 }
-function g(o, g) {
-	let _ = i(), v = r(() => l({
+function g(l, g) {
+	let _ = i(), v = r(() => s({
 		props: {
 			..._,
-			...o
+			...l
 		},
 		bridgeKeys: m
 	})), { merged: y, entry: b } = t({
@@ -31,25 +31,25 @@ function g(o, g) {
 	}), x = n({
 		entry: b,
 		props: () => v.value.componentProps
-	}), S = r(() => y.value.customProps), C = r(() => a(c(u, b.value?.tokens?.color), y.value.color)), w = r(() => a(c(f, b.value?.tokens?.size), y.value.size)), T = r(() => a(c(d, b.value?.tokens?.rounded), y.value.rounded)), E = r(() => a(c(p, b.value?.tokens?.variant), y.value.variant)), D = r(() => y.value.variant === "buffer"), O = r(() => y.value.variant === "determinate" || y.value.variant === "buffer"), k = r(() => y.value.variant === "indeterminate" || y.value.variant === "query"), A = r(() => h(y.value.value)), j = r(() => h(y.value.valueBuffer)), M = r(() => e(S.value?.root, v.value.inheritedAttrs, {
+	}), S = r(() => y.value.customProps), C = r(() => c(o(u, b.value?.tokens?.color), y.value.color)), w = r(() => c(o(f, b.value?.tokens?.size), y.value.size)), T = r(() => c(o(d, b.value?.tokens?.rounded), y.value.rounded)), E = r(() => c(o(p, b.value?.tokens?.variant), y.value.variant)), D = r(() => y.value.variant === "buffer"), O = r(() => y.value.variant === "determinate" || y.value.variant === "buffer"), k = r(() => y.value.variant === "indeterminate" || y.value.variant === "query"), A = r(() => h(y.value.value)), j = r(() => h(y.value.valueBuffer)), M = r(() => e(S.value?.root, v.value.inheritedAttrs, {
 		role: "progressbar",
 		...O.value ? {
 			"aria-valuemin": 0,
 			"aria-valuemax": 100,
 			"aria-valuenow": A.value
 		} : {},
-		class: s({
+		class: a({
 			"relative w-full overflow-hidden": !0,
 			[w.value ?? ""]: !0,
 			[T.value ?? ""]: !0,
 			[x.value.root ?? ""]: !0
 		})
-	})), N = r(() => e(S.value?.track, {}, s({
+	})), N = r(() => e(S.value?.track, {}, a({
 		"absolute inset-0": !0,
 		[C.value?.track ?? ""]: !0,
 		[T.value ?? ""]: !0,
 		[x.value.track ?? ""]: !0
-	}))), P = r(() => D.value ? e(S.value?.buffer, { style: { width: `${j.value}%` } }, s({
+	}))), P = r(() => D.value ? e(S.value?.buffer, { style: { width: `${j.value}%` } }, a({
 		"absolute top-0 left-0 h-full transition-[width] duration-200 ease-linear": !0,
 		[C.value?.buffer ?? ""]: !0,
 		[T.value ?? ""]: !0,
@@ -57,7 +57,7 @@ function g(o, g) {
 	})) : null);
 	return {
 		merged: y,
-		barBind: r(() => e(S.value?.bar, O.value ? { style: { width: `${A.value}%` } } : {}, s({
+		barBind: r(() => e(S.value?.bar, O.value ? { style: { width: `${A.value}%` } } : {}, a({
 			"absolute top-0 left-0 h-full": !0,
 			"transition-[width] duration-200 ease-linear": O.value,
 			[E.value ?? ""]: k.value,

package/dist/Components/Radio/Radio.vue_vue_type_script_setup_true_lang.js

@@ -22,10 +22,10 @@ var _ = ["for"], v = ["checked"], y = /* @__PURE__ */ a({
 		endLabel: {},
 		error: { type: Boolean },
 		errorMessage: {},
+		hideErrorMessage: { type: Boolean },
 		readonly: { type: Boolean },
 		required: { type: Boolean },
-		startLabel: {},
-		withoutErrorMessage: { type: Boolean }
+		startLabel: {}
 	}, {
 		modelValue: {},
 		modelModifiers: {}

package/dist/Components/Radio/composables/useRadio.d.ts

@@ -234,13 +234,13 @@ export declare function useRadio(props: MaybeRefOrGetter<RadioOwnProps>, libDefa
         slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;
         }>;
-        merged: import('vue').ComputedRef<Omit<import('../../FormControl').FormControlOwnProps, "error" | "size" | "withoutErrorMessage"> & {
+        merged: import('vue').ComputedRef<Omit<import('../../FormControl').FormControlOwnProps, "error" | "size" | "hideErrorMessage"> & {
             error: NonNullable<boolean | undefined>;
             size: NonNullable<keyof import('@bridge-ui/core').LabelSize | undefined>;
-            withoutErrorMessage: NonNullable<boolean | undefined>;
+            hideErrorMessage: NonNullable<boolean | undefined>;
         }>;
         rowBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-        rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<Omit<import('../../FormControl').FormControlOwnProps, "field">, "error" | "size" | "classes" | "customProps" | "disabled" | "required" | "controlId" | "description" | "endLabel" | "errorMessage" | "readonly" | "startLabel" | "withoutErrorMessage">>>>;
+        rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<Omit<import('../../FormControl').FormControlOwnProps, "field">, "error" | "size" | "classes" | "customProps" | "disabled" | "required" | "controlId" | "description" | "endLabel" | "errorMessage" | "hideErrorMessage" | "readonly" | "startLabel">>>>;
         controlId: import('vue').ComputedRef<string>;
         isDisabled: import('vue').ComputedRef<boolean>;
         isReadonly: import('vue').ComputedRef<boolean>;

package/dist/Components/Radio/composables/useRadio.js

@@ -1,8 +1,8 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 import { useFormControl as r } from "../../FormControl/composables/useFormControl.js";
 import { computed as i, toValue as a, useAttrs as o } from "vue";
-import { get as s, omit as c } from "es-toolkit/compat";
-import { cn as l, mergeBridgeUILayeredClasses as u, splitComponentProps as d } from "@bridge-ui/core";
+import { cn as s, mergeBridgeUILayeredClasses as c, splitComponentProps as l } from "@bridge-ui/core";
+import { get as u, omit as d } from "es-toolkit/compat";
 import { colorProps as f, invalidatedProps as p, roundedProps as m, sizeProps as h } from "@bridge-ui/core/Tokens/Radio";
 //#region src/Components/Radio/composables/useRadio.ts
 var g = [
@@ -21,9 +21,9 @@ function _(_, v, y) {
 		...a(_)
 	}), {
 		error: !1,
-		withoutErrorMessage: !1,
+		hideErrorMessage: !1,
 		size: v.size ?? "sm"
-	}), S = i(() => d({
+	}), S = i(() => l({
 		bridgeKeys: g,
 		props: {
 			...b,
@@ -36,16 +36,16 @@ function _(_, v, y) {
 	}), T = i(() => C.value.customProps), E = n({
 		entry: w,
 		props: () => S.value.componentProps
-	}), D = i(() => a(y) === C.value.value), O = i(() => s(u(f, w.value?.tokens?.color), C.value.color ?? "primary")), k = i(() => u(p, w.value?.tokens?.invalidated)), A = i(() => x.invalidated.value ? k.value : O.value), j = i(() => s(u(h, w.value?.tokens?.size), C.value.size ?? "sm")), M = i(() => s(u(m, w.value?.tokens?.rounded), C.value.rounded ?? "full")), N = i(() => e({
+	}), D = i(() => a(y) === C.value.value), O = i(() => u(c(f, w.value?.tokens?.color), C.value.color ?? "primary")), k = i(() => c(p, w.value?.tokens?.invalidated)), A = i(() => x.invalidated.value ? k.value : O.value), j = i(() => u(c(h, w.value?.tokens?.size), C.value.size ?? "sm")), M = i(() => u(c(m, w.value?.tokens?.rounded), C.value.rounded ?? "full")), N = i(() => e({
 		...T.value?.input,
 		...x.controlBind.value,
 		type: "radio",
 		name: C.value.name,
 		value: C.value.value
-	}, c(S.value.inheritedAttrs, ["class"]), l({
+	}, d(S.value.inheritedAttrs, ["class"]), s({
 		"sr-only": !0,
 		[E.value.input ?? ""]: !0
-	}))), P = i(() => e(T.value?.control, { "aria-hidden": !0 }, l({
+	}))), P = i(() => e(T.value?.control, { "aria-hidden": !0 }, s({
 		"inline-flex shrink-0 items-center justify-center border shadow-sm transition ease-in-out duration-100": !0,
 		"pointer-events-none": !0,
 		[j.value ?? ""]: !0,
@@ -56,14 +56,14 @@ function _(_, v, y) {
 	})));
 	return {
 		merged: C,
-		dotBind: i(() => e(T.value?.dot, {}, l({
+		dotBind: i(() => e(T.value?.dot, {}, s({
 			"rounded-full bg-white transition-transform duration-100": !0,
 			"scale-0": !D.value,
 			"scale-100": D.value,
 			"h-[42%] w-[42%]": !0,
 			[E.value.dot ?? ""]: !0
 		}))),
-		fieldBind: i(() => e({}, {}, l({
+		fieldBind: i(() => e({}, {}, s({
 			"relative inline-flex shrink-0 cursor-pointer items-center": !0,
 			"has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-offset-2": !0,
 			[M.value ?? ""]: !0,

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

@@ -24,7 +24,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {
     onOpen?: (() => any) | undefined;
     onDeselect?: ((option: import('@bridge-ui/core').ListboxOption) => any) | undefined;
 }>, {
-    withErrorIcon: boolean;
+    showErrorIcon: boolean;
     clearable: boolean;
     minItemsForSearch: number;
     searchable: boolean;

package/dist/Components/Select/Select.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import { useI18nAdapter as e } from "../../Adapters/I18n/useI18nAdapter.js";
+import { useResolveMessage as e } from "../../Adapters/I18n/useI18nAdapter.js";
 import { hasNamedSlot as t, resolveNamedSlot as n } from "../../Utils/slotOrProp.js";
 import { mergeNestedComponentProps as ee } from "../../Utils/index.js";
 import r from "../Icon/Icon.js";
@@ -8,8 +8,8 @@ import te from "../Listbox/Listbox.js";
 import { useSelect as o } from "./composables/useSelect.js";
 import { SELECT_OPTION_KEY as s } from "./selectInjectionKey.js";
 import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createSlots as ne, createTextVNode as re, createVNode as m, defineComponent as h, guardReactiveProps as g, isRef as _, mergeModels as v, mergeProps as y, normalizeProps as b, openBlock as x, provide as S, ref as C, renderList as ie, renderSlot as w, resolveDynamicComponent as T, toDisplayString as ae, unref as E, useModel as D, useTemplateRef as O, withCtx as k, withKeys as A, withModifiers as j } from "vue";
-import { isUndefined as M } from "es-toolkit/compat";
-import { resolveMessage as N } from "@bridge-ui/core";
+import { cn as M } from "@bridge-ui/core";
+import { isUndefined as N } from "es-toolkit/compat";
 //#region src/Components/Select/Select.vue?vue&type=script&setup=true&lang.ts
 var P = {
 	key: 0,
@@ -61,20 +61,20 @@ var P = {
 		error: { type: Boolean },
 		errorIcon: {},
 		errorMessage: {},
+		hideErrorMessage: { type: Boolean },
 		label: {},
 		readonly: { type: Boolean },
 		required: { type: Boolean },
 		rounded: {},
+		showErrorIcon: {
+			type: Boolean,
+			default: !0
+		},
 		size: {},
 		slots: {},
 		start: {},
 		startIcon: {},
-		variant: {},
-		withErrorIcon: {
-			type: Boolean,
-			default: !0
-		},
-		withoutErrorMessage: { type: Boolean }
+		variant: {}
 	}, {
 		modelValue: {},
 		modelModifiers: {}
@@ -94,7 +94,7 @@ var P = {
 			set: (e) => {
 				R.value = e, H.value = e;
 			},
-			get: () => M(R.value) ? H.value : R.value
+			get: () => N(R.value) ? H.value : R.value
 		}), U = O("trigger"), W = C([]);
 		S(s, {
 			unregister(e) {
@@ -115,8 +115,11 @@ var P = {
 					"clear-label": `Remove ${t.label}`,
 					onDismiss: (e) => E(le)(t, e)
 				}, { ref_for: !0 }, E(ee)(z.customProps?.chip, {
-					classes: { root: E(pe).chip },
-					customProps: { clear: E(Y) }
+					customProps: { clear: E(Y) },
+					classes: { root: E(M)({
+						"bg-white ring-1 ring-inset ring-gray-200 dark:bg-gray-700 dark:ring-gray-600": !0,
+						[E(pe).chip ?? ""]: !0
+					}) }
 				})), {
 					default: k(() => [w(e.$slots, "chip", { option: t }, () => [re(ae(t.label), 1)])]),
 					_: 2
@@ -131,7 +134,7 @@ var P = {
 				}, E(Z)), null, 16), E(ce) && E(q) && !E(J).isDisabled.value ? (x(), f("span", y({ key: 0 }, E(Y), {
 					onClick: o[0] ||= (...e) => E(X) && E(X)(...e),
 					onKeydown: [o[1] ||= A(j((...e) => E(X) && E(X)(...e), ["prevent"]), ["enter"]), o[2] ||= A(j((...e) => E(X) && E(X)(...e), ["prevent"]), ["space"])],
-					"aria-label": E(N)("Clear selection", E(V))
+					"aria-label": E(V)("Clear selection")
 				}), [m(E(r), y({
 					icon: "clear",
 					size: E(fe)

package/dist/Components/Select/composables/useSelect.d.ts

@@ -14,13 +14,13 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
         slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;
         }>;
-        merged: import('vue').ComputedRef<Omit<FormFieldOwnProps, "color" | "size" | "rounded" | "variant" | "errorIcon" | "withErrorIcon"> & {
+        merged: import('vue').ComputedRef<Omit<FormFieldOwnProps, "color" | "size" | "rounded" | "variant" | "errorIcon" | "showErrorIcon"> & {
             color: NonNullable<keyof import('@bridge-ui/core').FormFieldColor | undefined>;
             size: NonNullable<keyof import('@bridge-ui/core').FormFieldSize | undefined>;
             rounded: NonNullable<keyof import('@bridge-ui/core').FormFieldRounded | undefined>;
             variant: NonNullable<keyof import('@bridge-ui/core').FormFieldVariant | undefined>;
             errorIcon: NonNullable<import('../../..').IconSource | undefined>;
-            withErrorIcon: NonNullable<boolean | undefined>;
+            showErrorIcon: NonNullable<boolean | undefined>;
         }>;
         control: import('vue').ComputedRef<string>;
         endBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
@@ -437,7 +437,7 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
             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" | "endIcon" | "startIcon" | "start" | "required" | "description" | "errorMessage" | "readonly" | "withoutErrorMessage" | "errorIcon" | "withErrorIcon" | "corner">>>>;
+        }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "required" | "description" | "errorMessage" | "hideErrorMessage" | "readonly" | "errorIcon" | "showErrorIcon" | "corner">>>>;
         isNotched: import('vue').ComputedRef<boolean>;
         isStacked: import('vue').ComputedRef<boolean>;
         startBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
@@ -720,7 +720,7 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
         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" | "endIcon" | "startIcon" | "start" | "required" | "description" | "errorMessage" | "readonly" | "withoutErrorMessage" | "errorIcon" | "withErrorIcon" | "corner">>>>>;
+    }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "required" | "description" | "errorMessage" | "hideErrorMessage" | "readonly" | "errorIcon" | "showErrorIcon" | "corner">>>>>;
     selectOption: (option: SelectOption) => void;
     containerRef: Ref<HTMLElement | null, HTMLElement | null>;
     listboxProps: import('vue').ComputedRef<{