iryx-ui 0.2.0 → 0.4.0

package/dist/packages/iryx-ui/src/components/Icon.js

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

package/dist/packages/iryx-ui/src/components/Icon.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,26 @@
+import { HugeiconsIcon as e } from "../../../../node_modules/.pnpm/@hugeicons_vue@1.0.7_vue@3.5.35_typescript@6.0.3_/node_modules/@hugeicons/vue/dist/esm/components/HugeiconsIcon.vue.js";
+import { isIconArray as t } from "../composables/icon.js";
+import { computed as n, createBlock as r, createCommentVNode as i, defineComponent as a, normalizeClass as o, openBlock as s, resolveDynamicComponent as c, unref as l } from "vue";
+//#region src/components/Icon.vue?vue&type=script&setup=true&lang.ts
+var u = /*@__PURE__*/ a({
+	__name: "Icon",
+	props: {
+		icon: {},
+		class: {}
+	},
+	setup(a) {
+		let u = a, d = n(() => u.icon && t(u.icon) ? u.icon : void 0);
+		return (t, n) => d.value ? (s(), r(l(e), {
+			key: 0,
+			icon: d.value,
+			class: o(u.class),
+			"aria-hidden": "true"
+		}, null, 8, ["icon", "class"])) : u.icon ? (s(), r(c(u.icon), {
+			key: 1,
+			class: o(u.class),
+			"aria-hidden": "true"
+		}, null, 8, ["class"])) : i("", !0);
+	}
+});
+//#endregion
+export { u as default };

package/dist/packages/iryx-ui/src/components/NumberInput.js

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

