@synnaxlabs/pluto 0.53.1 → 0.54.0

package/dist/dialog-ClQI4sHo.js

@@ -0,0 +1,331 @@
+import { n as e } from "./chunk-DeC0fbbY.js";
+import { h as t } from "./types-BGbd8pRh.js";
+import { It as n, St as r, m as i } from "./triggers-DDlalLoO.js";
+import { m as a, p as o, x as s } from "./theming-Blgv4Cvi.js";
+import { f as c, s as l } from "./text-Dd6wYgQM.js";
+import { n as u } from "./css-UEo6g0SR.js";
+import { n as d } from "./flex-Bgtu0DK6.js";
+import { i as f } from "./button-KtgabnXL.js";
+import { array as p, box as m, direction as h, location as g, xy as _ } from "@synnaxlabs/x";
+import { useCallback as v, useMemo as y, useRef as b, useState as x } from "react";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+import { createPortal as w } from "react-dom";
+//#region src/dialog/Background.tsx
+var T = u.BE("dialog", "bg"), E = ({ children: e, visible: t, ...n }) => /* @__PURE__ */ S(d, {
+	className: u(T, u.visible(t)),
+	empty: !0,
+	align: "center",
+	...n,
+	children: e
+}), D = (e) => e == null ? {
+	x: void 0,
+	y: void 0
+} : typeof e == "string" ? h.isX(e) ? {
+	x: e,
+	y: void 0
+} : {
+	x: void 0,
+	y: e
+} : e, O = (e) => typeof e == "string" || "x" in e || "y" in e ? {
+	targetCorner: e,
+	dialogCorner: void 0
+} : e, k = ({ initial: e, prefer: t = [], disable: n = [] }) => {
+	let r = p.toArray(t).map(O), i = p.toArray(n).map(O), a = [];
+	if (e != null) {
+		let t = O(e), n = D(t.targetCorner), r = D(t.dialogCorner);
+		g.XY_LOCATIONS.forEach((e) => {
+			g.xyEquals(e, g.CENTER) || n.x != null && e.x !== n.x || n.y != null && e.y !== n.y || g.XY_LOCATIONS.forEach((t) => {
+				if (g.xyEquals(t, g.CENTER) || r.x != null && t.x !== r.x || r.y != null && t.y !== r.y) return;
+				let n = {
+					targetCorner: e,
+					dialogCorner: t
+				};
+				a.push(n);
+			});
+		});
+		let o = a.filter((e) => !A(e, i));
+		return o.length == 0 ? a.slice(0, 1) : o;
+	}
+	return r.forEach((e) => {
+		let t = D(e.targetCorner), n = D(e.dialogCorner);
+		g.XY_LOCATIONS.forEach((e) => {
+			g.xyEquals(e, g.CENTER) || g.xyMatches(e, t) && g.XY_LOCATIONS.forEach((t) => {
+				if (g.xyEquals(t, g.CENTER) || !g.xyMatches(t, n)) return;
+				let r = {
+					targetCorner: e,
+					dialogCorner: t
+				};
+				!A(r, i) && !a.some((n) => g.xyEquals(n.targetCorner, e) && g.xyEquals(n.dialogCorner, t)) && a.push(r);
+			});
+		});
+	}), g.XY_LOCATIONS.forEach((e) => {
+		g.xyEquals(e, g.CENTER) || g.XY_LOCATIONS.forEach((t) => {
+			if (g.xyEquals(t, g.CENTER)) return;
+			let n = {
+				targetCorner: e,
+				dialogCorner: t
+			};
+			!A(n, i) && !a.some((n) => g.xyEquals(n.targetCorner, e) && g.xyEquals(n.dialogCorner, t)) && a.push(n);
+		});
+	}), a;
+}, A = (e, t) => t.some((t) => {
+	let n = D(t.targetCorner), r = D(t.dialogCorner);
+	return g.xyEquals(t.dialogCorner, g.CENTER) ? g.xyMatches(e.targetCorner, n) : g.xyMatches(e.targetCorner, n) && g.xyMatches(e.dialogCorner, r);
+}), j = ({ container: e, target: t, dialog: n, initial: r, prefer: i, disable: a, offset: o }) => {
+	let s = k({
+		initial: r,
+		prefer: i,
+		disable: a
+	}), c = m.construct(e), l = m.construct(t), u = m.construct(n), d = s.reduce((e, t) => {
+		let n = M({
+			...t,
+			container: c,
+			target: l,
+			dialog: u,
+			offset: o
+		});
+		return n.area > e.area ? n : e;
+	}, {
+		area: -Infinity,
+		targetCorner: g.CENTER,
+		dialogCorner: g.CENTER,
+		adjustedDialog: u
+	});
+	return {
+		targetCorner: d.targetCorner,
+		dialogCorner: d.dialogCorner,
+		adjustedDialog: d.adjustedDialog
+	};
+}, M = ({ targetCorner: e, dialogCorner: t, container: n, target: r, dialog: i, offset: a }) => {
+	let o = m.xyLoc(r, e);
+	if (a != null) {
+		let n = _.construct(a);
+		e.x === t.x && (n.x = 0), e.y === t.y && (n.y = 0), o = _.translate(o, e, n);
+	}
+	let s = m.constructWithAlternateRoot(o.x, o.y, m.width(i), m.height(i), t, g.TOP_LEFT), c = m.area(m.intersection(s, n));
+	return m.area(m.intersection(r, s)) !== 0 && (c = 0), {
+		targetCorner: e,
+		dialogCorner: t,
+		adjustedDialog: s,
+		area: c
+	};
+}, N = u.BM("context", "selected"), P = u.BE("context", "target"), F = u.B("menu-context"), I = {
+	targetCorner: g.BOTTOM_LEFT,
+	dialogCorner: g.BOTTOM_LEFT,
+	style: {},
+	modalPosition: "base"
+}, [L, R] = n({
+	defaultValue: {
+		close: () => {},
+		location: g.BOTTOM_LEFT,
+		open: () => {},
+		toggle: () => {},
+		variant: "floating",
+		visible: !1
+	},
+	displayName: "Dialog.Context"
+}), [z, B] = n({
+	displayName: "Dialog.InternalContext",
+	providerName: "Dialog.Frame"
+}), V = [["Escape"]], H = (e, t, n) => {
+	if (n == null) return !1;
+	let r = Math.abs(m.left(t) - m.left(n)) <= 1 && Math.abs(m.top(t) - m.top(n)) <= 1;
+	if (e === "floating") return r;
+	let i = Math.abs(m.width(t) - m.width(n)) <= 1;
+	return r && i;
+}, U = [
+	{
+		targetCorner: g.BOTTOM_LEFT,
+		dialogCorner: g.TOP_LEFT
+	},
+	{
+		targetCorner: g.TOP_LEFT,
+		dialogCorner: g.BOTTOM_LEFT
+	},
+	{
+		targetCorner: g.BOTTOM_RIGHT,
+		dialogCorner: g.TOP_RIGHT
+	},
+	{
+		targetCorner: g.TOP_RIGHT,
+		dialogCorner: g.BOTTOM_RIGHT
+	},
+	{
+		targetCorner: g.TOP_RIGHT,
+		dialogCorner: g.TOP_LEFT
+	}
+], W = (e, t) => e / t > .8 ? "slammed" : e / t > .6 ? "shifted" : "base", G = ({ children: e, location: n, onPointerEnter: i, className: f, variant: p = "floating", maxHeight: h, zIndex: g, initialVisible: _ = !1, visible: C, onVisibleChange: w, modalPosition: E = "base", ...D }) => {
+	let [O, k] = t({
+		initial: _,
+		value: C,
+		onChange: w
+	}), A = v(() => k(!1), [k]), M = v(() => k(!0), [k]), N = v(() => k((e) => !e), [k]), P = c(O), R = b(null), B = b(void 0), G = b(void 0), K = b(null), [{ targetCorner: q, dialogCorner: J, style: Y, modalPosition: X }, Z] = x({
+		...I,
+		modalPosition: E
+	}), Q = v(() => {
+		if (R.current == null || K.current == null || !P.current) return;
+		let e = m.construct(R.current);
+		if (m.areaIsZero(e) && p !== "modal") return k(!1);
+		let t = m.construct(K.current);
+		p === "connected" && (t = m.resize(t, "x", m.width(e)));
+		let r = m.construct(0, 0, window.innerWidth, window.innerHeight);
+		if (p === "modal") {
+			let e = W(m.height(t), m.height(r));
+			return Z((t) => e === t.modalPosition ? t : {
+				...t,
+				modalPosition: e
+			});
+		}
+		let i = U;
+		B.current != null && (i = [B.current, ...U]);
+		let { adjustedDialog: a, ...o } = j({
+			target: e,
+			dialog: t,
+			container: r,
+			prefer: i,
+			initial: n,
+			offset: 3
+		});
+		B.current = o;
+		let { targetCorner: s, dialogCorner: c } = o, l = m.round(a);
+		if (H(p, l, G.current)) return;
+		G.current = l;
+		let u = {};
+		u.left = m.left(l), s.y === "top" && c.x === s.x ? u.bottom = m.height(r) - m.bottom(l) : u.top = m.top(l), p === "connected" && (u.width = m.width(l)), typeof h == "number" && (u.maxHeight = h), O && (u.zIndex = g), Z((e) => ({
+			...e,
+			targetCorner: s,
+			dialogCorner: c,
+			style: u
+		}));
+	}, [
+		n,
+		p,
+		k
+	]), $ = l(K, o(Q, { enabled: O })), ee = l(R, o(Q, { enabled: O }));
+	a(Q);
+	let te = v((e) => {
+		if (!P.current || K.current == null || R.current == null) return !0;
+		if (p !== "modal") {
+			let t = K.current.getElementsByClassName(u.visible(!0)), n = t != null && t.length > 0;
+			return n ||= R.current.contains(e.target), document.getElementsByClassName(F).length > 0 && (n = !0), n || e.stopImmediatePropagation(), n;
+		}
+		if (!(e.target instanceof HTMLElement)) return !0;
+		let t = e.target;
+		return t.className.includes(T) && (t = t.children[0]), t !== K.current;
+	}, [g, P]), ne = v(({ stage: e }) => {
+		if (e !== "start" || P.current === !1 || K.current == null) return;
+		if (p !== "modal") return A();
+		let t = K.current, n = Array.from(document.getElementsByClassName(T)), r = n.findIndex((e) => e.contains(t)), i = t.getElementsByClassName(u.visible(!0));
+		if (r === n.length - 1 && i.length === 0) return A();
+	}, [A, p]);
+	s({
+		ref: K,
+		exclude: te,
+		onClickOutside: A
+	}), r({
+		triggers: V,
+		callback: ne,
+		loose: !0
+	});
+	let re = y(() => ({
+		ref: $,
+		targetCorner: q,
+		dialogCorner: J,
+		style: Y,
+		modalPosition: X
+	}), [
+		$,
+		q,
+		J,
+		Y,
+		X
+	]);
+	return /* @__PURE__ */ S(L, {
+		value: y(() => ({
+			close: A,
+			open: M,
+			toggle: N,
+			visible: O,
+			onPointerEnter: i,
+			variant: p,
+			location: q
+		}), [
+			A,
+			M,
+			N,
+			O,
+			q
+		]),
+		children: /* @__PURE__ */ S(z, {
+			value: re,
+			children: /* @__PURE__ */ S(d, {
+				...D,
+				ref: ee,
+				className: u(f, u.BE("dialog", "frame"), u.visible(O), u.M(p), u.loc(q.x), u.loc(q.y), u.BEM("dialog", "dialog", J.x), u.BEM("dialog", "dialog", J.y)),
+				y: !0,
+				reverse: q.y === "top",
+				children: e
+			})
+		})
+	});
+};
+G.displayName = "Dialog.Frame";
+//#endregion
+//#region src/util/rootElement.ts
+var K = (e = "root") => document.getElementById(e) ?? document.body, q = ({ style: e, background: t = 0, className: n, bordered: r = !0, rounded: i = 1, passthrough: a = !1, children: o, ...s }) => {
+	let { ref: c, targetCorner: l, dialogCorner: f, style: p, modalPosition: m } = B("Dialog.Dialog"), { visible: h, variant: g } = R();
+	if (!h && !a) return null;
+	let _ = h && (Object.keys(p).length > 0 || g === "modal"), v = /* @__PURE__ */ S(d, {
+		pack: !0,
+		ref: c,
+		y: !0,
+		background: t,
+		className: u(u.BE("dialog", "dialog"), u.loc(l.x), u.loc(l.y), u.BEM("dialog", "dialog", f.x), u.BEM("dialog", "dialog", f.y), u.visible(_), a && u.BM("dialog", "passthrough"), u.M(g), g === "modal" && u.BM("dialog", "modal", "position", m.toString()), n),
+		rounded: i,
+		role: "dialog",
+		empty: !0,
+		bordered: r,
+		align: "stretch",
+		style: {
+			...p,
+			...e
+		},
+		...s,
+		children: o
+	});
+	return g === "modal" && (v = /* @__PURE__ */ S(E, {
+		empty: !0,
+		align: "center",
+		visible: h,
+		children: v
+	})), a ? v : w(v, K());
+}, J = /* @__PURE__ */ e({ Animated: () => Y }), Y = ({ className: e, enabledLoc: t, disabledLoc: n, enabled: r, ...a }) => /* @__PURE__ */ S(i.Up, {
+	className: u(u.B("caret-animated"), u.loc(r ? t : n), e),
+	...a
+}), X = ({ onClick: e, className: t, hideCaret: n = !1, children: r, variant: i, ...a }) => {
+	let { toggle: o, visible: s, variant: c } = R(), l;
+	return i === "preview" && (n = !0), c !== "modal" && !n && (l = /* @__PURE__ */ S(Y, {
+		enabled: s,
+		enabledLoc: "bottom",
+		disabledLoc: "left"
+	})), /* @__PURE__ */ C(f, {
+		className: u(u.BE("dialog", "trigger"), t),
+		onClick: (t) => {
+			e?.(t), o();
+		},
+		full: "x",
+		variant: i,
+		...a,
+		children: [r, l]
+	});
+}, Z = /* @__PURE__ */ e({
+	Dialog: () => q,
+	Frame: () => G,
+	Trigger: () => X,
+	parseLocationOptions: () => D,
+	position: () => j,
+	useContext: () => R,
+	useInternalContext: () => B
+});
+//#endregion
+export { q as a, F as c, j as d, J as i, N as l, X as n, G as o, Y as r, R as s, Z as t, P as u };

