iryx-ui 0.2.0 → 0.4.0

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

@@ -0,0 +1,89 @@
+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 { 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({
+	__name: "Stepper",
+	props: /*@__PURE__*/ p({
+		items: {},
+		orientation: {},
+		linear: {
+			type: Boolean,
+			default: !1
+		},
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {},
+		ui: {}
+	}, {
+		modelValue: { default: 1 },
+		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 }));
+		function P(e) {
+			let t = p.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), {
+			modelValue: k.value,
+			"onUpdate:modelValue": r[0] ||= (e) => k.value = e,
+			orientation: p.orientation,
+			linear: p.linear,
+			class: m(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: 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, {
+							key: 0,
+							icon: y(e)
+						}, null, 8, ["icon"])) : (h(), c(i, { key: 1 }, [u(v(a + 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)]),
+						_: 2
+					}, 1032, ["class"]), r.description ? (h(), o(y(S), {
+						key: 0,
+						class: m(P("description"))
+					}, {
+						default: x(() => [u(v(r.description), 1)]),
+						_: 2
+					}, 1032, ["class"])) : s("", !0)], 2)]),
+					_: 2
+				}, 1032, ["class"]), a < A.value.length - 1 ? (h(), o(y(E), {
+					key: 0,
+					class: m(P("separator"))
+				}, null, 8, ["class"])) : s("", !0)]),
+				_: 2
+			}, 1032, [
+				"step",
+				"disabled",
+				"class"
+			]))), 128))]),
+			_: 3
+		}, 8, [
+			"modelValue",
+			"orientation",
+			"linear",
+			"class"
+		]));
+	}
+});
+//#endregion
+export { k as default };

package/dist/packages/iryx-ui/src/components/Tabs.js

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

