@noxickon/onyx 5.0.2 → 6.1.0

package/dist/components/Toast/Toast2.js

@@ -0,0 +1,334 @@
+import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
+import { createCompoundContextWithDefault as t } from "../../internal/context/createCompoundContext/createCompoundContext.js";
+import { useRender as n } from "../../node_modules/@base-ui/react/use-render/useRender.js";
+import { ToastProvider as r } from "../../node_modules/@base-ui/react/toast/provider/ToastProvider.js";
+import { ToastRoot as i } from "../../node_modules/@base-ui/react/toast/root/ToastRoot.js";
+import { ToastContent as a } from "../../node_modules/@base-ui/react/toast/content/ToastContent.js";
+import { ToastDescription as o } from "../../node_modules/@base-ui/react/toast/description/ToastDescription.js";
+import { ToastTitle as s } from "../../node_modules/@base-ui/react/toast/title/ToastTitle.js";
+import { ToastClose as c } from "../../node_modules/@base-ui/react/toast/close/ToastClose.js";
+import { ToastAction as l } from "../../node_modules/@base-ui/react/toast/action/ToastAction.js";
+import { ToastPortal as u } from "../../node_modules/@base-ui/react/toast/portal/ToastPortal.js";
+import { useToastManager as d } from "../../node_modules/@base-ui/react/toast/useToastManager.js";
+import { index_parts_exports as f } from "../../node_modules/@base-ui/react/toast/index.parts.js";
+import { toastVariants as p } from "./Toast.styles.js";
+import { globalToastManager as m } from "./toastManager.js";
+import './Toast.css';/* empty css      */
+import { useEffect as h, useRef as g, useState as _ } from "react";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+import { AlertCircle as x, AlertTriangle as S, CheckCircle2 as C, Info as w, LoaderCircle as T, X as E } from "lucide-react";
+//#region src/components/Toast/Toast.tsx
+var D = e(), { Provider: O, useContext: k } = t("OxToast.Root", { slots: p() }), A = {
+	neutral: w,
+	primary: w,
+	info: w,
+	success: C,
+	warning: S,
+	danger: x
+}, j = {
+	"top-left": ["up", "left"],
+	"top-center": ["up"],
+	"top-right": ["up", "right"],
+	"bottom-left": ["down", "left"],
+	"bottom-center": ["down"],
+	"bottom-right": ["down", "right"]
+};
+function M(e) {
+	return e && Object.hasOwn(A, e) ? e : "neutral";
+}
+function N(e) {
+	let t = (0, D.c)(8), n, i, a;
+	t[0] === e ? (n = t[1], i = t[2], a = t[3]) : ({children: n, manager: i, ...a} = e, t[0] = e, t[1] = n, t[2] = i, t[3] = a);
+	let o = i ?? m, s;
+	return t[4] !== n || t[5] !== a || t[6] !== o ? (s = /* @__PURE__ */ y(r, {
+		toastManager: o,
+		...a,
+		children: n
+	}), t[4] = n, t[5] = a, t[6] = o, t[7] = s) : s = t[7], s;
+}
+function P(e) {
+	let t = (0, D.c)(2), n;
+	return t[0] === e ? n = t[1] : (n = /* @__PURE__ */ y(u, { ...e }), t[0] = e, t[1] = n), n;
+}
+var F = 10, I = "button, a, [data-ox-slot=\"toast-action\"], [data-ox-slot=\"toast-close\"]";
+function L(e) {
+	let t = (0, D.c)(19), n, r, i;
+	t[0] === e ? (n = t[1], r = t[2], i = t[3]) : ({className: n, placement: i, ...r} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = i);
+	let a = i === void 0 ? "bottom-right" : i, o = p({ placement: a }), { toasts: s } = d(), c = g(null), l = g(null), [u, m] = _(!1), [v, b] = _(!1), x;
+	t[4] === Symbol.for("react.memo_cache_sentinel") ? (x = {
+		blurred: !1,
+		focused: !1,
+		hovering: !1
+	}, t[4] = x) : x = t[4];
+	let S = g(x), C = s.length > 0, [w, T] = _(C);
+	w !== C && (T(C), C || m(!1));
+	let E, O;
+	t[5] === Symbol.for("react.memo_cache_sentinel") ? (E = () => {
+		let e = c.current;
+		if (!e) return;
+		let t = (e) => {
+			l.current = e.pointerType === "touch" ? {
+				x: e.clientX,
+				y: e.clientY
+			} : null;
+		}, n = (e) => {
+			let t = l.current;
+			l.current = null, t && (Math.abs(e.clientX - t.x) > F || Math.abs(e.clientY - t.y) > F || e.target.closest(I) || m(R));
+		};
+		return e.addEventListener("pointerdown", t), e.addEventListener("pointerup", n), () => {
+			e.removeEventListener("pointerdown", t), e.removeEventListener("pointerup", n);
+		};
+	}, O = [], t[5] = E, t[6] = O) : (E = t[5], O = t[6]), h(E, O);
+	let k, A;
+	t[7] === Symbol.for("react.memo_cache_sentinel") ? (k = () => {
+		let e = c.current;
+		if (!e) return;
+		let t = S.current, n = () => b(t.hovering || t.focused || t.blurred), r = () => {
+			t.hovering = !0, n();
+		}, i = () => {
+			t.hovering = !1, n();
+		}, a = (e) => {
+			t.focused = e.target.matches(":focus-visible"), n();
+		}, o = (r) => {
+			e.contains(r.relatedTarget) || (t.focused = !1, n());
+		}, s = () => {
+			t.blurred = !0, n();
+		}, l = () => {
+			t.blurred = !1, n();
+		};
+		return e.addEventListener("mouseenter", r), e.addEventListener("mouseleave", i), e.addEventListener("focusin", a), e.addEventListener("focusout", o), window.addEventListener("blur", s), window.addEventListener("focus", l), () => {
+			e.removeEventListener("mouseenter", r), e.removeEventListener("mouseleave", i), e.removeEventListener("focusin", a), e.removeEventListener("focusout", o), window.removeEventListener("blur", s), window.removeEventListener("focus", l);
+		};
+	}, A = [], t[7] = k, t[8] = A) : (k = t[7], A = t[8]), h(k, A);
+	let j, M;
+	t[9] === u ? (j = t[10], M = t[11]) : (j = () => {
+		if (!u) return;
+		let e = (e) => {
+			c.current && !c.current.contains(e.target) && m(!1);
+		};
+		return document.addEventListener("pointerdown", e, { capture: !0 }), () => document.removeEventListener("pointerdown", e, !0);
+	}, M = [u], t[9] = u, t[10] = j, t[11] = M), h(j, M);
+	let N = f, P = o.viewport({ class: n }), L = u || void 0, z = v || void 0, B;
+	return t[12] !== a || t[13] !== r || t[14] !== P || t[15] !== L || t[16] !== z || t[17] !== N.Viewport ? (B = /* @__PURE__ */ y(N.Viewport, {
+		...r,
+		className: P,
+		"data-ox-expanded": L,
+		"data-ox-slot": "toast-viewport",
+		"data-ox-timers-paused": z,
+		"data-placement": a,
+		ref: c
+	}), t[12] = a, t[13] = r, t[14] = P, t[15] = L, t[16] = z, t[17] = N.Viewport, t[18] = B) : B = t[18], B;
+}
+function R(e) {
+	return !e;
+}
+function z(e) {
+	let t = (0, D.c)(28), n, r, a, o;
+	t[0] === e ? (n = t[1], r = t[2], a = t[3], o = t[4]) : ({className: n, toast: a, variant: o, ...r} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = a, t[4] = o);
+	let s = o ?? a.data?.variant ?? "default", c, l, u, d, f, m;
+	if (t[5] !== n || t[6] !== r || t[7] !== s || t[8] !== a) {
+		let e = p({ variant: s });
+		l = O, m = { slots: e }, c = i, u = a, d = r, f = e.root({ class: n }), t[5] = n, t[6] = r, t[7] = s, t[8] = a, t[9] = c, t[10] = l, t[11] = u, t[12] = d, t[13] = f, t[14] = m;
+	} else c = t[9], l = t[10], u = t[11], d = t[12], f = t[13], m = t[14];
+	let h;
+	t[15] === a.type ? h = t[16] : (h = M(a.type), t[15] = a.type, t[16] = h);
+	let g;
+	t[17] !== c || t[18] !== s || t[19] !== u || t[20] !== d || t[21] !== f || t[22] !== h ? (g = /* @__PURE__ */ y(c, {
+		toast: u,
+		...d,
+		className: f,
+		"data-ox-slot": "toast",
+		"data-ox-tone": h,
+		"data-variant": s
+	}), t[17] = c, t[18] = s, t[19] = u, t[20] = d, t[21] = f, t[22] = h, t[23] = g) : g = t[23];
+	let _;
+	return t[24] !== l || t[25] !== m || t[26] !== g ? (_ = /* @__PURE__ */ y(l, {
+		value: m,
+		children: g
+	}), t[24] = l, t[25] = m, t[26] = g, t[27] = _) : _ = t[27], _;
+}
+function B(e) {
+	let t = (0, D.c)(9), n, r;
+	t[0] === e ? (n = t[1], r = t[2]) : ({className: n, ...r} = e, t[0] = e, t[1] = n, t[2] = r);
+	let { slots: i } = k(), o;
+	t[3] !== n || t[4] !== i ? (o = i.content({ class: n }), t[3] = n, t[4] = i, t[5] = o) : o = t[5];
+	let s;
+	return t[6] !== r || t[7] !== o ? (s = /* @__PURE__ */ y(a, {
+		...r,
+		className: o,
+		"data-ox-slot": "toast-content"
+	}), t[6] = r, t[7] = o, t[8] = s) : s = t[8], s;
+}
+function V(e) {
+	let t = (0, D.c)(23), r, i, a, o, s, c;
+	t[0] === e ? (r = t[1], i = t[2], a = t[3], o = t[4], s = t[5], c = t[6]) : ({children: r, className: i, loading: s, render: o, type: c, ...a} = e, t[0] = e, t[1] = r, t[2] = i, t[3] = a, t[4] = o, t[5] = s, t[6] = c);
+	let l = s === void 0 ? !1 : s, u = c === void 0 ? "neutral" : c, { slots: d } = k(), f = r;
+	if (!f) if (l) {
+		let e;
+		t[7] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ y(T, {
+			"aria-hidden": "true",
+			className: "animate-spin",
+			strokeWidth: 2
+		}), t[7] = e) : e = t[7], f = e;
+	} else {
+		let e = A[u], n;
+		t[8] === e ? n = t[9] : (n = /* @__PURE__ */ y(e, {
+			"aria-hidden": "true",
+			strokeWidth: 2
+		}), t[8] = e, t[9] = n), f = n;
+	}
+	let p;
+	t[10] === o ? p = t[11] : (p = o ?? /* @__PURE__ */ y("div", {}), t[10] = o, t[11] = p);
+	let m = r ? void 0 : "true", h;
+	t[12] !== i || t[13] !== d ? (h = d.icon({ class: i }), t[12] = i, t[13] = d, t[14] = h) : h = t[14];
+	let g;
+	t[15] !== f || t[16] !== a || t[17] !== m || t[18] !== h ? (g = {
+		...a,
+		"aria-hidden": m,
+		className: h,
+		"data-ox-slot": "toast-icon",
+		children: f
+	}, t[15] = f, t[16] = a, t[17] = m, t[18] = h, t[19] = g) : g = t[19];
+	let _;
+	return t[20] !== p || t[21] !== g ? (_ = {
+		render: p,
+		props: g
+	}, t[20] = p, t[21] = g, t[22] = _) : _ = t[22], n(_);
+}
+function H(e) {
+	let t = (0, D.c)(9), n, r;
+	t[0] === e ? (n = t[1], r = t[2]) : ({className: n, ...r} = e, t[0] = e, t[1] = n, t[2] = r);
+	let { slots: i } = k(), a;
+	t[3] !== n || t[4] !== i ? (a = i.title({ class: n }), t[3] = n, t[4] = i, t[5] = a) : a = t[5];
+	let o;
+	return t[6] !== r || t[7] !== a ? (o = /* @__PURE__ */ y(s, {
+		...r,
+		className: a,
+		"data-ox-slot": "toast-title"
+	}), t[6] = r, t[7] = a, t[8] = o) : o = t[8], o;
+}
+function U(e) {
+	let t = (0, D.c)(9), n, r;
+	t[0] === e ? (n = t[1], r = t[2]) : ({className: n, ...r} = e, t[0] = e, t[1] = n, t[2] = r);
+	let { slots: i } = k(), a;
+	t[3] !== n || t[4] !== i ? (a = i.description({ class: n }), t[3] = n, t[4] = i, t[5] = a) : a = t[5];
+	let s;
+	return t[6] !== r || t[7] !== a ? (s = /* @__PURE__ */ y(o, {
+		...r,
+		className: a,
+		"data-ox-slot": "toast-description"
+	}), t[6] = r, t[7] = a, t[8] = s) : s = t[8], s;
+}
+function W(e) {
+	let t = (0, D.c)(9), n, r;
+	t[0] === e ? (n = t[1], r = t[2]) : ({className: n, ...r} = e, t[0] = e, t[1] = n, t[2] = r);
+	let { slots: i } = k(), a;
+	t[3] !== n || t[4] !== i ? (a = i.action({ class: n }), t[3] = n, t[4] = i, t[5] = a) : a = t[5];
+	let o;
+	return t[6] !== r || t[7] !== a ? (o = /* @__PURE__ */ y(l, {
+		...r,
+		className: a,
+		"data-ox-slot": "toast-action"
+	}), t[6] = r, t[7] = a, t[8] = o) : o = t[8], o;
+}
+function G(e) {
+	let t = (0, D.c)(12), n, r, i;
+	t[0] === e ? (n = t[1], r = t[2], i = t[3]) : ({className: n, label: i, ...r} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = i);
+	let a = i === void 0 ? "Close notification" : i, { slots: o } = k(), s;
+	t[4] !== n || t[5] !== o ? (s = o.close({ class: n }), t[4] = n, t[5] = o, t[6] = s) : s = t[6];
+	let l;
+	t[7] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ y(E, {
+		"aria-hidden": "true",
+		strokeWidth: 2
+	}), t[7] = l) : l = t[7];
+	let u;
+	return t[8] !== a || t[9] !== r || t[10] !== s ? (u = /* @__PURE__ */ y(c, {
+		...r,
+		"aria-label": a,
+		className: s,
+		"data-ox-slot": "toast-close",
+		children: l
+	}), t[8] = a, t[9] = r, t[10] = s, t[11] = u) : u = t[11], u;
+}
+function K(e) {
+	let t = (0, D.c)(38), { toast: n } = e, { slots: r } = k(), { close: i } = d(), a;
+	t[0] === n.data ? a = t[1] : (a = n.data ?? {}, t[0] = n.data, t[1] = a);
+	let o = a, s;
+	t[2] !== i || t[3] !== o.timerBar || t[4] !== o.timerBarDuration || t[5] !== r || t[6] !== n.id ? (s = o.timerBar && o.timerBarDuration != null ? /* @__PURE__ */ y("span", {
+		"aria-hidden": "true",
+		className: r.timer(),
+		"data-ox-slot": "toast-timer",
+		style: { "--ox-toast-timer-duration": `${o.timerBarDuration}ms` },
+		onAnimationEnd: (e) => {
+			e.animationName === "ox-toast-timer" && i(n.id);
+		}
+	}) : null, t[2] = i, t[3] = o.timerBar, t[4] = o.timerBarDuration, t[5] = r, t[6] = n.id, t[7] = s) : s = t[7];
+	let c = s;
+	if (o.custom) {
+		let e;
+		t[8] === o.custom ? e = t[9] : (e = /* @__PURE__ */ y(B, { children: o.custom }), t[8] = o.custom, t[9] = e);
+		let n;
+		return t[10] !== e || t[11] !== c ? (n = /* @__PURE__ */ b(v, { children: [e, c] }), t[10] = e, t[11] = c, t[12] = n) : n = t[12], n;
+	}
+	let l;
+	t[13] === n.type ? l = t[14] : (l = M(n.type), t[13] = n.type, t[14] = l);
+	let u = l, f;
+	t[15] !== o.loading || t[16] !== u ? (f = /* @__PURE__ */ y(V, {
+		loading: o.loading,
+		type: u
+	}), t[15] = o.loading, t[16] = u, t[17] = f) : f = t[17];
+	let p;
+	t[18] === r ? p = t[19] : (p = r.body(), t[18] = r, t[19] = p);
+	let m;
+	t[20] === n.title ? m = t[21] : (m = n.title != null && /* @__PURE__ */ y(H, { children: n.title }), t[20] = n.title, t[21] = m);
+	let h;
+	t[22] === n.description ? h = t[23] : (h = n.description != null && /* @__PURE__ */ y(U, { children: n.description }), t[22] = n.description, t[23] = h);
+	let g;
+	t[24] === o.actionLabel ? g = t[25] : (g = o.actionLabel != null && /* @__PURE__ */ y(W, { children: o.actionLabel }), t[24] = o.actionLabel, t[25] = g);
+	let _;
+	t[26] !== p || t[27] !== m || t[28] !== h || t[29] !== g ? (_ = /* @__PURE__ */ b("div", {
+		className: p,
+		children: [
+			m,
+			h,
+			g
+		]
+	}), t[26] = p, t[27] = m, t[28] = h, t[29] = g, t[30] = _) : _ = t[30];
+	let x;
+	t[31] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ y(G, {}), t[31] = x) : x = t[31];
+	let S;
+	t[32] !== f || t[33] !== _ ? (S = /* @__PURE__ */ b(B, { children: [
+		f,
+		_,
+		x
+	] }), t[32] = f, t[33] = _, t[34] = S) : S = t[34];
+	let C;
+	return t[35] !== S || t[36] !== c ? (C = /* @__PURE__ */ b(v, { children: [S, c] }), t[35] = S, t[36] = c, t[37] = C) : C = t[37], C;
+}
+function q(e) {
+	let t = (0, D.c)(18), n, r, i, a;
+	t[0] === e ? (n = t[1], r = t[2], i = t[3], a = t[4]) : ({className: n, placement: a, portalClassName: r, ...i} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = i, t[4] = a);
+	let o = a === void 0 ? "bottom-right" : a, { toasts: s } = d(), c = j[o], l;
+	if (t[5] !== c || t[6] !== s) {
+		let e;
+		t[8] === c ? e = t[9] : (e = (e) => /* @__PURE__ */ y(z, {
+			swipeDirection: [...c],
+			toast: e,
+			children: /* @__PURE__ */ y(K, { toast: e })
+		}, e.id), t[8] = c, t[9] = e), l = s.map(e), t[5] = c, t[6] = s, t[7] = l;
+	} else l = t[7];
+	let u;
+	t[10] !== n || t[11] !== o || t[12] !== i || t[13] !== l ? (u = /* @__PURE__ */ y(L, {
+		...i,
+		className: n,
+		placement: o,
+		children: l
+	}), t[10] = n, t[11] = o, t[12] = i, t[13] = l, t[14] = u) : u = t[14];
+	let f;
+	return t[15] !== r || t[16] !== u ? (f = /* @__PURE__ */ y(P, {
+		className: r,
+		children: u
+	}), t[15] = r, t[16] = u, t[17] = f) : f = t[17], f;
+}
+//#endregion
+export { W as OxToastAction, G as OxToastClose, B as OxToastContent, U as OxToastDescription, V as OxToastIcon, P as OxToastPortal, N as OxToastProvider, z as OxToastRoot, H as OxToastTitle, L as OxToastViewport, q as OxToaster };

