iryx-ui 0.10.2 → 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/BarChart.vue.d.ts

@@ -21,6 +21,16 @@ export interface BarChartProps {
      * or numerous category names are the case to turn the chart for.
      */
     orientation?: 'vertical' | 'horizontal';
+    /**
+     * Stack the series into one bar per category instead of grouping them
+     * side by side.
+     *
+     * Stacking answers "what makes up the total"; grouping answers "how do these
+     * compare". Only the bottom segment shares a baseline, so every segment
+     * above it is hard to compare across categories — reach for grouped bars
+     * when the comparison matters more than the total.
+     */
+    stacked?: boolean;
     /** 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. */
@@ -29,6 +39,8 @@ export interface BarChartProps {
     axis?: boolean;
     /** Drop the legend. Only honoured for a single series — see below. */
     legend?: boolean;
+    /** Word for the stacked tooltip's sum — override for non-English apps. */
+    totalLabel?: string;
     /** Locale and options for every number shown — ticks and tooltip alike. */
     locale?: string;
     format?: Intl.NumberFormatOptions;
@@ -84,6 +96,7 @@ declare const __VLS_base: import("vue").DefineComponent<BarChartProps, {}, {}, {
     height: number;
     ticks: number;
     axis: boolean;
+    totalLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;