iryx-ui 0.2.0 → 0.3.0

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

@@ -0,0 +1,39 @@
+import { useIryxUiConfig as e } from "../config.js";
+import { buttonGroupContextKey as t } from "../composables/button-group.js";
+import { buttonGroupTheme as n } from "../theme/button-group.js";
+import { computed as r, createBlock as i, defineComponent as a, normalizeClass as o, openBlock as s, provide as c, renderSlot as l, unref as u, withCtx as d } from "vue";
+import { Primitive as f } from "reka-ui";
+//#region src/components/ButtonGroup.vue?vue&type=script&setup=true&lang.ts
+var p = /*@__PURE__*/ a({
+	__name: "ButtonGroup",
+	props: {
+		as: { default: "div" },
+		orientation: {},
+		size: {},
+		block: { type: Boolean },
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {}
+	},
+	setup(a) {
+		let p = a;
+		c(t, { size: r(() => p.size) });
+		let m = e(), h = r(() => p.unstyled ?? m.unstyled), g = r(() => h.value ? p.class : n({
+			orientation: p.orientation,
+			block: p.block,
+			class: p.class
+		}));
+		return (e, t) => (s(), i(u(f), {
+			as: p.as,
+			role: "group",
+			class: o(g.value)
+		}, {
+			default: d(() => [l(e.$slots, "default")]),
+			_: 3
+		}, 8, ["as", "class"]));
+	}
+});
+//#endregion
+export { p as default };

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

@@ -0,0 +1,92 @@
+import { MinusSignIcon 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 { checkboxTheme as i } from "../theme/checkbox.js";
+import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, mergeProps as p, normalizeClass as m, openBlock as h, renderSlot as g, toDisplayString as _, unref as v, withCtx as y } from "vue";
+import { CheckboxIndicator as b, CheckboxRoot as x, Label as S, useForwardPropsEmits as C, useId as w } from "reka-ui";
+//#region src/components/Checkbox.vue?vue&type=script&setup=true&lang.ts
+var T = ["id"], E = /*@__PURE__*/ f({
+	__name: "Checkbox",
+	props: {
+		label: {},
+		description: {},
+		size: {},
+		id: {},
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {},
+		ui: {},
+		defaultValue: {},
+		modelValue: {},
+		disabled: { type: Boolean },
+		value: {},
+		trueValue: {},
+		falseValue: {},
+		asChild: { type: Boolean },
+		as: {},
+		name: {},
+		required: { type: Boolean }
+	},
+	emits: ["update:modelValue"],
+	setup(f, { emit: E }) {
+		let D = f, O = E, k = C(a(() => {
+			let { label: e, description: t, size: n, id: r, unstyled: i, class: a, ui: o, ...s } = D;
+			return s;
+		}), O), A = w(), j = a(() => D.id ?? A), M = a(() => !!(D.label || D.description)), N = n(), P = a(() => D.unstyled ?? N.unstyled), F = a(() => i({
+			size: D.size,
+			withText: M.value
+		})), I = a(() => P.value ? D.ui?.wrapper : F.value.wrapper({ class: D.ui?.wrapper })), L = a(() => P.value ? [D.ui?.root, D.class] : F.value.root({ class: [D.ui?.root, D.class] })), R = a(() => P.value ? D.ui?.indicator : F.value.indicator({ class: D.ui?.indicator })), z = a(() => P.value ? D.ui?.content : F.value.content({ class: D.ui?.content })), B = a(() => P.value ? D.ui?.label : F.value.label({ class: D.ui?.label })), V = a(() => P.value ? D.ui?.description : F.value.description({ class: D.ui?.description }));
+		return (n, i) => M.value ? (h(), c("div", {
+			key: 0,
+			class: m(I.value)
+		}, [d(v(x), p({ id: j.value }, v(k), {
+			"aria-describedby": D.description ? `${j.value}-description` : void 0,
+			class: L.value
+		}), {
+			default: y(() => [d(v(b), { class: m(R.value) }, {
+				default: y(() => [g(n.$slots, "default", {}, () => [D.modelValue === "indeterminate" ? (h(), o(r, {
+					key: 0,
+					icon: v(e)
+				}, null, 8, ["icon"])) : (h(), o(r, {
+					key: 1,
+					icon: v(t)
+				}, null, 8, ["icon"]))])]),
+				_: 3
+			}, 8, ["class"])]),
+			_: 3
+		}, 16, [
+			"id",
+			"aria-describedby",
+			"class"
+		]), l("div", { class: m(z.value) }, [d(v(S), {
+			for: j.value,
+			class: m(B.value)
+		}, {
+			default: y(() => [g(n.$slots, "label", {}, () => [u(_(D.label), 1)])]),
+			_: 3
+		}, 8, ["for", "class"]), D.description || n.$slots.description ? (h(), c("p", {
+			key: 0,
+			id: `${j.value}-description`,
+			class: m(V.value)
+		}, [g(n.$slots, "description", {}, () => [u(_(D.description), 1)])], 10, T)) : s("", !0)], 2)], 2)) : (h(), o(v(x), p({
+			key: 1,
+			id: D.id
+		}, v(k), { class: L.value }), {
+			default: y(() => [d(v(b), { class: m(R.value) }, {
+				default: y(() => [g(n.$slots, "default", {}, () => [D.modelValue === "indeterminate" ? (h(), o(r, {
+					key: 0,
+					icon: v(e)
+				}, null, 8, ["icon"])) : (h(), o(r, {
+					key: 1,
+					icon: v(t)
+				}, null, 8, ["icon"]))])]),
+				_: 3
+			}, 8, ["class"])]),
+			_: 3
+		}, 16, ["id", "class"]));
+	}
+});
+//#endregion
+export { E as default };

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

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

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