package/dist/components/Toast/index.d.ts

@@ -0,0 +1,17 @@
+import { OxToastAction, OxToastClose, OxToastContent, OxToastDescription, OxToaster, OxToastIcon, OxToastPortal, OxToastProvider, OxToastRoot, OxToastTitle, OxToastViewport } from './Toast';
+declare const OxToast: typeof OxToastProvider & {
+    Provider: typeof OxToastProvider;
+    Toaster: typeof OxToaster;
+    Portal: typeof OxToastPortal;
+    Viewport: typeof OxToastViewport;
+    Root: typeof OxToastRoot;
+    Content: typeof OxToastContent;
+    Icon: typeof OxToastIcon;
+    Title: typeof OxToastTitle;
+    Description: typeof OxToastDescription;
+    Action: typeof OxToastAction;
+    Close: typeof OxToastClose;
+};
+export { OxToast };
+export type { OxToastActionOptions, OxToastActionProps, OxToastApi, OxToastCloseProps, OxToastContentProps, OxToastCustomOptions, OxToastData, OxToastDescriptionProps, OxToasterProps, OxToastIconProps, OxToastManager, OxToastOptions, OxToastPlacement, OxToastPortalProps, OxToastPromiseOptions, OxToastPromiseState, OxToastProviderProps, OxToastRootProps, OxToastTitleProps, OxToastType, OxToastUpdateOptions, OxToastViewportProps, UseOxToastReturn, } from './Toast.types';
+export { createOxToastManager, oxToast, useOxToast } from './toastManager';