package/dist/packages/iryx-ui/src/components/Tabs.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,78 @@
+import { useIryxUiConfig as e } from "../config.js";
+import t from "./Icon.js";
+import { tabsTheme as n } from "../theme/tabs.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, mergeModels as d, normalizeClass as f, openBlock as p, renderList as m, renderSlot as h, toDisplayString as g, unref as _, useModel as v, withCtx as y } from "vue";
+import { TabsContent as b, TabsIndicator as x, TabsList as S, TabsRoot as C, TabsTrigger as w } from "reka-ui";
+//#region src/components/Tabs.vue?vue&type=script&setup=true&lang.ts
+var T = /*@__PURE__*/ u({
+	__name: "Tabs",
+	props: /*@__PURE__*/ d({
+		items: {},
+		variant: {},
+		orientation: {},
+		keepMounted: { type: Boolean },
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {},
+		ui: {}
+	}, {
+		modelValue: { default: void 0 },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(u) {
+		let d = u, T = i(() => (d.items ?? []).map((e) => typeof e == "string" ? { label: e } : e)), E = (e) => e.value ?? e.label, D = v(u, "modelValue"), O = e(), k = i(() => d.unstyled ?? O.unstyled), A = i(() => n({
+			variant: d.variant,
+			orientation: d.orientation
+		})), j = i(() => k.value ? [d.ui?.root, d.class] : A.value.root({ class: [d.ui?.root, d.class] })), M = i(() => k.value ? d.ui?.list : A.value.list({ class: d.ui?.list })), N = i(() => k.value ? d.ui?.indicator : A.value.indicator({ class: d.ui?.indicator })), P = i(() => k.value ? d.ui?.trigger : A.value.trigger({ class: d.ui?.trigger })), F = i(() => k.value ? d.ui?.content : A.value.content({ class: d.ui?.content }));
+		return (e, n) => (p(), a(_(C), {
+			modelValue: D.value,
+			"onUpdate:modelValue": n[0] ||= (e) => D.value = e,
+			"default-value": T.value[0] ? E(T.value[0]) : void 0,
+			orientation: d.orientation,
+			class: f(j.value)
+		}, {
+			default: y(() => [l(_(S), { class: f(M.value) }, {
+				default: y(() => [l(_(x), { class: f(N.value) }, null, 8, ["class"]), h(e.$slots, "list", {}, () => [(p(!0), s(r, null, m(T.value, (n) => (p(), a(_(w), {
+					key: E(n),
+					value: E(n),
+					disabled: n.disabled,
+					class: f(P.value)
+				}, {
+					default: y(() => [h(e.$slots, "trigger", { item: n }, () => [n.icon ? (p(), a(t, {
+						key: 0,
+						icon: n.icon
+					}, null, 8, ["icon"])) : o("", !0), c(" " + g(n.label), 1)])]),
+					_: 2
+				}, 1032, [
+					"value",
+					"disabled",
+					"class"
+				]))), 128))])]),
+				_: 3
+			}, 8, ["class"]), h(e.$slots, "default", {}, () => [(p(!0), s(r, null, m(T.value, (t) => (p(), a(_(b), {
+				key: E(t),
+				value: E(t),
+				"force-mount": d.keepMounted || void 0,
+				class: f(F.value)
+			}, {
+				default: y(() => [h(e.$slots, E(t), { item: t })]),
+				_: 2
+			}, 1032, [
+				"value",
+				"force-mount",
+				"class"
+			]))), 128))])]),
+			_: 3
+		}, 8, [
+			"modelValue",
+			"default-value",
+			"orientation",
+			"class"
+		]));
+	}
+});
+//#endregion
+export { T as default };

package/dist/packages/iryx-ui/src/components/Toaster.js

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

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

@@ -0,0 +1,115 @@
+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";
+import { toastTheme as l } from "../theme/toast.js";
+import { Fragment as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as g, createVNode as _, defineComponent as v, normalizeClass as y, openBlock as b, renderList as x, toDisplayString as S, unref as C, withCtx as w } from "vue";
+import { ToastAction as T, ToastClose as E, ToastDescription as D, ToastPortal as O, ToastProvider as k, ToastRoot as A, ToastTitle as j, ToastViewport as M } from "reka-ui";
+//#region src/components/Toaster.vue?vue&type=script&setup=true&lang.ts
+var N = /*@__PURE__*/ v({
+	__name: "Toaster",
+	props: {
+		position: {},
+		duration: { default: 5e3 },
+		closeLabel: { default: "Close" },
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {},
+		ui: {}
+	},
+	setup(v) {
+		let N = v, P = c(), { dismiss: F } = s(), I = {
+			success: r,
+			warning: e,
+			danger: t,
+			info: i
+		};
+		function L(e) {
+			return e.variant && e.variant !== "neutral" ? I[e.variant] : void 0;
+		}
+		function R(e) {
+			let t = e.duration ?? N.duration;
+			return t === 0 ? Infinity : t;
+		}
+		let z = a(), B = d(() => N.unstyled ?? z.unstyled);
+		function V(e) {
+			return l({
+				variant: e.variant,
+				position: N.position,
+				withTitle: !!e.title
+			});
+		}
+		let H = d(() => {
+			let e = l({ position: N.position });
+			return B.value ? [N.ui?.viewport, N.class] : e.viewport({ class: [N.ui?.viewport, N.class] });
+		});
+		function U(e, t) {
+			let n = N.ui?.[t];
+			return B.value ? n : V(e)[t]({ class: n });
+		}
+		function W(e) {
+			e.action?.onClick(), F(e.id);
+		}
+		return (e, t) => (b(), f(C(k), null, {
+			default: w(() => [(b(!0), m(u, null, x(C(P), (e) => (b(), f(C(A), {
+				key: e.id,
+				duration: R(e),
+				class: y(U(e, "root")),
+				"onUpdate:open": (t) => !t && C(F)(e.id)
+			}, {
+				default: w(() => [
+					L(e) ? (b(), m("div", {
+						key: 0,
+						class: y(U(e, "icon"))
+					}, [_(o, { icon: L(e) }, null, 8, ["icon"])], 2)) : p("", !0),
+					h("div", { class: y(U(e, "content")) }, [e.title ? (b(), f(C(j), {
+						key: 0,
+						class: y(U(e, "title"))
+					}, {
+						default: w(() => [g(S(e.title), 1)]),
+						_: 2
+					}, 1032, ["class"])) : p("", !0), e.description ? (b(), f(C(D), {
+						key: 1,
+						class: y(U(e, "description"))
+					}, {
+						default: w(() => [g(S(e.description), 1)]),
+						_: 2
+					}, 1032, ["class"])) : p("", !0)], 2),
+					e.action ? (b(), f(C(T), {
+						key: 1,
+						"alt-text": e.action.label,
+						class: y(U(e, "action")),
+						onClick: (t) => W(e)
+					}, {
+						default: w(() => [g(S(e.action.label), 1)]),
+						_: 2
+					}, 1032, [
+						"alt-text",
+						"class",
+						"onClick"
+					])) : p("", !0),
+					_(C(E), {
+						"aria-label": N.closeLabel,
+						class: y(U(e, "close"))
+					}, {
+						default: w(() => [_(o, { icon: C(n) }, null, 8, ["icon"])]),
+						_: 1
+					}, 8, ["aria-label", "class"])
+				]),
+				_: 2
+			}, 1032, [
+				"duration",
+				"class",
+				"onUpdate:open"
+			]))), 128)), _(C(O), null, {
+				default: w(() => [_(C(M), { class: y(H.value) }, null, 8, ["class"])]),
+				_: 1
+			})]),
+			_: 1
+		}));
+	}
+});
+//#endregion
+export { N as default };

package/dist/packages/iryx-ui/src/components/Tooltip.js

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

package/dist/packages/iryx-ui/src/components/Tooltip.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,70 @@
+import { useIryxUiConfig as e } from "../config.js";
+import { tooltipTheme as t } from "../theme/tooltip.js";
+import { computed as n, createBlock as r, createCommentVNode as i, createTextVNode as a, createVNode as o, defineComponent as s, mergeModels as c, normalizeClass as l, openBlock as u, renderSlot as d, toDisplayString as f, unref as p, useModel as m, withCtx as h } from "vue";
+import { TooltipArrow as g, TooltipContent as _, TooltipPortal as v, TooltipProvider as y, TooltipRoot as b, TooltipTrigger as x } from "reka-ui";
+//#region src/components/Tooltip.vue?vue&type=script&setup=true&lang.ts
+var S = /*@__PURE__*/ s({
+	__name: "Tooltip",
+	props: /*@__PURE__*/ c({
+		text: {},
+		side: { default: "top" },
+		align: {},
+		sideOffset: { default: 6 },
+		delay: { default: 300 },
+		arrow: { type: Boolean },
+		disabled: { type: Boolean },
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {},
+		ui: {}
+	}, {
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		openModifiers: {}
+	}),
+	emits: ["update:open"],
+	setup(s) {
+		let c = s, S = m(s, "open"), C = e(), w = n(() => c.unstyled ?? C.unstyled), T = n(() => t()), E = n(() => w.value ? [c.ui?.content, c.class] : T.value.content({ class: [c.ui?.content, c.class] })), D = n(() => w.value ? c.ui?.arrow : T.value.arrow({ class: c.ui?.arrow }));
+		return (e, t) => (u(), r(p(y), { "delay-duration": c.delay }, {
+			default: h(() => [o(p(b), {
+				open: S.value,
+				"onUpdate:open": t[0] ||= (e) => S.value = e,
+				disabled: c.disabled
+			}, {
+				default: h(() => [o(p(x), { "as-child": "" }, {
+					default: h(() => [d(e.$slots, "trigger")]),
+					_: 3
+				}), o(p(v), null, {
+					default: h(() => [o(p(_), {
+						side: c.side,
+						align: c.align,
+						"side-offset": c.sideOffset,
+						class: l(E.value)
+					}, {
+						default: h(() => [d(e.$slots, "content", {}, () => [a(f(c.text), 1)]), c.arrow ? (u(), r(p(g), {
+							key: 0,
+							class: l(D.value),
+							width: 10,
+							height: 5
+						}, null, 8, ["class"])) : i("", !0)]),
+						_: 3
+					}, 8, [
+						"side",
+						"align",
+						"side-offset",
+						"class"
+					])]),
+					_: 3
+				})]),
+				_: 3
+			}, 8, ["open", "disabled"])]),
+			_: 3
+		}, 8, ["delay-duration"]));
+	}
+});
+//#endregion
+export { S as default };

package/dist/packages/iryx-ui/src/components/index.js

@@ -0,0 +1,66 @@
+import { __exportAll as e } from "../../../../_virtual/_rolldown/runtime.js";
+import t from "./Alert.js";
+import n from "./App.js";
+import r from "./Badge.js";
+import i from "./Breadcrumb.js";
+import a from "./Button.js";
+import o from "./ButtonGroup.js";
+import s from "./Card.js";
+import c from "./Checkbox.js";
+import l from "./Dialog.js";
+import u from "./ConfirmDialog.js";
+import d from "./DropdownMenu.js";
+import f from "./EmptyState.js";
+import p from "./Form.js";
+import m from "./Label.js";
+import h from "./FormField.js";
+import g from "./Input.js";
+import _ from "./NumberInput.js";
+import v from "./Pagination.js";
+import y from "./Progress.js";
+import b from "./RadioGroup.js";
+import x from "./Select.js";
+import S from "./Separator.js";
+import C from "./Skeleton.js";
+import w from "./Stat.js";
+import T from "./Stepper.js";
+import E from "./Switch.js";
+import D from "./Tabs.js";
+import O from "./Textarea.js";
+import k from "./Toaster.js";
+import A from "./Tooltip.js";
+//#region src/components/index.ts
+var j = /* @__PURE__ */ e({
+	Alert: () => t,
+	App: () => n,
+	Badge: () => r,
+	Breadcrumb: () => i,
+	Button: () => a,
+	ButtonGroup: () => o,
+	Card: () => s,
+	Checkbox: () => c,
+	ConfirmDialog: () => u,
+	Dialog: () => l,
+	DropdownMenu: () => d,
+	EmptyState: () => f,
+	Form: () => p,
+	FormField: () => h,
+	Input: () => g,
+	Label: () => m,
+	NumberInput: () => _,
+	Pagination: () => v,
+	Progress: () => y,
+	RadioGroup: () => b,
+	Select: () => x,
+	Separator: () => S,
+	Skeleton: () => C,
+	Stat: () => w,
+	Stepper: () => T,
+	Switch: () => E,
+	Tabs: () => D,
+	Textarea: () => O,
+	Toaster: () => k,
+	Tooltip: () => A
+});
+//#endregion
+export { j as components_exports };

package/dist/{composables → packages/iryx-ui/src/composables}/appearance.js

@@ -4,7 +4,11 @@ var r = "iryx-ui:appearance", i = t("system"), a = t(!1), o = !1;
 function s() {
 	return i.value === "dark" || i.value === "system" && a.value;
 }
-function c() {
+function c(e) {
+	let t = document.createElement("style");
+	t.textContent = "*,*::before,*::after{transition:none !important;animation:none !important}", document.head.appendChild(t), document.documentElement.classList.toggle("dark", e), document.body?.offsetHeight, requestAnimationFrame(() => t.remove());
+}
+function l() {
 	if (o || typeof window > "u") return;
 	o = !0;
 	let e = window.localStorage.getItem(r);
@@ -15,16 +19,16 @@ function c() {
 		});
 	}
 	n(() => {
-		document.documentElement.classList.toggle("dark", s()), window.localStorage.setItem(r, i.value);
+		c(s()), window.localStorage.setItem(r, i.value);
 	});
 }
-function l(e) {
+function u(e) {
 	if (typeof window > "u") return;
 	let t = window.localStorage.getItem(r) !== null;
-	c(), t || (i.value = e);
+	l(), t || (i.value = e);
 }
-function u() {
-	return c(), {
+function d() {
+	return l(), {
 		appearance: i,
 		isDark: e(() => s()),
 		setAppearance: (e) => {
@@ -36,4 +40,4 @@ function u() {
 	};
 }
 //#endregion
-export { l as initAppearance, u as useAppearance };
+export { u as initAppearance, d as useAppearance };

package/dist/packages/iryx-ui/src/composables/button-group.js

@@ -0,0 +1,8 @@
+import { inject as e } from "vue";
+//#region src/composables/button-group.ts
+var t = Symbol.for("iryx-ui:button-group");
+function n() {
+	return e(t, void 0);
+}
+//#endregion
+export { t as buttonGroupContextKey, n as useButtonGroup };

package/dist/packages/iryx-ui/src/composables/confirm.js

@@ -0,0 +1,25 @@
+import { shallowRef as e } from "vue";
+//#region src/composables/confirm.ts
+var t = e(null), n = 0;
+function r() {
+	return t;
+}
+function i(e) {
+	let n = t.value;
+	n && (t.value = null, n.resolve(e));
+}
+function a() {
+	function e(e) {
+		let r = typeof e == "string" ? { title: e } : e;
+		return i(!1), new Promise((e) => {
+			t.value = {
+				...r,
+				id: n++,
+				resolve: e
+			};
+		});
+	}
+	return { confirm: e };
+}
+//#endregion
+export { i as resolveConfirm, a as useConfirm, r as useConfirmState };

package/dist/packages/iryx-ui/src/composables/decimal.js

@@ -0,0 +1,79 @@
+//#region src/composables/decimal.ts
+var e = /^[+-]?(?:\d+(?:\.\d*)?|\.\d+)$/;
+function t(t) {
+	let n = t.trim();
+	if (!n || !e.test(n)) return;
+	let r = n.startsWith("-"), [i = "", a = ""] = n.replace(/^[+-]/, "").split("."), o = `${i || "0"}${a}`, s = BigInt(o || "0");
+	return {
+		units: r ? -s : s,
+		scale: a.length
+	};
+}
+function n({ units: e, scale: t }) {
+	let n = e < 0n, r = (n ? -e : e).toString().padStart(t + 1, "0"), i = r.slice(0, r.length - t), a = t ? r.slice(r.length - t) : "";
+	return `${n ? "-" : ""}${i}${a ? `.${a}` : ""}`;
+}
+function r(e, t) {
+	let n = Math.max(e.scale, t.scale), r = (e) => e.units * 10n ** BigInt(n - e.scale);
+	return [
+		r(e),
+		r(t),
+		n
+	];
+}
+function i(e, n) {
+	let i = t(e), a = t(n);
+	if (!i || !a) return NaN;
+	let [o, s] = r(i, a);
+	return o < s ? -1 : +(o > s);
+}
+function a(e, i) {
+	let a = t(e), o = t(i);
+	if (!a || !o) return;
+	let [s, c, l] = r(a, o);
+	return n({
+		units: s + c,
+		scale: l
+	});
+}
+function o(e, r) {
+	let i = t(e);
+	if (!i) return;
+	if (i.scale <= r) return n({
+		units: i.units * 10n ** BigInt(r - i.scale),
+		scale: r
+	});
+	let a = 10n ** BigInt(i.scale - r), o = i.units < 0n, s = o ? -i.units : i.units, c = s % a * 2n >= a ? 1n : 0n, l = s / a + c;
+	return n({
+		units: o ? -l : l,
+		scale: r
+	});
+}
+function s(e, t, n) {
+	return t != null && i(e, t) < 0 ? t : n != null && i(e, n) > 0 ? n : e;
+}
+function c(e) {
+	return t(e) !== void 0;
+}
+function l(e) {
+	let t = new Intl.NumberFormat(e).formatToParts(12345.6);
+	return {
+		decimal: t.find((e) => e.type === "decimal")?.value ?? ".",
+		group: t.find((e) => e.type === "group")?.value ?? ","
+	};
+}
+function u(e, n, r) {
+	let i = t(e);
+	if (!i) return e;
+	let a = o(e, r ?? i.scale) ?? e, [s = "0", c = ""] = a.replace("-", "").split("."), { decimal: u, group: d } = l(n), f = s.replace(/\B(?=(\d{3})+(?!\d))/g, d);
+	return `${a.startsWith("-") ? "-" : ""}${f}${c ? `${u}${c}` : ""}`;
+}
+function d(e, t) {
+	return !e || !t ? e : e.replace(".", l(t).decimal);
+}
+function f(e, t) {
+	let { decimal: n, group: r } = l(t), i = e.trim().replaceAll(r, "").replace(/\s/g, "").replace(n, ".");
+	return c(i) ? i : void 0;
+}
+//#endregion
+export { a as addDecimals, s as clampDecimal, i as compareDecimals, n as formatDecimal, u as formatForLocale, c as isDecimal, l as localeSeparators, t as parseDecimal, f as parseFromLocale, o as roundDecimal, d as toEditable };

package/dist/packages/iryx-ui/src/composables/dropdown-menu.js

@@ -0,0 +1,9 @@
+//#region src/composables/dropdown-menu.ts
+function e(e) {
+	return e === "-";
+}
+function t(e) {
+	return Array.isArray(e.items) && e.items.length > 0;
+}
+//#endregion
+export { e as isSeparator, t as isSubmenu };

package/dist/packages/iryx-ui/src/composables/icon.js

@@ -0,0 +1,6 @@
+//#region src/composables/icon.ts
+function e(e) {
+	return Array.isArray(e);
+}
+//#endregion
+export { e as isIconArray };

package/dist/packages/iryx-ui/src/composables/toast.js

@@ -0,0 +1,38 @@
+import { shallowRef as e } from "vue";
+//#region src/composables/toast.ts
+var t = e([]), n = 0;
+function r() {
+	return t;
+}
+function i(e) {
+	return typeof e == "string" ? { title: e } : e;
+}
+function a() {
+	function e(e) {
+		let r = n++;
+		return t.value = [...t.value, {
+			...i(e),
+			id: r
+		}], r;
+	}
+	function r(t) {
+		return (n) => e({
+			...i(n),
+			variant: t
+		});
+	}
+	function a(e) {
+		t.value = t.value.filter((t) => t.id !== e);
+	}
+	return {
+		toast: e,
+		success: r("success"),
+		warning: r("warning"),
+		danger: r("danger"),
+		info: r("info"),
+		dismiss: a,
+		clear: () => t.value = []
+	};
+}
+//#endregion
+export { a as useToast, r as useToastState };

package/dist/{theme → packages/iryx-ui/src/theme}/badge.js

@@ -19,15 +19,15 @@ var t = e({
 		},
 		size: {
 			sm: {
-				root: "h-5 gap-1 px-2 text-xs [&_svg]:size-3",
+				root: "h-5 gap-1 px-2 text-xs has-[[data-icon=inline-end]]:pr-1.5 has-[[data-icon=inline-start]]:pl-1.5 [&_svg]:size-3",
 				dot: "size-1.5"
 			},
 			md: {
-				root: "h-6 gap-1.5 px-2.5 text-xs [&_svg]:size-3.5",
+				root: "h-6 gap-1.5 px-2.5 text-xs has-[[data-icon=inline-end]]:pr-2 has-[[data-icon=inline-start]]:pl-2 [&_svg]:size-3.5",
 				dot: "size-2"
 			},
 			lg: {
-				root: "h-7 gap-1.5 px-3 text-sm [&_svg]:size-4",
+				root: "h-7 gap-1.5 px-3 text-sm has-[[data-icon=inline-end]]:pr-2.5 has-[[data-icon=inline-start]]:pl-2.5 [&_svg]:size-4",
 				dot: "size-2"
 			}
 		}