@pfct/purple 1.10.0 → 1.11.0

package/dist/chunks/impact-tooltip.CqzKZc1i.js

@@ -0,0 +1,268 @@
+import { a as e, r as t, t as n } from "./dist.CzNkwCpH.js";
+import { i as r, n as i } from "./dist.DxuGUd9a.js";
+import { t as a } from "./dist.D_s4kUUr.js";
+import { t as o } from "./dist.Ct4Usz2n.js";
+import { t as s } from "./dist.Cfck23KY.js";
+import c from "../icons/src/icons/Cancel.esm.js";
+import "../icons/src/aliases/index.esm.js";
+import { t as l } from "./utils.D6DjRYW1.js";
+import { t as u } from "./dist.BQo0PXod.js";
+import { n as d, t as f } from "./dist.DXWLF1yO.js";
+import { i as p, n as m, r as ee, t as h } from "./es2015.DT_gWqJq.js";
+import { a as g, i as te, n as _, r as v, t as y } from "./dist.BbBE9J18.js";
+import * as b from "react";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+//#region node_modules/@radix-ui/react-popover/dist/index.mjs
+var C = "Popover", [w, ne] = e(C, [g]), T = g(), [E, D] = w(C), O = (e) => {
+	let { __scopePopover: t, children: r, open: i, defaultOpen: a, onOpenChange: o, modal: c = !1 } = e, l = T(t), u = b.useRef(null), [d, f] = b.useState(!1), [p, m] = n({
+		prop: i,
+		defaultProp: a ?? !1,
+		onChange: o,
+		caller: C
+	});
+	return /* @__PURE__ */ x(te, {
+		...l,
+		children: /* @__PURE__ */ x(E, {
+			scope: t,
+			contentId: s(),
+			triggerRef: u,
+			open: p,
+			onOpenChange: m,
+			onOpenToggle: b.useCallback(() => m((e) => !e), [m]),
+			hasCustomAnchor: d,
+			onCustomAnchorAdd: b.useCallback(() => f(!0), []),
+			onCustomAnchorRemove: b.useCallback(() => f(!1), []),
+			modal: c,
+			children: r
+		})
+	});
+};
+O.displayName = C;
+var k = "PopoverAnchor", A = b.forwardRef((e, t) => {
+	let { __scopePopover: n, ...r } = e, i = D(k, n), a = T(n), { onCustomAnchorAdd: o, onCustomAnchorRemove: s } = i;
+	return b.useEffect(() => (o(), () => s()), [o, s]), /* @__PURE__ */ x(y, {
+		...a,
+		...r,
+		ref: t
+	});
+});
+A.displayName = k;
+var j = "PopoverTrigger", M = b.forwardRef((e, n) => {
+	let { __scopePopover: i, ...o } = e, s = D(j, i), c = T(i), l = r(n, s.triggerRef), u = /* @__PURE__ */ x(a.button, {
+		type: "button",
+		"aria-haspopup": "dialog",
+		"aria-expanded": s.open,
+		"aria-controls": s.open ? s.contentId : void 0,
+		"data-state": q(s.open),
+		...o,
+		ref: l,
+		onClick: t(e.onClick, s.onOpenToggle)
+	});
+	return s.hasCustomAnchor ? u : /* @__PURE__ */ x(y, {
+		asChild: !0,
+		...c,
+		children: u
+	});
+});
+M.displayName = j;
+var N = "PopoverPortal", [P, F] = w(N, { forceMount: void 0 }), I = (e) => {
+	let { __scopePopover: t, forceMount: n, children: r, container: i } = e, a = D(N, t);
+	return /* @__PURE__ */ x(P, {
+		scope: t,
+		forceMount: n,
+		children: /* @__PURE__ */ x(o, {
+			present: n || a.open,
+			children: /* @__PURE__ */ x(f, {
+				asChild: !0,
+				container: i,
+				children: r
+			})
+		})
+	});
+};
+I.displayName = N;
+var L = "PopoverContent", R = b.forwardRef((e, t) => {
+	let n = F(L, e.__scopePopover), { forceMount: r = n.forceMount, ...i } = e, a = D(L, e.__scopePopover);
+	return /* @__PURE__ */ x(o, {
+		present: r || a.open,
+		children: a.modal ? /* @__PURE__ */ x(B, {
+			...i,
+			ref: t
+		}) : /* @__PURE__ */ x(V, {
+			...i,
+			ref: t
+		})
+	});
+});
+R.displayName = L;
+var z = i("PopoverContent.RemoveScroll"), B = b.forwardRef((e, n) => {
+	let i = D(L, e.__scopePopover), a = b.useRef(null), o = r(n, a), s = b.useRef(!1);
+	return b.useEffect(() => {
+		let e = a.current;
+		if (e) return h(e);
+	}, []), /* @__PURE__ */ x(m, {
+		as: z,
+		allowPinchZoom: !0,
+		children: /* @__PURE__ */ x(H, {
+			...e,
+			ref: o,
+			trapFocus: i.open,
+			disableOutsidePointerEvents: !0,
+			onCloseAutoFocus: t(e.onCloseAutoFocus, (e) => {
+				e.preventDefault(), s.current || i.triggerRef.current?.focus();
+			}),
+			onPointerDownOutside: t(e.onPointerDownOutside, (e) => {
+				let t = e.detail.originalEvent, n = t.button === 0 && t.ctrlKey === !0;
+				s.current = t.button === 2 || n;
+			}, { checkForDefaultPrevented: !1 }),
+			onFocusOutside: t(e.onFocusOutside, (e) => e.preventDefault(), { checkForDefaultPrevented: !1 })
+		})
+	});
+}), V = b.forwardRef((e, t) => {
+	let n = D(L, e.__scopePopover), r = b.useRef(!1), i = b.useRef(!1);
+	return /* @__PURE__ */ x(H, {
+		...e,
+		ref: t,
+		trapFocus: !1,
+		disableOutsidePointerEvents: !1,
+		onCloseAutoFocus: (t) => {
+			e.onCloseAutoFocus?.(t), t.defaultPrevented || (r.current || n.triggerRef.current?.focus(), t.preventDefault()), r.current = !1, i.current = !1;
+		},
+		onInteractOutside: (t) => {
+			e.onInteractOutside?.(t), t.defaultPrevented || (r.current = !0, t.detail.originalEvent.type === "pointerdown" && (i.current = !0));
+			let a = t.target;
+			n.triggerRef.current?.contains(a) && t.preventDefault(), t.detail.originalEvent.type === "focusin" && i.current && t.preventDefault();
+		}
+	});
+}), H = b.forwardRef((e, t) => {
+	let { __scopePopover: n, trapFocus: r, onOpenAutoFocus: i, onCloseAutoFocus: a, disableOutsidePointerEvents: o, onEscapeKeyDown: s, onPointerDownOutside: c, onFocusOutside: l, onInteractOutside: u, ...f } = e, m = D(L, n), h = T(n);
+	return ee(), /* @__PURE__ */ x(p, {
+		asChild: !0,
+		loop: !0,
+		trapped: r,
+		onMountAutoFocus: i,
+		onUnmountAutoFocus: a,
+		children: /* @__PURE__ */ x(d, {
+			asChild: !0,
+			disableOutsidePointerEvents: o,
+			onInteractOutside: u,
+			onEscapeKeyDown: s,
+			onPointerDownOutside: c,
+			onFocusOutside: l,
+			onDismiss: () => m.onOpenChange(!1),
+			children: /* @__PURE__ */ x(v, {
+				"data-state": q(m.open),
+				role: "dialog",
+				id: m.contentId,
+				...h,
+				...f,
+				ref: t,
+				style: {
+					...f.style,
+					"--radix-popover-content-transform-origin": "var(--radix-popper-transform-origin)",
+					"--radix-popover-content-available-width": "var(--radix-popper-available-width)",
+					"--radix-popover-content-available-height": "var(--radix-popper-available-height)",
+					"--radix-popover-trigger-width": "var(--radix-popper-anchor-width)",
+					"--radix-popover-trigger-height": "var(--radix-popper-anchor-height)"
+				}
+			})
+		})
+	});
+}), U = "PopoverClose", W = b.forwardRef((e, n) => {
+	let { __scopePopover: r, ...i } = e, o = D(U, r);
+	return /* @__PURE__ */ x(a.button, {
+		type: "button",
+		...i,
+		ref: n,
+		onClick: t(e.onClick, () => o.onOpenChange(!1))
+	});
+});
+W.displayName = U;
+var G = "PopoverArrow", K = b.forwardRef((e, t) => {
+	let { __scopePopover: n, ...r } = e;
+	return /* @__PURE__ */ x(_, {
+		...T(n),
+		...r,
+		ref: t
+	});
+});
+K.displayName = G;
+function q(e) {
+	return e ? "open" : "closed";
+}
+var J = O, Y = A, X = M, Z = I, re = R, ie = W, ae = K, Q = u("fade-in-0 zoom-in-95 data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 typo-b2 z-50 animate-in overflow-visible rounded-[8px] border-0 px-[15px] py-[12.5px] data-[state=closed]:animate-out", {
+	variants: { color: {
+		pink: "bg-pink-400 text-gray-25",
+		blue: "bg-blue-400 text-gray-25",
+		gray: "bg-gray-700 text-gray-25",
+		lime: "bg-lime-400 text-gray-25"
+	} },
+	defaultVariants: { color: "gray" }
+}), oe = u("-my-px border-none", {
+	variants: { color: {
+		pink: "fill-pink-400",
+		gray: "fill-gray-700",
+		blue: "fill-blue-400",
+		lime: "fill-lime-400"
+	} },
+	defaultVariants: { color: "gray" }
+});
+function se({ defaultOpen: e = !0, ...t }) {
+	return /* @__PURE__ */ x(J, {
+		"data-slot": "impact-tooltip",
+		defaultOpen: e,
+		...t
+	});
+}
+function ce({ ...e }) {
+	return /* @__PURE__ */ x(X, {
+		"data-slot": "impact-tooltip-trigger",
+		type: "button",
+		...e
+	});
+}
+function le({ className: e, ...t }) {
+	return /* @__PURE__ */ x(Y, {
+		className: e,
+		"data-slot": "impact-tooltip-anchor",
+		...t
+	});
+}
+function ue({ color: e, className: t, align: n = "center", side: r = "top", sideOffset: i = 8, collisionPadding: a = 20, arrowPadding: o = 8.8, children: s, closeButton: u = !1, avoidCollisions: d = !0, hideWhenDetached: f = !1, updatePositionStrategy: p = "optimized", ...m }) {
+	return /* @__PURE__ */ x(Z, {
+		forceMount: m.forceMount,
+		children: /* @__PURE__ */ S(re, {
+			align: n,
+			arrowPadding: o,
+			avoidCollisions: d,
+			className: l(Q({
+				color: e,
+				className: t
+			})),
+			collisionPadding: a,
+			"data-slot": "impact-tooltip-content",
+			hideWhenDetached: f,
+			side: r,
+			sideOffset: i,
+			updatePositionStrategy: p,
+			...m,
+			children: [/* @__PURE__ */ S("div", {
+				className: "flex items-center justify-between gap-1.25",
+				children: [s, u && /* @__PURE__ */ x($, { children: /* @__PURE__ */ x(c, { size: 15 }) })]
+			}), /* @__PURE__ */ x(ae, {
+				className: oe({ color: e }),
+				height: 6,
+				style: { visibility: "visible" },
+				width: 12
+			})]
+		})
+	});
+}
+function $({ ...e }) {
+	return /* @__PURE__ */ x(ie, {
+		"data-slot": "impact-tooltip-close",
+		...e
+	});
+}
+//#endregion
+export { ce as a, ue as i, le as n, $ as r, se as t };