iryx-ui 0.10.2 → 0.12.0

package/dist/components/Select.vue_vue_type_script_setup_true_lang.js

@@ -1,11 +1,12 @@
-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";
-import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createTextVNode as u, createVNode as d, defineComponent as f, guardReactiveProps as p, normalizeClass as m, normalizeProps as h, openBlock as g, renderList as _, renderSlot as v, toDisplayString as y, unref as b, withCtx as x } from "vue";
-import { SelectContent as S, SelectGroup as C, SelectIcon as w, SelectItem as T, SelectItemIndicator as E, SelectItemText as D, SelectLabel as O, SelectPortal as k, SelectRoot as A, SelectTrigger as j, SelectValue as M, SelectViewport as N, useForwardPropsEmits as P } from "reka-ui";
+import { useIryxUiConfig as e } from "../config.js";
+import t from "./Icon.js";
+import { selectTheme as n } from "../theme/select.js";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createTextVNode as c, createVNode as l, defineComponent as u, guardReactiveProps as d, mergeProps as f, normalizeClass as p, normalizeProps as m, openBlock as h, renderList as g, renderSlot as _, toDisplayString as v, unref as y, withCtx as b } from "vue";
+import { ArrowDown01Icon as x, Tick02Icon as S } from "@hugeicons/core-free-icons";
+import { SelectContent as C, SelectGroup as w, SelectIcon as T, SelectItem as E, SelectItemIndicator as D, SelectItemText as O, SelectLabel as k, SelectPortal as A, SelectRoot as j, SelectTrigger as M, SelectValue as N, SelectViewport as P, useForwardPropsEmits as F } from "reka-ui";
 //#region src/components/Select.vue?vue&type=script&setup=true&lang.ts