package/dist/dialog.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./external-Cn6EfkLd.cjs");exports.Dialog=e.external;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./dialog-BTCrp5Yv.cjs`);Object.defineProperty(exports,`Dialog`,{enumerable:!0,get:function(){return e.t}});

package/dist/dialog.js

@@ -1,4 +1,2 @@
-import { e } from "./external-BBbkXXN0.js";
-export {
-  e as Dialog
-};
+import { t as e } from "./dialog-ClQI4sHo.js";
+export { e as Dialog };

package/dist/divider-BYRH8-5K.js

@@ -0,0 +1,13 @@
+import { n as e } from "./chunk-DeC0fbbY.js";
+import { n as t } from "./css-UEo6g0SR.js";
+import { n } from "./flex-Bgtu0DK6.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/divider/Divider.tsx
+var i = /* @__PURE__ */ e({ Divider: () => a }), a = ({ className: e, padded: i = !1, color: a, ...o }) => (i === !0 && (i = "center"), /* @__PURE__ */ r(n, {
+	className: t(t.B("divider"), i !== !1 && t.BM("divider", "padded"), typeof i == "string" && t.loc(i), e),
+	borderColor: a,
+	color: a,
+	...o
+}));
+//#endregion
+export { i as n, a as t };

package/dist/divider-CEyntx31.cjs

@@ -0,0 +1 @@
+const e=require(`./chunk-FeXHwk1_.cjs`),t=require(`./css-Ce-x3HcK.cjs`),n=require(`./flex-D_GoD3ed.cjs`);let r=require(`react/jsx-runtime`);var i=e.n({Divider:()=>a}),a=({className:e,padded:i=!1,color:a,...o})=>(i===!0&&(i=`center`),(0,r.jsx)(n.n,{className:t.n(t.n.B(`divider`),i!==!1&&t.n.BM(`divider`,`padded`),typeof i==`string`&&t.n.loc(i),e),borderColor:a,color:a,...o}));Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});