@jfrader/ui 0.3.0 → 0.5.0

package/dist/date-picker-ClUYBIBh.js

@@ -1,250 +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 "./renderable-DzcIj1Lo.js";
-import { t as i } from "./calendar-C9Yad_-w.js";
-import { n as a } from "./surface-DZ4d-2aL.js";
-import { t as o } from "./use-overlay-floating-efeqppiw.js";
-import { t as s } from "./text-field-D60ok14S.js";
-import { createContext as c, useContext as l, useEffect as u, useId as d, useLayoutEffect as f, useMemo as p, useRef as m, useState as h } from "react";
-import { vars as g } from "@jfrader/tokens/vars";
-import { jsx as _, jsxs as v } from "@emotion/react/jsx-runtime";
-import { FloatingFocusManager as y, FloatingPortal as b, useClick as x, useDismiss as S, useInteractions as C, useMergeRefs as w, useRole as T } from "@floating-ui/react";
-//#region src/components/date-picker/date-picker.tsx
-var E = "bottom-start", D = /* @__PURE__ */ new Set(["Enter", "ArrowDown"]), O = " ", k = "[data-ui=\"calendar-day\"][tabindex=\"0\"]", A = "[data-ui=\"calendar-day\"]", j = /^\d{4}-\d{2}-\d{2}$/, M = {
-	calendar: "gregory",
-	timeZone: "UTC",
-	dateStyle: "medium"
-}, N = c(null);
-function P(e) {
-	let t = l(N);
-	if (!t) throw Error(`DatePicker.${e} must be rendered inside <DatePicker>.`);
-	return t;
-}
-var F = (e, t) => String(e).padStart(t, "0"), I = (e, t, n) => `${F(e, 4)}-${F(t, 2)}-${F(n, 2)}`;
-function L(e) {
-	if (e === void 0 || !j.test(e)) return;
-	let [t = NaN, n = NaN, r = NaN] = e.split("-").map(Number), i = new Date(Date.UTC(0, 0, 1));
-	return i.setUTCFullYear(t, n - 1, r), I(i.getUTCFullYear(), i.getUTCMonth() + 1, i.getUTCDate()) === e ? i : void 0;
-}
-var R = (e) => L(e) ? e : void 0;
-function ee(e, t, n) {
-	return t !== void 0 && e < t ? t : n !== void 0 && e > n ? n : e;
-}
-function te() {
-	let e = /* @__PURE__ */ new Date();
-	return I(e.getFullYear(), e.getMonth() + 1, e.getDate());
-}
-var ne = () => typeof navigator > "u" ? void 0 : navigator.language;
-function re(e, t) {
-	let n = new Intl.DisplayNames(t, { type: "dateTimeField" });
-	return e.formatToParts(/* @__PURE__ */ new Date(0)).map((e) => e.type === "literal" ? e.value : n.of(e.type) ?? e.value).join("");
-}
-function z(e) {
-	let t = e?.querySelector(k) ?? null;
-	return t?.focus({ preventScroll: !0 }), t;
-}
-var B = e({
-	cursor: "pointer",
-	"&:disabled": { cursor: "not-allowed" }
-}), V = e({
-	...a,
-	borderRadius: g.radius.md,
-	boxShadow: g.shadow.overlay,
-	padding: g.space[3]
-});
-function H({ value: e, defaultValue: t, onValueChange: r, open: i, defaultOpen: a = !1, onOpenChange: s, min: c, max: l, locale: d, firstDayOfWeek: f, disabled: g = !1, name: y, placeholder: b, children: w }) {
-	let [D, O] = n(e, t, r), [k = !1, A] = n(i, a, s), [j, P] = h(!1), F = g || j, I = k && !F, [z, B] = h(null), V = m(null), H = m(!1), U = p(() => new Intl.DateTimeFormat(d ?? ne()).resolvedOptions().locale, [d]), W = p(() => new Intl.DateTimeFormat(U, M), [U]), G = p(() => re(W, U), [W, U]), K = L(D), q = K ? W.format(K) : "", J = R(c), Y = R(l), X = ee(R(D) ?? te(), J, Y).slice(0, 7), { refs: Z, floatingStyles: Q, context: $ } = o({
-		open: I,
-		placement: E,
-		onOpenChange: (e, t, n) => {
-			F && e || (e || (H.current = n === "escape-key"), A(e));
-		}
-	});
-	u(() => {
-		F && (H.current = !1, k && A(!1));
-	}, [
-		F,
-		k,
-		A
-	]), u(() => {
-		!F && !I && H.current && (H.current = !1, Z.domReference.current?.focus());
-	}, [
-		F,
-		I,
-		Z
-	]);
-	let ie = x($, {
-		enabled: !F,
-		keyboardHandlers: !1
-	}), ae = S($, {
-		escapeKey: !0,
-		outsidePress: !0
-	}), oe = T($, { role: "dialog" }), { getReferenceProps: se, getFloatingProps: ce } = C([
-		ie,
-		ae,
-		oe
-	]), le = p(() => ({
-		open: I,
-		disabled: F,
-		value: D,
-		displayValue: q,
-		placeholder: b ?? G,
-		initialMonth: X,
-		min: J,
-		max: Y,
-		locale: U,
-		firstDayOfWeek: f,
-		inputLabelling: z,
-		gridRef: V,
-		refs: Z,
-		floatingContext: $,
-		floatingStyles: Q,
-		getReferenceProps: se,
-		getFloatingProps: ce,
-		requestOpenChange: (e) => {
-			F && e || A(e);
-		},
-		selectDate: (e) => {
-			F || (O(e), H.current = !0, A(!1));
-		},
-		setInputLabelling: B,
-		setInputDisabled: P
-	}), [
-		I,
-		F,
-		D,
-		q,
-		b,
-		G,
-		X,
-		J,
-		Y,
-		U,
-		f,
-		z,
-		Z,
-		$,
-		Q,
-		se,
-		ce,
-		A,
-		O
-	]);
-	return /* @__PURE__ */ v(N.Provider, {
-		value: le,
-		children: [w, y !== void 0 && /* @__PURE__ */ _("input", {
-			type: "hidden",
-			name: y,
-			value: D ?? "",
-			disabled: F
-		})]
-	});
-}
-H.displayName = "DatePicker";
-function U({ ref: e, label: t, id: n, disabled: i, slotProps: a, onKeyDown: o, onKeyUp: c, ...l }) {
-	let { open: u, disabled: p, displayValue: m, placeholder: h, gridRef: g, refs: v, getReferenceProps: y, requestOpenChange: b, setInputLabelling: x, setInputDisabled: S } = P("Input"), C = w([v.setReference, e]), T = d(), E = n ?? T, k = `${E}-label`, A = r(t), j = l["aria-labelledby"], M = l["aria-label"], N = M ?? (typeof t == "string" ? t : void 0), F = p || i === !0;
-	f(() => (S(i === !0), () => S(!1)), [i, S]), f(() => (x(j === void 0 ? M === void 0 ? typeof t == "string" ? { label: t } : { labelledBy: A ? k : void 0 } : { label: M } : { labelledBy: j }), () => x(null)), [
-		j,
-		M,
-		t,
-		A,
-		k,
-		x
-	]);
-	let I = () => {
-		F || (u ? z(g.current) : b(!0));
-	}, L = (e) => {
-		o?.(e), !(e.defaultPrevented || F) && (e.key === O ? e.preventDefault() : D.has(e.key) && (e.preventDefault(), I()));
-	}, R = (e) => {
-		c?.(e), !(e.defaultPrevented || F || e.key !== O) && I();
-	};
-	return /* @__PURE__ */ _(s, {
-		...y({
-			...l,
-			onKeyDown: L,
-			onKeyUp: R
-		}),
-		ref: C,
-		id: E,
-		label: A ? /* @__PURE__ */ _("span", {
-			id: k,
-			children: t
-		}) : t,
-		slotProps: {
-			...a,
-			control: {
-				...a?.control,
-				css: [B, a?.control?.css]
-			}
-		},
-		value: m,
-		placeholder: h,
-		disabled: F,
-		readOnly: !0,
-		role: "combobox",
-		"aria-label": N,
-		"aria-autocomplete": "none",
-		"data-state": u ? "open" : "closed",
-		"data-ui": "date-picker-input"
-	});
-}
-U.displayName = "DatePicker.Input";
-function W({ ref: e, style: n, className: r, sx: a, ...o }) {
-	let { open: s, value: c, initialMonth: l, min: u, max: d, locale: f, firstDayOfWeek: p, inputLabelling: h, gridRef: g, refs: x, floatingContext: S, floatingStyles: C, getFloatingProps: T, selectDate: E } = P("Popup"), D = w([x.setFloating, e]), O = m(null), k = w([(e) => {
-		g.current = e, O.current = z(e);
-	}]);
-	if (!s) return null;
-	let j = o["aria-labelledby"] !== void 0 || o["aria-label"] !== void 0 ? {} : h?.labelledBy === void 0 ? { "aria-label": h?.label } : { "aria-labelledby": h.labelledBy }, M = (e) => {
-		let t = e.target.closest(A);
-		if (t?.disabled) return;
-		let n = t?.dataset.date;
-		n !== void 0 && E(n);
-	}, N = (e) => {
-		e.target.closest(A)?.disabled && e.preventDefault();
-	};
-	return /* @__PURE__ */ _(b, { children: /* @__PURE__ */ _(y, {
-		context: S,
-		modal: !1,
-		initialFocus: O,
-		returnFocus: !1,
-		children: /* @__PURE__ */ _(t, {
-			className: r,
-			styles: V,
-			sx: a,
-			children: (e) => /* @__PURE__ */ _("div", {
-				...T({
-					...j,
-					...o
-				}),
-				ref: D,
-				"data-ui": "date-picker-popup",
-				style: {
-					...n,
-					...C
-				},
-				className: e,
-				children: /* @__PURE__ */ v(i, {
-					value: c ?? "",
-					defaultVisibleMonth: l,
-					min: u,
-					max: d,
-					locale: f,
-					firstDayOfWeek: p,
-					children: [/* @__PURE__ */ _(i.Header, {}), /* @__PURE__ */ _(i.Grid, {
-						ref: k,
-						onClick: M,
-						onPointerDownCapture: N
-					})]
-				})
-			})
-		})
-	}) });
-}
-W.displayName = "DatePicker.Popup";
-var G = Object.assign(H, {
-	Input: U,
-	Popup: W
-});
-//#endregion
-export { G as t };

