iryx-ui 0.11.0 → 0.12.0

package/dist/component-names.d.ts

@@ -3,5 +3,5 @@
  * Consumed by the Vue plugin (global registration) and the Nuxt module
  * (auto-imports). Keep in sync with `src/components/index.ts`.
  */
-export declare const componentNames: readonly ["Alert", "App", "Badge", "BarChart", "Banner", "Breadcrumb", "Button", "ButtonGroup", "Card", "ChartLegend", "Checkbox", "Combobox", "ConfirmDialog", "DatePicker", "DateRangePicker", "Dialog", "DropdownMenu", "EmptyState", "FileUpload", "Form", "FormField", "Input", "Label", "LineChart", "NumberInput", "Pagination", "PasswordInput", "Progress", "RadioGroup", "Select", "Separator", "Skeleton", "Sparkline", "Stat", "Stepper", "Switch", "Table", "Tabs", "Textarea", "Toaster", "Tooltip"];
+export declare const componentNames: readonly ["Alert", "App", "Badge", "BarChart", "Banner", "Breadcrumb", "Button", "ButtonGroup", "Card", "ChartLegend", "Checkbox", "Combobox", "ConfirmDialog", "DatePicker", "DateRangePicker", "Dialog", "Drawer", "DropdownMenu", "EmptyState", "FileUpload", "Form", "FormField", "Input", "Label", "LineChart", "NumberInput", "Pagination", "PasswordInput", "Progress", "RadioGroup", "Select", "Separator", "Skeleton", "Sparkline", "Stat", "Stepper", "Switch", "Table", "Tabs", "Textarea", "Toaster", "Tooltip"];
 export type ComponentName = (typeof componentNames)[number];

package/dist/component-names.js

@@ -1,4 +1,4 @@
 //#region src/component-names.ts
-var e = /* @__PURE__ */ "Alert.App.Badge.BarChart.Banner.Breadcrumb.Button.ButtonGroup.Card.ChartLegend.Checkbox.Combobox.ConfirmDialog.DatePicker.DateRangePicker.Dialog.DropdownMenu.EmptyState.FileUpload.Form.FormField.Input.Label.LineChart.NumberInput.Pagination.PasswordInput.Progress.RadioGroup.Select.Separator.Skeleton.Sparkline.Stat.Stepper.Switch.Table.Tabs.Textarea.Toaster.Tooltip".split(".");
+var e = /* @__PURE__ */ "Alert.App.Badge.BarChart.Banner.Breadcrumb.Button.ButtonGroup.Card.ChartLegend.Checkbox.Combobox.ConfirmDialog.DatePicker.DateRangePicker.Dialog.Drawer.DropdownMenu.EmptyState.FileUpload.Form.FormField.Input.Label.LineChart.NumberInput.Pagination.PasswordInput.Progress.RadioGroup.Select.Separator.Skeleton.Sparkline.Stat.Stepper.Switch.Table.Tabs.Textarea.Toaster.Tooltip".split(".");
 //#endregion
 export { e as componentNames };

package/dist/components/Alert.vue_vue_type_script_setup_true_lang.js

@@ -1,13 +1,13 @@
-import { Alert02Icon as e, AlertCircleIcon as t, Cancel01Icon as n, CheckmarkCircle02Icon as r, InformationCircleIcon as i } from "../node_modules/.pnpm/@hugeicons_core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/index.js";
-import { useIryxUiConfig as a } from "../config.js";
-import { alertTheme as o } from "../theme/alert.js";
-import s from "./Icon.js";
-import { computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineComponent as h, mergeModels as g, normalizeClass as _, openBlock as v, renderSlot as y, toDisplayString as b, unref as x, useModel as S, withCtx as C } from "vue";
+import { useIryxUiConfig as e } from "../config.js";
+import { alertTheme as t } from "../theme/alert.js";
+import n from "./Icon.js";
+import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, mergeModels as d, normalizeClass as f, openBlock as p, renderSlot as m, toDisplayString as h, unref as g, useModel as _, withCtx as v } from "vue";
+import { Alert02Icon as y, AlertCircleIcon as b, Cancel01Icon as x, CheckmarkCircle02Icon as S, InformationCircleIcon as C } from "@hugeicons/core-free-icons";
 import { Primitive as w } from "reka-ui";
 //#region src/components/Alert.vue?vue&type=script&setup=true&lang.ts
