@jfrader/ui 0.3.0 → 0.5.0

package/dist/select-BCS0-LVW.js

@@ -1,286 +0,0 @@
-'use client';
-import { r as e, t } from "./sx-Dx9JUKp5.js";
-import { t as n } from "./use-controlled-state-CVXDa-qM.js";
-import { a as r, c as i, d as a, f as o, l as s, o as c, r as l, s as u, t as d, u as f } from "./collection-registry-BTYi6zGh.js";
-import { t as p } from "./trigger-style-B1KVC8O1.js";
-import { t as m } from "./use-overlay-floating-efeqppiw.js";
-import { createContext as h, useContext as g, useId as _, useLayoutEffect as v, useMemo as y, useRef as b, useState as x } from "react";
-import { vars as S } from "@jfrader/tokens/vars";
-import { jsx as C, jsxs as w } from "@emotion/react/jsx-runtime";
-import { FloatingList as T, FloatingPortal as E, useClick as D, useDismiss as O, useInteractions as k, useListNavigation as A, useMergeRefs as j, useRole as M } from "@floating-ui/react";
-//#region src/components/select/select.tsx
-var N = 500, P = new Intl.Collator(void 0, {
-	usage: "search",
-	sensitivity: "base"
-}), F = "✓", I = h(null), L = h(!1);
-function R(e) {
-	let t = g(I);
-	if (!t) throw Error(`Select.${e} must be rendered inside <Select>.`);
-	return t;
-}
-function z() {
-	let e = R("Item");
-	if (!g(L)) throw Error("Select.Item must be rendered inside <Select.Content>.");
-	return e;
-}
-var B = e({
-	justifyContent: "flex-start",
-	minInlineSize: "180px",
-	"&[aria-expanded=\"true\"]": { backgroundColor: S.color.surfaceHover }
-}), V = e({
-	overflow: "hidden",
-	textOverflow: "ellipsis",
-	whiteSpace: "nowrap",
-	"&[data-placeholder]": { color: S.color.textMuted }
-});
-function H({ value: e, defaultValue: t, onValueChange: i, open: a, defaultOpen: o = !1, onOpenChange: s, placement: c = "bottom-start", disabled: l = !1, name: u, children: d }) {
-	let f = _(), [p, h] = n(e, t, i), [g = !1, v] = n(a, o, s), [S, T] = x(null), [E, j] = x(!1), [N, F] = r(), [L, R] = x(null), z = b([]), B = b([]), V = b(null);
-	!g && E && (j(!1), T(null));
-	let { valuesByIndex: H, disabledIndices: U } = y(() => {
-		let e = [], t = /* @__PURE__ */ new Set();
-		return N.forEach((n, r) => {
-			n.index !== -1 && (e[n.index] = r, n.disabled && t.add(n.index));
-		}), {
-			valuesByIndex: e,
-			disabledIndices: t
-		};
-	}, [N]), W = p === void 0 ? void 0 : N.get(p), G = W && W.index !== -1 ? W.index : null, { refs: K, floatingStyles: q, context: J } = m({
-		open: g,
-		placement: c,
-		onOpenChange: (e) => v(e)
-	}), Y = D(J), X = M(J, { role: "listbox" }), ee = O(J, {
-		escapeKey: !0,
-		outsidePress: !0
-	}), te = A(J, {
-		listRef: z,
-		activeIndex: S,
-		onNavigate: T,
-		virtual: !0,
-		virtualItemRef: V,
-		loop: !0,
-		focusItemOnOpen: !0,
-		selectedIndex: E ? null : G,
-		disabledIndices: (e) => U.has(e)
-	}), { getReferenceProps: Z, getFloatingProps: Q, getItemProps: $ } = k([
-		Y,
-		X,
-		ee,
-		te
-	]), ne = y(() => {
-		let e = (e) => {
-			h(e), v(!1);
-		};
-		return {
-			baseId: f,
-			open: g,
-			disabled: l,
-			selectedValue: p,
-			activeIndex: S,
-			options: N,
-			triggerLabelling: L,
-			refs: K,
-			floatingStyles: q,
-			elementsRef: z,
-			labelsRef: B,
-			getReferenceProps: Z,
-			getFloatingProps: Q,
-			getItemProps: $,
-			selectValue: e,
-			matchTypeahead: (e) => {
-				let t = B.current, n = S ?? -1;
-				for (let r = 1; r <= t.length; r += 1) {
-					let i = (n + r) % t.length, a = t[i];
-					if (!(a == null || U.has(i)) && P.compare(a.slice(0, e.length), e) === 0) {
-						T(i), g || (j(!0), v(!0));
-						return;
-					}
-				}
-			},
-			selectIndex: (t) => {
-				let n = H[t];
-				n === void 0 || U.has(t) || e(n);
-			},
-			requestOpenChange: v,
-			registration: F,
-			setTriggerLabelling: R
-		};
-	}, [
-		f,
-		g,
-		l,
-		p,
-		S,
-		N,
-		L,
-		K,
-		q,
-		Z,
-		Q,
-		$,
-		H,
-		U,
-		h,
-		v,
-		F
-	]);
-	return /* @__PURE__ */ w(I.Provider, {
-		value: ne,
-		children: [d, u !== void 0 && /* @__PURE__ */ C("input", {
-			type: "hidden",
-			name: u,
-			value: p ?? "",
-			disabled: l
-		})]
-	});
-}
-H.displayName = "Select";
-function U({ ref: e, id: n, disabled: r, onKeyDown: i, className: a, sx: o, ...s }) {
-	let { baseId: c, open: l, disabled: u, activeIndex: d, refs: f, getReferenceProps: m, selectIndex: h, matchTypeahead: g, requestOpenChange: _, setTriggerLabelling: y } = R("Trigger"), x = j([f.setReference, e]), S = b({
-		search: "",
-		lastKeyAt: 0
-	}), w = n ?? `${c}-trigger`, T = s["aria-labelledby"], E = s["aria-label"];
-	v(() => (y({
-		id: w,
-		labelledBy: T,
-		label: E
-	}), () => y(null)), [
-		w,
-		T,
-		E,
-		y
-	]);
-	let D = (e) => {
-		if (i?.(e), !(e.defaultPrevented || u || r)) {
-			if (e.key.length === 1 && e.key !== " " && !e.ctrlKey && !e.altKey && !e.metaKey) {
-				let t = performance.now(), n = S.current, r = (t - n.lastKeyAt > N ? "" : n.search) + e.key;
-				S.current = {
-					search: r,
-					lastKeyAt: t
-				}, g(r);
-			} else l && (e.key === "Tab" ? _(!1) : (e.key === "Enter" || e.key === " ") && d !== null && (e.preventDefault(), h(d)));
-		}
-	};
-	return /* @__PURE__ */ C(t, {
-		className: a,
-		styles: [p, B],
-		sx: o,
-		children: (e) => /* @__PURE__ */ C("button", {
-			type: "button",
-			...m({
-				...s,
-				id: w,
-				disabled: u || r,
-				onKeyDown: D
-			}),
-			ref: x,
-			"data-state": l ? "open" : "closed",
-			"data-ui": "select-trigger",
-			className: e
-		})
-	});
-}
-U.displayName = "Select.Trigger";
-function W({ ref: e, placeholder: n, className: r, sx: i, ...a }) {
-	let { selectedValue: o, options: s } = R("Value"), c = o === void 0 ? void 0 : s.get(o)?.label, l = c === void 0;
-	return /* @__PURE__ */ C(t, {
-		className: r,
-		styles: V,
-		sx: i,
-		children: (t) => /* @__PURE__ */ C("span", {
-			...a,
-			ref: e,
-			"data-placeholder": l || void 0,
-			"data-ui": "select-value",
-			className: t,
-			children: l ? n : c
-		})
-	});
-}
-W.displayName = "Select.Value";
-function G({ ref: e, style: n, onMouseDown: r, children: i, className: s, sx: c, ...l }) {
-	let { open: u, triggerLabelling: d, refs: f, floatingStyles: p, elementsRef: m, getFloatingProps: h } = R("Content"), g = j([u ? f.setFloating : null, e]), _ = l["aria-labelledby"] !== void 0 || l["aria-label"] !== void 0 ? {} : d?.labelledBy === void 0 ? d?.label === void 0 ? { "aria-labelledby": d?.id } : { "aria-label": d.label } : { "aria-labelledby": d.labelledBy }, v = (e) => {
-		r?.(e), e.preventDefault();
-	};
-	return /* @__PURE__ */ C(E, { children: /* @__PURE__ */ C(t, {
-		className: s,
-		styles: [o, a],
-		sx: c,
-		children: (e) => /* @__PURE__ */ C("div", {
-			...h({
-				..._,
-				...l,
-				onMouseDown: v
-			}),
-			ref: g,
-			hidden: !u,
-			"data-state": u ? "open" : "closed",
-			"data-ui": "select-listbox",
-			style: {
-				...n,
-				...p
-			},
-			className: e,
-			children: /* @__PURE__ */ C(T, {
-				elementsRef: m,
-				children: /* @__PURE__ */ C(L.Provider, {
-					value: !0,
-					children: i
-				})
-			})
-		})
-	}) });
-}
-G.displayName = "Select.Content";
-function K({ ref: e, value: n, disabled: r = !1, onClick: a, children: o, className: p, sx: m, ...h }) {
-	let { baseId: g, selectedValue: _, activeIndex: v, labelsRef: y, getItemProps: x, selectValue: S, registration: T } = z(), E = b(null), { ref: D, index: O } = l(n, T, E, (e, t) => ({
-		index: e,
-		label: t,
-		disabled: r
-	}), {
-		labelsRef: y,
-		include: !r
-	}), k = j([D, e]), A = O !== -1 && v === O, M = _ === n, N = (e) => {
-		a?.(e), !(r || e.defaultPrevented) && S(n);
-	};
-	return /* @__PURE__ */ C(t, {
-		className: p,
-		styles: [
-			u,
-			c,
-			s
-		],
-		sx: m,
-		children: (e) => /* @__PURE__ */ w("div", {
-			...x({
-				id: d(g, n),
-				...h,
-				onClick: N
-			}),
-			ref: k,
-			role: "option",
-			"aria-selected": M,
-			"aria-disabled": r || void 0,
-			"data-active": A || void 0,
-			"data-ui": "select-item",
-			className: e,
-			children: [/* @__PURE__ */ C("span", {
-				ref: E,
-				css: f,
-				children: o
-			}), M && /* @__PURE__ */ C("span", {
-				"aria-hidden": "true",
-				css: i,
-				children: F
-			})]
-		})
-	});
-}
-K.displayName = "Select.Item";
-var q = Object.assign(H, {
-	Trigger: U,
-	Value: W,
-	Content: G,
-	Item: K
-});
-//#endregion
-export { q as t };