package/dist/field-anatomy-D2ToMeRa.js

@@ -1,109 +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 { useId as i } from "react";
-import { vars as a } from "@jfrader/tokens/vars";
-import { jsx as o, jsxs as s } from "@emotion/react/jsx-runtime";
-//#region src/styling/input-control.ts
-var c = e({
-	display: "block",
-	inlineSize: "100%",
-	boxSizing: "border-box",
-	margin: 0,
-	backgroundColor: a.color.surfaceRaised,
-	border: `1px solid ${a.color.borderControl}`,
-	borderRadius: a.radius.md,
-	color: a.color.text,
-	fontFamily: a.font.sans,
-	transitionProperty: "border-color",
-	transitionDuration: a.motion.duration.fast,
-	transitionTimingFunction: a.motion.easeStandard,
-	"&::placeholder": { color: a.color.textSubtle },
-	"&:hover:not(:disabled):not(:focus-visible)": { borderColor: a.color.textSubtle },
-	"&:focus-visible": {
-		outline: `2px solid ${a.color.focusRing}`,
-		outlineOffset: "2px",
-		borderColor: a.color.focusRing
-	},
-	"&:disabled": {
-		opacity: .55,
-		cursor: "not-allowed"
-	},
-	"&[aria-invalid=\"true\"]:not(:focus-visible)": { borderColor: a.color.dangerBorder },
-	[n]: { transitionDuration: "0s" }
-}), l = e({
-	display: "grid",
-	gap: a.space[1],
-	inlineSize: "100%"
-}), u = e({
-	display: "inline-flex",
-	gap: a.space[1],
-	fontSize: a.textSize.sm,
-	fontWeight: a.fontWeight.medium,
-	color: a.color.text
-}), d = e({ color: a.color.dangerText }), f = e({
-	fontSize: a.textSize.sm,
-	color: a.color.textMuted
-}), p = e({
-	fontSize: a.textSize.sm,
-	color: a.color.dangerText
-});
-function m({ id: e, description: t, error: n, "aria-describedby": a, "aria-invalid": o }) {
-	let s = i(), c = e ?? s, l = `${c}-description`, u = `${c}-error`, d = r(t), f = r(n);
-	return {
-		id: c,
-		descriptionId: l,
-		errorId: u,
-		describedBy: [
-			a,
-			d && l,
-			f && u
-		].filter(Boolean).join(" ") || void 0,
-		ariaInvalid: f ? !0 : o
-	};
-}
-function h({ "data-ui": e, className: n, sx: r, part: i, children: a }) {
-	let s = [n, i?.className].filter(Boolean).join(" ") || void 0;
-	return /* @__PURE__ */ o(t, {
-		className: s,
-		styles: [l, i?.css],
-		sx: r,
-		children: (t) => /* @__PURE__ */ o("div", {
-			"data-ui": e,
-			className: t,
-			children: a
-		})
-	});
-}
-function g({ htmlFor: e, required: t, part: n, children: i }) {
-	return r(i) ? /* @__PURE__ */ s("label", {
-		htmlFor: e,
-		className: n?.className,
-		css: [u, n?.css],
-		children: [i, t && /* @__PURE__ */ o("span", {
-			"aria-hidden": !0,
-			css: d,
-			children: " *"
-		})]
-	}) : null;
-}
-function _({ id: e, part: t, children: n }) {
-	return r(n) ? /* @__PURE__ */ o("span", {
-		id: e,
-		className: t?.className,
-		css: [f, t?.css],
-		children: n
-	}) : null;
-}
-function v({ id: e, part: t, children: n }) {
-	return r(n) ? /* @__PURE__ */ o("span", {
-		id: e,
-		role: "alert",
-		className: t?.className,
-		css: [p, t?.css],
-		children: n
-	}) : null;
-}
-//#endregion
-export { m as a, h as i, v as n, c as o, g as r, _ as t };