package/dist/components/Toast/index.js

@@ -0,0 +1,18 @@
+import { createOxToastManager as e, oxToast as t, useOxToast as n } from "./toastManager.js";
+import { OxToastAction as r, OxToastClose as i, OxToastContent as a, OxToastDescription as o, OxToastIcon as s, OxToastPortal as c, OxToastProvider as l, OxToastRoot as u, OxToastTitle as d, OxToastViewport as f, OxToaster as p } from "./Toast2.js";
+//#region src/components/Toast/index.ts
+var m = Object.assign(l, {
+	Provider: l,
+	Toaster: p,
+	Portal: c,
+	Viewport: f,
+	Root: u,
+	Content: a,
+	Icon: s,
+	Title: d,
+	Description: o,
+	Action: r,
+	Close: i
+});
+//#endregion
+export { m as OxToast, e as createOxToastManager, t as oxToast, n as useOxToast };

package/dist/components/Toast/toastManager.d.ts

@@ -0,0 +1,5 @@
+import { OxToastApi, OxToastData, OxToastManager, UseOxToastReturn } from './Toast.types';
+declare function createOxToastManager(): OxToastManager;
+declare const globalToastManager: import('@base-ui/react').ToastManager<OxToastData>, oxToast: OxToastApi;
+declare function useOxToast(): UseOxToastReturn;
+export { createOxToastManager, globalToastManager, oxToast, useOxToast };