package/dist/theme-root-BiXXvQvr.js

@@ -1,42 +0,0 @@
-'use client';
-import { a as e, n as t, r as n, t as r } from "./sx-Dx9JUKp5.js";
-import { vars as i } from "@jfrader/tokens/vars";
-import { jsx as a } from "@emotion/react/jsx-runtime";
-//#region src/styling/theme.ts
-var o = i;
-//#endregion
-//#region src/components/theme-provider/theme-provider.tsx
-function s({ theme: e = o, children: n }) {
-	return /* @__PURE__ */ a(t, {
-		theme: e,
-		children: n
-	});
-}
-s.displayName = "ThemeProvider";
-function c() {
-	return e();
-}
-//#endregion
-//#region src/components/theme-root/theme-root.tsx
-var l = n({
-	color: i.color.text,
-	colorScheme: "dark",
-	"&[data-theme=\"light\"]": { colorScheme: "light" }
-});
-function u({ ref: e, theme: t, className: n, sx: i, ...o }) {
-	return /* @__PURE__ */ a(s, { children: /* @__PURE__ */ a(r, {
-		className: n,
-		styles: l,
-		sx: i,
-		children: (n) => /* @__PURE__ */ a("div", {
-			"data-ui": "theme-root",
-			"data-theme": t ?? "dark",
-			...o,
-			ref: e,
-			className: n
-		})
-	}) });
-}
-u.displayName = "ThemeRoot";
-//#endregion
-export { o as i, s as n, c as r, u as t };

