@bridge-ui/vue 0.0.0

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

@@ -0,0 +1,64 @@
+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";
+//#region src/Components/NumberField/composables/useNumberField.ts
+function c(c, l, u = {}) {
+	let d = a(), f = i(() => c.step ?? 1), { entry: p } = t({
+		componentName: "NumberField",
+		props: () => ({ classes: c.classes })
+	}), m = n({
+		entry: p,
+		props: () => ({ classes: c.classes })
+	}), h = r(() => {
+		let { min: e, max: t, step: n, classes: r, ...i } = c;
+		return {
+			...d,
+			...i,
+			withErrorIcon: !1,
+			classes: m.value
+		};
+	}, {
+		size: "md",
+		rounded: "md",
+		color: "primary",
+		variant: "outline",
+		withErrorIcon: !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({
+		get: () => {
+			if (!o(_.value)) return String(_.value);
+		},
+		set: (e) => {
+			if (e === "" || o(e)) {
+				l.value = void 0;
+				return;
+			}
+			let t = Number(e);
+			Number.isNaN(t) || (l.value = t, u.onChange?.(t));
+		}
+	}), y = (e) => {
+		l.value = e, u.onChange?.(e);
+	};
+	return {
+		decrement: () => {
+			let e = (_.value ?? c.min ?? 0) - f.value;
+			return !o(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);
+		},
+		inputBind: g,
+		stringModel: v,
+		mergedClasses: m
+	};
+}
+//#endregion
+export { c as useNumberField };

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

@@ -0,0 +1,4 @@
+export { useNumberField } from './composables/useNumberField';
+export type { UseNumberFieldOptions } from './composables/useNumberField';
+export type { NumberFieldClasses, NumberFieldCustomProps, NumberFieldEmits, NumberFieldOwnProps, NumberFieldProps, NumberFieldSlots, } from './numberField.types';
+export { default as NumberField } from './NumberField.vue';

package/dist/Components/NumberField/index.js

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

package/dist/Components/NumberField/numberField.types.d.ts

@@ -0,0 +1,52 @@
+import { InputHTMLAttributes } from 'vue';
+import { MergeHtmlProps } from '@bridge-ui/core';
+import { FormFieldClasses, FormFieldCustomProps, FormFieldOwnProps, FormFieldSlots } from '../FormField/formField.types';
+export interface NumberFieldClasses extends FormFieldClasses {
+    /**
+     * The classes to apply to the decrement button.
+     */
+    decrement?: string;
+    /**
+     * The classes to apply to the increment button.
+     */
+    increment?: string;
+}
+export interface NumberFieldCustomProps extends FormFieldCustomProps {}
+export interface NumberFieldEmits {
+    /**
+     * Emitted with the numeric value when it changes.
+     * Listen with `@change` / `v-on:change`.
+     */
+    change: [value: number];
+    /**
+     * Emitted when `v-model` should update.
+     */
+    "update:modelValue": [value: null | number];
+}
+export interface NumberFieldOwnProps extends Omit<FormFieldOwnProps, "field" | "classes" | "endIcon" | "startIcon"> {
+    /**
+     * The classes to apply to the number field.
+     */
+    classes?: NumberFieldClasses;
+    /**
+     * The maximum value.
+     */
+    max?: number;
+    /**
+     * The minimum value.
+     */
+    min?: number;
+    /**
+     * The step increment value.
+     *
+     * @default 1
+     */
+    step?: number;
+}
+export interface NumberFieldSlots extends FormFieldSlots {}
+export type NumberFieldProps = MergeHtmlProps<NumberFieldOwnProps, Omit<InputHTMLAttributes, "value" | "onChange" | "defaultValue">> & {
+    /**
+     * Bound with `v-model` on the component (`defineModel` internally).
+     */
+    modelValue?: null | number;
+};

package/dist/Components/PasswordField/PasswordField.js

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

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

@@ -0,0 +1,24 @@
+import { PasswordFieldOwnProps, PasswordFieldSlots } from './passwordField.types';
+type __VLS_Slots = PasswordFieldSlots;
+type __VLS_Props = PasswordFieldOwnProps;
+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;
+    "visibility-change": (visible: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | null | undefined) => any) | undefined;
+    "onVisibility-change"?: ((visible: boolean) => any) | undefined;
+}>, {
+    visible: null | boolean;
+}, {}, {}, {}, 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/PasswordField/PasswordField.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,67 @@
+import { resolveFieldAdornmentIconSize as e } from "../../Utils/index.js";
+import t from "../Icon/Icon.js";
+import n from "../FormField/FormField.js";
+import { usePasswordField as r } from "./composables/usePasswordField.js";
+import { computed as i, createBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, mergeModels as l, mergeProps as u, normalizeClass as d, openBlock as f, unref as p, useModel as m, vModelDynamic as h, withCtx as g, withDirectives as _ } from "vue";
+import { cn as v } from "@bridge-ui/core";
+import { Eye as y, EyeOff as b } from "lucide-vue-next";
+//#region src/Components/PasswordField/PasswordField.vue?vue&type=script&setup=true&lang.ts
+var x = ["disabled", "aria-label"], S = /* @__PURE__ */ c({
+	inheritAttrs: !1,
+	__name: "PasswordField",
+	props: /* @__PURE__ */ l({
+		classes: {},
+		visible: {
+			type: [null, Boolean],
+			default: null
+		},
+		color: {},
+		controlId: {},
+		corner: {},
+		customProps: {},
+		description: {},
+		disabled: { type: Boolean },
+		end: {},
+		endIcon: {},
+		error: { type: Boolean },
+		errorIcon: {},
+		errorMessage: {},
+		label: {},
+		readonly: { type: Boolean },
+		required: { type: Boolean },
+		rounded: {},
+		size: {},
+		slots: {},
+		start: {},
+		startIcon: {},
+		variant: {},
+		withErrorIcon: { type: Boolean },
+		withoutErrorMessage: { type: Boolean }
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ l(["visibility-change"], ["update:modelValue"]),
+	setup(c, { emit: l }) {
+		let S = l, C = m(c, "modelValue"), w = c, { formField: T, inputBind: E, isVisible: D, mergedClasses: O, toggleVisibility: k } = r(w, { onVisibilityChange: (e) => S("visibility-change", e) }), A = i(() => e(w.size));
+		return (e, r) => (f(), a(p(n), { field: p(T) }, {
+			end: g(() => [o("button", {
+				type: "button",
+				disabled: w.disabled,
+				onClick: r[1] ||= (...e) => p(k) && p(k)(...e),
+				"aria-label": p(D) ? "Hide password" : "Show password",
+				class: d(p(v)({
+					"bridge-end-adornment bridge-field-adornment-button inline-flex h-full items-center justify-center px-2.5": !0,
+					[p(O).toggle ?? ""]: !0
+				}))
+			}, [s(p(t), {
+				size: A.value,
+				icon: p(D) ? p(b) : p(y)
+			}, null, 8, ["size", "icon"])], 10, x)]),
+			default: g(() => [_(o("input", u({ "onUpdate:modelValue": r[0] ||= (e) => C.value = e }, p(E)), null, 16), [[h, C.value]])]),
+			_: 1
+		}, 8, ["field"]));
+	}
+});
+//#endregion
+export { S as default };