@bridge-ui/vue 0.0.6 → 0.0.7

package/dist/Components/NumberField/composables/useNumberField.d.ts

@@ -12,13 +12,13 @@ export declare function useNumberField(props: NumberFieldOwnProps, model: Ref<nu
         slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;
         }>;
-        merged: import('vue').ComputedRef<Omit<import('../../FormField').FormFieldOwnProps, "color" | "size" | "rounded" | "variant" | "errorIcon" | "withErrorIcon"> & {
+        merged: import('vue').ComputedRef<Omit<import('../../FormField').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, {}>>;
@@ -435,7 +435,7 @@ export declare function useNumberField(props: NumberFieldOwnProps, model: Ref<nu
             onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-        }, Partial<Omit<Omit<import('../../FormField').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<import('../../FormField').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, {}>>;
@@ -684,7 +684,7 @@ export declare function useNumberField(props: NumberFieldOwnProps, model: Ref<nu
         onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-    }, Partial<Omit<Omit<import('../../FormField').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<import('../../FormField').FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "required" | "description" | "errorMessage" | "hideErrorMessage" | "readonly" | "errorIcon" | "showErrorIcon" | "corner">>>, {
         min: number | undefined;
         max: number | undefined;
         type: string;

package/dist/Components/NumberField/composables/useNumberField.js

@@ -1,8 +1,8 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 import { useFormField as r } from "../../FormField/composables/useFormField.js";
 import { computed as i, useAttrs as a } from "vue";
-import { isNil as o } from "es-toolkit/compat";
-import { cn as s } from "@bridge-ui/core";
+import { cn as o } from "@bridge-ui/core";
+import { isNil as s } from "es-toolkit/compat";
 //#region src/Components/NumberField/composables/useNumberField.ts
 function c(c, l, u = {}) {
 	let d = a(), f = i(() => c.step ?? 1), { entry: p } = t({
@@ -16,7 +16,7 @@ function c(c, l, u = {}) {
 		return {
 			...d,
 			...a,
-			withErrorIcon: !1,
+			showErrorIcon: !1,
 			classes: m.value
 		};
 	}, {
@@ -24,18 +24,18 @@ function c(c, l, u = {}) {
 		rounded: "md",
 		color: "primary",
 		variant: "outline",
-		withErrorIcon: !1
+		showErrorIcon: !1
 	}, { reservedSlots: () => ["end"] }), g = i(() => e(h.inputBind.value, {
 		min: c.min,
 		max: c.max,
 		type: "number",
 		step: f.value
-	}, s({ "appearance:textfield [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none": !0 }))), _ = i(() => l.value ?? void 0), v = i({
+	}, o({ "appearance:textfield [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none": !0 }))), _ = i(() => l.value ?? void 0), v = i({
 		get: () => {
-			if (!o(_.value)) return String(_.value);
+			if (!s(_.value)) return String(_.value);
 		},
 		set: (e) => {
-			if (e === "" || o(e)) {
+			if (e === "" || s(e)) {
 				l.value = void 0;
 				return;
 			}
@@ -48,12 +48,12 @@ function c(c, l, u = {}) {
 	return {
 		decrement: () => {
 			let e = (_.value ?? c.min ?? 0) - f.value;
-			return !o(c.min) && e < c.min ? !1 : (y(e), !0);
+			return !s(c.min) && e < c.min ? !1 : (y(e), !0);
 		},
 		formField: h,
 		increment: () => {
 			let e = (_.value ?? c.min ?? 0) + f.value;
-			return !o(c.max) && e > c.max ? !1 : (y(e), !0);
+			return !s(c.max) && e > c.max ? !1 : (y(e), !0);
 		},
 		inputBind: g,
 		stringModel: v,

package/dist/Components/OtpField/OtpField.js

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

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

@@ -0,0 +1,31 @@
+import { OtpFieldOwnProps, OtpFieldSlots } from './otpField.types';
+type __VLS_Slots = OtpFieldSlots;
+type __VLS_Props = OtpFieldOwnProps;
+type __VLS_ModelProps = {
+    modelValue?: null | string | undefined;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | null | undefined) => any;
+    change: (value: string) => any;
+    complete: (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | null | undefined) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+    onComplete?: ((value: string) => any) | undefined;
+}>, {
+    color: import('@bridge-ui/core').MergeProps<import('@bridge-ui/core').OtpFieldColor, import('./otpField.types').OtpFieldColorOverrides>;
+    type: import('@bridge-ui/core').OtpInputType;
+    size: import('@bridge-ui/core').MergeProps<import('@bridge-ui/core').OtpFieldSize, import('./otpField.types').OtpFieldSizeOverrides>;
+    length: number;
+    rounded: import('@bridge-ui/core').MergeProps<import('@bridge-ui/core').OtpFieldRounded, import('./otpField.types').OtpFieldRoundedOverrides>;
+    variant: import('@bridge-ui/core').MergeProps<import('@bridge-ui/core').OtpFieldVariant, import('./otpField.types').OtpFieldVariantOverrides>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/Components/OtpField/OtpField.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,80 @@
+import { hasNamedSlot as e, hasSlotOrProp as t, resolveNamedSlot as n, resolveSlotOrProp as r } from "../../Utils/slotOrProp.js";
+import { useOtpField as i } from "./composables/useOtpField.js";
+import a from "./OtpFieldLabel.js";
+import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, guardReactiveProps as m, mergeModels as h, mergeProps as g, normalizeProps as _, openBlock as v, renderList as y, resolveDynamicComponent as b, unref as x, useModel as S } from "vue";
+//#region src/Components/OtpField/OtpField.vue?vue&type=script&setup=true&lang.ts
+var C = [
+	"data-invalid",
+	"aria-disabled",
+	"aria-readonly"
+], w = [
+	"value",
+	"onFocus",
+	"onPaste",
+	"onInput",
+	"onKeydown"
+], T = ["id"], E = ["id", "aria-hidden"], D = /* @__PURE__ */ p({
+	inheritAttrs: !1,
+	__name: "OtpField",
+	props: /* @__PURE__ */ h({
+		autoFocus: { type: Boolean },
+		classes: {},
+		color: { default: "primary" },
+		controlId: {},
+		corner: {},
+		customProps: {},
+		defaultValue: {},
+		description: {},
+		disabled: { type: Boolean },
+		error: { type: Boolean },
+		errorMessage: {},
+		hideErrorMessage: { type: Boolean },
+		label: {},
+		length: { default: 6 },
+		mask: { type: Boolean },
+		placeholder: {},
+		readonly: { type: Boolean },
+		required: { type: Boolean },
+		rounded: { default: "md" },
+		size: { default: "md" },
+		type: { default: "numeric" },
+		variant: { default: "outline" }
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ h(["change", "complete"], ["update:modelValue"]),
+	setup(p, { emit: h }) {
+		let D = h, O = i(p, S(p, "modelValue"), {
+			onChange: (e) => D("change", e),
+			onComplete: (e) => D("complete", e)
+		}), { slots: k, merged: A, digits: j, pinBind: M, rootBind: N, errorBind: P, groupBind: F, inputBind: I, setPinRef: L, controlId: R, headerBind: z, cornerBind: B, endSlotBind: V, invalidated: H, startSlotBind: U, handlePinInput: W, handlePinFocus: G, handlePinPaste: K, descriptionBind: q, handlePinKeyDown: J, showErrorMessageContent: Y } = O, X = s(() => t(k, "label", A.value.label) || t(k, "corner", A.value.corner));
+		return (i, s) => (v(), u("div", g(x(N), {
+			"data-invalid": x(H) || void 0,
+			"aria-disabled": x(A).disabled || void 0,
+			"aria-readonly": x(A).readonly || void 0
+		}), [
+			X.value ? (v(), u("div", _(g({ key: 0 }, x(z))), [f(a, { api: x(O) }, null, 8, ["api"]), x(t)(x(k), "corner", x(A).corner) ? (v(), u("span", _(g({ key: 0 }, x(B))), [(v(), c(b(x(r)(x(k), "corner", x(A).corner))))], 16)) : l("", !0)], 16)) : l("", !0),
+			d("div", _(m(x(F))), [
+				x(e)(x(k), "start") ? (v(), u("div", _(g({ key: 0 }, x(U))), [(v(), c(b(x(n)(x(k), "start"))))], 16)) : l("", !0),
+				(v(!0), u(o, null, y(x(j), (e, t) => (v(), u("div", g({ key: t }, { ref_for: !0 }, x(M)(t)), [d("input", g({ ref_for: !0 }, x(I)(t), {
+					value: e,
+					onFocus: (e) => x(G)(t),
+					onPaste: (e) => x(K)(t, e),
+					onInput: (e) => x(W)(t, e),
+					onKeydown: (e) => x(J)(t, e),
+					ref_for: !0,
+					ref: (e) => x(L)(t, e)
+				}), null, 16, w)], 16))), 128)),
+				x(e)(x(k), "end") ? (v(), u("div", _(g({ key: 1 }, x(V))), [(v(), c(b(x(n)(x(k), "end"))))], 16)) : l("", !0)
+			], 16),
+			!x(H) && x(t)(x(k), "description", x(A).description) ? (v(), u("p", g({ key: 1 }, x(q), { id: `${x(R)}-description` }), [(v(), c(b(x(r)(x(k), "description", x(A).description))))], 16, T)) : l("", !0),
+			x(A).hideErrorMessage ? l("", !0) : (v(), u("p", g({ key: 2 }, x(P), {
+				id: `${x(R)}-error`,
+				"aria-hidden": x(Y) ? void 0 : !0
+			}), [x(Y) ? (v(), c(b(x(r)(x(k), "errorMessage", x(A).errorMessage)), { key: 0 })) : l("", !0)], 16, E))
+		], 16, C));
+	}
+});
+//#endregion
+export { D as default };

package/dist/Components/OtpField/OtpFieldLabel.js

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

package/dist/Components/OtpField/OtpFieldLabel.vue.d.ts

@@ -0,0 +1,7 @@
+import { UseOtpFieldReturn } from './composables/useOtpField';
+type __VLS_Props = {
+    api: UseOtpFieldReturn;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/Components/OtpField/OtpFieldLabel.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,16 @@
+import { hasNamedSlot as e, hasSlotOrProp as t, isPropPresent as n, resolveNamedSlot as r } from "../../Utils/slotOrProp.js";
+import i from "../Label/Label.js";
+import { Fragment as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createTextVNode as l, defineComponent as u, mergeProps as d, normalizeProps as f, openBlock as p, resolveDynamicComponent as m, toDisplayString as h, unref as g, withCtx as _ } from "vue";
+//#region src/Components/OtpField/OtpFieldLabel.vue?vue&type=script&setup=true&lang.ts
+var v = /* @__PURE__ */ u({
+	__name: "OtpFieldLabel",
+	props: { api: {} },
+	setup(u) {
+		return (v, y) => g(t)(u.api.slots, "label", u.api.merged.value.label) ? (p(), o(g(i), f(d({ key: 0 }, u.api.fieldLabelProps.value)), {
+			default: _(() => [g(e)(u.api.slots, "label") ? (p(), o(m(g(r)(u.api.slots, "label")), { key: 0 })) : g(n)(u.api.merged.value.label) ? (p(), c(a, { key: 1 }, [l(h(u.api.merged.value.label), 1)], 64)) : s("", !0)]),
+			_: 1
+		}, 16)) : s("", !0);
+	}
+});
+//#endregion
+export { v as default };