package/dist/components/Toast/toastManager.js

@@ -0,0 +1,110 @@
+import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
+import { useToastManager as t } from "../../node_modules/@base-ui/react/toast/useToastManager.js";
+import { createToastManager as n } from "../../node_modules/@base-ui/react/toast/createToastManager.js";
+import "react";
+//#region src/components/Toast/toastManager.ts
+var r = e(), i = /* @__PURE__ */ new Set(["danger", "warning"]), a = 5e3;
+function o(e, t) {
+	return t ?? (i.has(e) ? "high" : "low");
+}
+function s(e, t = {}) {
+	let n = e.type ?? "neutral", { action: r } = e, i = e.timerBar === !0 && !t.loading && e.duration !== 0;
+	return {
+		title: e.title,
+		description: e.description,
+		type: n,
+		timeout: i ? 0 : e.duration,
+		priority: o(n, e.priority),
+		onClose: e.onClose,
+		onRemove: e.onRemove,
+		actionProps: r ? {
+			onClick: r.onClick,
+			"aria-label": r.altText
+		} : void 0,
+		data: {
+			loading: t.loading,
+			custom: t.custom,
+			actionLabel: r?.label,
+			timerBar: i,
+			timerBarDuration: i ? e.duration ?? a : void 0,
+			variant: e.variant
+		}
+	};
+}
+function c(e, t = {}) {
+	return {
+		...s(e, t),
+		id: e.id
+	};
+}
+function l(e) {
+	let { action: t } = e, n = {};
+	return t !== void 0 && (n.actionLabel = t.label), e.variant !== void 0 && (n.variant = e.variant), {
+		...e.title !== void 0 && { title: e.title },
+		...e.description !== void 0 && { description: e.description },
+		...e.type !== void 0 && { type: e.type },
+		...e.duration !== void 0 && { timeout: e.duration },
+		...e.onClose !== void 0 && { onClose: e.onClose },
+		...e.onRemove !== void 0 && { onRemove: e.onRemove },
+		...(e.type !== void 0 || e.priority !== void 0) && { priority: o(e.type ?? "neutral", e.priority) },
+		...t !== void 0 && { actionProps: {
+			onClick: t.onClick,
+			"aria-label": t.altText
+		} },
+		...Object.keys(n).length > 0 && { data: n }
+	};
+}
+function u(e, t) {
+	let n = typeof e == "function" ? e(t) : e;
+	return typeof n == "string" ? { title: n } : n;
+}
+function d(e) {
+	return {
+		loading: s({
+			type: "neutral",
+			duration: 0,
+			...typeof e.loading == "string" ? { title: e.loading } : e.loading
+		}, { loading: !0 }),
+		success: (t) => s({
+			type: "success",
+			...u(e.success, t)
+		}),
+		error: (t) => s({
+			type: "danger",
+			...u(e.error, t)
+		})
+	};
+}
+function f(e) {
+	let t = ((t) => e.add(c(t)));
+	return t.success = (t) => e.add(c({
+		...t,
+		type: "success"
+	})), t.warning = (t) => e.add(c({
+		...t,
+		type: "warning"
+	})), t.info = (t) => e.add(c({
+		...t,
+		type: "info"
+	})), t.error = (t) => e.add(c({
+		...t,
+		type: "danger"
+	})), t.loading = (t) => e.add(c({
+		...t,
+		duration: t.duration ?? 0
+	}, { loading: !0 })), t.custom = (t, n) => e.add(c({ ...n }, { custom: t })), t.promise = (t, n) => e.promise(t, d(n)), t.update = (t, n) => e.update(t, l(n)), t.dismiss = (t) => e.close(t), t;
+}
+function p() {
+	let e = n();
+	return {
+		manager: e,
+		toast: f(e)
+	};
+}
+var { manager: m, toast: h } = p();
+function g() {
+	let e = (0, r.c)(2), n = t(), i;
+	return e[0] === n ? i = e[1] : (i = Object.assign(f(n), { toasts: n.toasts }), e[0] = n, e[1] = i), i;
+}
+//#endregion
+export { p as createOxToastManager, m as globalToastManager, h as oxToast, g as useOxToast };

