iryx-ui 0.1.0 → 0.3.0

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

@@ -0,0 +1,92 @@
+import { ArrowRight01Icon as e } from "../../../../node_modules/.pnpm/@hugeicons_core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/index.js";
+import t from "./Icon.js";
+import { dropdownMenuTheme as n } from "../theme/dropdown-menu.js";
+import { isSeparator as r, isSubmenu as i } from "../composables/dropdown-menu.js";
+import { Fragment as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createTextVNode as l, createVNode as u, defineComponent as d, normalizeClass as f, openBlock as p, renderList as m, resolveComponent as h, toDisplayString as g, unref as _, withCtx as v } from "vue";
+import { DropdownMenuItem as y, DropdownMenuLabel as b, DropdownMenuPortal as x, DropdownMenuSeparator as S, DropdownMenuSub as C, DropdownMenuSubContent as w, DropdownMenuSubTrigger as T } from "reka-ui";
+//#region src/components/DropdownMenuItems.vue?vue&type=script&setup=true&lang.ts
+var E = /*@__PURE__*/ d({
+	__name: "DropdownMenuItems",
+	props: {
+		entries: {},
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		ui: {}
+	},
+	setup(d) {
+		let E = d;
+		function D(e, t) {
+			let r = E.ui?.[e];
+			return E.unstyled ? r : n({ danger: t })[e]({ class: r });
+		}
+		let O = E.unstyled ? void 0 : n().subTriggerIcon();
+		return (n, d) => {
+			let k = h("DropdownMenuItems", !0);
+			return p(!0), c(a, null, m(E.entries, (n, d) => (p(), c(a, { key: d }, [_(r)(n) ? (p(), o(_(S), {
+				key: 0,
+				class: f(D("separator"))
+			}, null, 8, ["class"])) : _(i)(n) ? (p(), o(_(C), { key: 1 }, {
+				default: v(() => [u(_(T), {
+					disabled: n.disabled,
+					class: f(D("subTrigger"))
+				}, {
+					default: v(() => [
+						n.icon ? (p(), o(t, {
+							key: 0,
+							icon: n.icon
+						}, null, 8, ["icon"])) : s("", !0),
+						l(" " + g(n.label) + " ", 1),
+						u(t, {
+							icon: _(e),
+							class: f(_(O))
+						}, null, 8, ["icon", "class"])
+					]),
+					_: 2
+				}, 1032, ["disabled", "class"]), u(_(x), null, {
+					default: v(() => [u(_(w), {
+						class: f(D("subContent")),
+						"side-offset": 4
+					}, {
+						default: v(() => [u(k, {
+							entries: n.items,
+							unstyled: E.unstyled,
+							ui: E.ui
+						}, null, 8, [
+							"entries",
+							"unstyled",
+							"ui"
+						])]),
+						_: 2
+					}, 1032, ["class"])]),
+					_: 2
+				}, 1024)]),
+				_: 2
+			}, 1024)) : n.onSelect ? (p(), o(_(y), {
+				key: 3,
+				disabled: n.disabled,
+				class: f(D("item", n.danger)),
+				onSelect: n.onSelect
+			}, {
+				default: v(() => [n.icon ? (p(), o(t, {
+					key: 0,
+					icon: n.icon
+				}, null, 8, ["icon"])) : s("", !0), l(" " + g(n.label), 1)]),
+				_: 2
+			}, 1032, [
+				"disabled",
+				"class",
+				"onSelect"
+			])) : (p(), o(_(b), {
+				key: 2,
+				class: f(D("label"))
+			}, {
+				default: v(() => [l(g(n.label), 1)]),
+				_: 2
+			}, 1032, ["class"]))], 64))), 128);
+		};
+	}
+});
+//#endregion
+export { E as default };

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

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

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

