iryx-ui 0.9.0 → 0.10.2

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

@@ -1,4 +1,4 @@
-import { ArrowLeft01Icon as e, ArrowRight01Icon as t, Calendar03Icon as n } from "../../../../node_modules/.pnpm/@hugeicons_core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/index.js";
+import { ArrowLeft01Icon as e, ArrowRight01Icon as t, Calendar03Icon as n } from "../node_modules/.pnpm/@hugeicons_core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/index.js";
 import { useIryxUiConfig as r } from "../config.js";
 import i from "./Icon.js";
 import { useFormField as a } from "../composables/form.js";

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

@@ -1,4 +1,4 @@
-import { ArrowLeft01Icon as e, ArrowRight01Icon as t, Calendar03Icon as n } from "../../../../node_modules/.pnpm/@hugeicons_core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/index.js";
+import { ArrowLeft01Icon as e, ArrowRight01Icon as t, Calendar03Icon as n } from "../node_modules/.pnpm/@hugeicons_core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/index.js";
 import { useIryxUiConfig as r } from "../config.js";
 import i from "./Icon.js";
 import { useFormField as a } from "../composables/form.js";

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

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

@@ -1,4 +1,4 @@
-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 { 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";

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

@@ -1,4 +1,4 @@
-import { Delete02Icon as e, File01Icon as t, Upload05Icon as n } from "../../../../node_modules/.pnpm/@hugeicons_core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/index.js";
+import { Delete02Icon as e, File01Icon as t, Upload05Icon as n } from "../node_modules/.pnpm/@hugeicons_core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/index.js";
 import { useIryxUiConfig as r } from "../config.js";
 import i from "./Icon.js";
 import a from "./Button.js";

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

@@ -1,4 +1,4 @@
-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 { 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

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

@@ -1,4 +1,4 @@
-import { Cancel01Icon as e, Loading03Icon as t } from "../../../../node_modules/.pnpm/@hugeicons_core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/index.js";
+import { Cancel01Icon as e, Loading03Icon 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";

package/dist/components/LineChart.js

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

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

@@ -0,0 +1,100 @@
+import type { ChartSeries } from '../composables/cartesian';
+import type { SparseValue } from '../composables/scale';
+/**
+ * A row. `value` is the single-series shortcut; with `series` set, each entry
+ * reads its own key off the row instead.
+ */
+export interface LineChartDatum {
+    label: string;
+    /** `null` is a missing reading — the line breaks rather than bridging it. */
+    value?: SparseValue;
+    [key: string]: unknown;
+}
+export interface LineChartProps {
+    data?: readonly LineChartDatum[];
+    /** Two or more measures per category. Omit for the single-series case. */
+    series?: readonly ChartSeries[];
+    /**
+     * `area` adds a wash beneath the line. Ignored for multiple series, where
+     * overlapping washes muddy into a colour that belongs to neither.
+     */
+    variant?: 'line' | 'area';
+    /** Rendered height in px. Width always fills the container. */
+    height?: number;
+    /** Target tick count. The axis lands on round numbers, so this is a hint. */
+    ticks?: number;
+    /** Drop the value axis and its gridlines. */
+    axis?: boolean;
+    /** Drop the legend. Only honoured for a single series. */
+    legend?: boolean;
+    /**
+     * Force zero onto the axis. Off by default: a line is read by its shape, and
+     * a series hovering around 8,000 flattens into a straight edge once the axis
+     * starts at nothing. Bars are the opposite case and always include zero.
+     */
+    zero?: boolean;
+    /** Locale and options for every number shown — ticks and tooltip alike. */
+    locale?: string;
+    format?: Intl.NumberFormatOptions;
+    /**
+     * Accessible name for the figure. The line is hidden from assistive tech and
+     * the data is exposed as a table instead, so this names what that is.
+     */
+    label?: string;
+    /** Skip built-in classes; you take over styling entirely. */
+    unstyled?: boolean;
+    class?: string;
+    ui?: Partial<Record<'root' | 'svg' | 'grid' | 'tick' | 'category' | 'line' | 'area' | 'crosshair' | 'marker' | 'markerRing' | 'tooltip' | 'tooltipLabel' | 'tooltipValue' | 'table', string>>;
+}
+declare var __VLS_6: {
+    orientation: import("..").ChartOrientation;
+    ticks: number[];
+    plot: {
+        left: number;
+        top: number;
+        width: number;
+        height: number;
+    };
+    value: (value: number) => number;
+    y: (value: number) => number;
+    bandWidth: number;
+    labelStep: number;
+    bandCentre: (index: number) => number;
+}, __VLS_8: {
+    orientation: import("..").ChartOrientation;
+    ticks: number[];
+    plot: {
+        left: number;
+        top: number;
+        width: number;
+        height: number;
+    };
+    value: (value: number) => number;
+    y: (value: number) => number;
+    bandWidth: number;
+    labelStep: number;
+    bandCentre: (index: number) => number;
+};
+type __VLS_Slots = {} & {
+    underlay?: (props: typeof __VLS_6) => any;
+} & {
+    overlay?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<LineChartProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LineChartProps> & Readonly<{}>, {
+    variant: "line" | "area";
+    unstyled: boolean;
+    data: readonly LineChartDatum[];
+    legend: boolean;
+    height: number;
+    ticks: number;
+    axis: boolean;
+    zero: 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/LineChart.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,265 @@
+import { useIryxUiConfig as e } from "../config.js";
+import { cartesianLayout as t, clampTooltip as n, seriesColor as r, slotOf as i, warnOnSlotOverflow as a } from "../composables/cartesian.js";
+import { useElementSize as o } from "../composables/element-size.js";
+import ee from "./ChartLegend.js";
+import { lineChartTheme as s } from "../theme/line-chart.js";
+import { Fragment as c, computed as l, createBlock as te, createCommentVNode as u, createElementBlock as d, createElementVNode as f, defineComponent as p, guardReactiveProps as m, normalizeClass as h, normalizeProps as g, normalizeStyle as _, openBlock as v, ref as y, renderList as b, renderSlot as x, toDisplayString as S, unref as C } from "vue";
+//#region src/components/LineChart.vue?vue&type=script&setup=true&lang.ts
+var w = ["role", "aria-label"], T = [
+	"width",
+	"height",
+	"viewBox"
+], E = [
+	"x1",
+	"y1",
+	"x2",
+	"y2"
+], D = ["x", "y"], O = ["d"], k = [
+	"x1",
+	"y1",
+	"x2",
+	"y2"
+], A = ["d"], j = ["cx", "cy"], M = ["cx", "cy"], ne = ["x", "y"], re = [
+	"x",
+	"y",
+	"width",
+	"height",
+	"onPointerenter"
+], ie = { scope: "row" }, N = /*@__PURE__*/ p({
+	__name: "LineChart",
+	props: {
+		data: { default: () => [] },
+		series: {},
+		variant: { default: "line" },
+		height: { default: 240 },
+		ticks: { default: 5 },
+		axis: {
+			type: Boolean,
+			default: !0
+		},
+		legend: {
+			type: Boolean,
+			default: !0
+		},
+		zero: {
+			type: Boolean,
+			default: !1
+		},
+		locale: {},
+		format: {},
+		label: {},
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {},
+		ui: {}
+	},
+	setup(p) {
+		let N = p, ae = e(), P = l(() => N.unstyled ?? ae.unstyled), F = y(), { width: I } = o(F), L = l(() => new Intl.NumberFormat(N.locale, N.format));
+		function R(e) {
+			return L.value.format(e);
+		}
+		let z = l(() => {
+			let e = N.series?.length ? [...N.series] : [{ key: "value" }];
+			return a(e.length), e;
+		}), B = l(() => z.value.length > 1), V = l(() => B.value || N.legend && z.value[0].name != null);
+		function H(e, t) {
+			let n = e[t];
+			return typeof n == "number" && Number.isFinite(n) ? n : null;
+		}
+		let U = l(() => t({
+			values: N.data.flatMap((e) => z.value.map((t) => H(e, t.key))),
+			categories: N.data.length,
+			longestLabel: Math.max(...N.data.map((e) => e.label.length), 1),
+			width: I.value,
+			height: N.height,
+			tickCount: N.ticks,
+			showAxis: N.axis,
+			formatTick: R,
+			includeZero: N.zero
+		}));
+		function W(e) {
+			return Math.round(e * 100) / 100;
+		}
+		let G = l(() => I.value ? z.value.map((e, t) => {
+			let n = [], a = [];
+			return N.data.forEach((t, r) => {
+				let i = H(t, e.key);
+				if (i == null) {
+					a.length && n.push(a), a = [];
+					return;
+				}
+				a.push({
+					x: W(U.value.bandCentre(r)),
+					y: W(U.value.y(i)),
+					index: r
+				});
+			}), a.length && n.push(a), {
+				runs: n,
+				color: r(i(e, t)),
+				seriesIndex: t
+			};
+		}) : []), K = l(() => N.variant === "area" && !B.value && G.value.length > 0);
+		function q(e) {
+			return e.map((e, t) => `${t === 0 ? "M" : "L"}${e.x} ${e.y}`).join(" ");
+		}
+		function oe(e) {
+			let t = U.value.plot.top + U.value.plot.height, n = e[0], r = e[e.length - 1];
+			return `${q(e)} L${r.x} ${t} L${n.x} ${t} Z`;
+		}
+		let J = y(), Y = l(() => J.value == null ? [] : G.value.flatMap((e) => {
+			for (let t of e.runs) {
+				let n = t.find((e) => e.index === J.value);
+				if (n) return [{
+					...n,
+					color: e.color
+				}];
+			}
+			return [];
+		})), X = l(() => J.value == null ? void 0 : W(U.value.bandCentre(J.value))), Z = l(() => {
+			if (J.value == null) return;
+			let e = N.data[J.value];
+			if (!e) return;
+			let t = z.value.map((t, n) => ({
+				name: t.name ?? t.key,
+				color: r(i(t, n)),
+				value: H(e, t.key)
+			})).filter((e) => e.value != null).map((e) => ({
+				...e,
+				value: R(e.value)
+			}));
+			if (!t.length) return;
+			let a = B.value ? Math.max(e.label.length, ...t.map((e) => e.name.length + e.value.length + 3)) : e.label.length + t[0].value.length + 2;
+			return {
+				label: e.label,
+				rows: t,
+				multi: B.value,
+				x: n(U.value.bandCentre(J.value), "x".repeat(a), I.value),
+				y: Math.min(...Y.value.map((e) => e.y), U.value.plot.top + U.value.plot.height)
+			};
+		}), Q = l(() => s());
+		function $(e, t) {
+			let n = N.ui?.[e];
+			return P.value ? [n, t] : Q.value[e]({ class: [n, t] });
+		}
+		return (e, t) => (v(), d("div", {
+			ref_key: "root",
+			ref: F,
+			role: N.label ? "figure" : void 0,
+			"aria-label": N.label,
+			class: h($("root", N.class))
+		}, [
+			V.value ? (v(), te(ee, {
+				key: 0,
+				series: z.value,
+				unstyled: N.unstyled
+			}, null, 8, ["series", "unstyled"])) : u("", !0),
+			f("div", { class: h(P.value ? void 0 : Q.value.plot()) }, [(v(), d("svg", {
+				width: C(I),
+				height: N.height,
+				viewBox: `0 0 ${C(I)} ${N.height}`,
+				"aria-hidden": "true",
+				class: h($("svg"))
+			}, [
+				N.axis ? (v(!0), d(c, { key: 0 }, b(U.value.ticks, (e) => (v(), d("g", { key: `tick-${e}` }, [f("line", {
+					x1: U.value.plot.left,
+					y1: U.value.y(e),
+					x2: U.value.plot.left + U.value.plot.width,
+					y2: U.value.y(e),
+					"stroke-width": "1",
+					class: h($("grid"))
+				}, null, 10, E), f("text", {
+					x: U.value.plot.left - C(8),
+					y: U.value.y(e),
+					"text-anchor": "end",
+					"dominant-baseline": "middle",
+					class: h($("tick"))
+				}, S(R(e)), 11, D)]))), 128)) : u("", !0),
+				x(e.$slots, "underlay", g(m(U.value))),
+				K.value ? (v(!0), d(c, { key: 1 }, b(G.value[0].runs, (e, t) => (v(), d("path", {
+					key: `area-${t}`,
+					d: oe(e),
+					style: _({ fill: G.value[0].color }),
+					class: h($("area"))
+				}, null, 14, O))), 128)) : u("", !0),
+				X.value == null ? u("", !0) : (v(), d("line", {
+					key: 2,
+					x1: X.value,
+					y1: U.value.plot.top,
+					x2: X.value,
+					y2: U.value.plot.top + U.value.plot.height,
+					"stroke-width": "1",
+					class: h($("crosshair"))
+				}, null, 10, k)),
+				(v(!0), d(c, null, b(G.value, (e) => (v(), d(c, { key: `series-${e.seriesIndex}` }, [(v(!0), d(c, null, b(e.runs, (t, n) => (v(), d("path", {
+					key: `line-${e.seriesIndex}-${n}`,
+					d: q(t),
+					style: _({ stroke: e.color }),
+					class: h($("line"))
+				}, null, 14, A))), 128))], 64))), 128)),
+				(v(!0), d(c, null, b(Y.value, (e, t) => (v(), d(c, { key: `marker-${t}` }, [f("circle", {
+					cx: e.x,
+					cy: e.y,
+					r: "6",
+					class: h($("markerRing"))
+				}, null, 10, j), f("circle", {
+					cx: e.x,
+					cy: e.y,
+					r: "4",
+					style: _({ fill: e.color }),
+					class: h($("marker"))
+				}, null, 14, M)], 64))), 128)),
+				(v(!0), d(c, null, b(N.data, (e, t) => (v(), d(c, { key: `label-${e.label}-${t}` }, [t % U.value.labelStep === 0 ? (v(), d("text", {
+					key: 0,
+					x: U.value.bandCentre(t),
+					y: U.value.plot.top + U.value.plot.height + 14,
+					"text-anchor": "middle",
+					class: h($("category"))
+				}, S(e.label), 11, ne)) : u("", !0)], 64))), 128)),
+				x(e.$slots, "overlay", g(m(U.value))),
+				(v(!0), d(c, null, b(N.data, (e, n) => (v(), d("rect", {
+					key: `hit-${e.label}-${n}`,
+					x: U.value.plot.left + U.value.bandWidth * n,
+					y: U.value.plot.top,
+					width: U.value.bandWidth,
+					height: U.value.plot.height,
+					class: h(P.value ? void 0 : Q.value.hit()),
+					onPointerenter: (e) => J.value = n,
+					onPointerleave: t[0] ||= (e) => J.value = void 0
+				}, null, 42, re))), 128))
+			], 10, T)), Z.value ? (v(), d("div", {
+				key: 0,
+				class: h($("tooltip", Z.value.multi ? "flex-col items-start gap-1" : void 0)),
+				style: _({
+					left: `${Z.value.x}px`,
+					top: `${Z.value.y}px`,
+					transform: "translate(-50%, -100%) translateY(-12px)"
+				})
+			}, [f("span", { class: h($("tooltipLabel")) }, S(Z.value.label), 3), Z.value.multi ? (v(!0), d(c, { key: 0 }, b(Z.value.rows, (e) => (v(), d("span", {
+				key: e.name,
+				class: "flex items-center gap-1.5"
+			}, [
+				f("span", {
+					class: "size-2 shrink-0 rounded-full",
+					style: _({ background: e.color })
+				}, null, 4),
+				f("span", { class: h($("tooltipLabel")) }, S(e.name), 3),
+				f("span", { class: h($("tooltipValue")) }, S(e.value), 3)
+			]))), 128)) : (v(), d("span", {
+				key: 1,
+				class: h($("tooltipValue"))
+			}, S(Z.value.rows[0].value), 3))], 6)) : u("", !0)], 2),
+			f("table", { class: h($("table")) }, [
+				f("caption", null, S(N.label), 1),
+				f("thead", null, [f("tr", null, [t[1] ||= f("th", { scope: "col" }, " Category ", -1), (v(!0), d(c, null, b(z.value, (e) => (v(), d("th", {
+					key: e.key,
+					scope: "col"
+				}, S(e.name ?? "Value"), 1))), 128))])]),
+				f("tbody", null, [(v(!0), d(c, null, b(N.data, (e, t) => (v(), d("tr", { key: `row-${e.label}-${t}` }, [f("th", ie, S(e.label), 1), (v(!0), d(c, null, b(z.value, (t) => (v(), d("td", { key: t.key }, S(H(e, t.key) == null ? "—" : R(H(e, t.key))), 1))), 128))]))), 128))])
+			], 2)
+		], 10, w));
+	}
+});
+//#endregion
+export { N as default };

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

@@ -1,4 +1,4 @@
-import { ArrowDown01Icon as e, ArrowUp01Icon as t } from "../../../../node_modules/.pnpm/@hugeicons_core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/index.js";
+import { ArrowDown01Icon as e, ArrowUp01Icon 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";

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

@@ -1,4 +1,4 @@
-import { ArrowLeft01Icon as e, ArrowRight01Icon as t } from "../../../../node_modules/.pnpm/@hugeicons_core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/index.js";
+import { ArrowLeft01Icon as e, ArrowRight01Icon as t } from "../node_modules/.pnpm/@hugeicons_core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/index.js";
 import { useIryxUiConfig as n } from "../config.js";
 import r from "./Icon.js";
 import { paginationTheme as i } from "../theme/pagination.js";

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

@@ -1,4 +1,4 @@
-import { ViewIcon as e, ViewOffIcon as t } from "../../../../node_modules/.pnpm/@hugeicons_core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/index.js";
+import { ViewIcon as e, ViewOffIcon 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 i from "./Input.js";

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

@@ -1,4 +1,4 @@
-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 { ArrowDown01Icon as e, Tick02Icon as t } from "../node_modules/.pnpm/@hugeicons_core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/index.js";
 import { useIryxUiConfig as n } from "../config.js";
 import r from "./Icon.js";
 import { selectTheme as i } from "../theme/select.js";

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

@@ -1,4 +1,4 @@
-import { ArrowDown01Icon as e, ArrowRight01Icon as t, ArrowUp01Icon as n } from "../../../../node_modules/.pnpm/@hugeicons_core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/index.js";
+import { ArrowDown01Icon as e, ArrowRight01Icon as t, ArrowUp01Icon as n } from "../node_modules/.pnpm/@hugeicons_core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/index.js";
 import { useIryxUiConfig as r } from "../config.js";
 import i from "./Icon.js";
 import { statTheme as a } from "../theme/stat.js";

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

@@ -1,4 +1,4 @@
-import { Tick02Icon as e } from "../../../../node_modules/.pnpm/@hugeicons_core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/index.js";
+import { Tick02Icon 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 { stepperTheme as r } from "../theme/stepper.js";

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

@@ -1,4 +1,4 @@
-import { ArrowDown01Icon as e, ArrowRight01Icon as t, ArrowUp01Icon as n, UnfoldMoreIcon as r } from "../../../../node_modules/.pnpm/@hugeicons_core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/index.js";
+import { ArrowDown01Icon as e, ArrowRight01Icon as t, ArrowUp01Icon as n, UnfoldMoreIcon as r } from "../node_modules/.pnpm/@hugeicons_core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/index.js";
 import { useIryxUiConfig as i } from "../config.js";
 import a from "./Icon.js";
 import o from "./Checkbox.js";

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

@@ -1,4 +1,4 @@
-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 { 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 o from "./Icon.js";
 import { useToast as s, useToastState as c } from "../composables/toast.js";

package/dist/components/index.d.ts

@@ -7,6 +7,7 @@ export { default as Breadcrumb } from './Breadcrumb.vue';
 export { default as Button } from './Button.vue';
 export { default as ButtonGroup } from './ButtonGroup.vue';
 export { default as Card } from './Card.vue';
+export { default as ChartLegend } from './ChartLegend.vue';
 export { default as Checkbox } from './Checkbox.vue';
 export { default as Combobox } from './Combobox.vue';
 export { default as ConfirmDialog } from './ConfirmDialog.vue';
@@ -20,6 +21,7 @@ export { default as Form } from './Form.vue';
 export { default as FormField } from './FormField.vue';
 export { default as Input } from './Input.vue';
 export { default as Label } from './Label.vue';
+export { default as LineChart } from './LineChart.vue';
 export { default as NumberInput } from './NumberInput.vue';
 export { default as Pagination } from './Pagination.vue';
 export { default as PasswordInput } from './PasswordInput.vue';