package/dist/toast-iqelR-r0.js

@@ -1,282 +0,0 @@
-'use client';
-import { r as e, t } from "./sx-Dx9JUKp5.js";
-import { n } from "./media-D_eA_I-e.js";
-import { t as r } from "./renderable-DzcIj1Lo.js";
-import { t as i } from "./button-P2e7_44z.js";
-import { createContext as a, useCallback as o, useContext as s, useEffect as c, useId as l, useMemo as u, useRef as d, useState as f } from "react";
-import { vars as p } from "@jfrader/tokens/vars";
-import { Fragment as m, jsx as h, jsxs as g } from "@emotion/react/jsx-runtime";
-import { createPortal as _ } from "react-dom";
-//#region src/components/toast/toast.tsx
-var v = 4, y = 5e3, b = "Dismiss", x = 100, S = "min(380px, calc(100vw - 32px))", C = "3px", w = a(null), T = a(null), E = e({
-	position: "fixed",
-	insetBlockEnd: 0,
-	insetInlineEnd: 0,
-	display: "flex",
-	flexDirection: "column",
-	gap: p.space[2],
-	inlineSize: S,
-	margin: 0,
-	paddingInlineEnd: p.space[4],
-	paddingBlockEnd: p.space[4],
-	pointerEvents: "none",
-	fontFamily: p.font.sans
-}), D = e({
-	boxSizing: "border-box",
-	display: "grid",
-	gridTemplateColumns: "minmax(0, 1fr) auto",
-	alignItems: "start",
-	gap: p.space[2],
-	backgroundColor: p.color.surfaceRaised,
-	border: `1px solid ${p.color.border}`,
-	borderRadius: p.radius.lg,
-	boxShadow: p.shadow.floating,
-	padding: p.space[3],
-	color: p.color.text,
-	lineHeight: p.lineHeight.base,
-	pointerEvents: "auto",
-	transitionProperty: "opacity, transform",
-	transitionDuration: p.motion.duration.base,
-	transitionTimingFunction: p.motion.easeStandard,
-	"&[data-populated=\"false\"]": { opacity: 0 },
-	"&[data-state=\"closing\"]": {
-		opacity: 0,
-		transform: `translateY(${p.space[2]})`,
-		pointerEvents: "none"
-	},
-	[n]: { transitionDuration: "0s" }
-}), O = {
-	neutral: e({ borderInlineStart: `${C} solid ${p.color.borderStrong}` }),
-	success: e({ borderInlineStart: `${C} solid ${p.color.success}` }),
-	danger: e({ borderInlineStart: `${C} solid ${p.color.danger}` })
-}, k = e({
-	display: "grid",
-	gap: p.space[1],
-	alignSelf: "center",
-	minInlineSize: 0
-}), A = e({
-	margin: 0,
-	fontSize: p.textSize.sm,
-	fontWeight: p.fontWeight.semibold
-}), j = e({
-	margin: 0,
-	fontSize: p.textSize.sm,
-	color: p.color.textMuted
-}), M = e({
-	gridColumn: 2,
-	gridRow: 1,
-	inlineSize: "32px",
-	paddingInline: 0
-}), N = e({ display: "contents" }), P = e({
-	gridColumn: "1 / -1",
-	display: "flex",
-	gap: p.space[2]
-});
-function F(e) {
-	let t = s(T);
-	if (!t) throw Error(`Toast.${e} must be rendered inside <Toast.Provider>.`);
-	return t;
-}
-function I() {
-	let e = s(w);
-	if (!e) throw Error("useToast() must be called inside <Toast.Provider>.");
-	return e;
-}
-function L({ children: e, max: t = v, duration: n = y, dismissLabel: r = b }) {
-	let i = l(), a = d(0), [s, c] = f([]), p = d([]), m = d(/* @__PURE__ */ new Map()), g = Math.max(1, Math.floor(Number.isFinite(t) ? t : v)), _ = o((e, t) => {
-		t ? m.current.set(e, t) : m.current.delete(e);
-	}, []), x = o((e, t) => {
-		let n = new Set(t.filter((e) => e.state === "open").map((e) => m.current.get(e.id)));
-		for (let t of e) {
-			let e = m.current.get(t.id);
-			if (e?.contains(e.ownerDocument.activeElement)) {
-				Array.from(e.parentElement?.querySelectorAll("[data-ui=\"toast\"]") ?? []).find((e) => n.has(e))?.querySelector("[data-toast-dismiss]")?.focus();
-				break;
-			}
-		}
-	}, []), S = o((e) => {
-		a.current += 1;
-		let t = `${i}toast-${a.current}`, r = {
-			id: t,
-			options: {
-				...e,
-				duration: e.duration === void 0 ? n : e.duration
-			},
-			state: "open"
-		}, o = p.current, s = [...o, r].slice(-g);
-		return x(o.filter((e) => !s.includes(e)), s), p.current = s, c(s), t;
-	}, [
-		i,
-		g,
-		n,
-		x
-	]), C = o((e) => {
-		let t = p.current;
-		x(t.filter((t) => t.id === e), t.filter((t) => t.id !== e));
-		let n = t.map((t) => t.id === e && t.state === "open" ? {
-			...t,
-			state: "closing"
-		} : t);
-		p.current = n, c(n);
-	}, [x]), E = o((e) => {
-		let t = p.current, n = t.filter((t) => t.id !== e);
-		x(t.filter((t) => t.id === e), n), p.current = n, c(n);
-	}, [x]), D = u(() => ({
-		toast: S,
-		dismiss: C
-	}), [S, C]), O = u(() => ({
-		toasts: s,
-		dismiss: C,
-		remove: E,
-		registerRoot: _,
-		dismissLabel: r
-	}), [
-		s,
-		C,
-		E,
-		_,
-		r
-	]);
-	return /* @__PURE__ */ h(w.Provider, {
-		value: D,
-		children: /* @__PURE__ */ h(T.Provider, {
-			value: O,
-			children: e
-		})
-	});
-}
-L.displayName = "Toast.Provider";
-function R({ ref: e, className: n, sx: r, ...i }) {
-	let { toasts: a } = F("Viewport"), o = d(null), [s, l] = f(null);
-	return c(() => {
-		l(o.current?.ownerDocument.body ?? null);
-	}, []), /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("span", {
-		hidden: !0,
-		ref: o
-	}), s && _(/* @__PURE__ */ h(t, {
-		className: n,
-		styles: E,
-		sx: r,
-		children: (t) => /* @__PURE__ */ h("div", {
-			...i,
-			ref: e,
-			"data-ui": "toast-viewport",
-			className: t,
-			children: a.map((e) => /* @__PURE__ */ h(z, { record: e }, e.id))
-		})
-	}), s)] });
-}
-R.displayName = "Toast.Viewport";
-function z({ record: e }) {
-	let { dismiss: t, remove: n, registerRoot: a, dismissLabel: s } = F("Viewport"), { id: l, options: u, state: p } = e, { title: _, description: v, tone: y = "neutral", action: b } = u, S = u.duration, C = d(null), w = o((e) => {
-		C.current = e, a(l, e);
-	}, [l, a]), [T, E] = f(!1), [I, L] = f(!1), [R, z] = f(!1), V = d(S ?? 0);
-	c(() => {
-		let e = setTimeout(() => E(!0), x);
-		return () => clearTimeout(e);
-	}, []);
-	let H = T && p === "open" && S !== null && !I && !R;
-	return c(() => {
-		if (!H) return;
-		let e = performance.now(), n = setTimeout(() => t(l), V.current);
-		return () => {
-			clearTimeout(n), V.current -= performance.now() - e;
-		};
-	}, [
-		H,
-		t,
-		l
-	]), c(() => {
-		if (p !== "closing") return;
-		let e = C.current, t = e && typeof e.getAnimations == "function" ? e.getAnimations() : [], r = !1;
-		return Promise.allSettled(t.map((e) => e.finished)).then(() => {
-			r || n(l);
-		}), () => {
-			r = !0;
-		};
-	}, [
-		p,
-		n,
-		l
-	]), /* @__PURE__ */ g("div", {
-		ref: w,
-		inert: p === "closing",
-		"data-ui": "toast",
-		"data-tone": y,
-		"data-state": p,
-		"data-populated": T,
-		onPointerEnter: () => L(!0),
-		onPointerLeave: () => L(!1),
-		onFocus: () => z(!0),
-		onBlur: (e) => {
-			e.currentTarget.contains(e.relatedTarget) || z(!1);
-		},
-		css: [D, O[y]],
-		children: [/* @__PURE__ */ h("div", {
-			role: y === "danger" ? "alert" : "status",
-			"aria-atomic": "true",
-			css: k,
-			children: T && /* @__PURE__ */ g(m, { children: [r(_) && /* @__PURE__ */ h("div", {
-				css: A,
-				children: _
-			}), r(v) && /* @__PURE__ */ h("div", {
-				css: j,
-				children: v
-			})] })
-		}), T && /* @__PURE__ */ g("div", {
-			css: N,
-			children: [/* @__PURE__ */ h(i, {
-				variant: "ghost",
-				size: "sm",
-				"aria-label": s,
-				"data-toast-dismiss": "",
-				onClick: () => t(l),
-				css: M,
-				children: /* @__PURE__ */ h(B, {})
-			}), b && /* @__PURE__ */ h("div", {
-				css: P,
-				children: /* @__PURE__ */ h(i, {
-					variant: "outline",
-					size: "sm",
-					onClick: (e) => {
-						b?.onClick(e), e.defaultPrevented || t(l);
-					},
-					children: b.label
-				})
-			})]
-		})]
-	});
-}
-function B() {
-	return /* @__PURE__ */ g("svg", {
-		"aria-hidden": "true",
-		viewBox: "0 0 16 16",
-		width: "16",
-		height: "16",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "2",
-		strokeLinecap: "round",
-		children: [/* @__PURE__ */ h("line", {
-			x1: "4",
-			y1: "4",
-			x2: "12",
-			y2: "12"
-		}), /* @__PURE__ */ h("line", {
-			x1: "12",
-			y1: "4",
-			x2: "4",
-			y2: "12"
-		})]
-	});
-}
-function V(e) {
-	return /* @__PURE__ */ h(L, { ...e });
-}
-V.displayName = "Toast";
-var H = Object.assign(V, {
-	Provider: L,
-	Viewport: R
-});
-//#endregion
-export { I as n, H as t };

