@bridge-ui/vue 0.0.8 → 0.0.9

package/dist/Components/Chip/Chip.vue_vue_type_script_setup_true_lang.js

@@ -3,7 +3,7 @@ import n from "../Icon/Icon.js";
 import { useChip as r } from "./composables/useChip.js";
 import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createTextVNode as l, createVNode as u, defineComponent as d, guardReactiveProps as f, mergeProps as p, normalizeProps as m, openBlock as h, resolveDynamicComponent as g, toDisplayString as _, unref as v, useSlots as y } from "vue";
 //#region src/Components/Chip/Chip.vue?vue&type=script&setup=true&lang.ts
-var b = /* @__PURE__ */ d({
+var b = /*@__PURE__*/ d({
 	inheritAttrs: !1,
 	__name: "Chip",
 	props: {

package/dist/Components/Chip/composables/useChip.js

@@ -27,8 +27,11 @@ function d(d, f, p) {
 	}), v = n({
 		entry: _,
 		props: () => h.value.componentProps
-	}), y = r(() => g.value.customProps), b = r(() => c(o(l, _.value?.tokens?.size), g.value.size ?? "md")), x = r(() => b.value?.clear ?? "md"), S = r(() => e(y.value?.root, h.value.inheritedAttrs, a({
-		"inline-flex max-w-full items-center bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-100": !0,
+	}), y = r(() => g.value.customProps), b = r(() => {
+		let e = o(l, _.value?.tokens?.size);
+		return c(e, g.value.size ?? "md");
+	}), x = r(() => b.value?.clear ?? "md"), S = r(() => e(y.value?.root, h.value.inheritedAttrs, a({
+		"inline-flex max-w-full items-center bg-dark-100 text-dark-800 dark:bg-dark-700 dark:text-dark-100": !0,
 		"opacity-50 pointer-events-none": g.value.disabled === !0,
 		[b.value?.root ?? ""]: !0,
 		[v.value.root ?? ""]: !0
@@ -42,7 +45,7 @@ function d(d, f, p) {
 		"aria-label": g.value.clearLabel ?? "Remove",
 		"aria-disabled": g.value.disabled ? !0 : void 0
 	}, a({
-		"inline-flex shrink-0 cursor-pointer items-center justify-center rounded-sm text-gray-400 transition-colors duration-150 hover:text-gray-700 dark:text-gray-500 dark:hover:text-gray-200": !0,
+		"inline-flex shrink-0 cursor-pointer items-center justify-center rounded-sm text-dark-400 transition-colors duration-150 hover:text-dark-700 dark:text-dark-500 dark:hover:text-dark-200": !0,
 		[v.value.clear ?? ""]: !0
 	})));
 	function T(e) {
@@ -63,4 +66,4 @@ function d(d, f, p) {
 	};
 }
 //#endregion
-export { d as useChip };
+export { u as chipBridgeKeys, d as useChip };

package/dist/Components/DateField/DateField.js

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

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

@@ -0,0 +1,32 @@
+import { DatePickerModel } from '@bridge-ui/core';
+import { DateFieldOwnProps, DateFieldSlots } from './dateField.types';
+type __VLS_Slots = DateFieldSlots;
+type __VLS_Props = DateFieldOwnProps;
+type __VLS_ModelProps = {
+    modelValue?: DatePickerModel;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    clear: () => any;
+    change: (value: DatePickerModel) => any;
+    close: () => any;
+    open: () => any;
+    "update:modelValue": (value: DatePickerModel | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClear?: (() => any) | undefined;
+    onChange?: ((value: DatePickerModel) => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onOpen?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: DatePickerModel | undefined) => any) | undefined;
+}>, {
+    showErrorIcon: 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;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/Components/DateField/DateField.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,158 @@
+import { useResolveMessage as e } from "../../Adapters/I18n/useI18nAdapter.js";
+import t from "../Icon/Icon.js";
+import n from "../FormField/FormField.js";
+import r from "../FieldOverlay/FieldOverlay.js";
+import { useDateField as i } from "./composables/useDateField.js";
+import a from "../DatePicker/DatePicker.js";
+import { Fragment as o, computed as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, guardReactiveProps as m, isRef as h, mergeModels as g, mergeProps as _, normalizeClass as v, normalizeProps as y, openBlock as b, ref as x, renderSlot as S, toDisplayString as C, unref as w, useModel as T, withCtx as E, withKeys as D, withModifiers as O } from "vue";
+import { isUndefined as k } from "es-toolkit/compat";
+//#region src/Components/DateField/DateField.vue?vue&type=script&setup=true&lang.ts
+var A = { class: "flex min-w-0 flex-1 items-center gap-1" }, j = ["aria-label"], M = /*@__PURE__*/ p({
+	inheritAttrs: !1,
+	__name: "DateField",
+	props: /*@__PURE__*/ g({
+		classes: {},
+		clearable: {
+			type: Boolean,
+			default: !0
+		},
+		customProps: {},
+		defaultValue: {},
+		defaultView: {},
+		disableDates: {},
+		disableMonths: {},
+		disableYears: {},
+		hideMonths: { type: Boolean },
+		hideOutsideDays: { type: Boolean },
+		hideWeekdays: { type: Boolean },
+		hideYears: { type: Boolean },
+		maxDate: {},
+		minDate: {},
+		multiple: { type: Boolean },
+		overlay: {},
+		range: { type: Boolean },
+		showFooter: { type: Boolean },
+		startOfWeek: {},
+		timeZone: {},
+		color: {},
+		controlId: {},
+		corner: {},
+		description: {},
+		disabled: { type: Boolean },
+		end: {},
+		endIcon: {},
+		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: {}
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ g([
+		"change",
+		"clear",
+		"close",
+		"open"
+	], ["update:modelValue"]),
+	setup(p, { emit: g }) {
+		let M = T(p, "modelValue"), N = p, P = g, F = e(), I = x(N.defaultValue ?? null), L = s({
+			set: (e) => {
+				M.value = e, I.value = e;
+			},
+			get: () => k(M.value) ? I.value : M.value
+		}), { open: R, overlay: z, dateOnly: B, formField: V, inputBind: H, clearBind: U, clearValue: W, modelValue: G, showFooter: K, pickerClass: q, clearIconSize: J, showClearIcon: Y, handleOpenChange: X, handlePickerChange: Z, handlePickerCancel: Q, overlayCustomProps: $, datePickerCustomProps: ee } = i(N, L, P);
+		return (e, i) => (b(), l(o, null, [f(w(n), { field: w(V) }, {
+			default: E(() => [u("div", A, [u("input", y(m(w(H))), null, 16), w(Y) ? (b(), l("span", _({ key: 0 }, w(U), {
+				onClick: i[0] ||= (...e) => w(W) && w(W)(...e),
+				"aria-label": w(F)("Clear"),
+				onKeydown: [i[1] ||= D(O((...e) => w(W) && w(W)(...e), ["prevent"]), ["enter"]), i[2] ||= D(O((...e) => w(W) && w(W)(...e), ["prevent"]), ["space"])]
+			}), [f(w(t), _({
+				icon: "clear",
+				size: w(J)
+			}, N.customProps?.clearIcon), null, 16, ["size"])], 16, j)) : c("", !0)])]),
+			_: 1
+		}, 8, ["field"]), f(w(r), {
+			modelValue: w(R),
+			"onUpdate:modelValue": [i[3] ||= (e) => h(R) ? R.value = e : null, w(X)],
+			overlay: w(z),
+			"custom-props": w($)
+		}, {
+			default: E(() => [f(w(a), {
+				value: w(G),
+				class: v(w(q)),
+				range: w(B).range,
+				"show-footer": w(K),
+				"read-only": N.readonly,
+				"max-date": w(B).maxDate,
+				"min-date": w(B).minDate,
+				multiple: w(B).multiple,
+				"time-zone": w(B).timeZone,
+				"hide-years": w(B).hideYears,
+				onChange: w(Z),
+				onCancel: w(Q),
+				"hide-months": w(B).hideMonths,
+				"default-view": w(B).defaultView,
+				color: w(V).merged.value.color,
+				"start-of-week": w(B).startOfWeek,
+				"custom-props": w(ee),
+				disabled: w(V).isDisabled.value,
+				"disable-dates": w(B).disableDates,
+				"hide-weekdays": w(B).hideWeekdays,
+				"disable-years": w(B).disableYears,
+				"disable-months": w(B).disableMonths,
+				rounded: w(V).merged.value.rounded,
+				"hide-outside-days": w(B).hideOutsideDays
+			}, {
+				day: E((t) => [S(e.$slots, "day", y(m(t)), () => [d(C(t.label), 1)])]),
+				_: 3
+			}, 8, [
+				"value",
+				"class",
+				"range",
+				"show-footer",
+				"read-only",
+				"max-date",
+				"min-date",
+				"multiple",
+				"time-zone",
+				"hide-years",
+				"onChange",
+				"onCancel",
+				"hide-months",
+				"default-view",
+				"color",
+				"start-of-week",
+				"custom-props",
+				"disabled",
+				"disable-dates",
+				"hide-weekdays",
+				"disable-years",
+				"disable-months",
+				"rounded",
+				"hide-outside-days"
+			])]),
+			_: 3
+		}, 8, [
+			"modelValue",
+			"overlay",
+			"custom-props",
+			"onUpdate:modelValue"
+		])], 64));
+	}
+});
+//#endregion
+export { M as default };