@wirecore/wirelayer-vue 0.7.0 → 0.8.0

package/dist/{Field-B1EsNF84.js → Field-Cqe2BG_x.js}

@@ -1,5 +1,5 @@
 import { a as e, n as t } from "./recipes-BlM9aKyt.js";
-import { n } from "./InputStatus-D7kBGlew.js";
+import { r as n } from "./InputStatus-Cgarj-yu.js";
 import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, mergeProps as d, normalizeClass as f, onBeforeUnmount as p, openBlock as m, provide as h, ref as g, renderSlot as _, resolveDynamicComponent as v, toDisplayString as y, unref as b, useAttrs as x, useSlots as S, useTemplateRef as C, watch as w, withCtx as T } from "vue";
 import { CircleCheck as E, Info as D } from "@lucide/vue";
 import { field as O, toggletip as k } from "@wirecore/wirelayer-recipes";

package/dist/Input-C5dyvZfJ.js

@@ -0,0 +1,183 @@
+import { a as e, n as t } from "./recipes-BlM9aKyt.js";
+import { t as n } from "./attrs-KNjeRUCf.js";
+import { i as r, n as i, t as a } from "./InputStatus-Cgarj-yu.js";
+import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createVNode as u, defineComponent as d, mergeModels as f, mergeProps as p, normalizeClass as m, normalizeStyle as h, openBlock as g, ref as _, resolveDynamicComponent as v, toDisplayString as y, unref as b, useAttrs as x, useId as S, useModel as C, useTemplateRef as w } from "vue";
+import { CircleAlert as T, LoaderCircle as E } from "@lucide/vue";
+import { buttonColorKey as D, formatCount as O, iconButton as k, input as A, setTextControlValue as j, spinner as M } from "@wirecore/wirelayer-recipes";
+import { Field as N, useFieldContext as P } from "@ark-ui/vue/field";
+//#region src/components/IconButton/IconButton.vue?vue&type=script&setup=true&lang.ts
+var F = [
+	"type",
+	"disabled",
+	"aria-label"
+], I = /* @__PURE__ */ d({
+	inheritAttrs: !1,
+	__name: "IconButton",
+	props: {
+		icon: {},
+		iconProps: {},
+		label: {},
+		variant: {},
+		color: {},
+		size: {},
+		shape: {},
+		disabled: { type: Boolean },
+		loading: { type: Boolean },
+		type: { default: "button" },
+		badge: { type: [Number, Boolean] },
+		badgeLabel: {
+			type: Function,
+			default: (e) => e === null ? "new" : `${e} new`
+		},
+		classes: {}
+	},
+	setup(e) {
+		let n = e, r = t("iconButton", k, () => n.classes), i = t("spinner", M), a = x(), u = o(() => r({
+			variant: n.variant,
+			color: D(n.color),
+			size: n.size,
+			shape: n.shape
+		})), d = o(() => typeof n.badge == "number" && n.badge > 0 ? n.badge : 0), f = o(() => d.value ? `${n.label}, ${n.badgeLabel(O(d.value))}` : n.badge === !0 ? `${n.label}, ${n.badgeLabel(null)}` : n.label), h = o(() => n.loading ? {
+			"aria-disabled": !0,
+			"aria-busy": !0
+		} : {});
+		function _(e) {
+			n.loading ? e.preventDefault() : [a.onClick].flat().forEach((t) => t?.(e));
+		}
+		return (t, n) => (g(), l("button", p({
+			...b(a),
+			class: u.value.base({ class: m(b(a).class) }),
+			onClick: _,
+			...h.value
+		}, {
+			type: e.type,
+			disabled: e.disabled,
+			"aria-label": f.value
+		}), [e.loading ? (g(), s(b(E), {
+			key: 0,
+			class: m(b(i)().icon({ class: u.value.icon() })),
+			"aria-hidden": "true"
+		}, null, 8, ["class"])) : (g(), s(v(e.icon), p({ key: 1 }, e.iconProps, {
+			class: u.value.icon(),
+			"aria-hidden": "true"
+		}), null, 16, ["class"])), d.value ? (g(), l("span", {
+			key: 2,
+			class: m(u.value.badge()),
+			"aria-hidden": "true"
+		}, y(b(O)(d.value)), 3)) : e.badge === !0 ? (g(), l("span", {
+			key: 3,
+			class: m(u.value.dot()),
+			"aria-hidden": "true"
+		}, null, 2)) : c("", !0)], 16, F));
+	}
+}), L = ["data-invalid", "data-disabled"], R = ["id"], z = ["id"], B = /* @__PURE__ */ d({
+	inheritAttrs: !1,
+	__name: "Input",
+	props: /*@__PURE__*/ f({
+		size: {},
+		invalid: { type: Boolean },
+		success: { type: Boolean },
+		disabled: { type: Boolean },
+		loading: { type: Boolean },
+		clearable: { type: Boolean },
+		clearLabel: {},
+		leadingIcon: {},
+		prefix: {},
+		suffix: {},
+		mono: { type: Boolean },
+		classes: {}
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(d, { expose: f }) {
+		let E = d, D = t("input", A, () => E.classes), O = e(), k = C(d, "modelValue"), M = x(), F = P(), I = r(), B = o(() => E.invalid || !!F?.value.invalid), V = o(() => !B.value && (E.success || I.value.success)), H = o(() => E.disabled || !!F?.value.disabled), U = o(() => !!M.readonly || M.readonly === "" || !!F?.value.readOnly), W = o(() => D({
+			size: E.size,
+			invalid: B.value,
+			success: V.value,
+			disabled: H.value,
+			hasIcon: !!E.leadingIcon,
+			hasStatusIcon: B.value || V.value || E.loading || E.clearable,
+			mono: E.mono
+		})), G = o(() => n(M)), K = _(String(M.defaultValue ?? "")), q = o(() => E.clearable && !!(k.value ?? K.value) && !H.value && !U.value), J = S(), Y = S(), X = o(() => [
+			F?.value.ariaDescribedby,
+			E.prefix && J,
+			E.suffix && Y,
+			G.value.rest["aria-describedby"]
+		].filter(Boolean).join(" ") || void 0), Z = w("control");
+		function Q() {
+			let e = Z.value?.$el;
+			e && (j(e), e.focus());
+		}
+		return f(i(() => Z.value?.$el)), (e, t) => (g(), l("div", {
+			class: m(W.value.base({ class: G.value.className })),
+			style: h(G.value.style),
+			"data-invalid": B.value || void 0,
+			"data-disabled": H.value || void 0
+		}, [
+			d.prefix ? (g(), l("span", {
+				key: 0,
+				id: b(J),
+				class: m(W.value.prefix())
+			}, y(d.prefix), 11, R)) : c("", !0),
+			d.leadingIcon ? (g(), s(v(d.leadingIcon), {
+				key: 1,
+				class: m(W.value.icon()),
+				"aria-hidden": "true"
+			}, null, 8, ["class"])) : c("", !0),
+			u(b(N).Input, p({
+				ref_key: "control",
+				ref: Z,
+				modelValue: k.value,
+				"onUpdate:modelValue": t[0] ||= (e) => k.value = e
+			}, G.value.rest, {
+				class: W.value.control(),
+				disabled: H.value || void 0,
+				"aria-invalid": B.value || void 0,
+				"aria-describedby": X.value,
+				"aria-busy": d.loading || void 0,
+				onInput: t[1] ||= (e) => K.value = e.target.value
+			}), null, 16, [
+				"modelValue",
+				"class",
+				"disabled",
+				"aria-invalid",
+				"aria-describedby",
+				"aria-busy"
+			]),
+			d.loading || d.clearable || V.value ? (g(), s(a, {
+				key: 2,
+				loading: d.loading,
+				clear: q.value,
+				"clear-label": d.clearLabel ?? b(O).field.clear,
+				success: V.value,
+				classes: {
+					spinner: W.value.spinner(),
+					clear: W.value.clear(),
+					clearIcon: W.value.clearIcon(),
+					statusIcon: W.value.statusIcon()
+				},
+				onClear: Q
+			}, null, 8, [
+				"loading",
+				"clear",
+				"clear-label",
+				"success",
+				"classes"
+			])) : c("", !0),
+			B.value ? (g(), s(b(T), {
+				key: 3,
+				class: m(W.value.statusIcon()),
+				"aria-hidden": "true"
+			}, null, 8, ["class"])) : c("", !0),
+			d.suffix ? (g(), l("span", {
+				key: 4,
+				id: b(Y),
+				class: m(W.value.suffix())
+			}, y(d.suffix), 11, z)) : c("", !0)
+		], 14, L));
+	}
+});
+//#endregion
+export { I as n, B as t };

package/dist/{InputStatus-D7kBGlew.js → InputStatus-Cgarj-yu.js}

@@ -10,8 +10,21 @@ function g() {
 	});
 }
 //#endregion