package/dist/tooltip-CB-HC1js.js

@@ -1,108 +0,0 @@
-'use client';
-import { r as e, t } from "./sx-Dx9JUKp5.js";
-import { t as n } from "./use-controlled-state-CVXDa-qM.js";
-import { t as r } from "./trigger-style-B1KVC8O1.js";
-import { t as i } from "./use-overlay-floating-efeqppiw.js";
-import { createContext as a, useContext as o, useMemo as s } from "react";
-import { vars as c } from "@jfrader/tokens/vars";
-import { jsx as l } from "@emotion/react/jsx-runtime";
-import { FloatingPortal as u, useDismiss as d, useFocus as f, useHover as p, useInteractions as m, useMergeRefs as h, useRole as g } from "@floating-ui/react";
-//#region src/components/tooltip/tooltip.tsx
-var _ = 300, v = 100, y = a(null);
-function b(e) {
-	let t = o(y);
-	if (!t) throw Error(`Tooltip.${e} must be rendered inside <Tooltip>.`);
-	return t;
-}
-var x = e({
-	boxSizing: "border-box",
-	backgroundColor: c.color.bgSoft,
-	border: `1px solid ${c.color.border}`,
-	borderRadius: c.radius.sm,
-	boxShadow: c.shadow.raised,
-	padding: `${c.space[1]} ${c.space[2]}`,
-	maxInlineSize: "260px",
-	color: c.color.text,
-	fontFamily: c.font.sans,
-	fontSize: c.textSize.sm,
-	lineHeight: c.lineHeight.base
-});
-function S({ open: e, defaultOpen: t = !1, onOpenChange: r, placement: a = "top", openDelay: o = _, closeDelay: c = v, children: u }) {
-	let [h = !1, b] = n(e, t, r), { refs: x, floatingStyles: S, context: C } = i({
-		open: h,
-		placement: a,
-		onOpenChange: b
-	}), w = p(C, {
-		delay: {
-			open: o,
-			close: c
-		},
-		move: !1
-	}), T = f(C), E = d(C, { escapeKey: !0 }), D = g(C, { role: "tooltip" }), { getReferenceProps: O, getFloatingProps: k } = m([
-		w,
-		T,
-		E,
-		D
-	]), A = s(() => ({
-		open: h,
-		refs: x,
-		floatingStyles: S,
-		getReferenceProps: O,
-		getFloatingProps: k
-	}), [
-		h,
-		x,
-		S,
-		O,
-		k
-	]);
-	return /* @__PURE__ */ l(y.Provider, {
-		value: A,
-		children: u
-	});
-}
-S.displayName = "Tooltip";
-function C({ ref: e, "aria-describedby": n, className: i, sx: a, ...o }) {
-	let { refs: s, getReferenceProps: c } = b("Trigger"), u = h([s.setReference, e]), d = c(o), f = [n, d["aria-describedby"]].filter(Boolean).join(" ") || void 0;
-	return /* @__PURE__ */ l(t, {
-		className: i,
-		styles: r,
-		sx: a,
-		children: (e) => /* @__PURE__ */ l("button", {
-			type: "button",
-			...d,
-			ref: u,
-			"aria-describedby": f,
-			"data-ui": "tooltip-trigger",
-			className: e
-		})
-	});
-}
-C.displayName = "Tooltip.Trigger";
-function w({ ref: e, style: n, className: r, sx: i, ...a }) {
-	let { open: o, refs: s, floatingStyles: c, getFloatingProps: d } = b("Content"), f = h([s.setFloating, e]);
-	if (!o) return null;
-	let { tabIndex: p, ...m } = d(a);
-	return /* @__PURE__ */ l(u, { children: /* @__PURE__ */ l(t, {
-		className: r,
-		styles: x,
-		sx: i,
-		children: (e) => /* @__PURE__ */ l("div", {
-			...m,
-			ref: f,
-			"data-ui": "tooltip",
-			style: {
-				...n,
-				...c
-			},
-			className: e
-		})
-	}) });
-}
-w.displayName = "Tooltip.Content";
-var T = Object.assign(S, {
-	Trigger: C,
-	Content: w
-});
-//#endregion
-export { T as t };