iryx-ui 0.1.0 → 0.3.0

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

@@ -0,0 +1,63 @@
+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 { Primitive as b } from "reka-ui";
+//#region src/components/Stat.vue?vue&type=script&setup=true&lang.ts
+var x = /*@__PURE__*/ p({
+	__name: "Stat",
+	props: {
+		as: { default: "div" },
+		label: {},
+		value: {},
+		delta: {},
+		trend: {},
+		hint: {},
+		size: {},
+		formatDelta: {},
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		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(() => {
+			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({
+			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), {
+			as: x.as,
+			class: m(O.value)
+		}, {
+			default: y(() => [
+				x.label || e.$slots.label ? (h(), l("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", {
+					key: 0,
+					class: m(j.value)
+				}, [g(e.$slots, "delta", { trend: S.value }, () => [f(i, {
+					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", {
+					key: 1,
+					class: m(M.value)
+				}, [g(e.$slots, "hint", {}, () => [d(_(x.hint), 1)])], 2)) : c("", !0)
+			]),
+			_: 3
+		}, 8, ["as", "class"]));
+	}
+});
+//#endregion
+export { x as default };

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

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

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,64 @@
+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 "./Pagination.js";
+import v from "./Progress.js";
+import y from "./RadioGroup.js";
+import b from "./Select.js";
+import x from "./Separator.js";
+import S from "./Skeleton.js";
+import C from "./Stat.js";
+import w from "./Stepper.js";
+import T from "./Switch.js";
+import E from "./Tabs.js";
+import D from "./Textarea.js";
+import O from "./Toaster.js";
+import k from "./Tooltip.js";
+//#region src/components/index.ts
+var A = /* @__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,
+	Pagination: () => _,
+	Progress: () => v,
+	RadioGroup: () => y,
+	Select: () => b,
+	Separator: () => x,
+	Skeleton: () => S,
+	Stat: () => C,
+	Stepper: () => w,
+	Switch: () => T,
+	Tabs: () => E,
+	Textarea: () => D,
+	Toaster: () => O,
+	Tooltip: () => k
+});
+//#endregion
+export { A 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/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/{plugin.js → packages/iryx-ui/src/plugin.js}

@@ -1,18 +1,18 @@
 import { componentNames as e } from "./component-names.js";
-import { initAppearance as t } from "./composables/appearance.js";
-import { defaultConfig as n, iryxUiConfigKey as r } from "./config.js";
+import { defaultConfig as t, iryxUiConfigKey as n } from "./config.js";
+import { initAppearance as r } from "./composables/appearance.js";
 import { applyTheme as i } from "./theme/presets.js";
 import { components_exports as a } from "./components/index.js";
 //#region src/plugin.ts
 function o(o = {}) {
 	let { prefix: s = "I", appearance: c, theme: l, ...u } = o;
 	return { install(o) {
-		o.provide(r, {
-			...n,
+		o.provide(n, {
+			...t,
 			...u
 		});
 		for (let t of e) o.component(`${s}${t}`, a[t]);
-		l && i(l), c && t(c);
+		l && i(l), c && r(c);
 	} };
 }
 var s = o();