package/dist/components/Toggle/Toggle.d.ts

@@ -0,0 +1,4 @@
+import { OxToggleGroupProps, OxToggleProps } from './Toggle.types';
+declare function OxToggleRoot({ children, className, disabled, isIconOnly, variant, ...props }: OxToggleProps): import("react").JSX.Element;
+declare function OxToggleGroup({ children, className, defaultValue, disabled, loopFocus, multiple, onValueChange, orientation, value, variant, ...props }: OxToggleGroupProps): import("react").JSX.Element;
+export { OxToggleGroup, OxToggleRoot };

package/dist/components/Toggle/Toggle.js

@@ -0,0 +1,56 @@
+import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
+import { createCompoundContext as t } from "../../internal/context/createCompoundContext/createCompoundContext.js";
+import { Toggle as n } from "../../node_modules/@base-ui/react/toggle/Toggle.js";
+import { ToggleGroup as r } from "../../node_modules/@base-ui/react/toggle-group/ToggleGroup.js";
+import { toggleGroupVariants as i, toggleVariants as a } from "./Toggle.styles.js";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/components/Toggle/Toggle.tsx
+var s = e(), { Provider: c, useOptionalContext: l } = t("OxToggle.Group");
+function u(e) {
+	let t = (0, s.c)(16), r, i, c, u, d, f;
+	t[0] === e ? (r = t[1], i = t[2], c = t[3], u = t[4], d = t[5], f = t[6]) : ({children: r, className: i, disabled: u, isIconOnly: d, variant: f, ...c} = e, t[0] = e, t[1] = r, t[2] = i, t[3] = c, t[4] = u, t[5] = d, t[6] = f);
+	let p = u === void 0 ? !1 : u, m = d === void 0 ? !1 : d, h = l(), g = f ?? h?.variant ?? "default", _;
+	t[7] !== i || t[8] !== m || t[9] !== g ? (_ = a({
+		variant: g,
+		isIconOnly: m,
+		class: i
+	}), t[7] = i, t[8] = m, t[9] = g, t[10] = _) : _ = t[10];
+	let v;
+	return t[11] !== r || t[12] !== p || t[13] !== c || t[14] !== _ ? (v = /* @__PURE__ */ o(n, {
+		...c,
+		className: _,
+		"data-ox-slot": "toggle",
+		disabled: p,
+		children: r
+	}), t[11] = r, t[12] = p, t[13] = c, t[14] = _, t[15] = v) : v = t[15], v;
+}
+function d(e) {
+	let t = (0, s.c)(30), n, a, l, u, d, f, p, m, h, g, _;
+	t[0] === e ? (n = t[1], a = t[2], l = t[3], u = t[4], d = t[5], f = t[6], p = t[7], m = t[8], h = t[9], g = t[10], _ = t[11]) : ({children: n, className: a, defaultValue: l, disabled: f, loopFocus: p, multiple: m, onValueChange: u, orientation: h, value: g, variant: _, ...d} = e, t[0] = e, t[1] = n, t[2] = a, t[3] = l, t[4] = u, t[5] = d, t[6] = f, t[7] = p, t[8] = m, t[9] = h, t[10] = g, t[11] = _);
+	let v = f === void 0 ? !1 : f, y = p === void 0 ? !0 : p, b = m === void 0 ? !1 : m, x = h === void 0 ? "horizontal" : h, S;
+	t[12] === _ ? S = t[13] : (S = { variant: _ }, t[12] = _, t[13] = S);
+	let C;
+	t[14] === a ? C = t[15] : (C = i({ class: a }), t[14] = a, t[15] = C);
+	let w;
+	t[16] !== n || t[17] !== l || t[18] !== v || t[19] !== y || t[20] !== b || t[21] !== u || t[22] !== x || t[23] !== d || t[24] !== C || t[25] !== g ? (w = /* @__PURE__ */ o(r, {
+		...d,
+		className: C,
+		"data-ox-slot": "toggle-group",
+		defaultValue: l,
+		disabled: v,
+		loopFocus: y,
+		multiple: b,
+		orientation: x,
+		role: "toolbar",
+		value: g,
+		onValueChange: u,
+		children: n
+	}), t[16] = n, t[17] = l, t[18] = v, t[19] = y, t[20] = b, t[21] = u, t[22] = x, t[23] = d, t[24] = C, t[25] = g, t[26] = w) : w = t[26];
+	let T;
+	return t[27] !== S || t[28] !== w ? (T = /* @__PURE__ */ o(c, {
+		value: S,
+		children: w
+	}), t[27] = S, t[28] = w, t[29] = T) : T = t[29], T;
+}
+//#endregion
+export { d as OxToggleGroup, u as OxToggleRoot };

