@synnaxlabs/pluto 0.40.1 → 0.42.0

package/dist/{Center-CFEPOi_x.js → Center-CNcAEDgS.js}

@@ -1,7 +1,7 @@
 import { j as m } from "./jsx-runtime-C5mzlN2N.js";
-import "./Pack-D50qN0Vu.js";
-import { S as a } from "./Space-I_hidXYi.js";
-import { C as e } from "./css-rxwBYwM1.js";
+import "./Stack-D50qN0Vu.js";
+import { S as a } from "./Space-C2oZDkE1.js";
+import { C as e } from "./css-B7c7_G5h.js";
 const x = ({
   className: r,
   justify: t = "center",

package/dist/Center-Map6aflE.cjs

@@ -0,0 +1 @@
+"use strict";const n=require("./jsx-runtime-CITbqOLs.cjs");require("./Stack-BbwDtaE6.cjs");const i=require("./Space-DfcVsxz8.cjs"),e=require("./css-hg3QdDDt.cjs"),u=({className:r,justify:s="center",align:t="center",...c})=>n.jsxRuntimeExports.jsx(i.Space,{justify:s,align:t,className:e.CSS(e.CSS.BM("space","centered"),r),...c});exports.Center=u;

package/dist/ContextMenu-DmRPxhnI.cjs

@@ -0,0 +1 @@
+"use strict";const d=require("./jsx-runtime-CITbqOLs.cjs"),e=require("./css-hg3QdDDt.cjs"),C=require("react"),m=require("react-dom");require("./Stack-BbwDtaE6.cjs");const R=require("./Space-DfcVsxz8.cjs"),p=require("./useClickOutside-CPAEkvf8.cjs"),x={visible:!1,position:e.J.ZERO,cursor:e.J.ZERO,keys:[]},S=e.CSS.BM("context","selected"),f=e.CSS.BE("context","target"),T=e.CSS.BE("menu-context","container"),N=n=>{let t=n;for(;!t.classList.contains(f);){if(t.classList.contains(T)||t.parentElement==null)return n;t=t.parentElement}return t.classList.contains(f)?t:n},O=n=>{var i;const t=N(n);if(t==null)return[];const o=Array.from(((i=t.parentElement)==null?void 0:i.querySelectorAll(`.${S}`))??[]);return o.includes(t)?o:[t]},j=()=>{const n=C.useRef(null),[t,o]=C.useState(x),i=(s,r)=>{const u=e.J.construct(s);if(typeof s=="object"&&"preventDefault"in s){s.preventDefault(),s.stopPropagation();const c=O(s.target);r??(r=e.c$1.unique(c.map(l=>l.id).filter(l=>l.length>0)))}else r=[];o({visible:!0,keys:r,position:u,cursor:u})},E=s=>{n.current=s,s!=null&&o(r=>{if(!r.visible)return r;const{adjustedDialog:u}=p.H.dialog({container:e.$t.construct(0,0,window.innerWidth,window.innerHeight),dialog:e.$t.construct(s),target:e.$t.construct(r.cursor,0,0),prefer:[{y:"bottom"}]}),c=e.$t.topLeft(u);return e.J.equals(r.position,c)?r:{...r,position:c}})},a=()=>o(x);return p.useClickOutside({ref:n,onClickOutside:a}),{...t,close:a,open:i,ref:E,className:T}},q=({ref:n,menu:t,visible:o,open:i,close:E,position:a,keys:s,className:r,cursor:u,style:c,...l})=>o?m.createPortal(d.jsxRuntimeExports.jsx(R.Space,{className:e.CSS(e.CSS.B("menu-context"),e.CSS.bordered()),ref:n,style:{...e.J.css(a),...c},onClick:E,size:"tiny",...l,children:t==null?void 0:t({keys:s})}),document.body):null,g=({menu:n,children:t,...o})=>d.jsxRuntimeExports.jsxs(d.jsxRuntimeExports.Fragment,{children:[d.jsxRuntimeExports.jsx(q,{menu:n,...o}),t]});exports.CONTEXT_SELECTED=S;exports.CONTEXT_TARGET=f;exports.ContextMenu=g;exports.useContextMenu=j;

package/dist/ContextMenu-fLU0wr9S.js

@@ -0,0 +1,95 @@
+import { j as p } from "./jsx-runtime-C5mzlN2N.js";
+import { J as u, C as i, $ as d, b as x } from "./css-B7c7_G5h.js";
+import { useRef as b, useState as N } from "react";
+import { createPortal as S } from "react-dom";
+import "./Stack-D50qN0Vu.js";
+import { S as g } from "./Space-C2oZDkE1.js";
+import { u as O, H as h } from "./useClickOutside-CKMnqdvH.js";
+const E = {
+  visible: !1,
+  position: u.ZERO,
+  cursor: u.ZERO,
+  keys: []
+}, j = i.BM("context", "selected"), C = i.BE("context", "target"), T = i.BE("menu-context", "container"), R = (e) => {
+  let t = e;
+  for (; !t.classList.contains(C); ) {
+    if (t.classList.contains(T) || t.parentElement == null) return e;
+    t = t.parentElement;
+  }
+  return t.classList.contains(C) ? t : e;
+}, y = (e) => {
+  var c;
+  const t = R(e);
+  if (t == null) return [];
+  const o = Array.from(
+    ((c = t.parentElement) == null ? void 0 : c.querySelectorAll(`.${j}`)) ?? []
+  );
+  return o.includes(t) ? o : [t];
+}, k = () => {
+  const e = b(null), [t, o] = N(E), c = (n, s) => {
+    const a = u.construct(n);
+    if (typeof n == "object" && "preventDefault" in n) {
+      n.preventDefault(), n.stopPropagation();
+      const r = y(n.target);
+      s ?? (s = x.unique(r.map((l) => l.id).filter((l) => l.length > 0)));
+    } else s = [];
+    o({ visible: !0, keys: s, position: a, cursor: a });
+  }, m = (n) => {
+    e.current = n, n != null && o((s) => {
+      if (!s.visible) return s;
+      const { adjustedDialog: a } = h.dialog({
+        container: d.construct(0, 0, window.innerWidth, window.innerHeight),
+        dialog: d.construct(n),
+        target: d.construct(s.cursor, 0, 0),
+        prefer: [{ y: "bottom" }]
+      }), r = d.topLeft(a);
+      return u.equals(s.position, r) ? s : { ...s, position: r };
+    });
+  }, f = () => o(E);
+  return O({ ref: e, onClickOutside: f }), {
+    ...t,
+    close: f,
+    open: c,
+    ref: m,
+    className: T
+  };
+}, A = ({
+  ref: e,
+  menu: t,
+  visible: o,
+  open: c,
+  close: m,
+  position: f,
+  keys: n,
+  className: s,
+  cursor: a,
+  style: r,
+  ...l
+}) => o ? S(
+  /* @__PURE__ */ p.jsx(
+    g,
+    {
+      className: i(i.B("menu-context"), i.bordered()),
+      ref: e,
+      style: { ...u.css(f), ...r },
+      onClick: m,
+      size: "tiny",
+      ...l,
+      children: t == null ? void 0 : t({ keys: n })
+    }
+  ),
+  document.body
+) : null, q = ({
+  menu: e,
+  children: t,
+  ...o
+}) => /* @__PURE__ */ p.jsxs(p.Fragment, { children: [
+  /* @__PURE__ */ p.jsx(A, { menu: e, ...o }),
+  t
+] });
+export {
+  j as C,
+  C as a,
+  q as b,
+  k as u
+};

package/dist/DateTime-CP3OmEGY.cjs

@@ -0,0 +1 @@
+"use strict";const c=require("./jsx-runtime-CITbqOLs.cjs"),m=require("./css-hg3QdDDt.cjs"),o=require("./Divider-Dvb6dsgX.cjs"),u=({ref:e,format:t="dateTime",suppliedTZ:i="UTC",displayTZ:s="local",children:r,...n})=>c.jsxRuntimeExports.jsx(o.Text,{ref:e,...n,children:new m.m(r,i).fString(t,s)});exports.DateTime=u;

package/dist/{DateTime-Djw6pb3W.js → DateTime-CWAcEwXO.js}

@@ -1,6 +1,6 @@
 import { j as s } from "./jsx-runtime-C5mzlN2N.js";
-import { m as a } from "./state-CUPEHHgf.js";
-import { T as n } from "./Divider-CMyzWvRC.js";
+import { m as a } from "./css-B7c7_G5h.js";
+import { T as n } from "./Divider-BTLn5ucU.js";
 const f = ({
   ref: t,
   format: m = "dateTime",