package/dist/menu-DU60SMdt.js

@@ -1,216 +0,0 @@
-'use client';
-import { r as e, t } from "./sx-Dx9JUKp5.js";
-import { t as n } from "./focus-ring-BK5W5_NY.js";
-import { n as r } from "./media-D_eA_I-e.js";
-import { t as i } from "./use-controlled-state-CVXDa-qM.js";
-import { f as a, i as o, n as s, o as c } from "./collection-registry-BTYi6zGh.js";
-import { t as l } from "./trigger-style-B1KVC8O1.js";
-import { t as u } from "./use-overlay-floating-efeqppiw.js";
-import { createContext as d, useContext as f, useEffect as p, useMemo as m, useRef as h, useState as g } from "react";
-import { vars as _ } from "@jfrader/tokens/vars";
-import { jsx as v } from "@emotion/react/jsx-runtime";
-import { FloatingFocusManager as y, FloatingList as b, FloatingPortal as x, useClick as S, useDismiss as C, useInteractions as w, useListNavigation as T, useMergeRefs as E, useRole as D, useTypeahead as O } from "@floating-ui/react";
-//#region src/components/menu/menu.tsx
-var k = 500, A = d(null), j = d(!1);
-function M(e) {
-	let t = f(A);
-	if (!t) throw Error(`Menu.${e} must be rendered inside <Menu>.`);
-	return t;
-}
-function N() {
-	let e = M("Item");
-	if (!f(j)) throw Error("Menu.Item must be rendered inside <Menu.Content>.");
-	return e;
-}
-var P = e({
-	appearance: "none",
-	boxSizing: "border-box",
-	display: "flex",
-	alignItems: "center",
-	inlineSize: "100%",
-	minBlockSize: "32px",
-	border: 0,
-	borderRadius: _.radius.sm,
-	backgroundColor: "transparent",
-	paddingBlock: _.space[1],
-	paddingInline: _.space[2],
-	font: "inherit",
-	fontSize: _.textSize.sm,
-	color: _.color.text,
-	textAlign: "start",
-	cursor: "pointer",
-	transitionProperty: "background-color",
-	transitionDuration: _.motion.duration.fast,
-	transitionTimingFunction: _.motion.easeStandard,
-	"&:focus-visible": { ...n },
-	[r]: { transitionDuration: "0s" }
-}), F = e({
-	blockSize: "1px",
-	marginBlock: _.space[1],
-	backgroundColor: _.color.border
-});
-function I({ open: e, defaultOpen: t = !1, onOpenChange: n, placement: r = "bottom-start", children: a }) {
-	let [o = !1, s] = i(e, t, n), [c, l] = g(null), d = h([]), f = h([]), _ = h(/* @__PURE__ */ new Set()), y = h(!1), { refs: b, floatingStyles: x, context: E } = u({
-		open: o,
-		placement: r,
-		onOpenChange: (e, t, n) => {
-			e || (y.current = n === "escape-key"), s(e);
-		}
-	});
-	p(() => {
-		!o && y.current && (y.current = !1, b.domReference.current?.focus());
-	}, [o, b]);
-	let j = S(E), M = D(E, { role: "menu" }), N = C(E, {
-		escapeKey: !0,
-		outsidePress: !0
-	}), P = T(E, {
-		listRef: d,
-		activeIndex: c,
-		onNavigate: l,
-		loop: !0,
-		orientation: "vertical",
-		disabledIndices: (e) => _.current.has(e),
-		focusItemOnOpen: !0
-	}), F = O(E, {
-		listRef: f,
-		activeIndex: c,
-		onMatch: o ? l : void 0,
-		resetMs: k
-	}), { getReferenceProps: I, getFloatingProps: L, getItemProps: R } = w([
-		j,
-		M,
-		N,
-		P,
-		F
-	]), z = m(() => ({
-		open: o,
-		requestClose: (e = !1) => {
-			e && (y.current = !0), s(!1);
-		},
-		activeIndex: c,
-		refs: b,
-		floatingContext: E,
-		floatingStyles: x,
-		elementsRef: d,
-		labelsRef: f,
-		disabledIndices: _.current,
-		getReferenceProps: I,
-		getFloatingProps: L,
-		getItemProps: R
-	}), [
-		o,
-		s,
-		c,
-		b,
-		E,
-		x,
-		I,
-		L,
-		R
-	]);
-	return /* @__PURE__ */ v(A.Provider, {
-		value: z,
-		children: a
-	});
-}
-I.displayName = "Menu";
-function L({ ref: e, className: n, sx: r, ...i }) {
-	let { refs: a, getReferenceProps: o } = M("Trigger"), s = E([a.setReference, e]);
-	return /* @__PURE__ */ v(t, {
-		className: n,
-		styles: l,
-		sx: r,
-		children: (e) => /* @__PURE__ */ v("button", {
-			type: "button",
-			...o(i),
-			ref: s,
-			"data-ui": "menu-trigger",
-			className: e
-		})
-	});
-}
-L.displayName = "Menu.Trigger";
-function R({ ref: e, style: n, children: r, className: i, sx: o, ...s }) {
-	let { open: c, refs: l, floatingContext: u, floatingStyles: d, elementsRef: f, labelsRef: p, getFloatingProps: m } = M("Content"), h = E([l.setFloating, e]);
-	return c ? /* @__PURE__ */ v(x, { children: /* @__PURE__ */ v(y, {
-		context: u,
-		modal: !1,
-		initialFocus: -1,
-		returnFocus: !1,
-		restoreFocus: !0,
-		children: /* @__PURE__ */ v(t, {
-			className: i,
-			styles: a,
-			sx: o,
-			children: (e) => /* @__PURE__ */ v("div", {
-				...m(s),
-				ref: h,
-				"data-ui": "menu",
-				style: {
-					...n,
-					...d
-				},
-				className: e,
-				children: /* @__PURE__ */ v(b, {
-					elementsRef: f,
-					labelsRef: p,
-					children: /* @__PURE__ */ v(j.Provider, {
-						value: !0,
-						children: r
-					})
-				})
-			})
-		})
-	}) }) : null;
-}
-R.displayName = "Menu.Content";
-function z({ ref: e, onSelect: n, disabled: r = !1, onClick: i, className: a, sx: l, ...u }) {
-	let { activeIndex: d, requestClose: f, disabledIndices: p, getItemProps: m } = N(), { ref: h, index: g } = o({ label: r ? null : void 0 }), _ = E([h, e]), y = g !== -1 && d === g;
-	s(g, r, p);
-	let b = (e) => {
-		r || (i?.(e), n?.(), e.defaultPrevented || f(!0));
-	};
-	return /* @__PURE__ */ v(t, {
-		className: a,
-		styles: [P, c],
-		sx: l,
-		children: (e) => /* @__PURE__ */ v("button", {
-			type: "button",
-			...m({
-				...u,
-				onClick: b
-			}),
-			ref: _,
-			role: "menuitem",
-			tabIndex: y ? 0 : -1,
-			"aria-disabled": r || void 0,
-			"data-active": y || void 0,
-			"data-ui": "menu-item",
-			className: e
-		})
-	});
-}
-z.displayName = "Menu.Item";
-function B({ ref: e, className: n, sx: r, ...i }) {
-	return /* @__PURE__ */ v(t, {
-		className: n,
-		styles: F,
-		sx: r,
-		children: (t) => /* @__PURE__ */ v("div", {
-			...i,
-			ref: e,
-			role: "separator",
-			"data-ui": "menu-separator",
-			className: t
-		})
-	});
-}
-B.displayName = "Menu.Separator";
-var V = Object.assign(I, {
-	Trigger: L,
-	Content: R,
-	Item: z,
-	Separator: B
-});
-//#endregion
-export { V as t };