+//#region src/utils/text-field.ts
+function _(e) {
+	return {
+		get element() {
+			return e() ?? null;
+		},
+		focus: (t) => e()?.focus(t),
+		blur: () => e()?.blur(),
+		select: () => e()?.select(),
+		setSelectionRange: (t, n, r) => e()?.setSelectionRange(t, n, r)
+	};
+}
+//#endregion
 //#region src/components/Input/InputStatus.vue?vue&type=script&setup=true&lang.ts
-var _ = ["aria-label"], v = /* @__PURE__ */ o({
+var v = ["aria-label"], y = /* @__PURE__ */ o({
 	__name: "InputStatus",
 	props: {
 		loading: { type: Boolean },
@@ -41,7 +54,7 @@ var _ = ["aria-label"], v = /* @__PURE__ */ o({
 			}, [a(u(m), {
 				class: c(t.classes.clearIcon),
 				"aria-hidden": "true"
-			}, null, 8, ["class"])], 10, _)) : r("", !0),
+			}, null, 8, ["class"])], 10, v)) : r("", !0),
 			t.invalid && t.invalidIcon ? (l(), n(u(d), {
 				key: 2,
 				class: c(t.classes.statusIcon),
@@ -55,4 +68,4 @@ var _ = ["aria-label"], v = /* @__PURE__ */ o({
 	}
 });
 //#endregion
-export { h as n, g as r, v as t };
+export { g as i, _ as n, h as r, y as t };