iryx-ui 0.11.0 → 0.13.0

package/dist/components/SignaturePad.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,158 @@
+import { useIryxUiConfig as e } from "../config.js";
+import t from "./Icon.js";
+import { useAppearance as n } from "../composables/appearance.js";
+import { useFormField as r } from "../composables/form.js";
+import { hasInk as i, strokeWidth as a } from "../composables/signature.js";
+import { signaturePadTheme as o } from "../theme/signature-pad.js";
+import { computed as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, normalizeClass as f, normalizeStyle as p, onBeforeUnmount as m, onMounted as h, openBlock as g, ref as _, unref as v, watch as ee } from "vue";
+import { ArrowTurnBackwardIcon as y, Delete02Icon as b } from "@hugeicons/core-free-icons";
+//#region src/components/SignaturePad.vue?vue&type=script&setup=true&lang.ts
+var x = [
+	"id",
+	"aria-label",
+	"aria-describedby"
+], S = [
+	"aria-label",
+	"title",
+	"disabled"
+], C = [
+	"aria-label",
+	"title",
+	"disabled"
+], w = /*@__PURE__*/ d({
+	__name: "SignaturePad",
+	props: {
+		modelValue: {},
+		height: { default: 160 },
+		penColor: { default: "currentColor" },
+		penWidth: { default: 2 },
+		undoLabel: { default: "Undo last stroke" },
+		clearLabel: { default: "Clear signature" },
+		ariaLabel: { default: "Signature" },
+		disabled: { type: Boolean },
+		invalid: {
+			type: Boolean,
+			default: void 0
+		},
+		id: {},
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {},
+		ui: {}
+	},
+	emits: [
+		"update:modelValue",
+		"start",
+		"end",
+		"clear"
+	],
+	setup(d, { expose: w, emit: T }) {
+		let E = d, D = T, O = _(), k = _([]), A = !1, j = 0, M = () => k.value.at(-1), N = r(), P = s(() => E.id ?? N?.id.value), F = s(() => E.invalid ?? N?.invalid.value ?? !1), I = s(() => !i(k.value));
+		function L() {
+			if (E.penColor !== "currentColor") return E.penColor;
+			let e = O.value;
+			return e ? getComputedStyle(e).color : "#000000";
+		}
+		function R() {
+			let e = O.value;
+			if (!e) return;
+			let t = window.devicePixelRatio || 1, n = e.clientWidth;
+			if (!n) return;
+			e.width = Math.round(n * t), e.height = Math.round(E.height * t);
+			let r = e.getContext("2d");
+			r && (r.scale(t, t), z());
+		}
+		function z() {
+			let e = O.value, t = e?.getContext("2d");
+			if (!e || !t) return;
+			let n = window.devicePixelRatio || 1;
+			t.clearRect(0, 0, e.width / n, e.height / n), t.strokeStyle = L(), t.lineCap = "round", t.lineJoin = "round";
+			for (let e of k.value) for (let n = 1; n < e.length; n++) {
+				let r = e[n - 1], i = e[n];
+				t.beginPath(), t.lineWidth = a(E.penWidth, r, i), t.moveTo(r.x, r.y), t.lineTo(i.x, i.y), t.stroke();
+			}
+		}
+		function B() {
+			return I.value ? null : O.value?.toDataURL("image/png") ?? null;
+		}
+		function V() {
+			let e = B();
+			D("update:modelValue", e), D("end", e);
+		}
+		function H(e) {
+			let t = O.value.getBoundingClientRect();
+			return {
+				x: e.clientX - t.left,
+				y: e.clientY - t.top,
+				t: performance.now() - j,
+				pressure: e.pressure > 0 ? e.pressure : .5
+			};
+		}
+		function U(e) {
+			E.disabled || (O.value?.setPointerCapture(e.pointerId), j = performance.now(), A = !0, k.value = [...k.value, [H(e)]], D("start"));
+		}
+		function W(e) {
+			A && (M()?.push(H(e)), z());
+		}
+		function G(e) {
+			A && (O.value?.releasePointerCapture(e.pointerId), A = !1, z(), V());
+		}
+		function K() {
+			k.value.length && (k.value = k.value.slice(0, -1), z(), V());
+		}
+		function q() {
+			k.value = [], z(), D("update:modelValue", null), D("clear");
+		}
+		let { isDark: J } = n();
+		ee(J, z);
+		let Y;
+		h(() => {
+			R(), Y = new ResizeObserver(R), O.value && Y.observe(O.value);
+		}), m(() => Y?.disconnect()), w({
+			clear: q,
+			undo: K,
+			isEmpty: I,
+			toDataUrl: B
+		});
+		let X = e(), Z = s(() => E.unstyled ?? X.unstyled), Q = s(() => o({
+			invalid: F.value,
+			disabled: E.disabled
+		}));
+		function $(e, t) {
+			let n = [E.ui?.[e], t].filter(Boolean).join(" ");
+			return Z.value ? n : Q.value[e]({ class: n });
+		}
+		return (e, n) => (g(), c("div", { class: f($("root", E.class)) }, [l("canvas", {
+			id: P.value,
+			ref_key: "canvas",
+			ref: O,
+			role: "img",
+			"aria-label": E.ariaLabel,
+			"aria-describedby": v(N)?.describedBy.value,
+			style: p({ height: `${E.height}px` }),
+			class: f($("canvas")),
+			onPointerdown: U,
+			onPointermove: W,
+			onPointerup: G,
+			onPointercancel: G
+		}, null, 46, x), l("div", { class: f($("actions")) }, [l("button", {
+			type: "button",
+			"aria-label": E.undoLabel,
+			title: E.undoLabel,
+			disabled: E.disabled || !k.value.length,
+			class: f($("action")),
+			onClick: K
+		}, [u(t, { icon: v(y) }, null, 8, ["icon"])], 10, S), l("button", {
+			type: "button",
+			"aria-label": E.clearLabel,
+			title: E.clearLabel,
+			disabled: E.disabled || I.value,
+			class: f($("action")),
+			onClick: q
+		}, [u(t, { icon: v(b) }, null, 8, ["icon"])], 10, C)], 2)], 2));
+	}
+});
+//#endregion
+export { w as default };

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