@@ -0,0 +1,63 @@
+import e from "./Button.js";
+import { resolveConfirm as t, useConfirmState as n } from "../composables/confirm.js";
+import r from "./Dialog.js";
+import { computed as i, createBlock as a, createCommentVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, toDisplayString as f, unref as p, withCtx as m } from "vue";
+//#region src/components/ConfirmDialog.vue?vue&type=script&setup=true&lang.ts
+var h = /*@__PURE__*/ l({
+	__name: "ConfirmDialog",
+	props: {
+		confirmLabel: { default: "Confirm" },
+		cancelLabel: { default: "Cancel" },
+		size: { default: "sm" },
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {}
+	},
+	setup(l) {
+		let h = l, g = n(), _ = i({
+			get: () => g.value != null,
+			set: (e) => {
+				e || t(!1);
+			}
+		});
+		return (n, i) => p(g) ? (d(), a(r, {
+			key: 0,
+			open: _.value,
+			"onUpdate:open": i[2] ||= (e) => _.value = e,
+			title: p(g).title,
+			description: p(g).description,
+			size: h.size,
+			"close-label": p(g).cancelLabel ?? h.cancelLabel,
+			"show-close": !1,
+			unstyled: h.unstyled,
+			class: u(h.class)
+		}, {
+			footer: m(() => [c(e, {
+				variant: "outline",
+				onClick: i[0] ||= (e) => p(t)(!1)
+			}, {
+				default: m(() => [s(f(p(g).cancelLabel ?? h.cancelLabel), 1)]),
+				_: 1
+			}), c(e, {
+				class: u(p(g).danger ? "bg-danger bg-none text-danger-foreground hover:brightness-110" : void 0),
+				onClick: i[1] ||= (e) => p(t)(!0)
+			}, {
+				default: m(() => [s(f(p(g).confirmLabel ?? h.confirmLabel), 1)]),
+				_: 1
+			}, 8, ["class"])]),
+			_: 1
+		}, 8, [
+			"open",
+			"title",
+			"description",
+			"size",
+			"close-label",
+			"unstyled",
+			"class"
+		])) : o("", !0);
+	}
+});
+//#endregion
+export { h as default };

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

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

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

