iryx-ui 0.2.0 → 0.3.0

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 };

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

@@ -0,0 +1,89 @@
+import { Tick02Icon as e } from "../../../../node_modules/.pnpm/@hugeicons_core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/index.js";
+import { useIryxUiConfig as t } from "../config.js";
+import n from "./Icon.js";
+import { stepperTheme as r } from "../theme/stepper.js";
+import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, mergeModels as p, normalizeClass as m, openBlock as h, renderList as g, renderSlot as _, toDisplayString as v, unref as y, useModel as b, withCtx as x } from "vue";
+import { StepperDescription as S, StepperIndicator as C, StepperItem as w, StepperRoot as T, StepperSeparator as E, StepperTitle as D, StepperTrigger as O } from "reka-ui";
+//#region src/components/Stepper.vue?vue&type=script&setup=true&lang.ts
+var k = /*@__PURE__*/ f({
+	__name: "Stepper",
+	props: /*@__PURE__*/ p({
+		items: {},
+		orientation: {},
+		linear: {
+			type: Boolean,
+			default: !1
+		},
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {},
+		ui: {}
+	}, {
+		modelValue: { default: 1 },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(f) {
+		let p = f, k = b(f, "modelValue"), A = a(() => (p.items ?? []).map((e) => typeof e == "string" ? { title: e } : e)), j = t(), M = a(() => p.unstyled ?? j.unstyled), N = a(() => r({ orientation: p.orientation }));
+		function P(e) {
+			let t = p.ui?.[e];
+			return M.value ? t : N.value[e]({ class: t });
+		}
+		let F = a(() => M.value ? [p.ui?.root, p.class] : N.value.root({ class: [p.ui?.root, p.class] }));
+		return (t, r) => (h(), o(y(T), {
+			modelValue: k.value,
+			"onUpdate:modelValue": r[0] ||= (e) => k.value = e,
+			orientation: p.orientation,
+			linear: p.linear,
+			class: m(F.value)
+		}, {
+			default: x(() => [(h(!0), c(i, null, g(A.value, (r, a) => (h(), o(y(w), {
+				key: a,
+				step: a + 1,
+				disabled: r.disabled,
+				class: m(P("item"))
+			}, {
+				default: x(() => [d(y(O), { class: m(P("trigger")) }, {
+					default: x(() => [d(y(C), { class: m(P("indicator")) }, {
+						default: x(() => [_(t.$slots, "indicator", {
+							step: a + 1,
+							item: r
+						}, () => [a + 1 < k.value ? (h(), o(n, {
+							key: 0,
+							icon: y(e)
+						}, null, 8, ["icon"])) : (h(), c(i, { key: 1 }, [u(v(a + 1), 1)], 64))])]),
+						_: 2
+					}, 1032, ["class"]), l("span", { class: m(P("content")) }, [d(y(D), { class: m(P("title")) }, {
+						default: x(() => [u(v(r.title), 1)]),
+						_: 2
+					}, 1032, ["class"]), r.description ? (h(), o(y(S), {
+						key: 0,
+						class: m(P("description"))
+					}, {
+						default: x(() => [u(v(r.description), 1)]),
+						_: 2
+					}, 1032, ["class"])) : s("", !0)], 2)]),
+					_: 2
+				}, 1032, ["class"]), a < A.value.length - 1 ? (h(), o(y(E), {
+					key: 0,
+					class: m(P("separator"))
+				}, null, 8, ["class"])) : s("", !0)]),
+				_: 2
+			}, 1032, [
+				"step",
+				"disabled",
+				"class"
+			]))), 128))]),
+			_: 3
+		}, 8, [
+			"modelValue",
+			"orientation",
+			"linear",
+			"class"
+		]));
+	}
+});
+//#endregion
+export { k as default };

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

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

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

@@ -0,0 +1,78 @@
+import { useIryxUiConfig as e } from "../config.js";
+import t from "./Icon.js";
+import { tabsTheme as n } from "../theme/tabs.js";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createTextVNode as c, createVNode as l, defineComponent as u, mergeModels as d, normalizeClass as f, openBlock as p, renderList as m, renderSlot as h, toDisplayString as g, unref as _, useModel as v, withCtx as y } from "vue";
+import { TabsContent as b, TabsIndicator as x, TabsList as S, TabsRoot as C, TabsTrigger as w } from "reka-ui";
+//#region src/components/Tabs.vue?vue&type=script&setup=true&lang.ts
+var T = /*@__PURE__*/ u({
+	__name: "Tabs",
+	props: /*@__PURE__*/ d({
+		items: {},
+		variant: {},
+		orientation: {},
+		keepMounted: { type: Boolean },
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {},
+		ui: {}
+	}, {
+		modelValue: { default: void 0 },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(u) {
+		let d = u, T = i(() => (d.items ?? []).map((e) => typeof e == "string" ? { label: e } : e)), E = (e) => e.value ?? e.label, D = v(u, "modelValue"), O = e(), k = i(() => d.unstyled ?? O.unstyled), A = i(() => n({
+			variant: d.variant,
+			orientation: d.orientation
+		})), j = i(() => k.value ? [d.ui?.root, d.class] : A.value.root({ class: [d.ui?.root, d.class] })), M = i(() => k.value ? d.ui?.list : A.value.list({ class: d.ui?.list })), N = i(() => k.value ? d.ui?.indicator : A.value.indicator({ class: d.ui?.indicator })), P = i(() => k.value ? d.ui?.trigger : A.value.trigger({ class: d.ui?.trigger })), F = i(() => k.value ? d.ui?.content : A.value.content({ class: d.ui?.content }));
+		return (e, n) => (p(), a(_(C), {
+			modelValue: D.value,
+			"onUpdate:modelValue": n[0] ||= (e) => D.value = e,
+			"default-value": T.value[0] ? E(T.value[0]) : void 0,
+			orientation: d.orientation,
+			class: f(j.value)
+		}, {
+			default: y(() => [l(_(S), { class: f(M.value) }, {
+				default: y(() => [l(_(x), { class: f(N.value) }, null, 8, ["class"]), h(e.$slots, "list", {}, () => [(p(!0), s(r, null, m(T.value, (n) => (p(), a(_(w), {
+					key: E(n),
+					value: E(n),
+					disabled: n.disabled,
+					class: f(P.value)
+				}, {
+					default: y(() => [h(e.$slots, "trigger", { item: n }, () => [n.icon ? (p(), a(t, {
+						key: 0,
+						icon: n.icon
+					}, null, 8, ["icon"])) : o("", !0), c(" " + g(n.label), 1)])]),
+					_: 2
+				}, 1032, [
+					"value",
+					"disabled",
+					"class"
+				]))), 128))])]),
+				_: 3
+			}, 8, ["class"]), h(e.$slots, "default", {}, () => [(p(!0), s(r, null, m(T.value, (t) => (p(), a(_(b), {
+				key: E(t),
+				value: E(t),
+				"force-mount": d.keepMounted || void 0,
+				class: f(F.value)
+			}, {
+				default: y(() => [h(e.$slots, E(t), { item: t })]),
+				_: 2
+			}, 1032, [
+				"value",
+				"force-mount",
+				"class"
+			]))), 128))])]),
+			_: 3
+		}, 8, [
+			"modelValue",
+			"default-value",
+			"orientation",
+			"class"
+		]));
+	}
+});
+//#endregion
+export { T as default };

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

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