@middag-io/react 0.11.0 → 0.13.0

package/dist-lib/popover-DeghPbgu.js

@@ -0,0 +1,242 @@
+import { c as e, i as t, o as n } from "./button-DY_CinAY.js";
+import { t as r } from "./utils-DS8lnGJS.js";
+import { a as i, n as a } from "./dist-BVqmxsUH.js";
+import { n as o, t as s } from "./dist-DSWRN9XQ.js";
+import { a as c, c as l, d as u, f as d, i as f, l as p, n as m, r as h, s as g, t as _, u as v } from "./dist-BN2kCxhw.js";
+import * as y from "react";
+import { jsx as b } from "react/jsx-runtime";
+import "react-dom";
+//#region node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-primitive/dist/index.mjs
+var x = [
+	"a",
+	"button",
+	"div",
+	"form",
+	"h2",
+	"h3",
+	"img",
+	"input",
+	"label",
+	"li",
+	"nav",
+	"ol",
+	"p",
+	"select",
+	"span",
+	"svg",
+	"ul"
+].reduce((e, t) => {
+	let n = a(`Primitive.${t}`), r = y.forwardRef((e, r) => {
+		let { asChild: i, ...a } = e, o = i ? n : t;
+		return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ b(o, {
+			...a,
+			ref: r
+		});
+	});
+	return r.displayName = `Primitive.${t}`, {
+		...e,
+		[t]: r
+	};
+}, {}), S = "Popover", [C, ee] = e(S, [c]), w = c(), [T, E] = C(S), D = (e) => {
+	let { __scopePopover: t, children: n, open: r, defaultOpen: i, onOpenChange: a, modal: c = !1 } = e, l = w(t), u = y.useRef(null), [d, p] = y.useState(!1), [m, h] = o({
+		prop: r,
+		defaultProp: i ?? !1,
+		onChange: a,
+		caller: S
+	});
+	return /* @__PURE__ */ b(f, {
+		...l,
+		children: /* @__PURE__ */ b(T, {
+			scope: t,
+			contentId: s(),
+			triggerRef: u,
+			open: m,
+			onOpenChange: h,
+			onOpenToggle: y.useCallback(() => h((e) => !e), [h]),
+			hasCustomAnchor: d,
+			onCustomAnchorAdd: y.useCallback(() => p(!0), []),
+			onCustomAnchorRemove: y.useCallback(() => p(!1), []),
+			modal: c,
+			children: n
+		})
+	});
+};
+D.displayName = S;
+var O = "PopoverAnchor", k = y.forwardRef((e, t) => {
+	let { __scopePopover: n, ...r } = e, i = E(O, n), a = w(n), { onCustomAnchorAdd: o, onCustomAnchorRemove: s } = i;
+	return y.useEffect(() => (o(), () => s()), [o, s]), /* @__PURE__ */ b(_, {
+		...a,
+		...r,
+		ref: t
+	});
+});
+k.displayName = O;
+var A = "PopoverTrigger", j = y.forwardRef((e, t) => {
+	let { __scopePopover: r, ...a } = e, o = E(A, r), s = w(r), c = i(t, o.triggerRef), l = /* @__PURE__ */ b(x.button, {
+		type: "button",
+		"aria-haspopup": "dialog",
+		"aria-expanded": o.open,
+		"aria-controls": o.contentId,
+		"data-state": K(o.open),
+		...a,
+		ref: c,
+		onClick: n(e.onClick, o.onOpenToggle)
+	});
+	return o.hasCustomAnchor ? l : /* @__PURE__ */ b(_, {
+		asChild: !0,
+		...s,
+		children: l
+	});
+});
+j.displayName = A;
+var M = "PopoverPortal", [N, P] = C(M, { forceMount: void 0 }), F = (e) => {
+	let { __scopePopover: n, forceMount: r, children: i, container: a } = e, o = E(M, n);
+	return /* @__PURE__ */ b(N, {
+		scope: n,
+		forceMount: r,
+		children: /* @__PURE__ */ b(t, {
+			present: r || o.open,
+			children: /* @__PURE__ */ b(v, {
+				asChild: !0,
+				container: a,
+				children: i
+			})
+		})
+	});
+};
+F.displayName = M;
+var I = "PopoverContent", L = y.forwardRef((e, n) => {
+	let r = P(I, e.__scopePopover), { forceMount: i = r.forceMount, ...a } = e, o = E(I, e.__scopePopover);
+	return /* @__PURE__ */ b(t, {
+		present: i || o.open,
+		children: o.modal ? /* @__PURE__ */ b(z, {
+			...a,
+			ref: n
+		}) : /* @__PURE__ */ b(B, {
+			...a,
+			ref: n
+		})
+	});
+});
+L.displayName = I;
+var R = a("PopoverContent.RemoveScroll"), z = y.forwardRef((e, t) => {
+	let r = E(I, e.__scopePopover), a = y.useRef(null), o = i(t, a), s = y.useRef(!1);
+	return y.useEffect(() => {
+		let e = a.current;
+		if (e) return g(e);
+	}, []), /* @__PURE__ */ b(l, {
+		as: R,
+		allowPinchZoom: !0,
+		children: /* @__PURE__ */ b(V, {
+			...e,
+			ref: o,
+			trapFocus: r.open,
+			disableOutsidePointerEvents: !0,
+			onCloseAutoFocus: n(e.onCloseAutoFocus, (e) => {
+				e.preventDefault(), s.current || r.triggerRef.current?.focus();
+			}),
+			onPointerDownOutside: n(e.onPointerDownOutside, (e) => {
+				let t = e.detail.originalEvent, n = t.button === 0 && t.ctrlKey === !0;
+				s.current = t.button === 2 || n;
+			}, { checkForDefaultPrevented: !1 }),
+			onFocusOutside: n(e.onFocusOutside, (e) => e.preventDefault(), { checkForDefaultPrevented: !1 })
+		})
+	});
+}), B = y.forwardRef((e, t) => {
+	let n = E(I, e.__scopePopover), r = y.useRef(!1), i = y.useRef(!1);
+	return /* @__PURE__ */ b(V, {
+		...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();
+		}
+	});
+}), V = y.forwardRef((e, t) => {
+	let { __scopePopover: n, trapFocus: r, onOpenAutoFocus: i, onCloseAutoFocus: a, disableOutsidePointerEvents: o, onEscapeKeyDown: s, onPointerDownOutside: c, onFocusOutside: l, onInteractOutside: f, ...m } = e, g = E(I, n), _ = w(n);
+	return p(), /* @__PURE__ */ b(u, {
+		asChild: !0,
+		loop: !0,
+		trapped: r,
+		onMountAutoFocus: i,
+		onUnmountAutoFocus: a,
+		children: /* @__PURE__ */ b(d, {
+			asChild: !0,
+			disableOutsidePointerEvents: o,
+			onInteractOutside: f,
+			onEscapeKeyDown: s,
+			onPointerDownOutside: c,
+			onFocusOutside: l,
+			onDismiss: () => g.onOpenChange(!1),
+			children: /* @__PURE__ */ b(h, {
+				"data-state": K(g.open),
+				role: "dialog",
+				id: g.contentId,
+				..._,
+				...m,
+				ref: t,
+				style: {
+					...m.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)"
+				}
+			})
+		})
+	});
+}), H = "PopoverClose", U = y.forwardRef((e, t) => {
+	let { __scopePopover: r, ...i } = e, a = E(H, r);
+	return /* @__PURE__ */ b(x.button, {
+		type: "button",
+		...i,
+		ref: t,
+		onClick: n(e.onClick, () => a.onOpenChange(!1))
+	});
+});
+U.displayName = H;
+var W = "PopoverArrow", G = y.forwardRef((e, t) => {
+	let { __scopePopover: n, ...r } = e;
+	return /* @__PURE__ */ b(m, {
+		...w(n),
+		...r,
+		ref: t
+	});
+});
+G.displayName = W;
+function K(e) {
+	return e ? "open" : "closed";
+}
+var q = D, J = j, Y = F, X = L;
+//#endregion
+//#region src/components/reui/popover.tsx
+function Z({ ...e }) {
+	return /* @__PURE__ */ b(q, {
+		"data-slot": "popover",
+		...e
+	});
+}
+function Q({ ...e }) {
+	return /* @__PURE__ */ b(J, {
+		"data-slot": "popover-trigger",
+		...e
+	});
+}
+function $({ className: e, align: t = "center", sideOffset: n = 4, ...i }) {
+	return /* @__PURE__ */ b(Y, { children: /* @__PURE__ */ b(X, {
+		"data-slot": "popover-content",
+		align: t,
+		sideOffset: n,
+		className: r("z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-hidden 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 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95", e),
+		...i
+	}) });
+}
+//#endregion
+export { $ as n, Q as r, Z as t };