@jfrader/ui 0.2.0 → 0.3.0

package/dist/tooltip-BJPisf60.js

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