@factorialco/f0-react 10.0.2 → 10.2.0

package/dist/{F0Box-DrW7A9gg.js → F0Box-BfJP_8en.js}

@@ -1,5 +1,5 @@
-import { I as e } from "./tooltip-DVXqL5Ri.js";
-import { Yn as t, er as n, hn as r, nr as i, on as a } from "./popover-BTxkQ2PV.js";
+import { Yn as e, er as t, hn as n, nr as r, on as i } from "./popover-Bd02P3vo.js";
+import { I as a } from "./tooltip-TOvfXq9F.js";
 import { createContext as o, forwardRef as s, useCallback as c, useContext as l, useMemo as u, useRef as d, useState as f } from "react";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region ../../node_modules/.pnpm/motion@12.17.0_@emotion+is-prop-valid@1.3.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/motion/dist/es/framer-motion/dist/es/context/DeprecatedLayoutGroupContext.mjs
@@ -8,17 +8,17 @@ var h = o(null);
 //#region ../../node_modules/.pnpm/motion@12.17.0_@emotion+is-prop-valid@1.3.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/motion/dist/es/framer-motion/dist/es/utils/use-is-mounted.mjs
 function g() {
 	let e = d(!1);
-	return n(() => (e.current = !0, () => {
+	return t(() => (e.current = !0, () => {
 		e.current = !1;
 	}), []), e;
 }
 //#endregion
 //#region ../../node_modules/.pnpm/motion@12.17.0_@emotion+is-prop-valid@1.3.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/motion/dist/es/framer-motion/dist/es/utils/use-force-update.mjs
 function _() {
-	let e = g(), [n, r] = f(0), i = c(() => {
-		e.current && r(n + 1);
+	let t = g(), [n, r] = f(0), i = c(() => {
+		t.current && r(n + 1);
 	}, [n]);
-	return [c(() => t.postRender(i), [i]), n];
+	return [c(() => e.postRender(i), [i]), n];
 }
 //#endregion
 //#region ../../node_modules/.pnpm/motion@12.17.0_@emotion+is-prop-valid@1.3.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/motion/dist/es/framer-motion/dist/es/projection/node/group.mjs
@@ -40,16 +40,16 @@ function y() {
 //#endregion
 //#region ../../node_modules/.pnpm/motion@12.17.0_@emotion+is-prop-valid@1.3.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/motion/dist/es/framer-motion/dist/es/components/LayoutGroup/index.mjs
 var b = (e) => e === !0, x = (e) => b(e === !0) || e === "id", S = ({ children: e, id: t, inherit: n = !0 }) => {
-	let r = l(i), a = l(h), [o, s] = _(), c = d(null), f = r.id || a;
+	let i = l(r), a = l(h), [o, s] = _(), c = d(null), f = i.id || a;
 	c.current === null && (x(n) && f && (t = t ? f + "-" + t : f), c.current = {
 		id: t,
-		group: b(n) && r.group || y()
+		group: b(n) && i.group || y()
 	});
 	let m = u(() => ({
 		...c.current,
 		forceRender: o
 	}), [s]);
-	return p(i.Provider, {
+	return p(r.Provider, {
 		value: m,
 		children: e
 	});
@@ -972,7 +972,7 @@ function ee(e, t) {
 }
 //#endregion
 //#region src/elements/F0Box/F0Box.tsx
-var te = r({
+var te = n({
 	base: "",
 	variants: {
 		...O,
@@ -1001,24 +1001,24 @@ var te = r({
 	"md",
 	"lg",
 	"xl"
-], W = s(({ display: t, position: n, top: r, right: i, bottom: a, left: o, zIndex: s, padding: c, paddingX: l, paddingY: u, paddingTop: d, paddingBottom: f, paddingLeft: m, paddingRight: h, margin: g, marginX: _, marginY: v, marginTop: y, marginBottom: b, marginLeft: x, marginRight: S, gap: C, columns: w, rows: T, colSpan: E, colStart: D, rowSpan: O, width: k, height: A, minWidth: j, minHeight: M, maxWidth: N, maxHeight: P, background: F, borderColor: I, border: L, borderTop: R, borderBottom: z, borderLeft: B, borderRight: V, borderRadius: H, borderRadiusTopLeft: U, borderRadiusTopRight: W, borderRadiusBottomLeft: G, borderRadiusBottomRight: re, borderStyle: K, overflow: q, overflowX: J, overflowY: Y, divider: X, dividerColor: Z, boxShadow: ie, alignItems: ae, justifyContent: oe, flexDirection: se, flexWrap: ce, grow: le, shrink: ue, sm: de, md: fe, lg: pe, xl: Q, ...me }, he) => {
+], W = s(({ display: e, position: t, top: n, right: r, bottom: i, left: o, zIndex: s, padding: c, paddingX: l, paddingY: u, paddingTop: d, paddingBottom: f, paddingLeft: m, paddingRight: h, margin: g, marginX: _, marginY: v, marginTop: y, marginBottom: b, marginLeft: x, marginRight: S, gap: C, columns: w, rows: T, colSpan: E, colStart: D, rowSpan: O, width: k, height: A, minWidth: j, minHeight: M, maxWidth: N, maxHeight: P, background: F, borderColor: I, border: L, borderTop: R, borderBottom: z, borderLeft: B, borderRight: V, borderRadius: H, borderRadiusTopLeft: U, borderRadiusTopRight: W, borderRadiusBottomLeft: G, borderRadiusBottomRight: re, borderStyle: K, overflow: q, overflowX: J, overflowY: Y, divider: X, dividerColor: Z, boxShadow: ie, alignItems: ae, justifyContent: oe, flexDirection: se, flexWrap: ce, grow: le, shrink: ue, sm: de, md: fe, lg: pe, xl: me, ...Q }, he) => {
 	let $ = R && R !== "none" || z && z !== "none" || B && B !== "none" || V && V !== "none", ge = L && L !== "none" || $, _e = {
 		sm: de,
 		md: fe,
 		lg: pe,
-		xl: Q
+		xl: me
 	}, ve = ne.map((e) => {
 		let t = _e[e];
 		return t ? ee(e, t) : "";
 	}).filter(Boolean).join(" ");
 	return /* @__PURE__ */ p("div", {
 		ref: he,
-		className: e($ && "border-0", te({
-			display: t,
-			position: n,
-			top: r,
-			right: i,
-			bottom: a,
+		className: a($ && "border-0", te({
+			display: e,
+			position: t,
+			top: n,
+			right: r,
+			bottom: i,
 			left: o,
 			zIndex: s,
 			padding: c,
@@ -1073,11 +1073,11 @@ var te = r({
 			shrink: ue,
 			boxShadow: ie
 		}), ve, ge && !I && "border-f1-border", X && !Z && "divide-f1-border", "scrollbar-macos"),
-		...me
+		...Q
 	});
 });
 W.displayName = "F0Box";
-var G = a({
+var G = i({
 	name: "F0Box",
 	type: "layout"
 }, W);