iryx-ui 0.4.0 → 0.6.0

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

@@ -9,7 +9,6 @@ var h = /*@__PURE__*/ s({
 		as: { default: "span" },
 		asChild: { type: Boolean },
 		variant: {},
-		tone: {},
 		size: {},
 		dot: { type: Boolean },
 		label: {},
@@ -23,7 +22,7 @@ var h = /*@__PURE__*/ s({
 	setup(s) {
 		let h = s, g = e(), _ = n(() => h.unstyled ?? g.unstyled), v = n(() => t({
 			variant: h.variant,
-			tone: h.tone,
+			withDot: h.dot ?? !1,
 			size: h.size
 		})), y = n(() => _.value ? [h.ui?.root, h.class] : v.value.root({ class: [h.ui?.root, h.class] })), b = n(() => _.value ? h.ui?.dot : v.value.dot({ class: h.ui?.dot }));
 		return (e, t) => (l(), r(f(m), {

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

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

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

@@ -0,0 +1,93 @@
+import { Cancel01Icon 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 { bannerTheme as r } from "../theme/banner.js";
+import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, mergeModels as f, normalizeClass as p, openBlock as m, renderSlot as h, toDisplayString as g, unref as _, useModel as v, withCtx as y } from "vue";
+import { Primitive as b } from "reka-ui";
+//#region src/components/Banner.vue?vue&type=script&setup=true&lang.ts
+var x = ["aria-label"], S = /*@__PURE__*/ d({
+	__name: "Banner",
+	props: /*@__PURE__*/ f({
+		as: { default: "div" },
+		variant: {},
+		position: {},
+		title: {},
+		description: {},
+		icon: {},
+		contained: {
+			type: Boolean,
+			default: void 0
+		},
+		align: {},
+		closable: { type: Boolean },
+		closeLabel: { default: "Dismiss" },
+		label: { default: "Announcement" },
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {},
+		ui: {}
+	}, {
+		open: {
+			type: Boolean,
+			default: !0
+		},
+		openModifiers: {}
+	}),
+	emits: /*@__PURE__*/ f(["close"], ["update:open"]),
+	setup(d) {
+		let f = d, S = v(d, "open"), C = t(), w = i(() => f.unstyled ?? C.unstyled), T = i(() => r({
+			variant: f.variant,
+			position: f.position,
+			contained: f.contained ?? !1,
+			align: f.align
+		})), E = i(() => w.value ? [f.ui?.root, f.class] : T.value.root({ class: [f.ui?.root, f.class] }));
+		function D(e) {
+			let t = f.ui?.[e];
+			return w.value ? t : T.value[e]({ class: t });
+		}
+		return (t, r) => S.value ? (m(), a(_(b), {
+			key: 0,
+			as: f.as,
+			role: "region",
+			"aria-label": f.label,
+			class: p(E.value)
+		}, {
+			default: y(() => [c("div", { class: p(D("container")) }, [
+				f.icon || t.$slots.icon ? (m(), s("span", {
+					key: 0,
+					class: p(D("icon"))
+				}, [h(t.$slots, "icon", {}, () => [u(n, { icon: f.icon }, null, 8, ["icon"])])], 2)) : o("", !0),
+				c("p", { class: p(D("content")) }, [
+					f.title || t.$slots.title ? (m(), s("strong", {
+						key: 0,
+						class: p(D("title"))
+					}, [h(t.$slots, "title", {}, () => [l(g(f.title), 1)])], 2)) : o("", !0),
+					r[1] ||= l(" " + g(" ") + " ", -1),
+					h(t.$slots, "default", {}, () => [l(g(f.description), 1)])
+				], 2),
+				t.$slots.actions ? (m(), s("span", {
+					key: 1,
+					class: p(D("actions"))
+				}, [h(t.$slots, "actions")], 2)) : o("", !0),
+				f.closable ? (m(), s("button", {
+					key: 2,
+					type: "button",
+					"aria-label": f.closeLabel,
+					class: p(D("close")),
+					onClick: r[0] ||= (e) => {
+						S.value = !1, t.$emit("close");
+					}
+				}, [h(t.$slots, "close", {}, () => [u(n, { icon: _(e) }, null, 8, ["icon"])])], 10, x)) : o("", !0)
+			], 2)]),
+			_: 3
+		}, 8, [
+			"as",
+			"aria-label",
+			"class"
+		])) : o("", !0);
+	}
+});
+//#endregion
+export { S as default };

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

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

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

@@ -0,0 +1,284 @@
+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 { useFormField as i } from "../composables/form.js";
+import { comboboxTheme as ee } from "../theme/combobox.js";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createTextVNode as u, createVNode as d, defineComponent as f, mergeProps as p, normalizeClass as m, openBlock as h, ref as g, renderList as _, renderSlot as v, toDisplayString as y, unref as b, vShow as x, withCtx as S, withDirectives as te } from "vue";
+import { ComboboxAnchor as ne, ComboboxContent as re, ComboboxEmpty as ie, ComboboxGroup as ae, ComboboxInput as oe, ComboboxItem as C, ComboboxItemIndicator as w, ComboboxLabel as T, ComboboxPortal as se, ComboboxRoot as E, ComboboxTrigger as D, ComboboxViewport as O, ComboboxVirtualizer as k, useFilter as A, useForwardPropsEmits as j } from "reka-ui";
+//#region src/components/Combobox.vue?vue&type=script&setup=true&lang.ts
+var M = /*@__PURE__*/ f({
+	__name: "Combobox",
+	props: {
+		items: {},
+		placeholder: {},
+		size: {},
+		invalid: {
+			type: Boolean,
+			default: void 0
+		},
+		id: {},
+		emptyText: { default: "No results found." },
+		create: {
+			type: Boolean,
+			default: void 0
+		},
+		createLabel: {
+			type: Function,
+			default: (e) => `Create "${e}"`
+		},
+		virtual: {
+			type: Boolean,
+			default: void 0
+		},
+		estimateSize: { default: 32 },
+		overscan: { default: 12 },
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {},
+		ui: {},
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			default: void 0
+		},
+		resetSearchTermOnBlur: { type: Boolean },
+		resetSearchTermOnSelect: { type: Boolean },
+		openOnFocus: { type: Boolean },
+		openOnClick: { type: Boolean },
+		ignoreFilter: { type: Boolean },
+		resetModelValueOnClear: { type: Boolean },
+		modelValue: {},
+		defaultValue: {},
+		multiple: { type: Boolean },
+		dir: {},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		highlightOnHover: { type: Boolean },
+		by: {},
+		asChild: { type: Boolean },
+		as: {},
+		name: {},
+		required: { type: Boolean }
+	},
+	emits: [
+		"update:modelValue",
+		"highlight",
+		"update:open",
+		"create"
+	],
+	setup(f, { emit: M }) {
+		let N = f, P = M, F = j(o(() => {
+			let { items: e, placeholder: t, size: n, invalid: r, id: i, emptyText: ee, create: a, createLabel: o, virtual: s, estimateSize: c, overscan: l, unstyled: u, class: d, ui: f, ...p } = N;
+			return p;
+		}), P);
+		function I(e) {
+			return typeof e == "string" ? {
+				label: e,
+				value: e
+			} : e;
+		}
+		function L(e) {
+			return typeof e != "string" && "items" in e;
+		}
+		let R = o(() => {
+			let e = N.items ?? [];
+			return e.some(L) ? e.map((e) => L(e) ? e : {
+				label: "",
+				items: [e]
+			}) : void 0;
+		}), z = o(() => (N.items ?? []).flatMap((e) => L(e) ? e.items.map(I) : [I(e)])), B = o(() => !!N.virtual), V = g(""), H = g("");
+		function U(e) {
+			H.value = e.target.value;
+		}
+		let { contains: W } = A({ sensitivity: "base" }), G = o(() => {
+			let e = H.value.trim();
+			return e ? z.value.filter((t) => W(t.label, e)) : z.value;
+		});
+		function ce(e) {
+			let t = (e) => z.value.find((t) => t.value === e)?.label ?? String(e ?? "");
+			return Array.isArray(e) ? e.map(t).join(", ") : e == null || e === "" ? "" : t(e);
+		}
+		function le(e) {
+			let t = e.target;
+			requestAnimationFrame(() => {
+				document.activeElement === t && t.select();
+			}), H.value = "";
+		}
+		let K = o(() => {
+			let e = H.value.trim();
+			return !!N.create && e.length > 0 && !z.value.some((t) => t.label.toLowerCase() === e.toLowerCase());
+		});
+		function q(e) {
+			e.preventDefault(), P("create", H.value.trim()), e.target?.dispatchEvent(new KeyboardEvent("keydown", {
+				key: "Escape",
+				bubbles: !0
+			}));
+		}
+		let J = i(), ue = o(() => N.id ?? J?.id.value), Y = o(() => N.invalid ?? J?.invalid.value ?? !1), de = n(), X = o(() => N.unstyled ?? de.unstyled), Z = o(() => ee({
+			size: N.size,
+			invalid: Y.value,
+			disabled: N.disabled
+		}));
+		function Q(e, t) {
+			let n = N.ui?.[e];
+			return X.value ? [n, t] : Z.value[e]({ class: [n, t] });
+		}
+		let $ = o(() => X.value ? void 0 : Z.value.itemIndicator());
+		return (n, i) => (h(), s(b(E), p(b(F), {
+			"open-on-click": "",
+			class: "contents"
+		}), {
+			default: S(() => [d(b(ne), { class: m(Q("anchor", N.class)) }, {
+				default: S(() => [d(b(oe), {
+					id: ue.value,
+					modelValue: V.value,
+					"onUpdate:modelValue": i[0] ||= (e) => V.value = e,
+					placeholder: N.placeholder,
+					"display-value": ce,
+					"aria-invalid": Y.value || void 0,
+					"aria-describedby": b(J)?.describedBy.value,
+					class: m(Q("input")),
+					onFocus: le,
+					onInput: U
+				}, null, 8, [
+					"id",
+					"modelValue",
+					"placeholder",
+					"aria-invalid",
+					"aria-describedby",
+					"class"
+				]), d(b(D), { class: m(Q("trigger")) }, {
+					default: S(() => [d(r, { icon: b(e) }, null, 8, ["icon"])]),
+					_: 1
+				}, 8, ["class"])]),
+				_: 1
+			}, 8, ["class"]), d(b(se), null, {
+				default: S(() => [d(b(re), {
+					class: m(Q("content")),
+					position: "popper",
+					"side-offset": 4
+				}, {
+					default: S(() => [d(b(O), { class: m(Q("viewport")) }, {
+						default: S(() => [
+							B.value ? te((h(), l("div", {
+								key: 0,
+								class: m(Q("empty"))
+							}, [v(n.$slots, "empty", { query: H.value }, () => [u(y(N.emptyText), 1)])], 2)), [[x, !K.value && G.value.length === 0]]) : K.value ? c("", !0) : (h(), s(b(ie), {
+								key: 1,
+								class: m(Q("empty"))
+							}, {
+								default: S(() => [v(n.$slots, "empty", { query: H.value }, () => [u(y(N.emptyText), 1)])]),
+								_: 3
+							}, 8, ["class"])),
+							v(n.$slots, "default", {}, () => [B.value ? (h(), s(b(k), {
+								key: 0,
+								options: G.value,
+								"estimate-size": N.estimateSize,
+								overscan: N.overscan,
+								"text-content": (e) => e.label
+							}, {
+								default: S(({ option: e }) => [d(b(C), {
+									value: e.value,
+									"text-value": e.label,
+									disabled: e.disabled,
+									class: m(Q("item"))
+								}, {
+									default: S(() => [d(b(w), { class: m($.value) }, {
+										default: S(() => [d(r, { icon: b(t) }, null, 8, ["icon"])]),
+										_: 1
+									}, 8, ["class"]), u(" " + y(e.label), 1)]),
+									_: 2
+								}, 1032, [
+									"value",
+									"text-value",
+									"disabled",
+									"class"
+								])]),
+								_: 1
+							}, 8, [
+								"options",
+								"estimate-size",
+								"overscan",
+								"text-content"
+							])) : R.value ? (h(!0), l(a, { key: 1 }, _(R.value, (e, n) => (h(), s(b(ae), {
+								key: e.label || n,
+								class: m(Q("group"))
+							}, {
+								default: S(() => [e.label ? (h(), s(b(T), {
+									key: 0,
+									class: m(Q("groupLabel"))
+								}, {
+									default: S(() => [u(y(e.label), 1)]),
+									_: 2
+								}, 1032, ["class"])) : c("", !0), (h(!0), l(a, null, _(e.items, (e) => (h(), s(b(C), {
+									key: typeof e == "string" ? e : e.value,
+									value: typeof e == "string" ? e : e.value,
+									"text-value": typeof e == "string" ? e : e.label,
+									disabled: typeof e == "string" ? void 0 : e.disabled,
+									class: m(Q("item"))
+								}, {
+									default: S(() => [d(b(w), { class: m($.value) }, {
+										default: S(() => [d(r, { icon: b(t) }, null, 8, ["icon"])]),
+										_: 1
+									}, 8, ["class"]), u(" " + y(typeof e == "string" ? e : e.label), 1)]),
+									_: 2
+								}, 1032, [
+									"value",
+									"text-value",
+									"disabled",
+									"class"
+								]))), 128))]),
+								_: 2
+							}, 1032, ["class"]))), 128)) : (h(!0), l(a, { key: 2 }, _(z.value, (e) => (h(), s(b(C), {
+								key: e.value,
+								value: e.value,
+								"text-value": e.label,
+								disabled: e.disabled,
+								class: m(Q("item"))
+							}, {
+								default: S(() => [d(b(w), { class: m($.value) }, {
+									default: S(() => [d(r, { icon: b(t) }, null, 8, ["icon"])]),
+									_: 1
+								}, 8, ["class"]), u(" " + y(e.label), 1)]),
+								_: 2
+							}, 1032, [
+								"value",
+								"text-value",
+								"disabled",
+								"class"
+							]))), 128))]),
+							K.value ? (h(), s(b(C), {
+								key: H.value,
+								value: H.value,
+								"data-create": "",
+								"text-value": H.value,
+								class: m(Q("item")),
+								onSelect: q
+							}, {
+								default: S(() => [v(n.$slots, "create", { query: H.value }, () => [u(y(N.createLabel(H.value.trim())), 1)])]),
+								_: 3
+							}, 8, [
+								"value",
+								"text-value",
+								"class"
+							])) : c("", !0)
+						]),
+						_: 3
+					}, 8, ["class"])]),
+					_: 3
+				}, 8, ["class"])]),
+				_: 3
+			})]),
+			_: 3
+		}, 16));
+	}
+});
+//#endregion
+export { M as default };

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

@@ -16,6 +16,7 @@ var D = /*@__PURE__*/ d({
 			default: !0
 		},
 		size: {},
+		align: {},
 		prevLabel: { default: "Previous page" },
 		nextLabel: { default: "Next page" },
 		label: { default: "Pagination" },
@@ -31,7 +32,10 @@ var D = /*@__PURE__*/ d({
 	}),
 	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 }));
+		let f = d, D = y(d, "page"), O = n(), k = o(() => f.unstyled ?? O.unstyled), A = o(() => i({
+			size: f.size,
+			align: f.align
+		})), 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()];
 		}

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

@@ -2,10 +2,10 @@ import { ArrowDown01Icon as e, Tick02Icon as t } from "../../../../node_modules/
 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";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createTextVNode as u, createVNode as d, defineComponent as f, guardReactiveProps as p, normalizeClass as m, normalizeProps as h, openBlock as g, renderList as _, renderSlot as v, toDisplayString as y, unref as b, withCtx as x } from "vue";
+import { SelectContent as S, SelectGroup as C, SelectIcon as w, SelectItem as T, SelectItemIndicator as E, SelectItemText as D, SelectLabel as O, SelectPortal as k, SelectRoot as A, SelectTrigger as j, SelectValue as M, SelectViewport as N, useForwardPropsEmits as P } from "reka-ui";
 //#region src/components/Select.vue?vue&type=script&setup=true&lang.ts
-var M = /*@__PURE__*/ d({
+var F = /*@__PURE__*/ f({
 	__name: "Select",
 	props: {
 		items: {},
@@ -30,39 +30,84 @@ var M = /*@__PURE__*/ d({
 		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;
+	setup(f, { emit: F }) {
+		let I = f, L = F, R = P(o(() => {
+			let { items: e, placeholder: t, size: n, unstyled: r, class: i, ui: a, ...o } = I;
 			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"])]),
+		}), L);
+		function z(e) {
+			return typeof e == "string" ? {
+				label: e,
+				value: e
+			} : e;
+		}
+		function B(e) {
+			return typeof e != "string" && "items" in e;
+		}
+		let V = o(() => {
+			let e = I.items ?? [];
+			if (e.some(B)) return e.map((e) => B(e) ? {
+				label: e.label,
+				options: e.items.map(z)
+			} : {
+				label: "",
+				options: [z(e)]
+			});
+		}), H = o(() => (I.items ?? []).flatMap((e) => B(e) ? e.items.map(z) : [z(e)])), U = n(), W = o(() => I.unstyled ?? U.unstyled), G = o(() => i({ size: I.size })), K = o(() => W.value ? [I.ui?.trigger, I.class] : G.value.trigger({ class: [I.ui?.trigger, I.class] })), q = o(() => W.value ? I.ui?.content : G.value.content({ class: I.ui?.content })), J = o(() => W.value ? I.ui?.viewport : G.value.viewport({ class: I.ui?.viewport })), Y = o(() => W.value ? I.ui?.item : G.value.item({ class: I.ui?.item })), X = o(() => W.value ? void 0 : G.value.itemIndicator()), Z = o(() => W.value ? I.ui?.group : G.value.group({ class: I.ui?.group })), Q = o(() => W.value ? I.ui?.groupLabel : G.value.groupLabel({ class: I.ui?.groupLabel }));
+		return (n, i) => (g(), s(b(A), h(p(b(R))), {
+			default: x(() => [d(b(j), { class: m(K.value) }, {
+				default: x(() => [d(b(M), { placeholder: I.placeholder }, null, 8, ["placeholder"]), d(b(w), { "as-child": "" }, {
+					default: x(() => [d(r, { icon: b(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
+			}, 8, ["class"]), d(b(k), null, {
+				default: x(() => [d(b(S), {
+					class: m(q.value),
+					position: "item-aligned"
 				}, {
-					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), {
+					default: x(() => [d(b(N), { class: m(J.value) }, {
+						default: x(() => [v(n.$slots, "default", {}, () => [V.value ? (g(!0), l(a, { key: 0 }, _(V.value, (e, n) => (g(), s(b(C), {
+							key: e.label || n,
+							class: m(Z.value)
+						}, {
+							default: x(() => [e.label ? (g(), s(b(O), {
+								key: 0,
+								class: m(Q.value)
+							}, {
+								default: x(() => [u(y(e.label), 1)]),
+								_: 2
+							}, 1032, ["class"])) : c("", !0), (g(!0), l(a, null, _(e.options, (e) => (g(), s(b(T), {
+								key: e.value,
+								value: e.value,
+								disabled: e.disabled,
+								class: m(Y.value)
+							}, {
+								default: x(() => [d(b(E), { class: m(X.value) }, {
+									default: x(() => [d(r, { icon: b(t) }, null, 8, ["icon"])]),
+									_: 1
+								}, 8, ["class"]), d(b(D), null, {
+									default: x(() => [u(y(e.label), 1)]),
+									_: 2
+								}, 1024)]),
+								_: 2
+							}, 1032, [
+								"value",
+								"disabled",
+								"class"
+							]))), 128))]),
+							_: 2
+						}, 1032, ["class"]))), 128)) : (g(!0), l(a, { key: 1 }, _(H.value, (e) => (g(), s(b(T), {
 							key: e.value,
 							value: e.value,
 							disabled: e.disabled,
-							class: p(U.value)
+							class: m(Y.value)
 						}, {
-							default: b(() => [u(y(w), { class: p(W.value) }, {
-								default: b(() => [u(r, { icon: y(t) }, null, 8, ["icon"])]),
+							default: x(() => [d(b(E), { class: m(X.value) }, {
+								default: x(() => [d(r, { icon: b(t) }, null, 8, ["icon"])]),
 								_: 1
-							}, 8, ["class"]), u(y(T), null, {
-								default: b(() => [l(v(e.label), 1)]),
+							}, 8, ["class"]), d(b(D), null, {
+								default: x(() => [u(y(e.label), 1)]),
 								_: 2
 							}, 1024)]),
 							_: 2
@@ -82,4 +127,4 @@ var M = /*@__PURE__*/ d({
 	}
 });
 //#endregion
-export { M as default };
+export { F as default };

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

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