-var T = ["aria-label"], E = /*@__PURE__*/ h({
+var T = ["aria-label"], E = /*@__PURE__*/ u({
 	__name: "Alert",
-	props: /*@__PURE__*/ g({
+	props: /*@__PURE__*/ d({
 		as: { default: "div" },
 		variant: {},
 		title: {},
@@ -31,60 +31,60 @@ var T = ["aria-label"], E = /*@__PURE__*/ h({
 		},
 		openModifiers: {}
 	}),
-	emits: /*@__PURE__*/ g(["close"], ["update:open"]),
-	setup(h) {
-		let g = h, E = S(h, "open"), D = {
-			info: i,
-			success: r,
-			warning: e,
-			danger: t
-		}, O = c(() => {
-			if (g.icon !== !1) return g.icon ?? D[g.variant ?? "info"];
-		}), k = c(() => g.variant === "danger" || g.variant === "warning" ? "alert" : "status"), A = a(), j = c(() => g.unstyled ?? A.unstyled), M = c(() => o({
-			variant: g.variant,
-			withTitle: !!g.title
-		})), N = c(() => j.value ? [g.ui?.root, g.class] : M.value.root({ class: [g.ui?.root, g.class] })), P = c(() => j.value ? g.ui?.icon : M.value.icon({ class: g.ui?.icon })), F = c(() => j.value ? g.ui?.content : M.value.content({ class: g.ui?.content })), I = c(() => j.value ? g.ui?.title : M.value.title({ class: g.ui?.title })), L = c(() => j.value ? g.ui?.description : M.value.description({ class: g.ui?.description })), R = c(() => j.value ? g.ui?.actions : M.value.actions({ class: g.ui?.actions })), z = c(() => j.value ? g.ui?.close : M.value.close({ class: g.ui?.close }));
-		return (e, t) => E.value ? (v(), l(x(w), {
+	emits: /*@__PURE__*/ d(["close"], ["update:open"]),
+	setup(u) {
+		let d = u, E = _(u, "open"), D = {
+			info: C,
+			success: S,
+			warning: y,
+			danger: b
+		}, O = r(() => {
+			if (d.icon !== !1) return d.icon ?? D[d.variant ?? "info"];
+		}), k = r(() => d.variant === "danger" || d.variant === "warning" ? "alert" : "status"), A = e(), j = r(() => d.unstyled ?? A.unstyled), M = r(() => t({
+			variant: d.variant,
+			withTitle: !!d.title
+		})), N = r(() => j.value ? [d.ui?.root, d.class] : M.value.root({ class: [d.ui?.root, d.class] })), P = r(() => j.value ? d.ui?.icon : M.value.icon({ class: d.ui?.icon })), F = r(() => j.value ? d.ui?.content : M.value.content({ class: d.ui?.content })), I = r(() => j.value ? d.ui?.title : M.value.title({ class: d.ui?.title })), L = r(() => j.value ? d.ui?.description : M.value.description({ class: d.ui?.description })), R = r(() => j.value ? d.ui?.actions : M.value.actions({ class: d.ui?.actions })), z = r(() => j.value ? d.ui?.close : M.value.close({ class: d.ui?.close }));
+		return (e, t) => E.value ? (p(), i(g(w), {
 			key: 0,
-			as: g.as,
+			as: d.as,
 			role: k.value,
-			class: _(N.value)
+			class: f(N.value)
 		}, {
-			default: C(() => [
-				O.value || e.$slots.icon ? (v(), d("div", {
+			default: v(() => [
+				O.value || e.$slots.icon ? (p(), o("div", {
 					key: 0,
-					class: _(P.value)
-				}, [y(e.$slots, "icon", {}, () => [m(s, { icon: O.value }, null, 8, ["icon"])])], 2)) : u("", !0),
-				f("div", { class: _(F.value) }, [
-					g.title || e.$slots.title ? (v(), d("p", {
+					class: f(P.value)
+				}, [m(e.$slots, "icon", {}, () => [l(n, { icon: O.value }, null, 8, ["icon"])])], 2)) : a("", !0),
+				s("div", { class: f(F.value) }, [
+					d.title || e.$slots.title ? (p(), o("p", {
 						key: 0,
-						class: _(I.value)
-					}, [y(e.$slots, "title", {}, () => [p(b(g.title), 1)])], 2)) : u("", !0),
-					g.description || e.$slots.default ? (v(), d("div", {
+						class: f(I.value)
+					}, [m(e.$slots, "title", {}, () => [c(h(d.title), 1)])], 2)) : a("", !0),
+					d.description || e.$slots.default ? (p(), o("div", {
 						key: 1,
-						class: _(L.value)
-					}, [y(e.$slots, "default", {}, () => [p(b(g.description), 1)])], 2)) : u("", !0),
-					e.$slots.actions ? (v(), d("div", {
+						class: f(L.value)
+					}, [m(e.$slots, "default", {}, () => [c(h(d.description), 1)])], 2)) : a("", !0),
+					e.$slots.actions ? (p(), o("div", {
 						key: 2,
-						class: _(R.value)
-					}, [y(e.$slots, "actions")], 2)) : u("", !0)
+						class: f(R.value)
+					}, [m(e.$slots, "actions")], 2)) : a("", !0)
 				], 2),
-				g.closable ? (v(), d("button", {
+				d.closable ? (p(), o("button", {
 					key: 1,
 					type: "button",
-					"aria-label": g.closeLabel,
-					class: _(z.value),
+					"aria-label": d.closeLabel,
+					class: f(z.value),
 					onClick: t[0] ||= (t) => {
 						E.value = !1, e.$emit("close");
 					}
-				}, [y(e.$slots, "close", {}, () => [m(s, { icon: x(n) }, null, 8, ["icon"])])], 10, T)) : u("", !0)
+				}, [m(e.$slots, "close", {}, () => [l(n, { icon: g(x) }, null, 8, ["icon"])])], 10, T)) : a("", !0)
 			]),
 			_: 3
 		}, 8, [
 			"as",
 			"role",
 			"class"
-		])) : u("", !0);
+		])) : a("", !0);
 	}
 });
 //#endregion

package/dist/components/Banner.vue_vue_type_script_setup_true_lang.js

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

package/dist/components/Breadcrumb.vue_vue_type_script_setup_true_lang.js

@@ -1,11 +1,11 @@
-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 { useIryxUiConfig as t } from "../config.js";
-import n from "./Icon.js";
-import { breadcrumbTheme as r } from "../theme/breadcrumb.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, normalizeClass as p, openBlock as m, renderList as h, renderSlot as g, resolveDynamicComponent as _, toDisplayString as v, unref as y, withCtx as b } from "vue";
+import { useIryxUiConfig as e } from "../config.js";
+import t from "./Icon.js";
+import { breadcrumbTheme as n } from "../theme/breadcrumb.js";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, normalizeClass as f, openBlock as p, renderList as m, renderSlot as h, resolveDynamicComponent as g, toDisplayString as _, unref as v, withCtx as y } from "vue";
+import { ArrowRight01Icon as b } from "@hugeicons/core-free-icons";
 import { Primitive as x } from "reka-ui";
 //#region src/components/Breadcrumb.vue?vue&type=script&setup=true&lang.ts
-var S = /*@__PURE__*/ f({
+var S = /*@__PURE__*/ d({
 	__name: "Breadcrumb",
 	props: {
 		items: {},
@@ -17,49 +17,49 @@ var S = /*@__PURE__*/ f({
 		class: {},
 		ui: {}
 	},
-	setup(f) {
-		let S = f, C = t(), w = a(() => S.unstyled ?? C.unstyled), T = a(() => S.items ?? []), E = a(() => T.value.length - 1), D = a(() => r());
+	setup(d) {
+		let S = d, C = e(), w = i(() => S.unstyled ?? C.unstyled), T = i(() => S.items ?? []), E = i(() => T.value.length - 1), D = i(() => n());
 		function O(e) {
 			let t = S.ui?.[e];
 			return w.value ? t : D.value[e]({ class: t });
 		}
-		return (t, r) => (m(), o(y(x), {
+		return (e, n) => (p(), a(v(x), {
 			as: "nav",
 			"aria-label": S.label,
-			class: p(w.value ? [S.ui?.root, S.class] : D.value.root({ class: [S.ui?.root, S.class] }))
+			class: f(w.value ? [S.ui?.root, S.class] : D.value.root({ class: [S.ui?.root, S.class] }))
 		}, {
-			default: b(() => [l("ol", { class: p(O("list")) }, [(m(!0), c(i, null, h(T.value, (r, i) => (m(), c("li", {
-				key: i,
-				class: p(O("item"))
-			}, [i === E.value ? (m(), c("span", {
+			default: y(() => [c("ol", { class: f(O("list")) }, [(p(!0), s(r, null, m(T.value, (n, r) => (p(), s("li", {
+				key: r,
+				class: f(O("item"))
+			}, [r === E.value ? (p(), s("span", {
 				key: 0,
 				"aria-current": "page",
-				class: p(O("current"))
-			}, [r.icon ? (m(), o(n, {
+				class: f(O("current"))
+			}, [n.icon ? (p(), a(t, {
 				key: 0,
-				icon: r.icon
-			}, null, 8, ["icon"])) : s("", !0), u(" " + v(r.label), 1)], 2)) : (m(), o(_(r.href ? "a" : "button"), {
+				icon: n.icon
+			}, null, 8, ["icon"])) : o("", !0), l(" " + _(n.label), 1)], 2)) : (p(), a(g(n.href ? "a" : "button"), {
 				key: 1,
-				href: r.href,
-				type: r.href ? void 0 : "button",
-				class: p(O("link")),
-				onClick: (e) => r.onSelect?.()
+				href: n.href,
+				type: n.href ? void 0 : "button",
+				class: f(O("link")),
+				onClick: (e) => n.onSelect?.()
 			}, {
-				default: b(() => [r.icon ? (m(), o(n, {
+				default: y(() => [n.icon ? (p(), a(t, {
 					key: 0,
-					icon: r.icon
-				}, null, 8, ["icon"])) : s("", !0), u(" " + v(r.label), 1)]),
+					icon: n.icon
+				}, null, 8, ["icon"])) : o("", !0), l(" " + _(n.label), 1)]),
 				_: 2
 			}, 1032, [
 				"href",
 				"type",
 				"class",
 				"onClick"
-			])), i === E.value ? s("", !0) : (m(), c("span", {
+			])), r === E.value ? o("", !0) : (p(), s("span", {
 				key: 2,
 				"aria-hidden": "true",
-				class: p(O("separator"))
-			}, [g(t.$slots, "separator", {}, () => [d(n, { icon: y(e) }, null, 8, ["icon"])])], 2))], 2))), 128))], 2)]),
+				class: f(O("separator"))
+			}, [h(e.$slots, "separator", {}, () => [u(t, { icon: v(b) }, null, 8, ["icon"])])], 2))], 2))), 128))], 2)]),
 			_: 3
 		}, 8, ["aria-label", "class"]));
 	}

package/dist/components/Button.vue_vue_type_script_setup_true_lang.js

@@ -1,12 +1,12 @@
-import { Loading03Icon 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 { useButtonGroup as r } from "../composables/button-group.js";
-import { buttonTheme as i } from "../theme/button.js";
-import { computed as a, createBlock as o, createCommentVNode as s, defineComponent as c, normalizeClass as l, openBlock as u, renderSlot as d, unref as f, withCtx as p } from "vue";
+import { useIryxUiConfig as e } from "../config.js";
+import t from "./Icon.js";
+import { useButtonGroup as n } from "../composables/button-group.js";
+import { buttonTheme as r } from "../theme/button.js";
+import { computed as i, createBlock as a, createCommentVNode as o, defineComponent as s, normalizeClass as c, openBlock as l, renderSlot as u, unref as d, withCtx as f } from "vue";
+import { Loading03Icon as p } from "@hugeicons/core-free-icons";
 import { Primitive as m } from "reka-ui";
 //#region src/components/Button.vue?vue&type=script&setup=true&lang.ts
-var h = /*@__PURE__*/ c({
+var h = /*@__PURE__*/ s({
 	__name: "Button",
 	props: {
 		as: { default: "button" },
@@ -24,27 +24,27 @@ var h = /*@__PURE__*/ c({
 		type: { default: "button" },
 		class: {}
 	},
-	setup(c) {
-		let h = c, g = t(), _ = a(() => h.unstyled ?? g.unstyled), v = r(), y = a(() => h.size ?? v?.size.value), b = a(() => _.value ? h.class : i({
+	setup(s) {
+		let h = s, g = e(), _ = i(() => h.unstyled ?? g.unstyled), v = n(), y = i(() => h.size ?? v?.size.value), b = i(() => _.value ? h.class : r({
 			variant: h.variant,
 			size: y.value,
 			block: h.block,
 			square: h.square,
 			class: h.class
 		}));
-		return (t, r) => (u(), o(f(m), {
+		return (e, n) => (l(), a(d(m), {
 			as: h.as,
 			"as-child": h.asChild,
 			type: h.as === "button" ? h.type : void 0,
 			disabled: h.disabled || h.loading || void 0,
-			class: l(b.value)
+			class: c(b.value)
 		}, {
-			default: p(() => [h.loading ? (u(), o(n, {
+			default: f(() => [h.loading ? (l(), a(t, {
 				key: 0,
-				icon: f(e),
+				icon: d(p),
 				"data-icon": "inline-start",
 				class: "animate-spin"
-			}, null, 8, ["icon"])) : s("", !0), d(t.$slots, "default")]),
+			}, null, 8, ["icon"])) : o("", !0), u(e.$slots, "default")]),
 			_: 3
 		}, 8, [
 			"as",

package/dist/components/Checkbox.vue_vue_type_script_setup_true_lang.js

@@ -1,11 +1,12 @@
-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 { useIryxUiConfig as e } from "../config.js";
+import t from "./Icon.js";
+import { checkboxTheme as n } from "../theme/checkbox.js";
+import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, mergeProps as d, normalizeClass as f, openBlock as p, renderSlot as m, toDisplayString as h, unref as g, withCtx as _ } from "vue";
+import { MinusSignIcon as v, Tick02Icon as y } from "@hugeicons/core-free-icons";
 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({
+var T = ["id"], E = /*@__PURE__*/ u({
+	inheritAttrs: !1,
 	__name: "Checkbox",
 	props: {
 		label: {},
@@ -30,28 +31,31 @@ var T = ["id"], E = /*@__PURE__*/ f({
 		required: { type: Boolean }
 	},
 	emits: ["update:modelValue"],
-	setup(f, { emit: E }) {
-		let D = f, O = E, k = C(a(() => {
+	setup(u, { emit: E }) {
+		let D = u, O = E, k = C(r(() => {
 			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({
+		}), O), A = w(), j = r(() => D.id ?? A), M = r(() => !!(D.label || D.description)), N = e(), P = r(() => D.unstyled ?? N.unstyled), F = r(() => n({
 			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", {
+		})), I = r(() => P.value ? D.ui?.wrapper : F.value.wrapper({ class: D.ui?.wrapper })), L = r(() => P.value ? [D.ui?.root, D.class] : F.value.root({ class: [D.ui?.root, D.class] })), R = r(() => P.value ? D.ui?.indicator : F.value.indicator({ class: D.ui?.indicator })), z = r(() => P.value ? D.ui?.content : F.value.content({ class: D.ui?.content })), B = r(() => P.value ? D.ui?.label : F.value.label({ class: D.ui?.label })), V = r(() => P.value ? D.ui?.description : F.value.description({ class: D.ui?.description }));
+		return (e, n) => M.value ? (p(), o("div", {
 			key: 0,
-			class: m(I.value)
-		}, [d(v(x), p({ id: j.value }, v(k), {
+			class: f(I.value)
+		}, [l(g(x), d({ id: j.value }, {
+			...g(k),
+			...e.$attrs
+		}, {
 			"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, {
+			default: _(() => [l(g(b), { class: f(R.value) }, {
+				default: _(() => [m(e.$slots, "default", {}, () => [D.modelValue === "indeterminate" ? (p(), i(t, {
 					key: 0,
-					icon: v(e)
-				}, null, 8, ["icon"])) : (h(), o(r, {
+					icon: g(v)
+				}, null, 8, ["icon"])) : (p(), i(t, {
 					key: 1,
-					icon: v(t)
+					icon: g(y)
 				}, null, 8, ["icon"]))])]),
 				_: 3
 			}, 8, ["class"])]),
@@ -60,27 +64,30 @@ var T = ["id"], E = /*@__PURE__*/ f({
 			"id",
 			"aria-describedby",
 			"class"
-		]), l("div", { class: m(z.value) }, [d(v(S), {
+		]), s("div", { class: f(z.value) }, [l(g(S), {
 			for: j.value,
-			class: m(B.value)
+			class: f(B.value)
 		}, {
-			default: y(() => [g(n.$slots, "label", {}, () => [u(_(D.label), 1)])]),
+			default: _(() => [m(e.$slots, "label", {}, () => [c(h(D.label), 1)])]),
 			_: 3
-		}, 8, ["for", "class"]), D.description || n.$slots.description ? (h(), c("p", {
+		}, 8, ["for", "class"]), D.description || e.$slots.description ? (p(), o("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({
+			class: f(V.value)
+		}, [m(e.$slots, "description", {}, () => [c(h(D.description), 1)])], 10, T)) : a("", !0)], 2)], 2)) : (p(), i(g(x), d({
 			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, {
+		}, {
+			...g(k),
+			...e.$attrs
+		}, { class: L.value }), {
+			default: _(() => [l(g(b), { class: f(R.value) }, {
+				default: _(() => [m(e.$slots, "default", {}, () => [D.modelValue === "indeterminate" ? (p(), i(t, {
 					key: 0,
-					icon: v(e)
-				}, null, 8, ["icon"])) : (h(), o(r, {
+					icon: g(v)
+				}, null, 8, ["icon"])) : (p(), i(t, {
 					key: 1,
-					icon: v(t)
+					icon: g(y)
 				}, null, 8, ["icon"]))])]),
 				_: 3
 			}, 8, ["class"])]),