@@ -0,0 +1,55 @@
+import { useIryxUiConfig as e } from "../config.js";
+import t from "./Icon.js";
+import { emptyStateTheme as n } from "../theme/empty-state.js";
+import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createTextVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, renderSlot as f, toDisplayString as p, unref as m, withCtx as h } from "vue";
+import { Primitive as g } from "reka-ui";
+//#region src/components/EmptyState.vue?vue&type=script&setup=true&lang.ts
+var _ = /*@__PURE__*/ l({
+	__name: "EmptyState",
+	props: {
+		as: { default: "div" },
+		icon: {
+			type: [Array, Boolean],
+			default: void 0
+		},
+		title: {},
+		description: {},
+		size: {},
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {},
+		ui: {}
+	},
+	setup(l) {
+		let _ = l, v = e(), y = r(() => _.unstyled ?? v.unstyled), b = r(() => _.icon === !1 ? void 0 : _.icon), x = r(() => n({ size: _.size })), S = r(() => y.value ? [_.ui?.root, _.class] : x.value.root({ class: [_.ui?.root, _.class] })), C = r(() => y.value ? _.ui?.icon : x.value.icon({ class: _.ui?.icon })), w = r(() => y.value ? _.ui?.title : x.value.title({ class: _.ui?.title })), T = r(() => y.value ? _.ui?.description : x.value.description({ class: _.ui?.description })), E = r(() => y.value ? _.ui?.actions : x.value.actions({ class: _.ui?.actions }));
+		return (e, n) => (d(), i(m(g), {
+			as: _.as,
+			class: u(S.value)
+		}, {
+			default: h(() => [
+				b.value || e.$slots.icon ? (d(), o("div", {
+					key: 0,
+					class: u(C.value)
+				}, [f(e.$slots, "icon", {}, () => [c(t, { icon: b.value }, null, 8, ["icon"])])], 2)) : a("", !0),
+				_.title || e.$slots.title ? (d(), o("p", {
+					key: 1,
+					class: u(w.value)
+				}, [f(e.$slots, "title", {}, () => [s(p(_.title), 1)])], 2)) : a("", !0),
+				_.description || e.$slots.description ? (d(), o("p", {
+					key: 2,
+					class: u(T.value)
+				}, [f(e.$slots, "description", {}, () => [s(p(_.description), 1)])], 2)) : a("", !0),
+				f(e.$slots, "default"),
+				e.$slots.actions ? (d(), o("div", {
+					key: 3,
+					class: u(E.value)
+				}, [f(e.$slots, "actions")], 2)) : a("", !0)
+			]),
+			_: 3
+		}, 8, ["as", "class"]));
+	}
+});
+//#endregion
+export { _ as default };

package/dist/{components → packages/iryx-ui/src/components}/FormField.vue_vue_type_script_setup_true_lang.js

@@ -15,6 +15,7 @@ var x = ["data-iryx-field"], S = ["id"], C = ["id"], w = ["id"], T = /*@__PURE__
 		help: {},
 		required: { type: Boolean },
 		error: {},
+		indent: {},
 		unstyled: {
 			type: Boolean,
 			default: void 0
@@ -35,9 +36,9 @@ var x = ["data-iryx-field"], S = ["id"], C = ["id"], w = ["id"], T = /*@__PURE__
 		function A() {
 			!T.name || !E || E.validateOn.value.includes("blur") && E.validateField(T.name);
 		}
-		let j = e(), M = o(() => T.unstyled ?? j.unstyled), N = i();
+		let j = e(), M = o(() => T.unstyled ?? j.unstyled), N = o(() => i({ indent: T.indent }));
 		function P(e, t) {
-			return M.value ? t : N[e]({ class: t });
+			return M.value ? t : N.value[e]({ class: t });
 		}
 		return m(t, {
 			id: o(() => D),
@@ -46,7 +47,7 @@ var x = ["data-iryx-field"], S = ["id"], C = ["id"], w = ["id"], T = /*@__PURE__
 			describedBy: k
 		}), (e, t) => (p(), l("div", {
 			"data-iryx-field": T.name,
-			class: f(M.value ? T.class : _(N).root({ class: [T.ui?.root, T.class] })),
+			class: f(M.value ? T.class : N.value.root({ class: [T.ui?.root, T.class] })),
 			onFocusout: A
 		}, [
 			T.label || T.hint || e.$slots.hint ? (p(), l("div", {
@@ -56,6 +57,7 @@ var x = ["data-iryx-field"], S = ["id"], C = ["id"], w = ["id"], T = /*@__PURE__
 				key: 0,
 				for: _(D),
 				required: T.required,
+				indent: "none",
 				class: f(T.ui?.label)
 			}, {
 				default: y(() => [u(g(T.label), 1)]),

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/{components → packages/iryx-ui/src/components}/Label.vue_vue_type_script_setup_true_lang.js

@@ -7,6 +7,7 @@ var d = /*@__PURE__*/ i({
 	__name: "Label",
 	props: {
 		required: { type: Boolean },
+		indent: {},
 		unstyled: {
 			type: Boolean,
 			default: void 0
@@ -19,6 +20,7 @@ var d = /*@__PURE__*/ i({
 	setup(i) {
 		let d = i, f = e(), p = n(() => d.unstyled ?? f.unstyled), m = n(() => p.value ? d.class : t({
 			required: d.required,
+			indent: d.indent,
 			class: d.class
 		}));
 		return (e, t) => (o(), r(c(u), {

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