package/dist/components/Toggle/Toggle.styles.d.ts

@@ -0,0 +1,28 @@
+import { VariantProps } from '../../internal/tv';
+export declare const toggleVariants: import('tailwind-variants').TVReturnType<{
+    variant: {
+        default: string[];
+        ghost: string[];
+    };
+    isIconOnly: {
+        true: string;
+    };
+}, undefined, string[], {
+    variant: {
+        default: string[];
+        ghost: string[];
+    };
+    isIconOnly: {
+        true: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    variant: {
+        default: string[];
+        ghost: string[];
+    };
+    isIconOnly: {
+        true: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const toggleGroupVariants: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export type ToggleVariants = VariantProps<typeof toggleVariants>;

package/dist/components/Toggle/Toggle.styles.js

@@ -0,0 +1,39 @@
+import { tv as e } from "../../internal/tv.js";
+//#region src/components/Toggle/Toggle.styles.ts
+var t = e({
+	base: [
+		"group/toggle relative inline-flex items-center justify-center gap-1.75",
+		"min-h-control px-control rounded-control border",
+		"text-control font-medium whitespace-nowrap cursor-pointer select-none",
+		"text-fg-muted",
+		"transition-[color,background-color,border-color] ease-out-quint motion-reduce:transition-none",
+		"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-ink focus-visible:z-10",
+		"data-pressed:z-[1] data-pressed:bg-primary-soft data-pressed:text-primary-soft-fg",
+		"ox-interactive:data-pressed:hover:bg-[color-mix(in_oklab,var(--primary-soft),var(--fg)_8%)]",
+		"data-pressed:[&_svg]:fill-current",
+		"[&_svg:not([class*=size-])]:size-icon",
+		"ox-disabled:opacity-50 ox-disabled:cursor-not-allowed ox-disabled:pointer-events-none"
+	],
+	variants: {
+		variant: {
+			default: ["border-line bg-surface-raised", "ox-interactive:hover:bg-surface-high ox-interactive:hover:text-fg"],
+			ghost: ["border-transparent bg-transparent", "ox-interactive:hover:bg-surface-raised ox-interactive:hover:text-fg"]
+		},
+		isIconOnly: { true: "min-w-[var(--control-h-md)] px-0" }
+	},
+	defaultVariants: { variant: "default" }
+}), n = e({ base: [
+	"inline-flex rounded-control border border-line bg-surface-raised",
+	"data-[orientation=horizontal]:flex-row data-[orientation=vertical]:flex-col",
+	"ox-disabled:opacity-50 ox-disabled:cursor-not-allowed",
+	"[&>[data-ox-slot=toggle]]:border-0 [&>[data-ox-slot=toggle]]:rounded-none",
+	"[&>[data-ox-slot=toggle]]:focus-visible:rounded-control",
+	"data-[orientation=horizontal]:[&>[data-ox-slot=toggle]:first-child]:rounded-s-control",
+	"data-[orientation=horizontal]:[&>[data-ox-slot=toggle]:last-child]:rounded-e-control",
+	"data-[orientation=vertical]:[&>[data-ox-slot=toggle]:first-child]:rounded-t-control",
+	"data-[orientation=vertical]:[&>[data-ox-slot=toggle]:last-child]:rounded-b-control",
+	"data-[orientation=horizontal]:[&>[data-ox-slot=toggle]:not(:first-child)]:border-s data-[orientation=horizontal]:[&>[data-ox-slot=toggle]:not(:first-child)]:border-line",
+	"data-[orientation=vertical]:[&>[data-ox-slot=toggle]:not(:first-child)]:border-t data-[orientation=vertical]:[&>[data-ox-slot=toggle]:not(:first-child)]:border-line"
+] });
+//#endregion
+export { n as toggleGroupVariants, t as toggleVariants };

package/dist/components/Toggle/Toggle.types.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { ToggleProps as BaseToggleProps } from '@base-ui/react/toggle';
+import { ToggleGroupProps as BaseToggleGroupProps } from '@base-ui/react/toggle-group';
+import { ToggleVariants } from './Toggle.styles';
+type ToggleVariant = NonNullable<ToggleVariants['variant']>;
+interface OxToggleProps extends Omit<BaseToggleProps<string>, 'className'> {
+    className?: string;
+    isIconOnly?: boolean;
+    variant?: ToggleVariant;
+}
+interface OxToggleGroupProps extends Omit<BaseToggleGroupProps<string>, 'className' | 'children'> {
+    children?: ReactNode;
+    className?: string;
+    variant?: ToggleVariant;
+}
+export type { OxToggleGroupProps, OxToggleProps, ToggleVariant };

package/dist/components/Toggle/index.d.ts

@@ -0,0 +1,5 @@
+import { OxToggleGroup, OxToggleRoot } from './Toggle';
+export declare const OxToggle: typeof OxToggleRoot & {
+    Group: typeof OxToggleGroup;
+};
+export type { OxToggleGroupProps, OxToggleProps } from './Toggle.types';

package/dist/components/Toggle/index.js

@@ -0,0 +1,5 @@
+import { OxToggleGroup as e, OxToggleRoot as t } from "./Toggle.js";
+//#region src/components/Toggle/index.ts
+var n = Object.assign(t, { Group: e });
+//#endregion
+export { n as OxToggle };

package/dist/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,4 @@
+import { OxTooltipProps, OxTooltipProviderProps } from './Tooltip.types';
+declare function OxTooltip({ align, children, closeDelay, defaultOpen, delay, label, onOpenChange, open, side, sideOffset, }: OxTooltipProps): import("react").JSX.Element;
+declare function OxTooltipProvider({ closeDelay, delay, timeout, ...props }: OxTooltipProviderProps): import("react").JSX.Element;
+export { OxTooltip, OxTooltipProvider };