iryx-ui 0.18.3 → 0.18.5

package/dist/components/ColorPicker.vue_vue_type_script_setup_true_lang.js

@@ -40,7 +40,13 @@ var M = /*@__PURE__*/ l({
 				};
 			}
 		}
-		let L = (e) => k(e, "hex"), R = p(I(N.modelValue)), z = (e) => e.s === 0 || e.b === 0;
+		let L = (e) => k(e, "hex"), R = p(I(N.modelValue)), z = (e) => e.s === 0 || e.b === 0, B = r(() => {
+			try {
+				return j(N.modelValue), N.modelValue;
+			} catch {
+				return L(R.value);
+			}
+		});
 		g(() => N.modelValue, (e) => {
 			if (L(R.value) === e) return;
 			let t = I(e);
@@ -49,48 +55,48 @@ var M = /*@__PURE__*/ l({
 				h: R.value.h
 			} : t;
 		});
-		function B(e) {
+		function V(e) {
 			R.value = e, F(L(e));
 		}
-		function V(e) {
-			return B({
+		function H(e) {
+			return V({
 				...A(e),
 				h: R.value.h,
 				alpha: R.value.alpha
 			});
 		}
-		function H(e) {
-			return B({
+		function U(e) {
+			return V({
 				...R.value,
 				h: A(e).h
 			});
 		}
-		function U(e) {
-			return B({
+		function W(e) {
+			return V({
 				...R.value,
 				alpha: A(e).alpha
 			});
 		}
-		let W = e(), G = r(() => N.unstyled ?? W.unstyled), K = r(() => t());
-		function q(e, t) {
+		let G = e(), K = r(() => N.unstyled ?? G.unstyled), q = r(() => t());
+		function J(e, t) {
 			let n = [N.ui?.[e], t].filter(Boolean).join(" ");
-			return G.value ? n : K.value[e]({ class: n });
+			return K.value ? n : q.value[e]({ class: n });
 		}
-		return (e, t) => (f(), o("div", { class: u(q("root", N.class)) }, [
+		return (e, t) => (f(), o("div", { class: u(J("root", N.class)) }, [
 			c(h(y), {
 				"color-space": "hsb",
 				"x-channel": "saturation",
 				"y-channel": "brightness",
 				"model-value": R.value,
 				disabled: N.disabled,
-				class: u(q("area")),
-				"onUpdate:color": V
+				class: u(J("area")),
+				"onUpdate:color": H
 			}, {
 				default: _(({ style: e }) => [c(h(v), {
 					class: "size-full rounded-[inherit]",
 					style: d(e)
 				}, {
-					default: _(() => [c(h(b), { class: u(q("thumb")) }, null, 8, ["class"])]),
+					default: _(() => [c(h(b), { class: u(J("thumb")) }, null, 8, ["class"])]),
 					_: 1
 				}, 8, ["style"])]),
 				_: 1
@@ -104,10 +110,10 @@ var M = /*@__PURE__*/ l({
 				channel: "hue",
 				"model-value": R.value,
 				disabled: N.disabled,
-				class: u(q("slider")),
-				"onUpdate:color": H
+				class: u(J("slider")),
+				"onUpdate:color": U
 			}, {
-				default: _(() => [c(h(T), { class: u(q("track")) }, null, 8, ["class"]), c(h(w), { class: u([q("thumb"), q("sliderThumb")]) }, null, 8, ["class"])]),
+				default: _(() => [c(h(T), { class: u(J("track")) }, null, 8, ["class"]), c(h(w), { class: u([J("thumb"), J("sliderThumb")]) }, null, 8, ["class"])]),
 				_: 1
 			}, 8, [
 				"model-value",
@@ -120,13 +126,13 @@ var M = /*@__PURE__*/ l({
 				channel: "alpha",
 				"model-value": R.value,
 				disabled: N.disabled,
-				class: u(q("slider")),
-				"onUpdate:color": U
+				class: u(J("slider")),
+				"onUpdate:color": W
 			}, {
 				default: _(() => [
-					s("span", { class: u(q("checkerboard")) }, null, 2),
-					c(h(T), { class: u(q("track")) }, null, 8, ["class"]),
-					c(h(w), { class: u([q("thumb"), q("sliderThumb")]) }, null, 8, ["class"])
+					s("span", { class: u(J("checkerboard")) }, null, 2),
+					c(h(T), { class: u(J("track")) }, null, 8, ["class"]),
+					c(h(w), { class: u([J("thumb"), J("sliderThumb")]) }, null, 8, ["class"])
 				]),
 				_: 1
 			}, 8, [
@@ -136,17 +142,17 @@ var M = /*@__PURE__*/ l({
 			])) : a("", !0),
 			N.hideField ? a("", !0) : (f(), i(h(S), {
 				key: 1,
-				"model-value": N.modelValue,
+				"model-value": B.value,
 				disabled: N.disabled,
-				class: u(q("field")),
+				class: u(J("field")),
 				"onUpdate:modelValue": F
 			}, {
-				default: _(() => [s("span", { class: u(q("preview")) }, [s("span", { class: u(q("checkerboard", "rounded-none")) }, null, 2), s("span", {
+				default: _(() => [s("span", { class: u(J("preview")) }, [s("span", { class: u(J("checkerboard", "rounded-none")) }, null, 2), s("span", {
 					class: "absolute inset-0",
-					style: d({ background: N.modelValue })
+					style: d({ background: B.value })
 				}, null, 4)], 2), c(h(x), {
 					"aria-label": N.fieldLabel,
-					class: u(q("input"))
+					class: u(J("input"))
 				}, null, 8, ["aria-label", "class"])]),
 				_: 1
 			}, 8, [
@@ -156,14 +162,14 @@ var M = /*@__PURE__*/ l({
 			])),
 			N.swatches?.length ? (f(), i(h(O), {
 				key: 2,
-				"model-value": N.modelValue,
-				class: u(q("swatches")),
-				"onUpdate:modelValue": t[0] ||= (e) => F(String(e))
+				"model-value": B.value,
+				class: u(J("swatches")),
+				"onUpdate:modelValue": t[0] ||= (e) => e && F(String(e))
 			}, {
 				default: _(() => [(f(!0), o(n, null, m(N.swatches, (e) => (f(), i(h(E), {
 					key: e,
 					value: e,
-					class: u(q("swatch"))
+					class: u(J("swatch"))
 				}, {
 					default: _(() => [c(h(D), { class: "size-full rounded-[inherit] bg-[var(--reka-color-swatch-color)]" })]),
 					_: 1

package/dist/components/Combobox.vue_vue_type_script_setup_true_lang.js

@@ -167,7 +167,9 @@ var E = /*@__PURE__*/ u({
 				bubbles: !0
 			}));
 		}
-		let q = n(), J = i(() => D.id ?? q?.id.value), Y = i(() => D.invalid ?? q?.invalid.value ?? !1), Oe = e(), X = i(() => D.unstyled ?? Oe.unstyled), Z = i(() => ee({
+		let q = n(), J = i(() => D.id ?? q?.id.value);
+		q && D.id && (q.id.value = D.id);
+		let Y = i(() => D.invalid ?? q?.invalid.value ?? !1), Oe = e(), X = i(() => D.unstyled ?? Oe.unstyled), Z = i(() => ee({
 			size: D.size,
 			chips: H.value,
 			invalid: Y.value,

package/dist/components/DateField.vue_vue_type_script_setup_true_lang.js

@@ -37,7 +37,9 @@ var y = /*@__PURE__*/ u({
 	},
 	emits: ["update:modelValue"],
 	setup(u, { emit: y }) {
-		let b = u, x = y, S = r(), C = o(() => b.id ?? S?.id.value), w = o(() => {
+		let b = u, x = y, S = r(), C = o(() => b.id ?? S?.id.value);
+		S && b.id && (S.id.value = b.id);
+		let w = o(() => {
 			let e = b.modelValue;
 			return !e || !t(e) ? !1 : b.minValue && e < b.minValue || b.maxValue && e > b.maxValue ? !0 : b.isUnavailable?.(e) ?? !1;
 		}), T = o(() => (b.invalid ?? S?.invalid.value ?? !1) || w.value), E = e(), D = o(() => b.unstyled ?? E.unstyled), O = o(() => {

package/dist/components/DatePicker.vue_vue_type_script_setup_true_lang.js

@@ -52,7 +52,9 @@ var D = [
 	}),
 	emits: ["update:modelValue"],
 	setup(p) {
-		let m = p, k = b(p, "modelValue"), A = _(!1), j = a(), M = s(() => m.id ?? j?.id.value), N = s(() => m.invalid ?? j?.invalid.value ?? !1), P = e(), F = s(() => m.unstyled ?? P.unstyled), I = s(() => n(k.value, m.locale, m.format));
+		let m = p, k = b(p, "modelValue"), A = _(!1), j = a(), M = s(() => m.id ?? j?.id.value);
+		j && m.id && (j.id.value = m.id);
+		let N = s(() => m.invalid ?? j?.invalid.value ?? !1), P = e(), F = s(() => m.unstyled ?? P.unstyled), I = s(() => n(k.value, m.locale, m.format));
 		function L() {
 			k.value = r(), A.value = !1;
 		}

package/dist/components/DateRangePicker.vue_vue_type_script_setup_true_lang.js

@@ -2,10 +2,10 @@ import { useIryxUiConfig as e } from "../config.js";
 import t from "./Icon.js";
 import { formatIsoDate as n, toCalendarDate as r, toIsoDate as i } from "../composables/date.js";
 import { calendarTheme as ee } from "../theme/calendar.js";
-import { useFormField as a } from "../composables/form.js";
-import { datePickerTheme as o } from "../theme/date-picker.js";
-import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineComponent as h, mergeModels as g, normalizeClass as _, openBlock as v, ref as y, renderList as b, shallowRef as x, toDisplayString as S, unref as C, useModel as w, watch as T, withCtx as E } from "vue";
-import { ArrowLeft01Icon as te, ArrowRight01Icon as ne, Calendar03Icon as re } from "@hugeicons/core-free-icons";
+import { useFormField as te } from "../composables/form.js";
+import { datePickerTheme as a } from "../theme/date-picker.js";
+import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, defineComponent as m, mergeModels as h, normalizeClass as g, openBlock as _, ref as v, renderList as y, shallowRef as b, toDisplayString as x, unref as S, useModel as C, watch as w, withCtx as T } from "vue";
+import { ArrowLeft01Icon as E, ArrowRight01Icon as ne, Calendar03Icon as re } from "@hugeicons/core-free-icons";
 import { PopoverContent as D, PopoverPortal as O, PopoverRoot as k, PopoverTrigger as A, RangeCalendarCell as j, RangeCalendarCellTrigger as M, RangeCalendarGrid as N, RangeCalendarGridBody as P, RangeCalendarGridHead as F, RangeCalendarGridRow as I, RangeCalendarHeadCell as L, RangeCalendarHeader as R, RangeCalendarHeading as z, RangeCalendarNext as B, RangeCalendarPrev as V, RangeCalendarRoot as ie } from "reka-ui";
 //#region src/components/DateRangePicker.vue?vue&type=script&setup=true&lang.ts
 var H = [
@@ -13,9 +13,9 @@ var H = [
 	"disabled",
 	"aria-invalid",
 	"aria-describedby"
-], U = { key: 0 }, W = /*@__PURE__*/ h({
+], U = { key: 0 }, W = /*@__PURE__*/ m({
 	__name: "DateRangePicker",
-	props: /*@__PURE__*/ g({
+	props: /*@__PURE__*/ h({
 		size: {},
 		placeholder: { default: "Pick a date range" },
 		disabled: { type: Boolean },
@@ -54,30 +54,32 @@ var H = [
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	setup(h) {
-		let g = h, W = w(h, "modelValue"), G = y(!1), K = a(), q = c(() => g.id ?? K?.id.value), J = c(() => g.invalid ?? K?.invalid.value ?? !1), Y = e(), ae = c(() => g.unstyled ?? Y.unstyled), X = x({
+	setup(m) {
+		let h = m, W = C(m, "modelValue"), G = v(!1), K = te(), q = s(() => h.id ?? K?.id.value);
+		K && h.id && (K.id.value = h.id);
+		let J = s(() => h.invalid ?? K?.invalid.value ?? !1), Y = e(), ae = s(() => h.unstyled ?? Y.unstyled), X = b({
 			start: r(W.value?.start),
 			end: r(W.value?.end)
 		});
 		function Z(e) {
 			return i(e.start) === (W.value?.start ?? null) && i(e.end) === (W.value?.end ?? null);
 		}
-		T(W, () => {
+		w(W, () => {
 			Z(X.value) || (X.value = {
 				start: r(W.value?.start),
 				end: r(W.value?.end)
 			});
-		}, { deep: !0 }), T(X, (e) => {
+		}, { deep: !0 }), w(X, (e) => {
 			Z(e) || (W.value = {
 				start: i(e.start),
 				end: i(e.end)
 			});
 		});
-		let oe = c(() => r(g.min)), se = c(() => r(g.max)), Q = c(() => {
-			let e = n(W.value?.start, g.locale, g.format), t = n(W.value?.end, g.locale, g.format);
-			return !e && !t ? "" : t ? `${e}${g.separator}${t}` : e;
+		let oe = s(() => r(h.min)), se = s(() => r(h.max)), Q = s(() => {
+			let e = n(W.value?.start, h.locale, h.format), t = n(W.value?.end, h.locale, h.format);
+			return !e && !t ? "" : t ? `${e}${h.separator}${t}` : e;
 		});
-		T(W, (e) => {
+		w(W, (e) => {
 			G.value && e?.start && e?.end && (G.value = !1);
 		}, { deep: !0 });
 		function ce() {
@@ -86,97 +88,97 @@ var H = [
 				end: null
 			}, G.value = !1;
 		}
-		let le = c(() => ({
-			...o({
-				size: g.size,
+		let le = s(() => ({
+			...a({
+				size: h.size,
 				invalid: J.value
 			}),
 			...ee({ range: !0 })
 		}));
 		function $(e, t) {
-			let n = g.ui?.[e];
+			let n = h.ui?.[e];
 			return ae.value ? [n, t] : le.value[e]({ class: [n, t] });
 		}
-		return (e, n) => (v(), l(C(k), {
+		return (e, n) => (_(), c(S(k), {
 			open: G.value,
 			"onUpdate:open": n[1] ||= (e) => G.value = e
 		}, {
-			default: E(() => [m(C(A), { "as-child": "" }, {
-				default: E(() => [f("button", {
+			default: T(() => [p(S(A), { "as-child": "" }, {
+				default: T(() => [d("button", {
 					id: q.value,
 					type: "button",
-					disabled: g.disabled,
+					disabled: h.disabled,
 					"aria-invalid": J.value || void 0,
-					"aria-describedby": C(K)?.describedBy.value,
-					class: _($("trigger", g.class))
-				}, [Q.value ? (v(), d("span", U, S(Q.value), 1)) : (v(), d("span", {
+					"aria-describedby": S(K)?.describedBy.value,
+					class: g($("trigger", h.class))
+				}, [Q.value ? (_(), u("span", U, x(Q.value), 1)) : (_(), u("span", {
 					key: 1,
-					class: _($("placeholder"))
-				}, S(g.placeholder), 3)), m(t, { icon: C(re) }, null, 8, ["icon"])], 10, H)]),
+					class: g($("placeholder"))
+				}, x(h.placeholder), 3)), p(t, { icon: S(re) }, null, 8, ["icon"])], 10, H)]),
 				_: 1
-			}), m(C(O), null, {
-				default: E(() => [m(C(D), {
-					class: _($("content")),
+			}), p(S(O), null, {
+				default: T(() => [p(S(D), {
+					class: g($("content")),
 					"side-offset": 4,
 					align: "start"
 				}, {
-					default: E(() => [m(C(ie), {
+					default: T(() => [p(S(ie), {
 						modelValue: X.value,
 						"onUpdate:modelValue": n[0] ||= (e) => X.value = e,
 						"min-value": oe.value,
 						"max-value": se.value,
-						locale: g.locale,
-						"week-starts-on": g.weekStartsOn,
-						"number-of-months": g.months,
+						locale: h.locale,
+						"week-starts-on": h.weekStartsOn,
+						"number-of-months": h.months,
 						"fixed-weeks": "",
 						"initial-focus": ""
 					}, {
-						default: E(({ grid: e, weekDays: n }) => [m(C(R), { class: _($("header")) }, {
-							default: E(() => [
-								m(C(V), {
-									"aria-label": g.previousLabel,
-									class: _($("nav"))
+						default: T(({ grid: e, weekDays: n }) => [p(S(R), { class: g($("header")) }, {
+							default: T(() => [
+								p(S(V), {
+									"aria-label": h.previousLabel,
+									class: g($("nav"))
 								}, {
-									default: E(() => [m(t, { icon: C(te) }, null, 8, ["icon"])]),
+									default: T(() => [p(t, { icon: S(E) }, null, 8, ["icon"])]),
 									_: 1
 								}, 8, ["aria-label", "class"]),
-								m(C(z), { class: _($("heading")) }, null, 8, ["class"]),
-								m(C(B), {
-									"aria-label": g.nextLabel,
-									class: _($("nav"))
+								p(S(z), { class: g($("heading")) }, null, 8, ["class"]),
+								p(S(B), {
+									"aria-label": h.nextLabel,
+									class: g($("nav"))
 								}, {
-									default: E(() => [m(t, { icon: C(ne) }, null, 8, ["icon"])]),
+									default: T(() => [p(t, { icon: S(ne) }, null, 8, ["icon"])]),
 									_: 1
 								}, 8, ["aria-label", "class"])
 							]),
 							_: 1
-						}, 8, ["class"]), f("div", { class: _($("months")) }, [(v(!0), d(s, null, b(e, (e) => (v(), l(C(N), {
+						}, 8, ["class"]), d("div", { class: g($("months")) }, [(_(!0), u(o, null, y(e, (e) => (_(), c(S(N), {
 							key: e.value.toString(),
-							class: _($("grid"))
+							class: g($("grid"))
 						}, {
-							default: E(() => [m(C(F), null, {
-								default: E(() => [m(C(I), null, {
-									default: E(() => [(v(!0), d(s, null, b(n, (e) => (v(), l(C(L), {
+							default: T(() => [p(S(F), null, {
+								default: T(() => [p(S(I), null, {
+									default: T(() => [(_(!0), u(o, null, y(n, (e) => (_(), c(S(L), {
 										key: e,
-										class: _($("headCell"))
+										class: g($("headCell"))
 									}, {
-										default: E(() => [p(S(e), 1)]),
+										default: T(() => [f(x(e), 1)]),
 										_: 2
 									}, 1032, ["class"]))), 128))]),
 									_: 2
 								}, 1024)]),
 								_: 2
-							}, 1024), m(C(P), null, {
-								default: E(() => [(v(!0), d(s, null, b(e.rows, (t, n) => (v(), l(C(I), { key: `week-${n}` }, {
-									default: E(() => [(v(!0), d(s, null, b(t, (t) => (v(), l(C(j), {
+							}, 1024), p(S(P), null, {
+								default: T(() => [(_(!0), u(o, null, y(e.rows, (t, n) => (_(), c(S(I), { key: `week-${n}` }, {
+									default: T(() => [(_(!0), u(o, null, y(t, (t) => (_(), c(S(j), {
 										key: t.toString(),
 										date: t,
-										class: _($("cell"))
+										class: g($("cell"))
 									}, {
-										default: E(() => [m(C(M), {
+										default: T(() => [p(S(M), {
 											day: t,
 											month: e.value,
-											class: _($("cellTrigger"))
+											class: g($("cellTrigger"))
 										}, null, 8, [
 											"day",
 											"month",
@@ -198,14 +200,14 @@ var H = [
 						"locale",
 						"week-starts-on",
 						"number-of-months"
-					]), g.clearable ? (v(), d("div", {
+					]), h.clearable ? (_(), u("div", {
 						key: 0,
-						class: _($("footer"))
-					}, [f("button", {
+						class: g($("footer"))
+					}, [d("button", {
 						type: "button",
-						class: _($("action")),
+						class: g($("action")),
 						onClick: ce
-					}, S(g.clearLabel), 3)], 2)) : u("", !0)]),
+					}, x(h.clearLabel), 3)], 2)) : l("", !0)]),
 					_: 1
 				}, 8, ["class"])]),
 				_: 1

package/dist/components/Editable.vue_vue_type_script_setup_true_lang.js

@@ -48,7 +48,9 @@ var E = /*@__PURE__*/ u({
 	},
 	emits: ["update:modelValue", "submit"],
 	setup(u, { emit: E }) {
-		let D = u, O = E, k = n(), A = a(() => D.id ?? k?.id.value), j = a(() => D.invalid ?? k?.invalid.value ?? !1), M = e(), N = a(() => D.unstyled ?? M.unstyled), P = a(() => r({
+		let D = u, O = E, k = n(), A = a(() => D.id ?? k?.id.value);
+		k && D.id && (k.id.value = D.id);
+		let j = a(() => D.invalid ?? k?.invalid.value ?? !1), M = e(), N = a(() => D.unstyled ?? M.unstyled), P = a(() => r({
 			size: D.size,
 			invalid: j.value
 		}));
@@ -83,7 +85,10 @@ var E = /*@__PURE__*/ u({
 						isEmpty: r
 					})]),
 					_: 2
-				}, 1032, ["class"]), l(m(S), { class: d(F("input")) }, null, 8, ["class"])]),
+				}, 1032, ["class"]), l(m(S), {
+					id: A.value,
+					class: d(F("input"))
+				}, null, 8, ["id", "class"])]),
 				_: 2
 			}, 1032, ["class"]), D.controls ? (f(), c(i, { key: 0 }, [n ? (f(), c(i, { key: 1 }, [l(m(T), {
 				"aria-label": D.submitLabel,

package/dist/components/FileUpload.vue_vue_type_script_setup_true_lang.js

@@ -54,7 +54,9 @@ var D = [
 	}),
 	emits: /*@__PURE__*/ f(["reject"], ["update:modelValue"]),
 	setup(d, { emit: f }) {
-		let A = d, j = f, M = b(d, "modelValue"), N = r(), P = o(() => A.id ?? N?.id.value), F = o(() => A.invalid ?? N?.invalid.value ?? !1), I = e(), L = o(() => A.unstyled ?? I.unstyled), R = g([]);
+		let A = d, j = f, M = b(d, "modelValue"), N = r(), P = o(() => A.id ?? N?.id.value);
+		N && A.id && (N.id.value = A.id);
+		let F = o(() => A.invalid ?? N?.invalid.value ?? !1), I = e(), L = o(() => A.unstyled ?? I.unstyled), R = g([]);
 		function z(e) {
 			if (!A.accept) return !0;
 			let t = e.name.toLowerCase(), n = e.type.toLowerCase();

package/dist/components/Input.vue_vue_type_script_setup_true_lang.js

@@ -55,7 +55,9 @@ var T = [
 			"url",
 			"tel",
 			"password"
-		].includes(D.type) ? !1 : void 0), k = y(u, "modelValue"), A = b(), j = n(), M = i(() => D.id ?? j?.id.value), N = i(() => D.invalid ?? j?.invalid.value ?? !1), P = e(), F = i(() => D.unstyled ?? P.unstyled), I = g(k.value), L;
+		].includes(D.type) ? !1 : void 0), k = y(u, "modelValue"), A = b(), j = n(), M = i(() => D.id ?? j?.id.value);
+		j && D.id && (j.id.value = D.id);
+		let N = i(() => D.invalid ?? j?.invalid.value ?? !1), P = e(), F = i(() => D.unstyled ?? P.unstyled), I = g(k.value), L;
 		function R() {
 			L !== void 0 && (clearTimeout(L), L = void 0);
 		}

package/dist/components/NumberInput.vue_vue_type_script_setup_true_lang.js

@@ -57,7 +57,9 @@ var M = [
 	}),
 	emits: ["update:modelValue"],
 	setup(_) {
-		let v = _, F = w(_, "modelValue"), I = n(), L = f(() => v.id ?? I?.id.value), R = f(() => v.invalid ?? I?.invalid.value ?? !1), z = e(), B = f(() => v.unstyled ?? z.unstyled), V = S(""), H = S(!1);
+		let v = _, F = w(_, "modelValue"), I = n(), L = f(() => v.id ?? I?.id.value);
+		I && v.id && (I.id.value = v.id);
+		let R = f(() => v.invalid ?? I?.invalid.value ?? !1), z = e(), B = f(() => v.unstyled ?? z.unstyled), V = S(""), H = S(!1);
 		function U(e) {
 			return e ? v.locale ? o(e, v.locale, v.precision) : v.precision == null ? e : l(e, v.precision) ?? e : "";
 		}

package/dist/components/SignaturePad.vue_vue_type_script_setup_true_lang.js

@@ -54,7 +54,9 @@ var x = [
 		"clear"
 	],
 	setup(d, { expose: w, emit: T }) {
-		let E = d, D = T, O = _(), k = _([]), A = !1, j = 0, M = () => k.value.at(-1), N = r(), P = s(() => E.id ?? N?.id.value), F = s(() => E.invalid ?? N?.invalid.value ?? !1), I = s(() => !i(k.value));
+		let E = d, D = T, O = _(), k = _([]), A = !1, j = 0, M = () => k.value.at(-1), N = r(), P = s(() => E.id ?? N?.id.value);
+		N && E.id && (N.id.value = E.id);
+		let F = s(() => E.invalid ?? N?.invalid.value ?? !1), I = s(() => !i(k.value));
 		function L() {
 			if (E.penColor !== "currentColor") return E.penColor;
 			let e = O.value;

package/dist/components/TagsInput.vue_vue_type_script_setup_true_lang.js

@@ -45,7 +45,9 @@ var T = /*@__PURE__*/ u({
 		"removeTag"
 	],
 	setup(u, { emit: T }) {
-		let E = u, D = T, O = a(() => E.modelValue ?? []), k = a(() => E.max !== void 0 && O.value.length >= E.max), A = n(), j = a(() => E.id ?? A?.id.value), M = a(() => E.invalid ?? A?.invalid.value ?? !1), N = e(), P = a(() => E.unstyled ?? N.unstyled), F = a(() => r({
+		let E = u, D = T, O = a(() => E.modelValue ?? []), k = a(() => E.max !== void 0 && O.value.length >= E.max), A = n(), j = a(() => E.id ?? A?.id.value);
+		A && E.id && (A.id.value = E.id);
+		let M = a(() => E.invalid ?? A?.invalid.value ?? !1), N = e(), P = a(() => E.unstyled ?? N.unstyled), F = a(() => r({
 			size: E.size,
 			invalid: M.value
 		}));

package/dist/components/Textarea.vue_vue_type_script_setup_true_lang.js

@@ -41,7 +41,9 @@ var _ = [
 	}),
 	emits: ["update:modelValue"],
 	setup(a, { expose: o }) {
-		let v = a, y = p(a, "modelValue"), b = t(), x = r(() => v.id ?? b?.id.value), S = r(() => v.invalid ?? b?.invalid.value ?? !1), C = e(), w = r(() => v.unstyled ?? C.unstyled), T = r(() => w.value ? v.class : n({
+		let v = a, y = p(a, "modelValue"), b = t(), x = r(() => v.id ?? b?.id.value);
+		b && v.id && (b.id.value = v.id);
+		let S = r(() => v.invalid ?? b?.invalid.value ?? !1), C = e(), w = r(() => v.unstyled ?? C.unstyled), T = r(() => w.value ? v.class : n({
 			size: v.size,
 			invalid: S.value,
 			autosize: !!v.autosize,

package/dist/components/TimeField.vue_vue_type_script_setup_true_lang.js

@@ -37,7 +37,9 @@ var y = /*@__PURE__*/ u({
 	},
 	emits: ["update:modelValue"],
 	setup(u, { emit: y }) {
-		let b = u, x = y, S = r(), C = o(() => b.id ?? S?.id.value), w = o(() => {
+		let b = u, x = y, S = r(), C = o(() => b.id ?? S?.id.value);
+		S && b.id && (S.id.value = b.id);
+		let w = o(() => {
 			let e = b.modelValue;
 			return !e || !n(e) ? !1 : !!(b.minValue && e < b.minValue || b.maxValue && e > b.maxValue);
 		}), T = o(() => (b.invalid ?? S?.invalid.value ?? !1) || w.value), E = e(), D = o(() => b.unstyled ?? E.unstyled), O = o(() => i({

package/dist/theme/timeline.js

@@ -4,7 +4,7 @@ var t = e({
 	slots: {
 		root: "flex flex-col",
 		item: "relative grid grid-cols-[auto_1fr] gap-x-3",
-		rail: "flex flex-col items-center",
+		rail: "flex flex-col items-center text-sm",
 		marker: "z-10 flex shrink-0 items-center justify-center rounded-full",
 		line: "w-px flex-1 bg-border",
 		content: "min-w-0 pb-6",
@@ -16,12 +16,12 @@ var t = e({
 	variants: {
 		size: {
 			sm: {
-				marker: "size-2.5",
+				marker: "mt-[calc((1lh-0.625rem)/2)] size-2.5",
 				content: "pb-4 text-sm",
 				title: "text-sm"
 			},
 			md: {
-				marker: "size-3",
+				marker: "mt-[calc((1lh-0.75rem)/2)] size-3",
 				content: "pb-6 text-sm",
 				title: "text-sm"
 			}
@@ -41,12 +41,12 @@ var t = e({
 		{
 			withIcon: !0,
 			size: "sm",
-			class: { marker: "size-6 [&_svg]:size-3" }
+			class: { marker: "mt-[calc((1lh-1.5rem)/2)] size-6 [&_svg]:size-3" }
 		},
 		{
 			withIcon: !0,
 			size: "md",
-			class: { marker: "size-7 [&_svg]:size-3.5" }
+			class: { marker: "mt-[calc((1lh-1.75rem)/2)] size-7 [&_svg]:size-3.5" }
 		},
 		{
 			withIcon: !0,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "iryx-ui",
   "type": "module",
-  "version": "0.18.3",
+  "version": "0.18.5",
   "description": "A Vue 3 component library built on Reka UI and Tailwind CSS v4.",
   "author": "therok1",
   "license": "MIT",