@synnaxlabs/pluto 0.50.1 → 0.52.3

package/dist/{Animated-C4xrEVd-.js → Animated-6qL1fRZx.js}

@@ -1,12 +1,13 @@
-import { j as F } from "./jsx-runtime-BbD0H88J.js";
-import { E as r, A as G, F as me, C as m, M as t, d as ee, v as Ee } from "./css-BkBrZtKZ.js";
+import { j as D } from "./jsx-runtime-tc70JA_2.js";
+import { box as r, xy as G, debounce as me, location as t, array as ee, direction as Ee } from "@synnaxlabs/x";
 import { useCallback as p, useEffect as Y, useRef as w, useState as Ce, useMemo as te } from "react";
-import { a as xe, F as Te, c as se } from "./Text-XeD58Fq8.js";
-import { a as ie } from "./Box-DLO7l9hM.js";
-import { c as k, f as re } from "./Editable-DjQORuR1.js";
-import { u as he } from "./hooks-BeSuo_di.js";
-import { b as ye } from "./types-B5-Tni3G.js";
-import "./Provider-BkxUzTWS.js";
+import { a as xe, H as Te, c as se } from "./Text-BSTMZRuo.js";
+import { C as m } from "./css-D90kZTM8.js";
+import { a as ie } from "./Box-Bi280MYh.js";
+import { c as k, f as re } from "./Editable-4ZwvICC4.js";
+import { u as he } from "./hooks-CWEfATTF.js";
+import { b as ye } from "./types-CGRCBVD4.js";
+import "./Provider-ZIy-UlnE.js";
 const Oe = ({
   ref: e,
   onClickOutside: n,
@@ -45,7 +46,7 @@ const Oe = ({
     },
     [a]
   );
-}, pe = (e, n, s) => e.length === 0 ? !r.equals(s, n) : !!(e.includes("x") && r.width(n) !== r.width(s) || e.includes("y") && r.height(n) !== r.height(s)), Re = (e) => {
+}, pe = (e, n, s) => e.length === 0 ? !r.equals(s, n) : !!(e.includes("x") && r.width(n) !== r.width(s) || e.includes("y") && r.height(n) !== r.height(s)), be = (e) => {
   const n = k(e);
   Y(() => {
     const s = () => n.current(
@@ -54,11 +55,11 @@ const Oe = ({
     );
     return window.addEventListener("resize", s), () => window.removeEventListener("resize", s);
   }, []);
-}, H = m.BE("dialog", "bg"), Ye = ({
+}, H = m.BE("dialog", "bg"), ke = ({
   children: e,
   visible: n,
   ...s
-}) => /* @__PURE__ */ F.jsx(
+}) => /* @__PURE__ */ D.jsx(
   ie,
   {
     className: m(H, m.visible(n)),
@@ -67,14 +68,14 @@ const Oe = ({
     ...s,
     children: e
   }
-), B = (e) => e == null ? { x: void 0, y: void 0 } : typeof e != "string" ? e : Ee.isX(e) ? { x: e, y: void 0 } : { x: void 0, y: e }, z = (e) => typeof e == "string" || "x" in e || "y" in e ? { targetCorner: e, dialogCorner: void 0 } : e, be = ({
+), M = (e) => e == null ? { x: void 0, y: void 0 } : typeof e != "string" ? e : Ee.isX(e) ? { x: e, y: void 0 } : { x: void 0, y: e }, z = (e) => typeof e == "string" || "x" in e || "y" in e ? { targetCorner: e, dialogCorner: void 0 } : e, Re = ({
   initial: e,
   prefer: n = [],
   disable: s = []
 }) => {
   const g = ee.toArray(n).map(z), o = ee.toArray(s).map(z), c = [];
   if (e != null) {
-    const i = z(e), l = B(i.targetCorner), d = B(i.dialogCorner);
+    const i = z(e), l = M(i.targetCorner), d = M(i.dialogCorner);
     t.XY_LOCATIONS.forEach((u) => {
       t.xyEquals(u, t.CENTER) || l.x != null && u.x !== l.x || l.y != null && u.y !== l.y || t.XY_LOCATIONS.forEach((E) => {
         if (t.xyEquals(E, t.CENTER) || d.x != null && E.x !== d.x || d.y != null && E.y !== d.y) return;
@@ -86,7 +87,7 @@ const Oe = ({
     return a.length == 0 ? c.slice(0, 1) : a;
   }
   return g.forEach((i) => {
-    const l = B(i.targetCorner), d = B(i.dialogCorner);
+    const l = M(i.targetCorner), d = M(i.dialogCorner);
     t.XY_LOCATIONS.forEach((a) => {
       t.xyEquals(a, t.CENTER) || t.xyMatches(a, l) && t.XY_LOCATIONS.forEach((u) => {
         if (t.xyEquals(u, t.CENTER) || !t.xyMatches(u, d)) return;
@@ -106,7 +107,7 @@ const Oe = ({
     });
   }), c;
 }, X = (e, n) => n.some((s) => {
-  const g = B(s.targetCorner), o = B(s.dialogCorner);
+  const g = M(s.targetCorner), o = M(s.dialogCorner);
   return t.xyEquals(s.dialogCorner, t.CENTER) ? t.xyMatches(e.targetCorner, g) : t.xyMatches(e.targetCorner, g) && t.xyMatches(e.dialogCorner, o);
 }), Ne = ({
   container: e,
@@ -117,7 +118,7 @@ const Oe = ({
   disable: c,
   offset: i
 }) => {
-  const l = be({ initial: g, prefer: o, disable: c }), d = r.construct(e), a = r.construct(n), u = r.construct(s), E = l.reduce(
+  const l = Re({ initial: g, prefer: o, disable: c }), d = r.construct(e), a = r.construct(n), u = r.construct(s), E = l.reduce(
     (f, T) => {
       const h = Le({
         ...T,
@@ -168,12 +169,12 @@ const Oe = ({
     adjustedDialog: l,
     area: d
   };
-}, ke = m.BM("context", "selected"), Ve = m.BE("context", "target"), we = m.B("menu-context"), Me = {
+}, Ve = m.BM("context", "selected"), We = m.BE("context", "target"), we = m.B("menu-context"), Be = {
   targetCorner: t.BOTTOM_LEFT,
   dialogCorner: t.BOTTOM_LEFT,
   style: {},
   modalPosition: "base"
-}, [Be, We] = se({
+}, [Me, Ze] = se({
   defaultValue: {
     close: () => {
     },
@@ -186,10 +187,10 @@ const Oe = ({
     visible: !1
   },
   displayName: "Dialog.Context"
-}), [_e, Ze] = se({
+}), [_e, Ue] = se({
   displayName: "Dialog.InternalContext",
   providerName: "Dialog.Frame"
-}), Pe = [["Escape"]], ve = (e, n, s) => {
+}), Pe = [["Escape"]], Ie = (e, n, s) => {
   if (s == null) return !1;
   const o = Math.abs(r.left(n) - r.left(s)) <= 1 && Math.abs(r.top(n) - r.top(s)) <= 1;
   if (e === "floating") return o;
@@ -216,7 +217,7 @@ const Oe = ({
     targetCorner: t.TOP_RIGHT,
     dialogCorner: t.TOP_LEFT
   }
-], Ie = (e, n) => e / n > 0.8 ? "slammed" : e / n > 0.6 ? "shifted" : "base", Se = ({
+], ve = (e, n) => e / n > 0.8 ? "slammed" : e / n > 0.6 ? "shifted" : "base", Se = ({
   children: e,
   location: n,
   onPointerEnter: s,
@@ -234,42 +235,42 @@ const Oe = ({
     initial: l,
     value: d,
     onChange: a
-  }), h = p(() => T(!1), [T]), V = p(() => T(!0), [T]), W = p(() => T((C) => !C), [T]), v = k(f), _ = w(null), D = w(void 0), Z = w(void 0), y = w(null), [{ targetCorner: R, dialogCorner: I, style: U, modalPosition: K }, J] = Ce({ ...Me, modalPosition: u }), q = p(() => {
-    if (_.current == null || y.current == null || !v.current)
+  }), h = p(() => T(!1), [T]), V = p(() => T(!0), [T]), W = p(() => T((C) => !C), [T]), I = k(f), _ = w(null), q = w(void 0), Z = w(void 0), y = w(null), [{ targetCorner: b, dialogCorner: v, style: U, modalPosition: K }, $] = Ce({ ...Be, modalPosition: u }), F = p(() => {
+    if (_.current == null || y.current == null || !I.current)
       return;
     const C = r.construct(_.current);
     if (r.areaIsZero(C) && o !== "modal") return T(!1);
     let x = r.construct(y.current);
     o === "connected" && (x = r.resize(x, "x", r.width(C)));
-    const b = r.construct(0, 0, window.innerWidth, window.innerHeight);
+    const R = r.construct(0, 0, window.innerWidth, window.innerHeight);
     if (o === "modal") {
-      const A = Ie(
+      const A = ve(
         r.height(x),
-        r.height(b)
+        r.height(R)
       );
-      return J((j) => A === j.modalPosition ? j : { ...j, modalPosition: A });
+      return $((j) => A === j.modalPosition ? j : { ...j, modalPosition: A });
     }
     let N = oe;
-    D.current != null && (N = [D.current, ...oe]);
+    q.current != null && (N = [q.current, ...oe]);
     const { adjustedDialog: O, ...P } = Ne({
       target: C,
       dialog: x,
-      container: b,
+      container: R,
       prefer: N,
       initial: n,
       offset: 3
     });
-    D.current = P;
-    const { targetCorner: S, dialogCorner: $ } = P, M = r.round(O);
-    if (ve(o, M, Z.current)) return;
-    Z.current = M;
+    q.current = P;
+    const { targetCorner: S, dialogCorner: Q } = P, B = r.round(O);
+    if (Ie(o, B, Z.current)) return;
+    Z.current = B;
     const L = {};
-    L.left = r.left(M), S.y === "top" && $.x === S.x ? L.bottom = r.height(b) - r.bottom(M) : L.top = r.top(M), o === "connected" && (L.width = r.width(M)), typeof c == "number" && (L.maxHeight = c), f && (L.zIndex = i), J((A) => ({ ...A, targetCorner: S, dialogCorner: $, style: L }));
-  }, [n, o, T]), ae = ne(q, { enabled: f }), Q = re(y, ae), ce = ne(q, { enabled: f }), le = re(_, ce);
-  Re(q);
+    L.left = r.left(B), S.y === "top" && Q.x === S.x ? L.bottom = r.height(R) - r.bottom(B) : L.top = r.top(B), o === "connected" && (L.width = r.width(B)), typeof c == "number" && (L.maxHeight = c), f && (L.zIndex = i), $((A) => ({ ...A, targetCorner: S, dialogCorner: Q, style: L }));
+  }, [n, o, T]), ae = ne(F, { enabled: f }), J = re(y, ae), ce = ne(F, { enabled: f }), le = re(_, ce);
+  be(F);
   const ue = p(
     (C) => {
-      if (!v.current || y.current == null || _.current == null)
+      if (!I.current || y.current == null || _.current == null)
         return !0;
       if (o !== "modal") {
         const N = y.current.getElementsByClassName(m.visible(!0));
@@ -280,14 +281,14 @@ const Oe = ({
       let x = C.target;
       return x.className.includes(H) && (x = x.children[0]), x !== y.current;
     },
-    [i, v]
+    [i, I]
   ), de = p(
     ({ stage: C }) => {
-      if (C !== "start" || v.current === !1 || y.current == null)
+      if (C !== "start" || I.current === !1 || y.current == null)
         return;
       if (o !== "modal") return h();
-      const x = y.current, b = Array.from(document.getElementsByClassName(H)), N = b.findIndex((P) => P.contains(x)), O = x.getElementsByClassName(m.visible(!0));
-      if (N === b.length - 1 && O.length === 0)
+      const x = y.current, R = Array.from(document.getElementsByClassName(H)), N = R.findIndex((P) => P.contains(x)), O = x.getElementsByClassName(m.visible(!0));
+      if (N === R.length - 1 && O.length === 0)
         return h();
     },
     [h, o]
@@ -295,13 +296,13 @@ const Oe = ({
   Oe({ ref: y, exclude: ue, onClickOutside: h }), he({ triggers: Pe, callback: de, loose: !0 });
   const fe = te(
     () => ({
-      ref: Q,
-      targetCorner: R,
-      dialogCorner: I,
+      ref: J,
+      targetCorner: b,
+      dialogCorner: v,
       style: U,
       modalPosition: K
     }),
-    [Q, R, I, U, K]
+    [J, b, v, U, K]
   ), ge = te(
     () => ({
       close: h,
@@ -310,11 +311,11 @@ const Oe = ({
       visible: f,
       onPointerEnter: s,
       variant: o,
-      location: R
+      location: b
     }),
-    [h, V, W, f, R]
+    [h, V, W, f, b]
   );
-  return /* @__PURE__ */ F.jsx(Be, { value: ge, children: /* @__PURE__ */ F.jsx(_e, { value: fe, children: /* @__PURE__ */ F.jsx(
+  return /* @__PURE__ */ D.jsx(Me, { value: ge, children: /* @__PURE__ */ D.jsx(_e, { value: fe, children: /* @__PURE__ */ D.jsx(
     ie,
     {
       ...E,
@@ -324,29 +325,29 @@ const Oe = ({
         m.BE("dialog", "frame"),
         m.visible(f),
         m.M(o),
-        m.loc(R.x),
-        m.loc(R.y),
-        m.BEM("dialog", "dialog", I.x),
-        m.BEM("dialog", "dialog", I.y)
+        m.loc(b.x),
+        m.loc(b.y),
+        m.BEM("dialog", "dialog", v.x),
+        m.BEM("dialog", "dialog", v.y)
       ),
       y: !0,
-      reverse: R.y === "top",
+      reverse: b.y === "top",
       children: e
     }
   ) }) });
 };
 Se.displayName = "Dialog.Frame";
 export {
-  Ye as B,
+  ke as B,
   we as C,
   Se as F,
   Ne as a,
-  Ze as b,
-  ke as c,
-  Ve as d,
+  Ue as b,
+  Ve as c,
+  We as d,
   Oe as e,
   ne as f,
-  Re as g,
-  B as p,
-  We as u
+  be as g,
+  M as p,
+  Ze as u
 };

package/dist/Animated-Bn4jMc7c.js

@@ -0,0 +1,29 @@
+import { j as s } from "./jsx-runtime-tc70JA_2.js";
+import "./Animated-6qL1fRZx.js";
+import "@synnaxlabs/x";
+import { C as t } from "./css-D90kZTM8.js";
+import { C as i } from "./Text-BSTMZRuo.js";
+const p = ({
+  className: o,
+  enabledLoc: e,
+  disabledLoc: r,
+  enabled: a,
+  ...m
+}) => /* @__PURE__ */ s.jsx(
+  i.Up,
+  {
+    className: t(
+      t.B("caret-animated"),
+      t.loc(a ? e : r),
+      o
+    ),
+    ...m
+  }
+), j = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Animated: p
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  p as A,
+  j as a
+};

package/dist/Animated-vGAs0qOH.cjs

@@ -0,0 +1 @@
+"use strict";const a=require("./jsx-runtime-nZSsnGb7.cjs");require("./Animated-xK__WUQp.cjs");require("@synnaxlabs/x");const e=require("./css-CloSmhZB.cjs"),c=require("./Text-C2_VsLzw.cjs"),t=({className:r,enabledLoc:i,disabledLoc:n,enabled:s,...o})=>a.jsxRuntimeExports.jsx(c.Caret.Up,{className:e.CSS(e.CSS.B("caret-animated"),e.CSS.loc(s?i:n),r),...o}),u=Object.freeze(Object.defineProperty({__proto__:null,Animated:t},Symbol.toStringTag,{value:"Module"}));exports.Animated=t;exports.Animated$1=u;

package/dist/Animated-xK__WUQp.cjs

@@ -0,0 +1 @@
+"use strict";const v=require("./jsx-runtime-nZSsnGb7.cjs"),e=require("@synnaxlabs/x"),d=require("react"),A=require("./Text-C2_VsLzw.cjs"),x=require("./css-CloSmhZB.cjs"),Q=require("./Box-CNUz5BsV.cjs"),_=require("./Editable-HUPqTaui.cjs"),fe=require("./hooks-C4ji1BSZ.cjs"),ge=require("./types-DI2vtOGs.cjs");require("./Provider-DSMJjyuY.cjs");const ee=({ref:t,onClickOutside:o,exclude:r})=>{const g=_.useSyncedRef(r),n=d.useCallback(c=>{const s=t.current,a=e.box.construct(window.document.documentElement),u=e.xy.construct(c),i=g.current;if(i!=null){if(typeof i=="function"){if(i(c))return}else if(i.some(l=>l.current?.contains(c.target)))return}s==null||s.contains(c.target)||e.box.contains(s,u)||!e.box.contains(a,u)||o()},[o]);d.useEffect(()=>(document.addEventListener("mousedown",n),()=>document.removeEventListener("mousedown",n)),[n])},X=(t,o={})=>{const{triggers:r=[],debounce:g=0,enabled:n=!0}=o,c=d.useRef(e.box.ZERO),s=d.useRef(null),a=d.useRef(null),u=A.useMemoCompare(()=>r,A.compareArrayDeps,[r]),i=d.useCallback(l=>{a.current!=null&&a.current.disconnect(),c.current??=e.box.ZERO;const C=e.debounce(()=>{const f=e.box.construct(l);xe(u,c.current,f)&&(c.current=f,t(f,s.current))},g);a.current=new ResizeObserver(C),a.current.observe(l)},[u,t,g]);return d.useEffect(()=>(s.current!=null&&n&&i(s.current),()=>a.current?.disconnect()),[i,n]),d.useCallback(l=>{s.current=l,l!=null&&n&&i(l)},[i])},xe=(t,o,r)=>t.length===0?!e.box.equals(r,o):!!(t.includes("x")&&e.box.width(o)!==e.box.width(r)||t.includes("y")&&e.box.height(o)!==e.box.height(r)),te=t=>{const o=_.useSyncedRef(t);d.useEffect(()=>{const r=()=>o.current(e.box.construct(window.innerWidth,window.innerHeight),window.document.documentElement);return window.addEventListener("resize",r),()=>window.removeEventListener("resize",r)},[])},G=x.CSS.BE("dialog","bg"),Ce=({children:t,visible:o,...r})=>v.jsxRuntimeExports.jsx(Q.Box$1,{className:x.CSS(G,x.CSS.visible(o)),empty:!0,align:"center",...r,children:t}),N=t=>t==null?{x:void 0,y:void 0}:typeof t!="string"?t:e.direction.isX(t)?{x:t,y:void 0}:{x:void 0,y:t},F=t=>typeof t=="string"||"x"in t||"y"in t?{targetCorner:t,dialogCorner:void 0}:t,Ee=({initial:t,prefer:o=[],disable:r=[]})=>{const g=e.array.toArray(o).map(F),n=e.array.toArray(r).map(F),c=[];if(t!=null){const s=F(t),a=N(s.targetCorner),u=N(s.dialogCorner);e.location.XY_LOCATIONS.forEach(l=>{e.location.xyEquals(l,e.location.CENTER)||a.x!=null&&l.x!==a.x||a.y!=null&&l.y!==a.y||e.location.XY_LOCATIONS.forEach(C=>{if(e.location.xyEquals(C,e.location.CENTER)||u.x!=null&&C.x!==u.x||u.y!=null&&C.y!==u.y)return;const f={targetCorner:l,dialogCorner:C};c.push(f)})});const i=c.filter(l=>!z(l,n));return i.length==0?c.slice(0,1):i}return g.forEach(s=>{const a=N(s.targetCorner),u=N(s.dialogCorner);e.location.XY_LOCATIONS.forEach(i=>{e.location.xyEquals(i,e.location.CENTER)||e.location.xyMatches(i,a)&&e.location.XY_LOCATIONS.forEach(l=>{if(e.location.xyEquals(l,e.location.CENTER)||!e.location.xyMatches(l,u))return;const C={targetCorner:i,dialogCorner:l};!z(C,n)&&!c.some(f=>e.location.xyEquals(f.targetCorner,i)&&e.location.xyEquals(f.dialogCorner,l))&&c.push(C)})})}),e.location.XY_LOCATIONS.forEach(s=>{e.location.xyEquals(s,e.location.CENTER)||e.location.XY_LOCATIONS.forEach(a=>{if(e.location.xyEquals(a,e.location.CENTER))return;const u={targetCorner:s,dialogCorner:a};!z(u,n)&&!c.some(i=>e.location.xyEquals(i.targetCorner,s)&&e.location.xyEquals(i.dialogCorner,a))&&c.push(u)})}),c},z=(t,o)=>o.some(r=>{const g=N(r.targetCorner),n=N(r.dialogCorner);return e.location.xyEquals(r.dialogCorner,e.location.CENTER)?e.location.xyMatches(t.targetCorner,g):e.location.xyMatches(t.targetCorner,g)&&e.location.xyMatches(t.dialogCorner,n)}),oe=({container:t,target:o,dialog:r,initial:g,prefer:n,disable:c,offset:s})=>{const a=Ee({initial:g,prefer:n,disable:c}),u=e.box.construct(t),i=e.box.construct(o),l=e.box.construct(r),C=a.reduce((f,m)=>{const T=be({...m,container:u,target:i,dialog:l,offset:s});return T.area>f.area?T:f},{area:-1/0,targetCorner:e.location.CENTER,dialogCorner:e.location.CENTER,adjustedDialog:l});return{targetCorner:C.targetCorner,dialogCorner:C.dialogCorner,adjustedDialog:C.adjustedDialog}},be=({targetCorner:t,dialogCorner:o,container:r,target:g,dialog:n,offset:c})=>{let s=e.box.xyLoc(g,t);if(c!=null){const i=e.xy.construct(c);t.x===o.x&&(i.x=0),t.y===o.y&&(i.y=0),s=e.xy.translate(s,t,i)}const a=e.box.constructWithAlternateRoot(s.x,s.y,e.box.width(n),e.box.height(n),o,e.location.TOP_LEFT);let u=e.box.area(e.box.intersection(a,r));return e.box.area(e.box.intersection(g,a))!==0&&(u=0),{targetCorner:t,dialogCorner:o,adjustedDialog:a,area:u}},me=x.CSS.BM("context","selected"),Te=x.CSS.BE("context","target"),ne=x.CSS.B("menu-context"),ye={targetCorner:e.location.BOTTOM_LEFT,dialogCorner:e.location.BOTTOM_LEFT,style:{},modalPosition:"base"},[he,Re]=A.create({defaultValue:{close:()=>{},location:e.location.BOTTOM_LEFT,open:()=>{},toggle:()=>{},variant:"floating",visible:!1},displayName:"Dialog.Context"}),[Se,Oe]=A.create({displayName:"Dialog.InternalContext",providerName:"Dialog.Frame"}),pe=[["Escape"]],Ne=(t,o,r)=>{if(r==null)return!1;const n=Math.abs(e.box.left(o)-e.box.left(r))<=1&&Math.abs(e.box.top(o)-e.box.top(r))<=1;if(t==="floating")return n;const c=Math.abs(e.box.width(o)-e.box.width(r))<=1;return n&&c},J=[{targetCorner:e.location.BOTTOM_LEFT,dialogCorner:e.location.TOP_LEFT},{targetCorner:e.location.TOP_LEFT,dialogCorner:e.location.BOTTOM_LEFT},{targetCorner:e.location.BOTTOM_RIGHT,dialogCorner:e.location.TOP_RIGHT},{targetCorner:e.location.TOP_RIGHT,dialogCorner:e.location.BOTTOM_RIGHT},{targetCorner:e.location.TOP_RIGHT,dialogCorner:e.location.TOP_LEFT}],Le=(t,o)=>t/o>.8?"slammed":t/o>.6?"shifted":"base",re=({children:t,location:o,onPointerEnter:r,className:g,variant:n="floating",maxHeight:c,zIndex:s,initialVisible:a=!1,visible:u,onVisibleChange:i,modalPosition:l="base",...C})=>{const[f,m]=ge.usePassthrough({initial:a,value:u,onChange:i}),T=d.useCallback(()=>m(!1),[m]),H=d.useCallback(()=>m(!0),[m]),Y=d.useCallback(()=>m(E=>!E),[m]),M=_.useSyncedRef(f),w=d.useRef(null),D=d.useRef(void 0),V=d.useRef(void 0),y=d.useRef(null),[{targetCorner:R,dialogCorner:q,style:W,modalPosition:Z},U]=d.useState({...ye,modalPosition:l}),k=d.useCallback(()=>{if(w.current==null||y.current==null||!M.current)return;const E=e.box.construct(w.current);if(e.box.areaIsZero(E)&&n!=="modal")return m(!1);let b=e.box.construct(y.current);n==="connected"&&(b=e.box.resize(b,"x",e.box.width(E)));const S=e.box.construct(0,0,window.innerWidth,window.innerHeight);if(n==="modal"){const I=Le(e.box.height(b),e.box.height(S));return U(j=>I===j.modalPosition?j:{...j,modalPosition:I})}let O=J;D.current!=null&&(O=[D.current,...J]);const{adjustedDialog:h,...B}=oe({target:E,dialog:b,container:S,prefer:O,initial:o,offset:3});D.current=B;const{targetCorner:P,dialogCorner:K}=B,L=e.box.round(h);if(Ne(n,L,V.current))return;V.current=L;const p={};p.left=e.box.left(L),P.y==="top"&&K.x===P.x?p.bottom=e.box.height(S)-e.box.bottom(L):p.top=e.box.top(L),n==="connected"&&(p.width=e.box.width(L)),typeof c=="number"&&(p.maxHeight=c),f&&(p.zIndex=s),U(I=>({...I,targetCorner:P,dialogCorner:K,style:p}))},[o,n,m]),se=X(k,{enabled:f}),$=_.useCombinedRefs(y,se),ie=X(k,{enabled:f}),ce=_.useCombinedRefs(w,ie);te(k);const ae=d.useCallback(E=>{if(!M.current||y.current==null||w.current==null)return!0;if(n!=="modal"){const O=y.current.getElementsByClassName(x.CSS.visible(!0));let h=O!=null&&O.length>0;return h||(h=w.current.contains(E.target)),document.getElementsByClassName(ne).length>0&&(h=!0),h||E.stopImmediatePropagation(),h}if(!(E.target instanceof HTMLElement))return!0;let b=E.target;return b.className.includes(G)&&(b=b.children[0]),b!==y.current},[s,M]),le=d.useCallback(({stage:E})=>{if(E!=="start"||M.current===!1||y.current==null)return;if(n!=="modal")return T();const b=y.current,S=Array.from(document.getElementsByClassName(G)),O=S.findIndex(B=>B.contains(b)),h=b.getElementsByClassName(x.CSS.visible(!0));if(O===S.length-1&&h.length===0)return T()},[T,n]);ee({ref:y,exclude:ae,onClickOutside:T}),fe.use({triggers:pe,callback:le,loose:!0});const ue=d.useMemo(()=>({ref:$,targetCorner:R,dialogCorner:q,style:W,modalPosition:Z}),[$,R,q,W,Z]),de=d.useMemo(()=>({close:T,open:H,toggle:Y,visible:f,onPointerEnter:r,variant:n,location:R}),[T,H,Y,f,R]);return v.jsxRuntimeExports.jsx(he,{value:de,children:v.jsxRuntimeExports.jsx(Se,{value:ue,children:v.jsxRuntimeExports.jsx(Q.Box$1,{...C,ref:ce,className:x.CSS(g,x.CSS.BE("dialog","frame"),x.CSS.visible(f),x.CSS.M(n),x.CSS.loc(R.x),x.CSS.loc(R.y),x.CSS.BEM("dialog","dialog",q.x),x.CSS.BEM("dialog","dialog",q.y)),y:!0,reverse:R.y==="top",children:t})})})};re.displayName="Dialog.Frame";exports.Background=Ce;exports.CONTEXT_MENU_CLASS=ne;exports.CONTEXT_SELECTED=me;exports.CONTEXT_TARGET=Te;exports.Frame=re;exports.parseLocationOptions=N;exports.position=oe;exports.useClickOutside=ee;exports.useContext=Re;exports.useInternalContext=Oe;exports.useResize=X;exports.useWindowResize=te;

package/dist/{Box-DLO7l9hM.js → Box-Bi280MYh.js}

@@ -1,47 +1,48 @@
-import { j as $ } from "./jsx-runtime-BbD0H88J.js";
-import { v as w, C as e } from "./css-BkBrZtKZ.js";
+import { j as $ } from "./jsx-runtime-tc70JA_2.js";
+import { direction as w } from "@synnaxlabs/x";
 import x from "zod";
-import { createElement as C } from "react";
+import { C as e } from "./css-D90kZTM8.js";
+import { createElement as z } from "react";
 const d = ({
   el: r,
   children: t,
   ...u
-}) => C(r, u, t), U = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}) => z(r, u, t), H = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Element: d
-}, Symbol.toStringTag, { value: "Module" })), j = ["start", "center", "end", "stretch"], F = x.enum(j), v = [
+}, Symbol.toStringTag, { value: "Module" })), j = ["start", "center", "end", "stretch"], C = x.enum(j), _ = [
   "start",
   "center",
   "end",
   "between",
   "around",
   "evenly"
-], P = x.enum(v), _ = (r, t) => t ?? (r === "right" || r === "bottom"), g = (r, t, u, o) => {
+], F = x.enum(_), g = (r, t) => t ?? (r === "right" || r === "bottom"), v = (r, t, u, o) => {
   if (t === !0) return "x";
   if (u === !0) return "y";
   if (r != null) return w.construct(r);
   if (o == !0) return "x";
-}, Z = (r) => r == null || r === !1 ? !1 : r === !0 ? e.M("full") : e.M("full", r), q = ({
+}, P = (r) => r == null || r === !1 ? !1 : r === !0 ? e.M("full") : e.M("full", r), Z = ({
   style: r,
   align: t,
   className: u,
   grow: o,
   shrink: a,
-  gap: i,
+  gap: l,
   color: s,
-  justify: m,
+  justify: p,
   reverse: y,
   empty: E,
   pack: c,
   wrap: N,
   center: O,
   direction: M,
-  rounded: p,
+  rounded: m,
   sharp: T,
   borderWidth: B,
   borderColor: f,
   full: G,
-  background: l,
+  background: i,
   bordered: I,
   x: A,
   y: R,
@@ -49,14 +50,14 @@ const d = ({
   square: V = !1,
   ...h
 }) => {
-  const S = g(M, A, R, c), n = [
+  const S = v(M, A, R, c), n = [
     u,
     e.B("flex"),
     S != null && e.M("direction", S),
-    _(M, y) && e.M("reverse"),
-    Z(G),
+    g(M, y) && e.M("reverse"),
+    P(G),
     c && e.M("pack"),
-    m != null && e.M("justify", m),
+    p != null && e.M("justify", p),
     t != null && e.M("align", t),
     N === !0 && e.M("wrap"),
     E === !0 && e.M("empty"),
@@ -66,7 +67,7 @@ const d = ({
     b != null && e.M("height", b),
     V === !0 && e.M("square")
   ];
-  return r = { borderWidth: B, ...r }, typeof s == "number" ? n.push(e.M("color", s.toString())) : s != null && s !== !1 && (r.color = e.colorVar(s)), typeof l == "number" ? n.push(e.M("bg", l.toString())) : l != null && l !== !1 && (r.backgroundColor = e.colorVar(l)), typeof f == "number" ? n.push(e.M("border-color", f.toString())) : f != null && (r.borderColor = e.colorVar(f)), p === !0 ? n.push(e.M("rounded")) : typeof p == "number" && (r.borderRadius = `${p}rem`), typeof i == "number" ? r.gap = `${i}rem` : i != null && n.push(e.M("gap", i)), typeof o == "number" ? r.flexGrow = o : o === !0 && n.push(e.M("grow")), typeof a == "number" ? r.flexShrink = a : a === !0 && n.push(e.M("shrink")), /* @__PURE__ */ $.jsx(
+  return r = { borderWidth: B, ...r }, typeof s == "number" ? n.push(e.M("color", s.toString())) : s != null && s !== !1 && (r.color = e.colorVar(s)), typeof i == "number" ? n.push(e.M("bg", i.toString())) : i != null && i !== !1 && (r.backgroundColor = e.colorVar(i)), typeof f == "number" ? n.push(e.M("border-color", f.toString())) : f != null && (r.borderColor = e.colorVar(f)), m === !0 ? n.push(e.M("rounded")) : typeof m == "number" && (r.borderRadius = `${m}rem`), typeof l == "number" ? r.gap = `${l}rem` : l != null && n.push(e.M("gap", l)), typeof o == "number" ? r.flexGrow = o : o === !0 && n.push(e.M("grow")), typeof a == "number" ? r.flexShrink = a : a === !0 && n.push(e.M("shrink")), /* @__PURE__ */ $.jsx(
     d,
     {
       className: e(...n),
@@ -75,21 +76,21 @@ const d = ({
       el: h.el ?? "div"
     }
   );
-}, H = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, K = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   ALIGNMENTS: j,
-  Box: q,
-  JUSTIFICATIONS: v,
-  alignmentZ: F,
-  justificationZ: P,
-  parseDirection: g,
-  shouldReverse: _
+  Box: Z,
+  JUSTIFICATIONS: _,
+  alignmentZ: C,
+  justificationZ: F,
+  parseDirection: v,
+  shouldReverse: g
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   j as A,
-  H as B,
+  K as B,
   d as E,
-  U as G,
-  q as a,
-  g as p
+  H as G,
+  Z as a,
+  v as p
 };

package/dist/Box-CNUz5BsV.cjs

@@ -0,0 +1 @@
+"use strict";const A=require("./jsx-runtime-nZSsnGb7.cjs"),V=require("@synnaxlabs/x"),j=require("zod"),e=require("./css-CloSmhZB.cjs"),w=require("react"),a=({el:r,children:t,...u})=>w.createElement(r,u,t),z=Object.freeze(Object.defineProperty({__proto__:null,Element:a},Symbol.toStringTag,{value:"Module"})),C=["start","center","end","stretch"],D=j.enum(C),_=["start","center","end","between","around","evenly"],F=j.enum(_),N=(r,t)=>t??(r==="right"||r==="bottom"),p=(r,t,u,S)=>{if(t===!0)return"x";if(u===!0)return"y";if(r!=null)return V.direction.construct(r);if(S==!0)return"x"},L=r=>r==null||r===!1?!1:r===!0?e.CSS.M("full"):e.CSS.M("full",r),g=({style:r,align:t,className:u,grow:S,shrink:f,gap:s,color:o,justify:M,reverse:q,empty:v,pack:m,wrap:E,center:T,direction:b,rounded:c,sharp:y,borderWidth:B,borderColor:l,full:G,background:i,bordered:I,x:O,y:R,size:x,square:$=!1,...h})=>{const d=p(b,O,R,m),n=[u,e.CSS.B("flex"),d!=null&&e.CSS.M("direction",d),N(b,q)&&e.CSS.M("reverse"),L(G),m&&e.CSS.M("pack"),M!=null&&e.CSS.M("justify",M),t!=null&&e.CSS.M("align",t),E===!0&&e.CSS.M("wrap"),v===!0&&e.CSS.M("empty"),T===!0&&e.CSS.M("center"),I===!0&&e.CSS.M("bordered"),y===!0&&e.CSS.M("sharp"),x!=null&&e.CSS.M("height",x),$===!0&&e.CSS.M("square")];return r={borderWidth:B,...r},typeof o=="number"?n.push(e.CSS.M("color",o.toString())):o!=null&&o!==!1&&(r.color=e.CSS.colorVar(o)),typeof i=="number"?n.push(e.CSS.M("bg",i.toString())):i!=null&&i!==!1&&(r.backgroundColor=e.CSS.colorVar(i)),typeof l=="number"?n.push(e.CSS.M("border-color",l.toString())):l!=null&&(r.borderColor=e.CSS.colorVar(l)),c===!0?n.push(e.CSS.M("rounded")):typeof c=="number"&&(r.borderRadius=`${c}rem`),typeof s=="number"?r.gap=`${s}rem`:s!=null&&n.push(e.CSS.M("gap",s)),typeof S=="number"?r.flexGrow=S:S===!0&&n.push(e.CSS.M("grow")),typeof f=="number"?r.flexShrink=f:f===!0&&n.push(e.CSS.M("shrink")),A.jsxRuntimeExports.jsx(a,{className:e.CSS(...n),style:r,...h,el:h.el??"div"})},P=Object.freeze(Object.defineProperty({__proto__:null,ALIGNMENTS:C,Box:g,JUSTIFICATIONS:_,alignmentZ:D,justificationZ:F,parseDirection:p,shouldReverse:N},Symbol.toStringTag,{value:"Module"}));exports.ALIGNMENTS=C;exports.Box=P;exports.Box$1=g;exports.Element=a;exports.Generic=z;exports.parseDirection=p;