@wirecore/wirelayer-vue 0.6.0 → 0.8.0

package/dist/Input-BhnYMKjE.js

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

package/dist/Slider-CyoZc5A8.js

@@ -1,135 +0,0 @@
-import { a as e, n as t } from "./recipes-BlM9aKyt.js";
-import { Fragment as n, 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, openBlock as p, ref as m, renderList as h, toDisplayString as g, unref as _, useAttrs as v, useId as y, withCtx as b } from "vue";
-import { slider as x, snapToMarks as S } from "@wirecore/wirelayer-recipes";
-import { Slider as C } from "@ark-ui/vue/slider";
-//#region src/components/Slider/Slider.vue?vue&type=script&setup=true&lang.ts
-var w = ["id"], T = ["data-orientation"], E = /* @__PURE__ */ u({
-	inheritAttrs: !1,
-	__name: "Slider",
-	props: {
-		modelValue: { default: void 0 },
-		defaultValue: { default: () => [0] },
-		min: { default: 0 },
-		max: { default: 100 },
-		step: { default: 1 },
-		label: {},
-		thumbLabels: {},
-		showValue: {
-			type: Boolean,
-			default: !0
-		},
-		formatValue: {
-			type: Function,
-			default: String
-		},
-		disabled: {
-			type: Boolean,
-			default: void 0
-		},
-		name: {},
-		orientation: { default: void 0 },
-		marks: { default: void 0 },
-		restrictToMarks: { type: Boolean },
-		minRange: { default: void 0 },
-		classes: {}
-	},
-	emits: ["update:modelValue", "valueChangeEnd"],
-	setup(u, { emit: E }) {
-		let D = e(), O = u, k = t("slider", x, () => O.classes), A = E, j = v(), M = r(() => k({ withMarks: !!O.marks?.length })), N = r(() => (O.marks ?? []).map((e) => typeof e == "number" ? { value: e } : e)), P = m(O.defaultValue), F = r(() => O.restrictToMarks && N.value.length > 0), I = r(() => F.value ? O.modelValue ?? P.value : O.modelValue);
-		function L(e) {
-			if (!F.value) return A("update:modelValue", e);
-			let t = S(e, I.value ?? O.defaultValue, N.value.map((e) => e.value));
-			P.value = t, A("update:modelValue", t);
-		}
-		let R = y(), z = `${R}label`, B = r(() => (O.modelValue ?? O.defaultValue).length);
-		return (e, t) => (p(), i(_(C).Root, d({
-			..._(j),
-			class: M.value.base({ class: f(_(j).class) })
-		}, {
-			ids: { label: z },
-			"model-value": I.value,
-			"default-value": u.defaultValue,
-			min: u.min,
-			max: u.max,
-			step: u.step,
-			disabled: u.disabled,
-			name: u.name,
-			orientation: u.orientation,
-			"min-steps-between-thumbs": u.minRange ? Math.ceil(u.minRange / u.step) : void 0,
-			"get-aria-value-text": (e) => u.formatValue(e.value),
-			onValueChange: t[0] ||= (e) => L(e.value),
-			onValueChangeEnd: t[1] ||= (e) => A("valueChangeEnd", e.value)
-		}), {
-			default: b(() => [s("div", { class: f(M.value.header()) }, [l(_(C).Label, {
-				id: z,
-				class: f(M.value.label())
-			}, {
-				default: b(() => [c(g(u.label), 1)]),
-				_: 1
-			}, 8, ["class"]), u.showValue ? (p(), i(_(C).Context, { key: 0 }, {
-				default: b((e) => [s("span", {
-					class: f(M.value.value()),
-					"aria-hidden": "true"
-				}, g(e.value.map(u.formatValue).join(" – ")), 3)]),
-				_: 1
-			})) : a("", !0)], 2), l(_(C).Control, { class: f(M.value.control()) }, {
-				default: b(() => [
-					l(_(C).Track, { class: f(M.value.track()) }, {
-						default: b(() => [l(_(C).Range, { class: f(M.value.range()) }, null, 8, ["class"])]),
-						_: 1
-					}, 8, ["class"]),
-					(p(!0), o(n, null, h(B.value, (e) => (p(), i(_(C).Thumb, {
-						key: e,
-						index: e - 1,
-						class: f(M.value.thumb()),
-						"aria-labelledby": B.value > 1 ? `${z} ${_(R)}thumb${e - 1}` : z
-					}, {
-						default: b(() => [B.value > 1 ? (p(), o("span", {
-							key: 0,
-							id: `${_(R)}thumb${e - 1}`,
-							class: f(M.value.thumbLabel())
-						}, g((u.thumbLabels ?? _(D).slider.thumbs)[e - 1]), 11, w)) : a("", !0), l(_(C).HiddenInput)]),
-						_: 2
-					}, 1032, [
-						"index",
-						"class",
-						"aria-labelledby"
-					]))), 128)),
-					N.value.length ? (p(), i(_(C).MarkerGroup, {
-						key: 0,
-						class: f(M.value.markerGroup())
-					}, {
-						default: b(() => [(p(!0), o(n, null, h(N.value, (e) => (p(), i(_(C).Marker, {
-							key: e.value,
-							value: e.value,
-							class: f(M.value.marker())
-						}, {
-							default: b(() => [s("span", {
-								class: f(M.value.markerTick()),
-								"data-orientation": u.orientation ?? "horizontal"
-							}, null, 10, T), c(g(e.label), 1)]),
-							_: 2
-						}, 1032, ["value", "class"]))), 128))]),
-						_: 1
-					}, 8, ["class"])) : a("", !0)
-				]),
-				_: 1
-			}, 8, ["class"])]),
-			_: 1
-		}, 16, [
-			"ids",
-			"model-value",
-			"default-value",
-			"min",
-			"max",
-			"step",
-			"disabled",
-			"name",
-			"orientation",
-			"min-steps-between-thumbs",
-			"get-aria-value-text"
-		]));
-	}
-});
-//#endregion
-export { E as t };