@@ -11,8 +11,8 @@ export interface SkeletonProps {
     class?: string;
 }
 declare const __VLS_export: import("vue").DefineComponent<SkeletonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SkeletonProps> & Readonly<{}>, {
-    as: string;
     unstyled: boolean;
+    as: string;
     label: string;
     lines: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/Skeleton.vue_vue_type_script_setup_true_lang.js

@@ -17,26 +17,26 @@ var f = ["aria-label"], p = /*@__PURE__*/ o({
 		class: {}
 	},
 	setup(o) {
-		let p = o, m = e(), h = r(() => p.unstyled ?? m.unstyled), g = r(() => h.value ? p.class : t({
+		let p = o, m = e(), h = r(() => p.unstyled ?? m.unstyled), g = r(() => Math.max(1, p.lines)), _ = r(() => h.value ? void 0 : t({ variant: p.variant })), v = r(() => h.value || g.value > 1 ? p.class : t({
 			variant: p.variant,
 			class: p.class
-		})), _ = r(() => Math.max(1, p.lines));
-		return (e, t) => _.value > 1 ? (c(), a("div", {
+		}));
+		return (e, t) => g.value > 1 ? (c(), a("div", {
 			key: 0,
 			role: "status",
 			"aria-label": p.label,
-			class: "flex w-full flex-col gap-2"
-		}, [(c(!0), a(n, null, l(_.value, (e) => (c(), i(u(d), {
+			class: s([h.value ? void 0 : "flex w-full flex-col gap-2", v.value])
+		}, [(c(!0), a(n, null, l(g.value, (e) => (c(), i(u(d), {
 			key: e,
 			as: p.as,
-			class: s(g.value),
+			class: s(_.value),
 			"aria-hidden": "true"
-		}, null, 8, ["as", "class"]))), 128))], 8, f)) : (c(), i(u(d), {
+		}, null, 8, ["as", "class"]))), 128))], 10, f)) : (c(), i(u(d), {
 			key: 1,
 			as: p.as,
 			role: "status",
 			"aria-label": p.label,
-			class: s(g.value)
+			class: s(v.value)
 		}, null, 8, [
 			"as",
 			"aria-label",

package/dist/components/Slider.js

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

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

@@ -0,0 +1,80 @@
+import type { SliderRootProps } from 'reka-ui';
+export interface SliderProps extends /* @vue-ignore */ Omit<SliderRootProps, 'modelValue' | 'defaultValue'> {
+    /**
+     * A single number for one thumb, an array for a range. Whichever shape you
+     * pass back is the shape you get out, so `v-model` on a plain `ref(50)`
+     * stays a number instead of silently becoming `[50]`.
+     */
+    modelValue?: number | number[] | null;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    orientation?: 'horizontal' | 'vertical';
+    inverted?: boolean;
+    /** Keeps range thumbs from crossing or stacking. */
+    minStepsBetweenThumbs?: number;
+    size?: 'sm' | 'md' | 'lg';
+    /** Text shown above the track. */
+    label?: string;
+    /** Show the current value beside the label. */
+    showValue?: boolean;
+    /** Show `min` and `max` captions under the track. Horizontal only. */
+    showScale?: boolean;
+    /**
+     * Format the displayed value, the scale captions and each thumb's
+     * accessible label. Override for units or non-English locales.
+     */
+    formatValue?: (value: number) => string;
+    /**
+     * How each thumb of a range is named after the label — "Price minimum",
+     * "Price maximum". Override for non-English locales.
+     */
+    rangeLabels?: [string, string];
+    id?: string;
+    /** Skip built-in classes; you take over styling entirely. */
+    unstyled?: boolean;
+    class?: string;
+    /** Override classes per slot, e.g. `{ thumb: 'size-6' }`. */
+    ui?: {
+        root?: string;
+        header?: string;
+        label?: string;
+        value?: string;
+        slider?: string;
+        track?: string;
+        range?: string;
+        thumb?: string;
+        scale?: string;
+    };
+}
+declare var __VLS_1: {}, __VLS_3: {
+    values: number[];
+    text: string;
+};
+type __VLS_Slots = {} & {
+    label?: (props: typeof __VLS_1) => any;
+} & {
+    value?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<SliderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: number | number[]) => any;
+    valueCommit: (value: number | number[]) => any;
+}, string, import("vue").PublicProps, Readonly<SliderProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number | number[]) => any) | undefined;
+    onValueCommit?: ((value: number | number[]) => any) | undefined;
+}>, {
+    unstyled: boolean;
+    max: number;
+    step: number;
+    min: number;
+    rangeLabels: [string, string];
+}, {}, {}, {}, 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/Slider.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,115 @@
+import { useIryxUiConfig as e } from "../config.js";
+import { sliderTheme as t } from "../theme/slider.js";
+import { Fragment as n, 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, renderList as m, renderSlot as h, toDisplayString as g, unref as _, withCtx as v } from "vue";
+import { SliderRange as y, SliderRoot as b, SliderThumb as x, SliderTrack as S, useId as C } from "reka-ui";
+//#region src/components/Slider.vue?vue&type=script&setup=true&lang.ts
+var w = ["id"], T = /*@__PURE__*/ u({
+	inheritAttrs: !1,
+	__name: "Slider",
+	props: {
+		modelValue: {},
+		min: { default: 0 },
+		max: { default: 100 },
+		step: { default: 1 },
+		disabled: { type: Boolean },
+		orientation: {},
+		inverted: { type: Boolean },
+		minStepsBetweenThumbs: {},
+		size: {},
+		label: {},
+		showValue: { type: Boolean },
+		showScale: { type: Boolean },
+		formatValue: {},
+		rangeLabels: { default: () => ["minimum", "maximum"] },
+		id: {},
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {},
+		ui: {}
+	},
+	emits: ["update:modelValue", "valueCommit"],
+	setup(u, { emit: T }) {
+		let E = u, D = T, O = r(() => typeof E.modelValue == "number"), k = r(() => Array.isArray(E.modelValue) ? E.modelValue : typeof E.modelValue == "number" ? [E.modelValue] : [E.min]);
+		function A(e) {
+			return O.value ? e[0] ?? E.min : e;
+		}
+		let j = r(() => E.formatValue ?? ((e) => String(e))), M = r(() => k.value.map((e) => j.value(e)).join(" – "));
+		function N(e, t) {
+			return E.label ? k.value.length > 1 ? `${E.label} ${E.rangeLabels[e] ?? ""}`.trim() : E.label : k.value.length > 1 ? E.rangeLabels[e] ?? void 0 : j.value(t);
+		}
+		let P = C(), F = r(() => `${E.id ?? P}-label`), I = r(() => !!(E.label || E.showValue)), L = e(), R = r(() => E.unstyled ?? L.unstyled), z = r(() => t({
+			orientation: E.orientation,
+			size: E.size,
+			disabled: E.disabled ?? !1
+		}));
+		function B(e, t) {
+			let n = [E.ui?.[e], t];
+			return R.value ? n : z.value[e]({ class: n });
+		}
+		return (e, t) => (p(), o("div", { class: f(B("root", E.class)) }, [
+			I.value ? (p(), o("div", {
+				key: 0,
+				class: f(B("header"))
+			}, [E.label || e.$slots.label ? (p(), o("span", {
+				key: 0,
+				id: F.value,
+				class: f(B("label"))
+			}, [h(e.$slots, "label", {}, () => [c(g(E.label), 1)])], 10, w)) : a("", !0), E.showValue ? (p(), o("span", {
+				key: 1,
+				class: f(B("value"))
+			}, [h(e.$slots, "value", {
+				values: k.value,
+				text: M.value
+			}, () => [c(g(M.value), 1)])], 2)) : a("", !0)], 2)) : a("", !0),
+			l(_(b), d({
+				"model-value": k.value,
+				min: E.min,
+				max: E.max,
+				step: E.step,
+				disabled: E.disabled,
+				orientation: E.orientation,
+				inverted: E.inverted,
+				"min-steps-between-thumbs": E.minStepsBetweenThumbs,
+				"aria-labelledby": E.label ? F.value : void 0
+			}, e.$attrs, {
+				class: B("slider"),
+				"onUpdate:modelValue": t[0] ||= (e) => e && D("update:modelValue", A(e)),
+				onValueCommit: t[1] ||= (e) => D("valueCommit", A(e))
+			}), {
+				default: v(() => [l(_(S), { class: f(B("track")) }, {
+					default: v(() => [l(_(y), { class: f(B("range")) }, null, 8, ["class"])]),
+					_: 1
+				}, 8, ["class"]), (p(!0), o(n, null, m(k.value, (e, t) => (p(), i(_(x), {
+					key: t,
+					"aria-label": N(t, e),
+					"aria-valuetext": j.value(e),
+					class: f(B("thumb"))
+				}, null, 8, [
+					"aria-label",
+					"aria-valuetext",
+					"class"
+				]))), 128))]),
+				_: 1
+			}, 16, [
+				"model-value",
+				"min",
+				"max",
+				"step",
+				"disabled",
+				"orientation",
+				"inverted",
+				"min-steps-between-thumbs",
+				"aria-labelledby",
+				"class"
+			]),
+			E.showScale && E.orientation !== "vertical" ? (p(), o("div", {
+				key: 1,
+				class: f(B("scale"))
+			}, [s("span", null, g(j.value(E.min)), 1), s("span", null, g(j.value(E.max)), 1)], 2)) : a("", !0)
+		], 2));
+	}
+});
+//#endregion
+export { T as default };

package/dist/components/Splitter.js

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

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

@@ -0,0 +1,59 @@
+export interface SplitterPanelOption {
+    /** Starting size, as a percentage of the group. */
+    size?: number;
+    minSize?: number;
+    maxSize?: number;
+    /** Allow dragging past `minSize` to collapse the panel entirely. */
+    collapsible?: boolean;
+    /** What "collapsed" means, as a percentage. `0` hides the panel. */
+    collapsedSize?: number;
+    /** Identifies the panel; needed when panels are conditionally rendered. */
+    id?: string;
+}
+export interface SplitterProps {
+    /** One entry per panel. Two by default, split evenly. */
+    panels?: SplitterPanelOption[];
+    direction?: 'horizontal' | 'vertical';
+    /**
+     * Remember the arrangement under this key, so a reader's layout survives a
+     * reload. Stored in `localStorage`.
+     */
+    autoSaveId?: string;
+    /** How far each arrow key press moves the handle, as a percentage. */
+    keyboardResizeBy?: number;
+    /** Skip built-in classes; you take over styling entirely. */
+    unstyled?: boolean;
+    class?: string;
+    /** Override classes per slot, e.g. `{ rule: 'bg-primary' }`. */
+    ui?: {
+        root?: string;
+        panel?: string;
+        handle?: string;
+        rule?: string;
+    };
+}
+declare var __VLS_16: {}, __VLS_25: `panel-${number}`, __VLS_26: {
+    panel: SplitterPanelOption;
+    index: number;
+};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_25>]?: (props: typeof __VLS_26) => any;
+} & {
+    handle?: (props: typeof __VLS_16) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<SplitterProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    layout: (sizes: number[]) => any;
+}, string, import("vue").PublicProps, Readonly<SplitterProps> & Readonly<{
+    onLayout?: ((sizes: number[]) => any) | undefined;
+}>, {
+    unstyled: boolean;
+    direction: "horizontal" | "vertical";
+}, {}, {}, {}, 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/Splitter.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,69 @@
+import { useIryxUiConfig as e } from "../config.js";
+import { splitterTheme as t } from "../theme/splitter.js";
+import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, renderList as f, renderSlot as p, unref as m, withCtx as h } from "vue";
+import { SplitterGroup as g, SplitterPanel as _, SplitterResizeHandle as v } from "reka-ui";
+//#region src/components/Splitter.vue?vue&type=script&setup=true&lang.ts
+var y = /*@__PURE__*/ l({
+	__name: "Splitter",
+	props: {
+		panels: {},
+		direction: { default: "horizontal" },
+		autoSaveId: {},
+		keyboardResizeBy: {},
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {},
+		ui: {}
+	},
+	emits: ["layout"],
+	setup(l, { emit: y }) {
+		let b = l, x = y, S = r(() => b.panels?.length ? b.panels : [{}, {}]), C = e(), w = r(() => b.unstyled ?? C.unstyled), T = r(() => t({ direction: b.direction })), E = r(() => w.value ? [b.ui?.root, b.class] : T.value.root({ class: [b.ui?.root, b.class] })), D = r(() => w.value ? b.ui?.panel : T.value.panel({ class: b.ui?.panel })), O = r(() => w.value ? b.ui?.handle : T.value.handle({ class: b.ui?.handle })), k = r(() => w.value ? b.ui?.rule : T.value.rule({ class: b.ui?.rule }));
+		return (e, t) => (d(), i(m(g), {
+			direction: b.direction,
+			"auto-save-id": b.autoSaveId,
+			"keyboard-resize-by": b.keyboardResizeBy,
+			class: u(E.value),
+			onLayout: t[0] ||= (e) => x("layout", e)
+		}, {
+			default: h(() => [(d(!0), o(n, null, f(S.value, (t, r) => (d(), o(n, { key: t.id ?? r }, [r > 0 ? (d(), i(m(v), {
+				key: 0,
+				class: u(O.value)
+			}, {
+				default: h(() => [p(e.$slots, "handle", {}, () => [s("span", { class: u(k.value) }, null, 2)])]),
+				_: 3
+			}, 8, ["class"])) : a("", !0), c(m(_), {
+				id: t.id,
+				"default-size": t.size,
+				"min-size": t.minSize,
+				"max-size": t.maxSize,
+				collapsible: t.collapsible,
+				"collapsed-size": t.collapsedSize,
+				class: u(D.value)
+			}, {
+				default: h(() => [p(e.$slots, `panel-${r}`, {
+					panel: t,
+					index: r
+				})]),
+				_: 2
+			}, 1032, [
+				"id",
+				"default-size",
+				"min-size",
+				"max-size",
+				"collapsible",
+				"collapsed-size",
+				"class"
+			])], 64))), 128))]),
+			_: 3
+		}, 8, [
+			"direction",
+			"auto-save-id",
+			"keyboard-resize-by",
+			"class"
+		]));
+	}
+});
+//#endregion
+export { y as default };

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

@@ -44,8 +44,8 @@ type __VLS_Slots = {} & {
     hint?: (props: typeof __VLS_19) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<StatProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StatProps> & 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/Stat.vue_vue_type_script_setup_true_lang.js

@@ -1,11 +1,11 @@
-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";
-import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent 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 { statTheme as n } from "../theme/stat.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, normalizeClass as d, openBlock as f, renderSlot as p, toDisplayString as m, unref as h, withCtx as g } from "vue";
+import { ArrowDown01Icon as _, ArrowRight01Icon as v, ArrowUp01Icon as y } from "@hugeicons/core-free-icons";
 import { Primitive as b } from "reka-ui";
 //#region src/components/Stat.vue?vue&type=script&setup=true&lang.ts
-var x = /*@__PURE__*/ p({
+var x = /*@__PURE__*/ u({
 	__name: "Stat",
 	props: {
 		as: { default: "div" },
@@ -23,37 +23,37 @@ var x = /*@__PURE__*/ p({
 		class: {},
 		ui: {}
 	},
-	setup(p) {
-		let x = p, S = o(() => x.trend ? x.trend : x.delta == null || x.delta === 0 ? "neutral" : x.delta > 0 ? "up" : "down"), C = o(() => ({
-			up: n,
-			down: e,
-			neutral: t
-		})[S.value]), w = o(() => {
+	setup(u) {
+		let x = u, S = r(() => x.trend ? x.trend : x.delta == null || x.delta === 0 ? "neutral" : x.delta > 0 ? "up" : "down"), C = r(() => ({
+			up: y,
+			down: _,
+			neutral: v
+		})[S.value]), w = r(() => {
 			if (x.delta != null) return x.formatDelta ? x.formatDelta(x.delta) : `${x.delta > 0 ? "+" : ""}${x.delta}%`;
-		}), T = r(), E = o(() => x.unstyled ?? T.unstyled), D = o(() => a({
+		}), T = e(), E = r(() => x.unstyled ?? T.unstyled), D = r(() => n({
 			size: x.size,
 			trend: S.value
-		})), O = o(() => E.value ? [x.ui?.root, x.class] : D.value.root({ class: [x.ui?.root, x.class] })), k = o(() => E.value ? x.ui?.label : D.value.label({ class: x.ui?.label })), A = o(() => E.value ? x.ui?.value : D.value.value({ class: x.ui?.value })), j = o(() => E.value ? x.ui?.delta : D.value.delta({ class: x.ui?.delta })), M = o(() => E.value ? x.ui?.hint : D.value.hint({ class: x.ui?.hint })), N = o(() => E.value ? x.ui?.row : D.value.row({ class: x.ui?.row }));
-		return (e, t) => (h(), s(v(b), {
+		})), O = r(() => E.value ? [x.ui?.root, x.class] : D.value.root({ class: [x.ui?.root, x.class] })), k = r(() => E.value ? x.ui?.label : D.value.label({ class: x.ui?.label })), A = r(() => E.value ? x.ui?.value : D.value.value({ class: x.ui?.value })), j = r(() => E.value ? x.ui?.delta : D.value.delta({ class: x.ui?.delta })), M = r(() => E.value ? x.ui?.hint : D.value.hint({ class: x.ui?.hint })), N = r(() => E.value ? x.ui?.row : D.value.row({ class: x.ui?.row }));
+		return (e, n) => (f(), i(h(b), {
 			as: x.as,
-			class: m(O.value)
+			class: d(O.value)
 		}, {
-			default: y(() => [
-				x.label || e.$slots.label ? (h(), l("span", {
+			default: g(() => [
+				x.label || e.$slots.label ? (f(), o("span", {
 					key: 0,
-					class: m(k.value)
-				}, [g(e.$slots, "label", {}, () => [d(_(x.label), 1)])], 2)) : c("", !0),
-				u("span", { class: m(N.value) }, [u("span", { class: m(A.value) }, [g(e.$slots, "default", {}, () => [d(_(x.value), 1)])], 2), w.value || e.$slots.delta ? (h(), l("span", {
+					class: d(k.value)
+				}, [p(e.$slots, "label", {}, () => [c(m(x.label), 1)])], 2)) : a("", !0),
+				s("span", { class: d(N.value) }, [s("span", { class: d(A.value) }, [p(e.$slots, "default", {}, () => [c(m(x.value), 1)])], 2), w.value || e.$slots.delta ? (f(), o("span", {
 					key: 0,
-					class: m(j.value)
-				}, [g(e.$slots, "delta", { trend: S.value }, () => [f(i, {
+					class: d(j.value)
+				}, [p(e.$slots, "delta", { trend: S.value }, () => [l(t, {
 					icon: C.value,
 					"data-icon": "inline-start"
-				}, null, 8, ["icon"]), d(" " + _(w.value), 1)])], 2)) : c("", !0)], 2),
-				x.hint || e.$slots.hint ? (h(), l("span", {
+				}, null, 8, ["icon"]), c(" " + m(w.value), 1)])], 2)) : a("", !0)], 2),
+				x.hint || e.$slots.hint ? (f(), o("span", {
 					key: 1,
-					class: m(M.value)
-				}, [g(e.$slots, "hint", {}, () => [d(_(x.hint), 1)])], 2)) : c("", !0)
+					class: d(M.value)
+				}, [p(e.$slots, "hint", {}, () => [c(m(x.hint), 1)])], 2)) : a("", !0)
 			]),
 			_: 3
 		}, 8, ["as", "class"]));