package/dist/popover-BtN_0ejj.js

@@ -1,113 +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 { n as i } from "./surface-DZ4d-2aL.js";
-import { t as a } from "./use-overlay-floating-efeqppiw.js";
-import { createContext as o, useContext as s, useEffect as c, useMemo as l, useRef as u } from "react";
-import { vars as d } from "@jfrader/tokens/vars";
-import { jsx as f } from "@emotion/react/jsx-runtime";
-import { FloatingFocusManager as p, FloatingPortal as m, useClick as h, useDismiss as g, useInteractions as _, useMergeRefs as v, useRole as y } from "@floating-ui/react";
-//#region src/components/popover/popover.tsx
-var b = o(null);
-function x(e) {
-	let t = s(b);
-	if (!t) throw Error(`Popover.${e} must be rendered inside <Popover>.`);
-	return t;
-}
-var S = e({
-	...i,
-	borderRadius: d.radius.lg,
-	boxShadow: d.shadow.overlay,
-	padding: d.space[4],
-	minInlineSize: "200px",
-	maxInlineSize: "min(360px, calc(100vw - 32px))",
-	fontSize: d.textSize.sm
-});
-function C({ open: e, defaultOpen: t = !1, onOpenChange: r, placement: i = "bottom", children: o }) {
-	let [s = !1, d] = n(e, t, r), p = u(!1), { refs: m, floatingStyles: v, context: x } = a({
-		open: s,
-		placement: i,
-		onOpenChange: (e, t, n) => {
-			e || (p.current = n === "escape-key"), d(e);
-		}
-	});
-	c(() => {
-		!s && p.current && (p.current = !1, m.domReference.current?.focus());
-	}, [s, m]);
-	let S = h(x), C = g(x, {
-		escapeKey: !0,
-		outsidePress: !0
-	}), w = y(x, { role: "dialog" }), { getReferenceProps: T, getFloatingProps: E } = _([
-		S,
-		C,
-		w
-	]), D = l(() => ({
-		open: s,
-		refs: m,
-		floatingContext: x,
-		floatingStyles: v,
-		getReferenceProps: T,
-		getFloatingProps: E
-	}), [
-		s,
-		m,
-		x,
-		v,
-		T,
-		E
-	]);
-	return /* @__PURE__ */ f(b.Provider, {
-		value: D,
-		children: o
-	});
-}
-C.displayName = "Popover";
-function w({ ref: e, className: n, sx: i, ...a }) {
-	let { refs: o, getReferenceProps: s } = x("Trigger"), c = v([o.setReference, e]);
-	return /* @__PURE__ */ f(t, {
-		className: n,
-		styles: r,
-		sx: i,
-		children: (e) => /* @__PURE__ */ f("button", {
-			type: "button",
-			...s(a),
-			ref: c,
-			"data-ui": "popover-trigger",
-			className: e
-		})
-	});
-}
-w.displayName = "Popover.Trigger";
-function T({ ref: e, style: n, className: r, sx: i, ...a }) {
-	let { open: o, refs: s, floatingContext: c, floatingStyles: l, getFloatingProps: u } = x("Content"), d = v([s.setFloating, e]);
-	return o ? /* @__PURE__ */ f(m, { children: /* @__PURE__ */ f(p, {
-		context: c,
-		modal: !1,
-		initialFocus: -1,
-		returnFocus: !1,
-		closeOnFocusOut: !1,
-		children: /* @__PURE__ */ f(t, {
-			className: r,
-			styles: S,
-			sx: i,
-			children: (e) => /* @__PURE__ */ f("div", {
-				...u(a),
-				ref: d,
-				"data-ui": "popover",
-				style: {
-					...n,
-					...l
-				},
-				className: e
-			})
-		})
-	}) }) : null;
-}
-T.displayName = "Popover.Content";
-var E = Object.assign(C, {
-	Trigger: w,
-	Content: T
-});
-//#endregion
-export { E as t };