package/dist/packages/iryx-ui/src/components/NumberInput.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,136 @@
+import { ArrowDown01Icon as e, ArrowUp01Icon as t } from "../../../../node_modules/.pnpm/@hugeicons_core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/index.js";
+import { useIryxUiConfig as n } from "../config.js";
+import r from "./Icon.js";
+import { useFormField as i } from "../composables/form.js";
+import { addDecimals as a, clampDecimal as o, compareDecimals as s, formatForLocale as c, isDecimal as l, parseFromLocale as u, roundDecimal as d, toEditable as f } from "../composables/decimal.js";
+import { numberInputTheme as p } from "../theme/number-input.js";
+import { computed as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createVNode as v, defineComponent as y, mergeModels as b, normalizeClass as x, openBlock as S, ref as C, unref as w, useModel as T, vModelText as E, watch as D, withDirectives as O, withKeys as k, withModifiers as A } from "vue";
+//#region src/components/NumberInput.vue?vue&type=script&setup=true&lang.ts
+var j = [
+	"id",
+	"aria-valuenow",
+	"aria-valuemin",
+	"aria-valuemax",
+	"placeholder",
+	"disabled",
+	"required",
+	"aria-invalid",
+	"aria-describedby"
+], M = ["aria-label", "disabled"], N = ["aria-label", "disabled"], P = /*@__PURE__*/ y({
+	__name: "NumberInput",
+	props: /*@__PURE__*/ b({
+		min: {},
+		max: {},
+		step: { default: "1" },
+		precision: {},
+		locale: {},
+		stepper: {
+			type: Boolean,
+			default: !0
+		},
+		size: {},
+		placeholder: {},
+		disabled: { type: Boolean },
+		required: { type: Boolean },
+		invalid: {
+			type: Boolean,
+			default: void 0
+		},
+		id: {},
+		incrementLabel: { default: "Increment" },
+		decrementLabel: { default: "Decrement" },
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {},
+		ui: {}
+	}, {
+		modelValue: { default: "" },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(y) {
+		let b = y, P = T(y, "modelValue"), F = i(), I = m(() => b.id ?? F?.id.value), L = m(() => b.invalid ?? F?.invalid.value ?? !1), R = n(), z = m(() => b.unstyled ?? R.unstyled), B = C(""), V = C(!1);
+		function H(e) {
+			return e ? b.locale ? c(e, b.locale, b.precision) : b.precision == null ? e : d(e, b.precision) ?? e : "";
+		}
+		D(() => P.value, (e) => {
+			V.value || (B.value = H(e));
+		}, { immediate: !0 });
+		function U(e) {
+			let t = e.trim();
+			if (!t) {
+				P.value = "", B.value = "";
+				return;
+			}
+			let n = b.locale ? u(t, b.locale) : l(t) ? t : void 0;
+			if (n == null) {
+				B.value = H(P.value);
+				return;
+			}
+			let r = o(n, b.min, b.max), i = b.precision == null ? r : d(r, b.precision) ?? r;
+			P.value = i, B.value = H(i);
+		}
+		function W() {
+			V.value = !0, B.value = f(P.value, b.locale);
+		}
+		function G() {
+			V.value = !1, U(B.value);
+		}
+		function K(e) {
+			let t = a(P.value || "0", e === 1 ? b.step : `-${b.step}`);
+			if (t == null) return;
+			let n = o(t, b.min, b.max), r = b.precision == null ? n : d(n, b.precision) ?? n;
+			P.value = r, B.value = V.value ? f(r, b.locale) : H(r);
+		}
+		let q = m(() => b.min != null && P.value !== "" && s(P.value, b.min) <= 0), J = m(() => b.max != null && P.value !== "" && s(P.value, b.max) >= 0), Y = m(() => p({
+			size: b.size,
+			invalid: L.value,
+			withStepper: b.stepper
+		}));
+		function X(e, t) {
+			let n = b.ui?.[e];
+			return z.value ? [n, t] : Y.value[e]({ class: [n, t] });
+		}
+		return (n, i) => (S(), g("div", { class: x(X("root")) }, [O(_("input", {
+			id: I.value,
+			"onUpdate:modelValue": i[0] ||= (e) => B.value = e,
+			type: "text",
+			inputmode: "decimal",
+			autocomplete: "off",
+			role: "spinbutton",
+			"aria-valuenow": P.value || void 0,
+			"aria-valuemin": b.min,
+			"aria-valuemax": b.max,
+			placeholder: b.placeholder,
+			disabled: b.disabled,
+			required: b.required,
+			"aria-invalid": L.value || void 0,
+			"aria-describedby": w(F)?.describedBy.value,
+			class: x(z.value ? [b.ui?.input, b.class] : Y.value.input({ class: [b.ui?.input, b.class] })),
+			onFocus: W,
+			onBlur: G,
+			onKeydown: [i[1] ||= k(A((e) => K(1), ["prevent"]), ["up"]), i[2] ||= k(A((e) => K(-1), ["prevent"]), ["down"])]
+		}, null, 42, j), [[E, B.value]]), b.stepper ? (S(), g("div", {
+			key: 0,
+			class: x(X("stepper"))
+		}, [_("button", {
+			type: "button",
+			tabindex: "-1",
+			"aria-label": b.incrementLabel,
+			disabled: b.disabled || J.value,
+			class: x(X("step")),
+			onClick: i[3] ||= (e) => K(1)
+		}, [v(r, { icon: w(t) }, null, 8, ["icon"])], 10, M), _("button", {
+			type: "button",
+			tabindex: "-1",
+			"aria-label": b.decrementLabel,
+			disabled: b.disabled || q.value,
+			class: x(X("step")),
+			onClick: i[4] ||= (e) => K(-1)
+		}, [v(r, { icon: w(e) }, null, 8, ["icon"])], 10, N)], 2)) : h("", !0)], 2));
+	}
+});
+//#endregion
+export { P as default };

package/dist/packages/iryx-ui/src/components/Pagination.js

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

package/dist/packages/iryx-ui/src/components/Pagination.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,94 @@
+import { ArrowLeft01Icon as e, ArrowRight01Icon as t } from "../../../../node_modules/.pnpm/@hugeicons_core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/index.js";
+import { useIryxUiConfig as n } from "../config.js";
+import r from "./Icon.js";
+import { paginationTheme as i } from "../theme/pagination.js";
+import { Fragment as a, computed as o, createBlock as s, createElementBlock as c, createTextVNode as l, createVNode as u, defineComponent as d, mergeModels as f, normalizeClass as p, openBlock as m, renderList as h, renderSlot as g, toDisplayString as _, unref as v, useModel as y, withCtx as b } from "vue";
+import { PaginationEllipsis as x, PaginationList as S, PaginationListItem as C, PaginationNext as w, PaginationPrev as T, PaginationRoot as E } from "reka-ui";
+//#region src/components/Pagination.vue?vue&type=script&setup=true&lang.ts
+var D = /*@__PURE__*/ d({
+	__name: "Pagination",
+	props: /*@__PURE__*/ f({
+		total: { default: 0 },
+		itemsPerPage: { default: 10 },
+		siblingCount: { default: 1 },
+		showEdges: {
+			type: Boolean,
+			default: !0
+		},
+		size: {},
+		prevLabel: { default: "Previous page" },
+		nextLabel: { default: "Next page" },
+		label: { default: "Pagination" },
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {},
+		ui: {}
+	}, {
+		page: { default: 1 },
+		pageModifiers: {}
+	}),
+	emits: ["update:page"],
+	setup(d) {
+		let f = d, D = y(d, "page"), O = n(), k = o(() => f.unstyled ?? O.unstyled), A = o(() => i({ size: f.size })), j = o(() => k.value ? [f.ui?.root, f.class] : A.value.root({ class: [f.ui?.root, f.class] })), M = o(() => k.value ? f.ui?.list : A.value.list({ class: f.ui?.list })), N = o(() => k.value ? f.ui?.ellipsis : A.value.ellipsis({ class: f.ui?.ellipsis }));
+		function P(e) {
+			return k.value ? f.ui?.item : [A.value.item({ class: f.ui?.item }), e ? A.value.active() : A.value.inactive()];
+		}
+		return (n, i) => (m(), s(v(E), {
+			page: D.value,
+			"onUpdate:page": i[0] ||= (e) => D.value = e,
+			total: f.total,
+			"items-per-page": f.itemsPerPage,
+			"sibling-count": f.siblingCount,
+			"show-edges": f.showEdges,
+			"aria-label": f.label,
+			class: p(j.value)
+		}, {
+			default: b(() => [u(v(S), { class: p(M.value) }, {
+				default: b(({ items: o }) => [
+					u(v(T), {
+						"aria-label": f.prevLabel,
+						class: p(P(!1))
+					}, {
+						default: b(() => [g(n.$slots, "prev", {}, () => [u(r, { icon: v(e) }, null, 8, ["icon"])])]),
+						_: 3
+					}, 8, ["aria-label", "class"]),
+					(m(!0), c(a, null, h(o, (e, t) => (m(), c(a, { key: t }, [e.type === "page" ? (m(), s(v(C), {
+						key: 0,
+						value: e.value,
+						class: p(P(e.value === D.value))
+					}, {
+						default: b(() => [l(_(e.value), 1)]),
+						_: 2
+					}, 1032, ["value", "class"])) : (m(), s(v(x), {
+						key: 1,
+						class: p(N.value)
+					}, {
+						default: b(() => [...i[1] ||= [l(" … ", -1)]]),
+						_: 1
+					}, 8, ["class"]))], 64))), 128)),
+					u(v(w), {
+						"aria-label": f.nextLabel,
+						class: p(P(!1))
+					}, {
+						default: b(() => [g(n.$slots, "next", {}, () => [u(r, { icon: v(t) }, null, 8, ["icon"])])]),
+						_: 3
+					}, 8, ["aria-label", "class"])
+				]),
+				_: 3
+			}, 8, ["class"])]),
+			_: 3
+		}, 8, [
+			"page",
+			"total",
+			"items-per-page",
+			"sibling-count",
+			"show-edges",
+			"aria-label",
+			"class"
+		]));
+	}
+});
+//#endregion
+export { D as default };

package/dist/packages/iryx-ui/src/components/Progress.js

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

package/dist/packages/iryx-ui/src/components/Progress.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,65 @@
+import { useIryxUiConfig as e } from "../config.js";
+import { progressTheme as t } from "../theme/progress.js";
+import { computed as n, createCommentVNode as r, createElementBlock as i, createTextVNode as a, createVNode as o, defineComponent as s, normalizeClass as c, normalizeStyle as l, openBlock as u, renderSlot as d, toDisplayString as f, unref as p, withCtx as m } from "vue";
+import { ProgressIndicator as h, ProgressRoot as g } from "reka-ui";
+//#region src/components/Progress.vue?vue&type=script&setup=true&lang.ts
+var _ = /*@__PURE__*/ s({
+	__name: "Progress",
+	props: {
+		modelValue: {},
+		max: { default: 100 },
+		variant: {},
+		size: {},
+		indeterminate: { type: Boolean },
+		label: {},
+		showValue: { type: Boolean },
+		formatValue: {},
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {},
+		ui: {}
+	},
+	setup(s) {
+		let _ = s, v = n(() => _.indeterminate || _.modelValue == null), y = n(() => v.value ? null : Math.min(Math.max(_.modelValue ?? 0, 0), _.max)), b = n(() => y.value == null ? 0 : y.value / _.max * 100), x = n(() => {
+			if (y.value != null) return _.formatValue ? _.formatValue(y.value, _.max) : `${Math.round(b.value)}%`;
+		}), S = n(() => !!(_.label || _.showValue && x.value)), C = e(), w = n(() => _.unstyled ?? C.unstyled), T = n(() => t({
+			variant: _.variant,
+			size: _.size,
+			indeterminate: v.value
+		})), E = n(() => w.value ? [_.ui?.root, _.class] : T.value.root({ class: [_.ui?.root, _.class] })), D = n(() => w.value ? _.ui?.header : T.value.header({ class: _.ui?.header })), O = n(() => w.value ? _.ui?.label : T.value.label({ class: _.ui?.label })), k = n(() => w.value ? _.ui?.value : T.value.value({ class: _.ui?.value })), A = n(() => w.value ? _.ui?.track : T.value.track({ class: _.ui?.track })), j = n(() => w.value ? _.ui?.indicator : T.value.indicator({ class: _.ui?.indicator })), M = n(() => v.value ? void 0 : { transform: `translateX(-${100 - b.value}%)` });
+		return (e, t) => (u(), i("div", { class: c(E.value) }, [S.value ? (u(), i("div", {
+			key: 0,
+			class: c(D.value)
+		}, [_.label || e.$slots.label ? (u(), i("span", {
+			key: 0,
+			class: c(O.value)
+		}, [d(e.$slots, "label", {}, () => [a(f(_.label), 1)])], 2)) : r("", !0), _.showValue && x.value ? (u(), i("span", {
+			key: 1,
+			class: c(k.value)
+		}, [d(e.$slots, "value", {
+			value: y.value,
+			percent: b.value,
+			formatted: x.value
+		}, () => [a(f(x.value), 1)])], 2)) : r("", !0)], 2)) : r("", !0), o(p(g), {
+			"model-value": y.value,
+			max: _.max,
+			"get-value-label": () => x.value ?? "",
+			class: c(A.value)
+		}, {
+			default: m(() => [o(p(h), {
+				class: c(j.value),
+				style: l(M.value)
+			}, null, 8, ["class", "style"])]),
+			_: 1
+		}, 8, [
+			"model-value",
+			"max",
+			"get-value-label",
+			"class"
+		])], 2));
+	}
+});
+//#endregion
+export { _ as default };

package/dist/packages/iryx-ui/src/components/Select.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,85 @@
+import { ArrowDown01Icon as e, Tick02Icon as t } from "../../../../node_modules/.pnpm/@hugeicons_core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/index.js";
+import { useIryxUiConfig as n } from "../config.js";
+import r from "./Icon.js";
+import { selectTheme as i } from "../theme/select.js";
+import { Fragment as a, computed as o, createBlock as s, createElementBlock as c, createTextVNode as l, createVNode as u, defineComponent as d, guardReactiveProps as f, normalizeClass as p, normalizeProps as m, openBlock as h, renderList as g, renderSlot as _, toDisplayString as v, unref as y, withCtx as b } from "vue";
+import { SelectContent as x, SelectIcon as S, SelectItem as C, SelectItemIndicator as w, SelectItemText as T, SelectPortal as E, SelectRoot as D, SelectTrigger as O, SelectValue as k, SelectViewport as A, useForwardPropsEmits as j } from "reka-ui";
+//#region src/components/Select.vue?vue&type=script&setup=true&lang.ts
+var M = /*@__PURE__*/ d({
+	__name: "Select",
+	props: {
+		items: {},
+		placeholder: {},
+		size: {},
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {},
+		ui: {},
+		open: { type: Boolean },
+		defaultOpen: { type: Boolean },
+		defaultValue: {},
+		modelValue: {},
+		by: {},
+		dir: {},
+		multiple: { type: Boolean },
+		autocomplete: {},
+		disabled: { type: Boolean },
+		name: {},
+		required: { type: Boolean }
+	},
+	emits: ["update:modelValue", "update:open"],
+	setup(d, { emit: M }) {
+		let N = d, P = M, F = j(o(() => {
+			let { items: e, placeholder: t, size: n, unstyled: r, class: i, ui: a, ...o } = N;
+			return o;
+		}), P), I = o(() => (N.items ?? []).map((e) => typeof e == "string" ? {
+			label: e,
+			value: e
+		} : e)), L = n(), R = o(() => N.unstyled ?? L.unstyled), z = o(() => i({ size: N.size })), B = o(() => R.value ? [N.ui?.trigger, N.class] : z.value.trigger({ class: [N.ui?.trigger, N.class] })), V = o(() => R.value ? N.ui?.content : z.value.content({ class: N.ui?.content })), H = o(() => R.value ? N.ui?.viewport : z.value.viewport({ class: N.ui?.viewport })), U = o(() => R.value ? N.ui?.item : z.value.item({ class: N.ui?.item })), W = o(() => R.value ? void 0 : z.value.itemIndicator());
+		return (n, i) => (h(), s(y(D), m(f(y(F))), {
+			default: b(() => [u(y(O), { class: p(B.value) }, {
+				default: b(() => [u(y(k), { placeholder: N.placeholder }, null, 8, ["placeholder"]), u(y(S), { "as-child": "" }, {
+					default: b(() => [u(r, { icon: y(e) }, null, 8, ["icon"])]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["class"]), u(y(E), null, {
+				default: b(() => [u(y(x), {
+					class: p(V.value),
+					position: "popper",
+					"side-offset": 4
+				}, {
+					default: b(() => [u(y(A), { class: p(H.value) }, {
+						default: b(() => [_(n.$slots, "default", {}, () => [(h(!0), c(a, null, g(I.value, (e) => (h(), s(y(C), {
+							key: e.value,
+							value: e.value,
+							disabled: e.disabled,
+							class: p(U.value)
+						}, {
+							default: b(() => [u(y(w), { class: p(W.value) }, {
+								default: b(() => [u(r, { icon: y(t) }, null, 8, ["icon"])]),
+								_: 1
+							}, 8, ["class"]), u(y(T), null, {
+								default: b(() => [l(v(e.label), 1)]),
+								_: 2
+							}, 1024)]),
+							_: 2
+						}, 1032, [
+							"value",
+							"disabled",
+							"class"
+						]))), 128))])]),
+						_: 3
+					}, 8, ["class"])]),
+					_: 3
+				}, 8, ["class"])]),
+				_: 3
+			})]),
+			_: 3
+		}, 16));
+	}
+});
+//#endregion
+export { M as default };

package/dist/packages/iryx-ui/src/components/Separator.js

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

package/dist/packages/iryx-ui/src/components/Separator.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,56 @@
+import { useIryxUiConfig as e } from "../config.js";
+import { separatorTheme as t } from "../theme/separator.js";
+import { computed as n, createBlock as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, normalizeClass as l, openBlock as u, renderSlot as d, toDisplayString as f, unref as p, useSlots as m } from "vue";
+import { Separator as h } from "reka-ui";
+//#region src/components/Separator.vue?vue&type=script&setup=true&lang.ts
+var g = /*@__PURE__*/ c({
+	__name: "Separator",
+	props: {
+		orientation: { default: "horizontal" },
+		label: {},
+		decorative: {
+			type: Boolean,
+			default: !0
+		},
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {},
+		ui: {}
+	},
+	setup(c) {
+		let g = c, _ = m(), v = n(() => !!(g.label || _.default)), y = e(), b = n(() => g.unstyled ?? y.unstyled), x = n(() => t({ orientation: g.orientation })), S = n(() => b.value ? [g.ui?.root, g.class] : x.value.root({ class: [g.ui?.root, g.class] })), C = n(() => b.value ? g.ui?.line : x.value.line({ class: g.ui?.line })), w = n(() => b.value ? g.ui?.label : x.value.label({ class: g.ui?.label }));
+		return (e, t) => v.value ? (u(), i("div", {
+			key: 0,
+			class: l(S.value)
+		}, [
+			s(p(h), {
+				orientation: g.orientation,
+				decorative: g.decorative,
+				class: l(C.value)
+			}, null, 8, [
+				"orientation",
+				"decorative",
+				"class"
+			]),
+			a("span", { class: l(w.value) }, [d(e.$slots, "default", {}, () => [o(f(g.label), 1)])], 2),
+			s(p(h), {
+				orientation: g.orientation,
+				decorative: "",
+				class: l(C.value)
+			}, null, 8, ["orientation", "class"])
+		], 2)) : (u(), r(p(h), {
+			key: 1,
+			orientation: g.orientation,
+			decorative: g.decorative,
+			class: l(b.value ? [g.ui?.line, g.class] : x.value.line({ class: [g.ui?.line, g.class] }))
+		}, null, 8, [
+			"orientation",
+			"decorative",
+			"class"
+		]));
+	}
+});
+//#endregion
+export { g as default };

package/dist/packages/iryx-ui/src/components/Skeleton.js

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

package/dist/packages/iryx-ui/src/components/Skeleton.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,48 @@
+import { useIryxUiConfig as e } from "../config.js";
+import { skeletonTheme as t } from "../theme/skeleton.js";
+import { Fragment as n, computed as r, createBlock as i, createElementBlock as a, defineComponent as o, normalizeClass as s, openBlock as c, renderList as l, unref as u } from "vue";
+import { Primitive as d } from "reka-ui";
+//#region src/components/Skeleton.vue?vue&type=script&setup=true&lang.ts
+var f = ["aria-label"], p = /*@__PURE__*/ o({
+	__name: "Skeleton",
+	props: {
+		as: { default: "div" },
+		variant: {},
+		lines: { default: 1 },
+		label: { default: "Loading" },
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {}
+	},
+	setup(o) {
+		let p = o, m = e(), h = r(() => p.unstyled ?? m.unstyled), g = r(() => h.value ? p.class : t({
+			variant: p.variant,
+			class: p.class
+		})), _ = r(() => Math.max(1, p.lines));
+		return (e, t) => _.value > 1 ? (c(), a("div", {
+			key: 0,
+			role: "status",
+			"aria-label": p.label,
+			class: "flex w-full flex-col gap-2"
+		}, [(c(!0), a(n, null, l(_.value, (e) => (c(), i(u(d), {
+			key: e,
+			as: p.as,
+			class: s(g.value),
+			"aria-hidden": "true"
+		}, null, 8, ["as", "class"]))), 128))], 8, f)) : (c(), i(u(d), {
+			key: 1,
+			as: p.as,
+			role: "status",
+			"aria-label": p.label,
+			class: s(g.value)
+		}, null, 8, [
+			"as",
+			"aria-label",
+			"class"
+		]));
+	}
+});
+//#endregion
+export { p as default };

package/dist/packages/iryx-ui/src/components/Stat.js

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

package/dist/packages/iryx-ui/src/components/Stat.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,63 @@
+import { ArrowDown01Icon as e, ArrowRight01Icon as t, ArrowUp01Icon as n } from "../../../../node_modules/.pnpm/@hugeicons_core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/index.js";
+import { useIryxUiConfig as r } from "../config.js";
+import i from "./Icon.js";
+import { statTheme as a } from "../theme/stat.js";
+import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, normalizeClass as m, openBlock as h, renderSlot as g, toDisplayString as _, unref as v, withCtx as y } from "vue";
+import { Primitive as b } from "reka-ui";
+//#region src/components/Stat.vue?vue&type=script&setup=true&lang.ts
+var x = /*@__PURE__*/ p({
+	__name: "Stat",
+	props: {
+		as: { default: "div" },
+		label: {},
+		value: {},
+		delta: {},
+		trend: {},
+		hint: {},
+		size: {},
+		formatDelta: {},
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {},
+		ui: {}
+	},
+	setup(p) {
+		let x = p, S = o(() => x.trend ? x.trend : x.delta == null || x.delta === 0 ? "neutral" : x.delta > 0 ? "up" : "down"), C = o(() => ({
+			up: n,
+			down: e,
+			neutral: t
+		})[S.value]), w = o(() => {
+			if (x.delta != null) return x.formatDelta ? x.formatDelta(x.delta) : `${x.delta > 0 ? "+" : ""}${x.delta}%`;
+		}), T = r(), E = o(() => x.unstyled ?? T.unstyled), D = o(() => a({
+			size: x.size,
+			trend: S.value
+		})), O = o(() => E.value ? [x.ui?.root, x.class] : D.value.root({ class: [x.ui?.root, x.class] })), k = o(() => E.value ? x.ui?.label : D.value.label({ class: x.ui?.label })), A = o(() => E.value ? x.ui?.value : D.value.value({ class: x.ui?.value })), j = o(() => E.value ? x.ui?.delta : D.value.delta({ class: x.ui?.delta })), M = o(() => E.value ? x.ui?.hint : D.value.hint({ class: x.ui?.hint })), N = o(() => E.value ? x.ui?.row : D.value.row({ class: x.ui?.row }));
+		return (e, t) => (h(), s(v(b), {
+			as: x.as,
+			class: m(O.value)
+		}, {
+			default: y(() => [
+				x.label || e.$slots.label ? (h(), l("span", {
+					key: 0,
+					class: m(k.value)
+				}, [g(e.$slots, "label", {}, () => [d(_(x.label), 1)])], 2)) : c("", !0),
+				u("span", { class: m(N.value) }, [u("span", { class: m(A.value) }, [g(e.$slots, "default", {}, () => [d(_(x.value), 1)])], 2), w.value || e.$slots.delta ? (h(), l("span", {
+					key: 0,
+					class: m(j.value)
+				}, [g(e.$slots, "delta", { trend: S.value }, () => [f(i, {
+					icon: C.value,
+					"data-icon": "inline-start"
+				}, null, 8, ["icon"]), d(" " + _(w.value), 1)])], 2)) : c("", !0)], 2),
+				x.hint || e.$slots.hint ? (h(), l("span", {
+					key: 1,
+					class: m(M.value)
+				}, [g(e.$slots, "hint", {}, () => [d(_(x.hint), 1)])], 2)) : c("", !0)
+			]),
+			_: 3
+		}, 8, ["as", "class"]));
+	}
+});
+//#endregion
+export { x as default };

package/dist/packages/iryx-ui/src/components/Stepper.js

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