iryx-ui 0.11.0 → 0.13.0

package/dist/components/AvatarGroup.vue.d.ts

@@ -0,0 +1,39 @@
+import type { AvatarProps } from './Avatar.vue';
+/** One member of the stack — an `IAvatar`'s own props, minus the shared ones. */
+export type AvatarGroupItem = Omit<AvatarProps, 'size' | 'shape' | 'unstyled' | 'class' | 'ui'>;
+export interface AvatarGroupProps {
+    items?: AvatarGroupItem[];
+    /**
+     * Show at most this many, closing the stack with a "+n" chip. Without it
+     * every avatar is rendered, which stops being readable somewhere past six.
+     */
+    max?: number;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    shape?: 'circle' | 'square';
+    /** Skip built-in classes; you take over styling entirely. */
+    unstyled?: boolean;
+    class?: string;
+    /** Override classes per slot, e.g. `{ overflow: 'bg-primary' }`. */
+    ui?: {
+        root?: string;
+        item?: string;
+        overflow?: string;
+    };
+}
+declare var __VLS_1: {
+    count: number;
+};
+type __VLS_Slots = {} & {
+    overflow?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<AvatarGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvatarGroupProps> & Readonly<{}>, {
+    unstyled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/AvatarGroup.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,45 @@
+import { useIryxUiConfig as e } from "../config.js";
+import { avatarGroupTheme as t } from "../theme/avatar.js";
+import n from "./Avatar.js";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createTextVNode as c, defineComponent as l, mergeProps as u, normalizeClass as d, openBlock as f, renderList as p, renderSlot as m, toDisplayString as h } from "vue";
+//#region src/components/AvatarGroup.vue?vue&type=script&setup=true&lang.ts
+var g = /*@__PURE__*/ l({
+	__name: "AvatarGroup",
+	props: {
+		items: {},
+		max: {},
+		size: {},
+		shape: {},
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {},
+		ui: {}
+	},
+	setup(l) {
+		let g = l, _ = i(() => g.items ?? []), v = i(() => {
+			let e = g.max;
+			return [...e !== void 0 && _.value.length > e ? _.value.slice(0, e) : _.value].reverse();
+		}), y = i(() => {
+			let e = g.max;
+			return e === void 0 || _.value.length <= e ? 0 : _.value.length - e;
+		}), b = e(), x = i(() => g.unstyled ?? b.unstyled), S = i(() => t({ size: g.size })), C = i(() => x.value ? [g.ui?.root, g.class] : S.value.root({ class: [g.ui?.root, g.class] })), w = i(() => x.value ? g.ui?.item : S.value.item({ class: g.ui?.item })), T = i(() => x.value ? g.ui?.overflow : S.value.overflow({ class: g.ui?.overflow }));
+		return (e, t) => (f(), s("div", { class: d(C.value) }, [y.value ? (f(), s("span", {
+			key: 0,
+			class: d(T.value)
+		}, [m(e.$slots, "overflow", { count: y.value }, () => [c("+" + h(y.value), 1)])], 2)) : o("", !0), (f(!0), s(r, null, p(v.value, (e, t) => (f(), a(n, u({ key: t }, { ref_for: !0 }, e, {
+			size: g.size,
+			shape: g.shape,
+			unstyled: x.value,
+			class: w.value
+		}), null, 16, [
+			"size",
+			"shape",
+			"unstyled",
+			"class"
+		]))), 128))], 2));
+	}
+});
+//#endregion
+export { g as default };

package/dist/components/Badge.vue.d.ts

@@ -26,8 +26,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<BadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BadgeProps> & Readonly<{}>, {
-    as: string;
     unstyled: boolean;
+    as: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/Banner.vue.d.ts

@@ -65,10 +65,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     onClose?: (() => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
-    as: string;
-    closeLabel: string;
     unstyled: boolean;
+    as: string;
     label: string;
+    closeLabel: string;
     contained: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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/BarChart.vue.d.ts

@@ -90,9 +90,9 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<BarChartProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BarChartProps> & Readonly<{}>, {
     unstyled: boolean;
+    orientation: "vertical" | "horizontal";
     data: readonly BarChartDatum[];
     legend: boolean;
-    orientation: "vertical" | "horizontal";
     height: number;
     ticks: number;
     axis: boolean;

package/dist/components/BarChart.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,6 @@
 import { useIryxUiConfig as e } from "../config.js";
-import { cartesianLayout as t, clampTooltip as n, seriesColor as r, slotOf as i, tooltipHalfWidth as a, warnOnSlotOverflow as o } from "../composables/cartesian.js";
-import { useElementSize as s } from "../composables/element-size.js";
+import { useElementSize as t } from "../composables/element-size.js";
+import { cartesianLayout as n, clampTooltip as r, seriesColor as i, slotOf as a, tooltipHalfWidth as o, warnOnSlotOverflow as s } from "../composables/cartesian.js";
 import { barChartTheme as c } from "../theme/bar-chart.js";
 import l from "./ChartLegend.js";
 import { Fragment as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, defineComponent as g, guardReactiveProps as _, normalizeClass as v, normalizeProps as y, normalizeStyle as b, openBlock as x, ref as S, renderList as C, renderSlot as w, toDisplayString as T, unref as E } from "vue";
@@ -62,13 +62,13 @@ var ee = ["role", "aria-label"], D = [
 		ui: {}
 	},
 	setup(g) {
-		let j = g, M = e(), N = d(() => j.unstyled ?? M.unstyled), P = S(), { width: F } = s(P), I = d(() => new Intl.NumberFormat(j.locale, j.format));
+		let j = g, M = e(), N = d(() => j.unstyled ?? M.unstyled), P = S(), { width: F } = t(P), I = d(() => new Intl.NumberFormat(j.locale, j.format));
 		function L(e) {
 			return I.value.format(e);
 		}
 		let R = d(() => {
 			let e = j.series?.length ? [...j.series] : [{ key: "value" }];
-			return o(e.length), e;
+			return s(e.length), e;
 		}), z = d(() => R.value.length > 1), oe = d(() => z.value || j.legend && R.value[0].name != null);
 		function B(e, t) {
 			let n = e[t];
@@ -83,7 +83,7 @@ var ee = ["role", "aria-label"], D = [
 			}
 			return [t, n];
 		}
-		let W = d(() => t({
+		let W = d(() => n({
 			orientation: j.orientation,
 			values: H.value ? j.data.flatMap(U) : j.data.flatMap((e) => R.value.map((t) => B(e, t.key))),
 			categories: j.data.length,
@@ -153,25 +153,25 @@ var ee = ["role", "aria-label"], D = [
 			if (!e) return;
 			let t = R.value.map((t, n) => ({
 				name: t.name ?? t.key,
-				color: r(i(t, n)),
+				color: i(a(t, n)),
 				value: B(e, t.key)
 			})).filter((e) => e.value != null).map((e) => ({
 				...e,
 				value: L(e.value)
 			}));
 			if (!t.length) return;
-			let o = H.value ? L(U(e).reduce((e, t) => e + t, 0)) : void 0, s = z.value ? Math.max(e.label.length, o ? o.length + 6 : 0, ...t.map((e) => e.name.length + e.value.length + 3)) : e.label.length + t[0].value.length + 2, c = W.value.bandCentre(X.value);
+			let n = H.value ? L(U(e).reduce((e, t) => e + t, 0)) : void 0, s = z.value ? Math.max(e.label.length, n ? n.length + 6 : 0, ...t.map((e) => e.name.length + e.value.length + 3)) : e.label.length + t[0].value.length + 2, c = W.value.bandCentre(X.value);
 			if (V.value) {
-				let r = H.value ? W.value.value(U(e)[0]) : Math.max(...R.value.map((t) => {
+				let i = H.value ? W.value.value(U(e)[0]) : Math.max(...R.value.map((t) => {
 					let n = B(e, t.key);
 					return n == null ? -Infinity : W.value.value(n);
-				})), i = "x".repeat(s), l = a(i), u = r + l + 8, d = u + l <= F.value;
+				})), a = "x".repeat(s), l = o(a), u = i + l + 8, d = u + l <= F.value;
 				return {
 					label: e.label,
 					rows: t,
-					total: o,
+					total: n,
 					multi: z.value,
-					x: n(d ? u : r - l - 8, i, F.value),
+					x: r(d ? u : i - l - 8, a, F.value),
 					y: c
 				};
 			}
@@ -182,9 +182,9 @@ var ee = ["role", "aria-label"], D = [
 			return {
 				label: e.label,
 				rows: t,
-				total: o,
+				total: n,
 				multi: z.value,
-				x: n(c, "x".repeat(s), F.value),
+				x: r(c, "x".repeat(s), F.value),
 				y: l
 			};
 		}), Q = d(() => c());
@@ -233,7 +233,7 @@ var ee = ["role", "aria-label"], D = [
 				(x(!0), m(u, null, C(se.value, (e, t) => (x(), m("path", {
 					key: `bar-${e.categoryIndex}-${e.seriesIndex}-${t}`,
 					d: ce(e),
-					style: b({ fill: E(r)(E(i)(R.value[e.seriesIndex], e.seriesIndex)) }),
+					style: b({ fill: E(i)(E(a)(R.value[e.seriesIndex], e.seriesIndex)) }),
 					class: v(ue(e))
 				}, null, 14, k))), 128)),
 				(x(!0), m(u, null, C(j.data, (e, t) => (x(), m(u, { key: `label-${e.label}-${t}` }, [t % le.value === 0 ? (x(), m("text", {

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.d.ts

@@ -28,9 +28,9 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_13) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonProps> & Readonly<{}>, {
-    as: string;
-    unstyled: boolean;
     type: "button" | "submit" | "reset";
+    unstyled: boolean;
+    as: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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/ButtonGroup.vue.d.ts

@@ -19,8 +19,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ButtonGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonGroupProps> & Readonly<{}>, {
-    as: string;
     unstyled: boolean;
+    as: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/Card.vue.d.ts

@@ -36,8 +36,8 @@ type __VLS_Slots = {} & {
     footer?: (props: typeof __VLS_16) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<CardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CardProps> & Readonly<{}>, {
-    as: string;
     unstyled: boolean;
+    as: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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"])]),

package/dist/components/Collapsible.js

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