@@ -0,0 +1,99 @@
+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 { dialogTheme as r } from "../theme/dialog.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 { DialogContent as b, DialogDescription as x, DialogOverlay as S, DialogPortal as C, DialogRoot as w, DialogTitle as T, DialogTrigger as E, VisuallyHidden as D } from "reka-ui";
+//#region src/components/Dialog.vue?vue&type=script&setup=true&lang.ts
+var O = ["aria-label"], k = /*@__PURE__*/ d({
+	__name: "Dialog",
+	props: /*@__PURE__*/ f({
+		title: {},
+		description: {},
+		size: {},
+		dismissible: {
+			type: Boolean,
+			default: !0
+		},
+		showClose: {
+			type: Boolean,
+			default: !0
+		},
+		closeLabel: { default: "Close" },
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {},
+		ui: {}
+	}, {
+		open: {
+			type: Boolean,
+			default: !1
+		},
+		openModifiers: {}
+	}),
+	emits: ["update:open"],
+	setup(d) {
+		let f = d, k = v(d, "open"), A = t(), j = i(() => f.unstyled ?? A.unstyled), M = i(() => r({ size: f.size })), N = i(() => j.value ? f.ui?.overlay : M.value.overlay({ class: f.ui?.overlay })), P = i(() => j.value ? [f.ui?.content, f.class] : M.value.content({ class: [f.ui?.content, f.class] })), F = i(() => j.value ? f.ui?.header : M.value.header({ class: f.ui?.header })), I = i(() => j.value ? f.ui?.title : M.value.title({ class: f.ui?.title })), L = i(() => j.value ? f.ui?.description : M.value.description({ class: f.ui?.description })), R = i(() => j.value ? f.ui?.body : M.value.body({ class: f.ui?.body })), z = i(() => j.value ? f.ui?.footer : M.value.footer({ class: f.ui?.footer })), B = i(() => j.value ? f.ui?.close : M.value.close({ class: f.ui?.close }));
+		function V(e) {
+			!e && !f.dismissible || (k.value = e);
+		}
+		function H() {
+			k.value = !1;
+		}
+		return (t, r) => (m(), a(_(w), {
+			open: k.value,
+			"onUpdate:open": V
+		}, {
+			default: y(() => [t.$slots.trigger ? (m(), a(_(E), {
+				key: 0,
+				"as-child": ""
+			}, {
+				default: y(() => [h(t.$slots, "trigger")]),
+				_: 3
+			})) : o("", !0), u(_(C), null, {
+				default: y(() => [u(_(S), { class: p(N.value) }, null, 8, ["class"]), u(_(b), { class: p(P.value) }, {
+					default: y(() => [
+						f.title || f.description || t.$slots.header ? (m(), s("div", {
+							key: 0,
+							class: p(F.value)
+						}, [h(t.$slots, "header", {}, () => [u(_(T), { class: p(I.value) }, {
+							default: y(() => [h(t.$slots, "title", {}, () => [l(g(f.title), 1)])]),
+							_: 3
+						}, 8, ["class"]), f.description || t.$slots.description ? (m(), a(_(x), {
+							key: 0,
+							class: p(L.value)
+						}, {
+							default: y(() => [h(t.$slots, "description", {}, () => [l(g(f.description), 1)])]),
+							_: 3
+						}, 8, ["class"])) : o("", !0)])], 2)) : (m(), a(_(D), { key: 1 }, {
+							default: y(() => [u(_(T), null, {
+								default: y(() => [l(g(f.closeLabel), 1)]),
+								_: 1
+							})]),
+							_: 1
+						})),
+						c("div", { class: p(R.value) }, [h(t.$slots, "default")], 2),
+						t.$slots.footer ? (m(), s("div", {
+							key: 2,
+							class: p(z.value)
+						}, [h(t.$slots, "footer", { close: H })], 2)) : o("", !0),
+						f.showClose ? (m(), s("button", {
+							key: 3,
+							type: "button",
+							"aria-label": f.closeLabel,
+							class: p(B.value),
+							onClick: H
+						}, [u(n, { icon: _(e) }, null, 8, ["icon"])], 10, O)) : o("", !0)
+					]),
+					_: 3
+				}, 8, ["class"])]),
+				_: 3
+			})]),
+			_: 3
+		}, 8, ["open"]));
+	}
+});
+//#endregion
+export { k as default };

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

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

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

@@ -0,0 +1,67 @@
+import { useIryxUiConfig as e } from "../config.js";
+import { dropdownMenuTheme as t } from "../theme/dropdown-menu.js";
+import n from "./DropdownMenuItems.js";
+import { computed as r, createBlock as i, createVNode as a, defineComponent as o, mergeModels as s, normalizeClass as c, openBlock as l, renderSlot as u, unref as d, useModel as f, withCtx as p } from "vue";
+import { DropdownMenuContent as m, DropdownMenuPortal as h, DropdownMenuRoot as g, DropdownMenuTrigger as _ } from "reka-ui";
+//#region src/components/DropdownMenu.vue?vue&type=script&setup=true&lang.ts
+var v = /*@__PURE__*/ o({
+	__name: "DropdownMenu",
+	props: /*@__PURE__*/ s({
+		items: {},
+		align: { default: "start" },
+		side: {},
+		sideOffset: { default: 4 },
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {},
+		ui: {}
+	}, {
+		open: {
+			type: Boolean,
+			default: !1
+		},
+		openModifiers: {}
+	}),
+	emits: ["update:open"],
+	setup(o) {
+		let s = o, v = f(o, "open"), y = e(), b = r(() => s.unstyled ?? y.unstyled), x = r(() => s.items ?? []), S = r(() => b.value ? [s.ui?.content, s.class] : t().content({ class: [s.ui?.content, s.class] }));
+		return (e, t) => (l(), i(d(g), {
+			open: v.value,
+			"onUpdate:open": t[0] ||= (e) => v.value = e
+		}, {
+			default: p(() => [a(d(_), { "as-child": "" }, {
+				default: p(() => [u(e.$slots, "trigger")]),
+				_: 3
+			}), a(d(h), null, {
+				default: p(() => [a(d(m), {
+					align: s.align,
+					side: s.side,
+					"side-offset": s.sideOffset,
+					class: c(S.value)
+				}, {
+					default: p(() => [u(e.$slots, "default", {}, () => [a(n, {
+						entries: x.value,
+						unstyled: b.value,
+						ui: s.ui
+					}, null, 8, [
+						"entries",
+						"unstyled",
+						"ui"
+					])])]),
+					_: 3
+				}, 8, [
+					"align",
+					"side",
+					"side-offset",
+					"class"
+				])]),
+				_: 3
+			})]),
+			_: 3
+		}, 8, ["open"]));
+	}
+});
+//#endregion
+export { v as default };

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

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

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