@factorialco/f0-react 10.13.0 → 10.15.0

package/dist/{F0Box-CYL5_Zhb.js → F0Text-eOwHoc51.js}

@@ -1,30 +1,31 @@
-import { Yn as e, er as t, hn as n, nr as r, on as i } from "./popover-B7fqB9lu.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";
+import { Yn as e, ar as t, er as n, hn as r, nr as i, on as a } from "./popover-DNcAIP25.js";
+import { L as o } from "./tooltip-BX4dSfeL.js";
+import { L as s } from "./useData-zygrn6e-.js";
+import { createContext as c, forwardRef as l, useCallback as u, useContext as d, useMemo as f, useRef as p, useState as m } from "react";
+import { jsx as h, jsxs as g } 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
-var h = o(null);
+var _ = c(null);
 //#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-is-mounted.mjs
-function g() {
-	let e = d(!1);
-	return t(() => (e.current = !0, () => {
+function v() {
+	let e = p(!1);
+	return n(() => (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 t = g(), [n, r] = f(0), i = c(() => {
+function y() {
+	let t = v(), [n, r] = m(0), i = u(() => {
 		t.current && r(n + 1);
 	}, [n]);
-	return [c(() => e.postRender(i), [i]), n];
+	return [u(() => 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
-var v = (e) => !e.isLayoutDirty && e.willUpdate(!1);
-function y() {
-	let e = /* @__PURE__ */ new Set(), t = /* @__PURE__ */ new WeakMap(), n = () => e.forEach(v);
+var b = (e) => !e.isLayoutDirty && e.willUpdate(!1);
+function x() {
+	let e = /* @__PURE__ */ new Set(), t = /* @__PURE__ */ new WeakMap(), n = () => e.forEach(b);
 	return {
 		add: (r) => {
 			e.add(r), t.set(r, r.addEventListener("willUpdate", n));
@@ -39,38 +40,38 @@ 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 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 = {
+var S = (e) => e === !0, C = (e) => S(e === !0) || e === "id", w = ({ children: e, id: t, inherit: n = !0 }) => {
+	let r = d(i), a = d(_), [o, s] = y(), c = p(null), l = r.id || a;
+	c.current === null && (C(n) && l && (t = t ? l + "-" + t : l), c.current = {
 		id: t,
-		group: b(n) && i.group || y()
+		group: S(n) && r.group || x()
 	});
-	let m = u(() => ({
+	let u = f(() => ({
 		...c.current,
 		forceRender: o
 	}), [s]);
-	return p(r.Provider, {
-		value: m,
+	return h(i.Provider, {
+		value: u,
 		children: e
 	});
-}, C = s((e, t) => /* @__PURE__ */ m("svg", {
+}, T = l((e, t) => /* @__PURE__ */ g("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	fill: "none",
 	viewBox: "0 0 24 24",
 	ref: t,
 	...e,
-	children: [/* @__PURE__ */ p("path", {
+	children: [/* @__PURE__ */ h("path", {
 		stroke: "currentColor",
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		d: "M16.9497 7.05026L12 12L7.05025 16.9498"
-	}), /* @__PURE__ */ p("path", {
+	}), /* @__PURE__ */ h("path", {
 		stroke: "currentColor",
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		d: "M12 12L7.05025 7.05026L16.9497 16.9498"
 	})]
-})), w = { background: {
+})), E = { background: {
 	transparent: "bg-transparent",
 	primary: "bg-f1-background",
 	secondary: "bg-f1-background-secondary",
@@ -93,7 +94,7 @@ var b = (e) => e === !0, x = (e) => b(e === !0) || e === "id", S = ({ children:
 	"selected-secondary": "bg-f1-background-selected-secondary",
 	"selected-bold": "bg-f1-background-selected-bold",
 	overlay: "bg-f1-background-overlay"
-} }, T = {
+} }, D = {
 	borderColor: {
 		default: "border-f1-border",
 		secondary: "border-f1-border-secondary",
@@ -202,7 +203,7 @@ var b = (e) => e === !0, x = (e) => b(e === !0) || e === "id", S = ({ children:
 		double: "border-double",
 		none: "border-none"
 	}
-}, E = {}, D = {
+}, O = {}, k = {
 	width: {
 		auto: "w-auto",
 		full: "w-full",
@@ -425,6 +426,7 @@ var b = (e) => e === !0, x = (e) => b(e === !0) || e === "id", S = ({ children:
 	},
 	maxWidth: {
 		auto: "max-w-none",
+		content: "max-w-content",
 		full: "max-w-full",
 		screen: "max-w-screen",
 		min: "max-w-min",
@@ -533,7 +535,7 @@ var b = (e) => e === !0, x = (e) => b(e === !0) || e === "id", S = ({ children:
 		"1/6": "max-h-1/6",
 		"5/6": "max-h-5/6"
 	}
-}, O = {
+}, A = {
 	display: {
 		block: "block",
 		flex: "flex",
@@ -549,7 +551,7 @@ var b = (e) => e === !0, x = (e) => b(e === !0) || e === "id", S = ({ children:
 		fixed: "fixed",
 		sticky: "sticky"
 	}
-}, k = {
+}, j = {
 	divider: {
 		x: "divide-x divide-y-0 divide-solid",
 		y: "divide-y divide-x-0 divide-solid"
@@ -570,7 +572,7 @@ var b = (e) => e === !0, x = (e) => b(e === !0) || e === "id", S = ({ children:
 		"positive-bold": "divide-f1-border-positive-bold",
 		promote: "divide-f1-border-promote"
 	}
-}, A = {
+}, M = {
 	gap: {
 		none: "gap-0",
 		xs: "gap-0.5",
@@ -618,7 +620,7 @@ var b = (e) => e === !0, x = (e) => b(e === !0) || e === "id", S = ({ children:
 		true: "shrink",
 		false: "shrink-0"
 	}
-}, j = {}, M = {
+}, N = {}, P = {
 	columns: {
 		none: "grid-cols-none",
 		1: "grid-cols-1",
@@ -683,7 +685,7 @@ var b = (e) => e === !0, x = (e) => b(e === !0) || e === "id", S = ({ children:
 		6: "row-span-6",
 		full: "row-span-full"
 	}
-}, N = {
+}, F = {
 	top: {
 		none: "top-0",
 		xs: "top-1",
@@ -732,7 +734,7 @@ var b = (e) => e === !0, x = (e) => b(e === !0) || e === "id", S = ({ children:
 		"4xl": "left-12",
 		"5xl": "left-16"
 	}
-}, P = {
+}, I = {
 	margin: {
 		none: "m-0",
 		xs: "m-1",
@@ -824,7 +826,7 @@ var b = (e) => e === !0, x = (e) => b(e === !0) || e === "id", S = ({ children:
 		"5xl": "mr-16",
 		auto: "mr-auto"
 	}
-}, F = {}, I = {
+}, L = {}, R = {
 	overflow: {
 		visible: "overflow-visible",
 		hidden: "overflow-hidden",
@@ -843,7 +845,7 @@ var b = (e) => e === !0, x = (e) => b(e === !0) || e === "id", S = ({ children:
 		auto: "overflow-y-auto",
 		scroll: "overflow-y-scroll"
 	}
-}, L = {}, R = {
+}, z = {}, B = {
 	padding: {
 		none: "p-0",
 		xs: "p-1",
@@ -928,13 +930,13 @@ var b = (e) => e === !0, x = (e) => b(e === !0) || e === "id", S = ({ children:
 		"4xl": "pr-12",
 		"5xl": "pr-16"
 	}
-}, z = {}, B = { boxShadow: {
+}, V = {}, H = { boxShadow: {
 	none: "shadow-none",
 	sm: "shadow",
 	md: "shadow-md",
 	lg: "shadow-lg",
 	xl: "shadow-xl"
-} }, V = { zIndex: {
+} }, U = { zIndex: {
 	auto: "z-auto",
 	0: "z-0",
 	10: "z-10",
@@ -942,92 +944,92 @@ var b = (e) => e === !0, x = (e) => b(e === !0) || e === "id", S = ({ children:
 	30: "z-30",
 	40: "z-40",
 	50: "z-50"
-} }, H = {
-	...O,
-	...N,
-	...R,
-	...P,
+} }, W = {
 	...A,
-	...M,
-	...D,
-	...w,
-	...T,
+	...F,
+	...B,
 	...I,
+	...M,
+	...P,
 	...k,
-	...V
+	...E,
+	...D,
+	...R,
+	...j,
+	...U
 };
-function U(e, t) {
+function G(e, t) {
 	return t.split(" ").map((t) => `${e}:${t}`).join(" ");
 }
 function ee(e, t) {
 	let n = [];
 	for (let [r, i] of Object.entries(t)) {
 		if (i == null) continue;
-		let t = H[r];
+		let t = W[r];
 		if (!t) continue;
 		let a = t[String(i)];
-		a && n.push(U(e, a));
+		a && n.push(G(e, a));
 	}
 	return n.join(" ");
 }
 //#endregion
 //#region src/elements/F0Box/F0Box.tsx
-var te = n({
+var te = r({
 	base: "",
 	variants: {
-		...O,
-		...N,
-		...R,
-		...P,
 		...A,
-		...M,
-		...D,
-		...w,
-		...T,
+		...F,
+		...B,
 		...I,
+		...M,
+		...P,
 		...k,
-		...B,
-		...V
+		...E,
+		...D,
+		...R,
+		...j,
+		...H,
+		...U
 	},
 	defaultVariants: {
-		...z,
-		...F,
-		...j,
-		...E,
-		...L
+		...V,
+		...L,
+		...N,
+		...O,
+		...z
 	}
 }), ne = [
 	"sm",
 	"md",
 	"lg",
 	"xl"
-], 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) => {
+], K = l(({ display: e, position: t, top: n, right: r, bottom: i, left: a, zIndex: s, padding: c, paddingX: l, paddingY: u, paddingTop: d, paddingBottom: f, paddingLeft: p, paddingRight: m, 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: K, borderStyle: q, overflow: J, overflowX: Y, overflowY: X, divider: Z, dividerColor: Q, boxShadow: re, alignItems: ie, justifyContent: ae, flexDirection: oe, flexWrap: se, grow: ce, shrink: le, sm: ue, md: de, lg: fe, xl: pe, ...me }, 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: me
+		sm: ue,
+		md: de,
+		lg: fe,
+		xl: pe
 	}, ve = ne.map((e) => {
 		let t = _e[e];
 		return t ? ee(e, t) : "";
 	}).filter(Boolean).join(" ");
-	return /* @__PURE__ */ p("div", {
+	return /* @__PURE__ */ h("div", {
 		ref: he,
-		className: a($ && "border-0", te({
+		className: o($ && "border-0", te({
 			display: e,
 			position: t,
 			top: n,
 			right: r,
 			bottom: i,
-			left: o,
+			left: a,
 			zIndex: s,
 			padding: c,
 			paddingX: l,
 			paddingY: u,
 			paddingTop: d,
 			paddingBottom: f,
-			paddingLeft: m,
-			paddingRight: h,
+			paddingLeft: p,
+			paddingRight: m,
 			margin: g,
 			marginX: _,
 			marginY: v,
@@ -1058,28 +1060,34 @@ var te = n({
 			borderRadiusTopLeft: U,
 			borderRadiusTopRight: W,
 			borderRadiusBottomLeft: G,
-			borderRadiusBottomRight: re,
-			borderStyle: K,
-			overflow: q,
-			overflowX: J,
-			overflowY: Y,
-			divider: X,
-			dividerColor: Z,
-			alignItems: ae,
-			justifyContent: oe,
-			flexDirection: se,
-			flexWrap: ce,
-			grow: le,
-			shrink: ue,
-			boxShadow: ie
-		}), ve, ge && !I && "border-f1-border", X && !Z && "divide-f1-border", "scrollbar-macos"),
-		...Q
+			borderRadiusBottomRight: K,
+			borderStyle: q,
+			overflow: J,
+			overflowX: Y,
+			overflowY: X,
+			divider: Z,
+			dividerColor: Q,
+			alignItems: ie,
+			justifyContent: ae,
+			flexDirection: oe,
+			flexWrap: se,
+			grow: ce,
+			shrink: le,
+			boxShadow: re
+		}), ve, ge && !I && "border-f1-border", Z && !Q && "divide-f1-border", "scrollbar-macos"),
+		...me
 	});
 });
-W.displayName = "F0Box";
-var G = i({
+K.displayName = "F0Box";
+var q = a({
 	name: "F0Box",
 	type: "layout"
-}, W);
+}, K), J = l((e, t) => /* @__PURE__ */ h(s, {
+	ref: t,
+	markdown: e.markdown ?? !0,
+	...e
+}));
+J.displayName = "F0Text";
+var Y = t(J);
 //#endregion
-export { C as n, S as r, G as t };
+export { w as i, q as n, T as r, Y as t };