-var F = /*@__PURE__*/ f({
+var I = /*@__PURE__*/ u({
+	inheritAttrs: !1,
 	__name: "Select",
 	props: {
 		items: {},
@@ -21,6 +22,7 @@ var F = /*@__PURE__*/ f({
 		defaultOpen: { type: Boolean },
 		defaultValue: {},
 		modelValue: {},
+		nullableValue: {},
 		by: {},
 		dir: {},
 		multiple: { type: Boolean },
@@ -30,64 +32,64 @@ var F = /*@__PURE__*/ f({
 		required: { type: Boolean }
 	},
 	emits: ["update:modelValue", "update:open"],
-	setup(f, { emit: F }) {
-		let I = f, L = F, R = P(o(() => {
-			let { items: e, placeholder: t, size: n, unstyled: r, class: i, ui: a, ...o } = I;
+	setup(u, { emit: I }) {
+		let L = u, R = I, z = F(i(() => {
+			let { items: e, placeholder: t, size: n, unstyled: r, class: i, ui: a, ...o } = L;
 			return o;
-		}), L);
-		function z(e) {
+		}), R);
+		function B(e) {
 			return typeof e == "string" ? {
 				label: e,
 				value: e
 			} : e;
 		}
-		function B(e) {
+		function V(e) {
 			return typeof e != "string" && "items" in e;
 		}
-		let V = o(() => {
-			let e = I.items ?? [];
-			if (e.some(B)) return e.map((e) => B(e) ? {
+		let H = i(() => {
+			let e = L.items ?? [];
+			if (e.some(V)) return e.map((e) => V(e) ? {
 				label: e.label,
-				options: e.items.map(z)
+				options: e.items.map(B)
 			} : {
 				label: "",
-				options: [z(e)]
+				options: [B(e)]
 			});
-		}), H = o(() => (I.items ?? []).flatMap((e) => B(e) ? e.items.map(z) : [z(e)])), U = n(), W = o(() => I.unstyled ?? U.unstyled), G = o(() => i({ size: I.size })), K = o(() => W.value ? [I.ui?.trigger, I.class] : G.value.trigger({ class: [I.ui?.trigger, I.class] })), q = o(() => W.value ? I.ui?.content : G.value.content({ class: I.ui?.content })), J = o(() => W.value ? I.ui?.viewport : G.value.viewport({ class: I.ui?.viewport })), Y = o(() => W.value ? I.ui?.item : G.value.item({ class: I.ui?.item })), X = o(() => W.value ? void 0 : G.value.itemIndicator()), Z = o(() => W.value ? I.ui?.group : G.value.group({ class: I.ui?.group })), Q = o(() => W.value ? I.ui?.groupLabel : G.value.groupLabel({ class: I.ui?.groupLabel }));
-		return (n, i) => (g(), s(b(A), h(p(b(R))), {
-			default: x(() => [d(b(j), { class: m(K.value) }, {
-				default: x(() => [d(b(M), { placeholder: I.placeholder }, null, 8, ["placeholder"]), d(b(w), { "as-child": "" }, {
-					default: x(() => [d(r, { icon: b(e) }, null, 8, ["icon"])]),
+		}), U = i(() => (L.items ?? []).flatMap((e) => V(e) ? e.items.map(B) : [B(e)])), W = e(), G = i(() => L.unstyled ?? W.unstyled), K = i(() => n({ size: L.size })), q = i(() => G.value ? [L.ui?.trigger, L.class] : K.value.trigger({ class: [L.ui?.trigger, L.class] })), J = i(() => G.value ? L.ui?.content : K.value.content({ class: L.ui?.content })), Y = i(() => G.value ? L.ui?.viewport : K.value.viewport({ class: L.ui?.viewport })), X = i(() => G.value ? L.ui?.item : K.value.item({ class: L.ui?.item })), Z = i(() => G.value ? void 0 : K.value.itemIndicator()), Q = i(() => G.value ? L.ui?.group : K.value.group({ class: L.ui?.group })), $ = i(() => G.value ? L.ui?.groupLabel : K.value.groupLabel({ class: L.ui?.groupLabel }));
+		return (e, n) => (h(), a(y(j), m(d(y(z))), {
+			default: b(() => [l(y(M), f(e.$attrs, { class: q.value }), {
+				default: b(() => [l(y(N), { placeholder: L.placeholder }, null, 8, ["placeholder"]), l(y(T), { "as-child": "" }, {
+					default: b(() => [l(t, { icon: y(x) }, null, 8, ["icon"])]),
 					_: 1
 				})]),
 				_: 1
-			}, 8, ["class"]), d(b(k), null, {
-				default: x(() => [d(b(S), {
-					class: m(q.value),
+			}, 16, ["class"]), l(y(A), null, {
+				default: b(() => [l(y(C), {
+					class: p(J.value),
 					position: "item-aligned"
 				}, {
-					default: x(() => [d(b(N), { class: m(J.value) }, {
-						default: x(() => [v(n.$slots, "default", {}, () => [V.value ? (g(!0), l(a, { key: 0 }, _(V.value, (e, n) => (g(), s(b(C), {
+					default: b(() => [l(y(P), { class: p(Y.value) }, {
+						default: b(() => [_(e.$slots, "default", {}, () => [H.value ? (h(!0), s(r, { key: 0 }, g(H.value, (e, n) => (h(), a(y(w), {
 							key: e.label || n,
-							class: m(Z.value)
+							class: p(Q.value)
 						}, {
-							default: x(() => [e.label ? (g(), s(b(O), {
+							default: b(() => [e.label ? (h(), a(y(k), {
 								key: 0,
-								class: m(Q.value)
+								class: p($.value)
 							}, {
-								default: x(() => [u(y(e.label), 1)]),
+								default: b(() => [c(v(e.label), 1)]),
 								_: 2
-							}, 1032, ["class"])) : c("", !0), (g(!0), l(a, null, _(e.options, (e) => (g(), s(b(T), {
+							}, 1032, ["class"])) : o("", !0), (h(!0), s(r, null, g(e.options, (e) => (h(), a(y(E), {
 								key: e.value,
 								value: e.value,
 								disabled: e.disabled,
-								class: m(Y.value)
+								class: p(X.value)
 							}, {
-								default: x(() => [d(b(E), { class: m(X.value) }, {
-									default: x(() => [d(r, { icon: b(t) }, null, 8, ["icon"])]),
+								default: b(() => [l(y(D), { class: p(Z.value) }, {
+									default: b(() => [l(t, { icon: y(S) }, null, 8, ["icon"])]),
 									_: 1
-								}, 8, ["class"]), d(b(D), null, {
-									default: x(() => [u(y(e.label), 1)]),
+								}, 8, ["class"]), l(y(O), null, {
+									default: b(() => [c(v(e.label), 1)]),
 									_: 2
 								}, 1024)]),
 								_: 2
@@ -97,17 +99,17 @@ var F = /*@__PURE__*/ f({
 								"class"
 							]))), 128))]),
 							_: 2
-						}, 1032, ["class"]))), 128)) : (g(!0), l(a, { key: 1 }, _(H.value, (e) => (g(), s(b(T), {
+						}, 1032, ["class"]))), 128)) : (h(!0), s(r, { key: 1 }, g(U.value, (e) => (h(), a(y(E), {
 							key: e.value,
 							value: e.value,
 							disabled: e.disabled,
-							class: m(Y.value)
+							class: p(X.value)
 						}, {
-							default: x(() => [d(b(E), { class: m(X.value) }, {
-								default: x(() => [d(r, { icon: b(t) }, null, 8, ["icon"])]),
+							default: b(() => [l(y(D), { class: p(Z.value) }, {
+								default: b(() => [l(t, { icon: y(S) }, null, 8, ["icon"])]),
 								_: 1
-							}, 8, ["class"]), d(b(D), null, {
-								default: x(() => [u(y(e.label), 1)]),
+							}, 8, ["class"]), l(y(O), null, {
+								default: b(() => [c(v(e.label), 1)]),
 								_: 2
 							}, 1024)]),
 							_: 2
@@ -127,4 +129,4 @@ var F = /*@__PURE__*/ f({
 	}
 });
 //#endregion
-export { F as default };
+export { I as default };

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

package/dist/components/Stepper.vue_vue_type_script_setup_true_lang.js

@@ -1,13 +1,13 @@
-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";
-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, mergeModels as p, normalizeClass as m, openBlock as h, renderList as g, renderSlot as _, toDisplayString as v, unref as y, useModel as b, withCtx as x } from "vue";
+import { useIryxUiConfig as e } from "../config.js";
+import t from "./Icon.js";
+import { stepperTheme as n } from "../theme/stepper.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, mergeModels as f, normalizeClass as p, openBlock as m, renderList as h, renderSlot as g, toDisplayString as _, unref as v, useModel as y, withCtx as b } from "vue";
+import { Tick02Icon as x } from "@hugeicons/core-free-icons";
 import { StepperDescription as S, StepperIndicator as C, StepperItem as w, StepperRoot as T, StepperSeparator as E, StepperTitle as D, StepperTrigger as O } from "reka-ui";
 //#region src/components/Stepper.vue?vue&type=script&setup=true&lang.ts
-var k = /*@__PURE__*/ f({
+var k = /*@__PURE__*/ d({
 	__name: "Stepper",
-	props: /*@__PURE__*/ p({
+	props: /*@__PURE__*/ f({
 		items: {},
 		orientation: {},
 		linear: {
@@ -25,51 +25,51 @@ var k = /*@__PURE__*/ f({
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	setup(f) {
-		let p = f, k = b(f, "modelValue"), A = a(() => (p.items ?? []).map((e) => typeof e == "string" ? { title: e } : e)), j = t(), M = a(() => p.unstyled ?? j.unstyled), N = a(() => r({ orientation: p.orientation }));
+	setup(d) {
+		let f = d, k = y(d, "modelValue"), A = i(() => (f.items ?? []).map((e) => typeof e == "string" ? { title: e } : e)), j = e(), M = i(() => f.unstyled ?? j.unstyled), N = i(() => n({ orientation: f.orientation }));
 		function P(e) {
-			let t = p.ui?.[e];
+			let t = f.ui?.[e];
 			return M.value ? t : N.value[e]({ class: t });
 		}
-		let F = a(() => M.value ? [p.ui?.root, p.class] : N.value.root({ class: [p.ui?.root, p.class] }));
-		return (t, r) => (h(), o(y(T), {
+		let F = i(() => M.value ? [f.ui?.root, f.class] : N.value.root({ class: [f.ui?.root, f.class] }));
+		return (e, n) => (m(), a(v(T), {
 			modelValue: k.value,
-			"onUpdate:modelValue": r[0] ||= (e) => k.value = e,
-			orientation: p.orientation,
-			linear: p.linear,
-			class: m(F.value)
+			"onUpdate:modelValue": n[0] ||= (e) => k.value = e,
+			orientation: f.orientation,
+			linear: f.linear,
+			class: p(F.value)
 		}, {
-			default: x(() => [(h(!0), c(i, null, g(A.value, (r, a) => (h(), o(y(w), {
-				key: a,
-				step: a + 1,
-				disabled: r.disabled,
-				class: m(P("item"))
+			default: b(() => [(m(!0), s(r, null, h(A.value, (n, i) => (m(), a(v(w), {
+				key: i,
+				step: i + 1,
+				disabled: n.disabled,
+				class: p(P("item"))
 			}, {
-				default: x(() => [d(y(O), { class: m(P("trigger")) }, {
-					default: x(() => [d(y(C), { class: m(P("indicator")) }, {
-						default: x(() => [_(t.$slots, "indicator", {
-							step: a + 1,
-							item: r
-						}, () => [a + 1 < k.value ? (h(), o(n, {
+				default: b(() => [u(v(O), { class: p(P("trigger")) }, {
+					default: b(() => [u(v(C), { class: p(P("indicator")) }, {
+						default: b(() => [g(e.$slots, "indicator", {
+							step: i + 1,
+							item: n
+						}, () => [i + 1 < k.value ? (m(), a(t, {
 							key: 0,
-							icon: y(e)
-						}, null, 8, ["icon"])) : (h(), c(i, { key: 1 }, [u(v(a + 1), 1)], 64))])]),
+							icon: v(x)
+						}, null, 8, ["icon"])) : (m(), s(r, { key: 1 }, [l(_(i + 1), 1)], 64))])]),
 						_: 2
-					}, 1032, ["class"]), l("span", { class: m(P("content")) }, [d(y(D), { class: m(P("title")) }, {
-						default: x(() => [u(v(r.title), 1)]),
+					}, 1032, ["class"]), c("span", { class: p(P("content")) }, [u(v(D), { class: p(P("title")) }, {
+						default: b(() => [l(_(n.title), 1)]),
 						_: 2
-					}, 1032, ["class"]), r.description ? (h(), o(y(S), {
+					}, 1032, ["class"]), n.description ? (m(), a(v(S), {
 						key: 0,
-						class: m(P("description"))
+						class: p(P("description"))
 					}, {
-						default: x(() => [u(v(r.description), 1)]),
+						default: b(() => [l(_(n.description), 1)]),
 						_: 2
-					}, 1032, ["class"])) : s("", !0)], 2)]),
+					}, 1032, ["class"])) : o("", !0)], 2)]),
 					_: 2
-				}, 1032, ["class"]), a < A.value.length - 1 ? (h(), o(y(E), {
+				}, 1032, ["class"]), i < A.value.length - 1 ? (m(), a(v(E), {
 					key: 0,
-					class: m(P("separator"))
-				}, null, 8, ["class"])) : s("", !0)]),
+					class: p(P("separator"))
+				}, null, 8, ["class"])) : o("", !0)]),
 				_: 2
 			}, 1032, [
 				"step",

package/dist/components/Switch.vue_vue_type_script_setup_true_lang.js

@@ -4,6 +4,7 @@ import { computed as n, createBlock as r, createCommentVNode as i, createElement
 import { Label as _, SwitchRoot as v, SwitchThumb as y, useForwardPropsEmits as b, useId as x } from "reka-ui";
 //#region src/components/Switch.vue?vue&type=script&setup=true&lang.ts
 var S = ["id"], C = /*@__PURE__*/ l({
+	inheritAttrs: !1,
 	__name: "Switch",
 	props: {
 		label: {},
@@ -35,7 +36,10 @@ var S = ["id"], C = /*@__PURE__*/ l({
 		return (e, t) => k.value ? (f(), a("div", {
 			key: 0,
 			class: d(N.value)
-		}, [c(h(v), u({ id: O.value }, h(E), {
+		}, [c(h(v), u({ id: O.value }, {
+			...h(E),
+			...e.$attrs
+		}, {
 			"aria-describedby": w.description ? `${O.value}-description` : void 0,
 			class: P.value
 		}), {
@@ -58,7 +62,10 @@ var S = ["id"], C = /*@__PURE__*/ l({
 		}, [p(e.$slots, "description", {}, () => [s(m(w.description), 1)])], 10, S)) : i("", !0)], 2)], 2)) : (f(), r(h(v), u({
 			key: 1,
 			id: w.id
-		}, h(E), { class: P.value }), {
+		}, {
+			...h(E),
+			...e.$attrs
+		}, { class: P.value }), {
 			default: g(() => [c(h(y), { class: d(F.value) }, null, 8, ["class"])]),
 			_: 1
 		}, 16, ["id", "class"]));