@synnaxlabs/pluto 0.50.1 → 0.52.3

package/dist/Copy-CzkBKGca.js

@@ -0,0 +1,337 @@
+import { j as m } from "./jsx-runtime-tc70JA_2.js";
+import { TimeSpan as g, location as a, xy as M, box as d, color as V, record as te } from "@synnaxlabs/x";
+import { useState as Y, useRef as I, useCallback as v, useMemo as W, createElement as ne, useId as oe, cloneElement as se, isValidElement as re } from "react";
+import { C as c } from "./css-D90kZTM8.js";
+import { c as le, L as ce, T as ie, F as ue, G as ae } from "./Text-BSTMZRuo.js";
+import { d as de, T as K, i as me } from "./Editable-4ZwvICC4.js";
+import { a as fe, C as pe, d as Te } from "./types-CGRCBVD4.js";
+import { a as xe } from "./Provider-ZIy-UlnE.js";
+import "./provider-Bt-E2O6g.js";
+import { createPortal as Ee } from "react-dom";
+import { u as ye } from "./hooks-CWEfATTF.js";
+const [ge, Se] = le({
+  defaultValue: { delay: g.milliseconds(750), startAccelerating: () => {
+  } },
+  displayName: "Tooltip.Context"
+}), He = ({
+  delay: e = g.milliseconds(700),
+  accelerate: t = !0,
+  // Disabling this for now because it's annoying.
+  acceleratedDelay: o = g.minutes(60),
+  accelerationDelay: s = g.seconds(0),
+  children: i
+}) => {
+  const [r, n] = Y(!1), u = I(null), E = v(() => {
+    r || !t || (n(!0), u.current = setTimeout(() => {
+      n(!1);
+    }, new g(s).milliseconds));
+  }, [r, s]), y = W(
+    () => r ? o : e,
+    [r, o, e]
+  ), p = W(
+    () => ({ delay: y, startAccelerating: E }),
+    [y, E]
+  );
+  return /* @__PURE__ */ m.jsx(ge, { value: p, children: i });
+}, Ue = (e) => ({ key: t, ...o }) => /* @__PURE__ */ ne(e, { ...o, key: t }), Ce = (e) => typeof e == "function", Le = 150, Q = ["top", "bottom"], z = ["left", "right"], ee = [
+  ...z,
+  ...Q
+], J = [
+  ...ee,
+  "center"
+], ve = {
+  [a.xyToString(a.TOP_RIGHT)]: (e, t) => M.translate(e, "x", -d.width(t)),
+  [a.xyToString(a.TOP_LEFT)]: (e, t) => M.translate(e, "x", d.width(t)),
+  [a.xyToString(a.BOTTOM_RIGHT)]: (e, t) => M.translate(e, "x", -d.width(t)),
+  [a.xyToString(a.BOTTOM_LEFT)]: (e, t) => M.translate(e, "x", d.width(t))
+}, U = (e, t, o) => {
+  for (const s of o)
+    if (Math.abs(d.loc(t, s) - d.loc(e, s)) > Le) return s;
+  return o[0];
+}, Me = (e, t, o) => {
+  const s = a.location.safeParse(e), i = (n) => {
+    let u;
+    return n === "center" ? u = ee : a.isX(n) ? u = ["center", ...Q] : u = ["center", ...z], a.construct(U(t, o, u));
+  };
+  if (s.success)
+    return a.constructXY(s.data, i(s.data));
+  if (e != null) {
+    const n = { ...e };
+    return n.x == null && n.y != null ? n.x = i(a.construct(n.y)) : n.y == null && n.x != null ? n.y = i(a.construct(n.x)) : n.x == null && n.y == null && (n.x = U(t, o, J), n.y = i(a.construct(n.x))), a.constructXY(n);
+  }
+  const r = U(t, o, J);
+  return a.constructXY(r, i(r));
+}, he = (e, t) => {
+  let o = e;
+  for (; o != null; ) {
+    if (o.id === t) return o;
+    o = o.parentElement;
+  }
+  return e;
+}, we = ({
+  delay: e,
+  children: t,
+  location: o,
+  hide: s = !1
+}) => {
+  const { startAccelerating: i, delay: r } = Se(), n = new g(e ?? r), [u, E, y] = de(null), [p, h] = Y(""), w = I(null), P = oe(), S = I(null), R = I(null), T = v((l) => {
+    l == null && y.current == null || R.current != null || (l != null ? (E(l), R.current = setTimeout(() => {
+      h(c.M("loaded")), R.current = null;
+    }, 1)) : (h(""), R.current = setTimeout(() => {
+      E(null), R.current = null;
+    }, 500)));
+  }, []), C = v(
+    (l, H) => {
+      if (!H || s)
+        return S.current?.(), T(null);
+      i();
+      const f = d.construct(he(l.target, P));
+      d.contains(f, M.construct(l)) || (S.current?.(), T(null));
+      const O = d.construct(document.documentElement), N = Me(o, f, O);
+      let L = d.xyLoc(f, N);
+      const Z = ve[a.xyToString(N)];
+      Z != null && (L = Z(L, f));
+      const b = d.construct(document.body);
+      T({
+        location: N,
+        position: M.translate(L, M.scale(d.topLeft(b), -1)),
+        triggerDims: d.dims(f)
+      }), S.current?.();
+      const _ = (k) => {
+        const $ = M.construct(k);
+        d.contains(f, $) || (T(null), document.removeEventListener("mousemove", _), S.current = null, w.current != null && clearTimeout(w.current));
+      };
+      document.addEventListener("mousemove", _), S.current = () => document.removeEventListener("mousemove", _), document.addEventListener(
+        "mousedown",
+        () => {
+          T(null), S.current?.();
+        },
+        { once: !0 }
+      );
+    },
+    [i, o, s, P, n.milliseconds]
+  );
+  s && u != null && T(null);
+  const F = v(
+    (l) => {
+      w.current = setTimeout(
+        () => C(l, !0),
+        n.milliseconds
+      );
+    },
+    [C, n.milliseconds]
+  ), j = v(
+    (l) => {
+      w.current != null && clearTimeout(w.current), C(l, !1);
+    },
+    [C]
+  ), [D, A] = t, X = document.body;
+  return /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
+    u != null && Ee(
+      /* @__PURE__ */ m.jsx(
+        "div",
+        {
+          className: c(
+            c.B("tooltip"),
+            c.loc(u.location.x),
+            c.loc(u.location.y),
+            p
+          ),
+          style: {
+            [c.var("pos-x")]: c.px(u.position.x),
+            [c.var("pos-y")]: c.px(u.position.y)
+          },
+          children: Ce(D) ? D(u) : Re(D)
+        },
+        P
+      ),
+      X
+    ),
+    se(A, {
+      onMouseEnter: (l) => {
+        F(l), A.props.onMouseEnter?.(l);
+      },
+      onMouseLeave: (l) => {
+        j(l), A.props.onMouseLeave?.(l);
+      },
+      onMouseDown: v(
+        (l) => {
+          j(l), A.props.onMouseDown?.(l);
+        },
+        [C]
+      )
+    })
+  ] });
+}, Re = (e) => typeof e == "string" || typeof e == "number" || !re(e) ? /* @__PURE__ */ m.jsx(K, { level: "small", color: 11, children: e }) : e, Oe = (e) => {
+  const t = ({
+    tooltipDelay: o,
+    tooltip: s,
+    tooltipLocation: i,
+    ...r
+  }) => {
+    const n = /* @__PURE__ */ m.jsx(e, { ...r });
+    return s == null ? n : /* @__PURE__ */ m.jsxs(we, { delay: o, location: i, children: [
+      s,
+      n
+    ] });
+  };
+  return t.displayName = `Tooltip.Wrap(${e.displayName ?? e.name})`, t;
+}, B = "btn", Ne = (e, t) => {
+  if (e === !0) return t;
+  if (e != null && e !== !1) return e;
+}, be = ({
+  size: e,
+  variant: t = "outlined",
+  className: o,
+  disabled: s,
+  preventClick: i,
+  level: r,
+  trigger: n,
+  triggerIndicator: u,
+  onClickDelay: E = 0,
+  onClick: y,
+  color: p,
+  status: h,
+  style: w,
+  onMouseDown: P,
+  textColor: S,
+  textVariant: R,
+  tabIndex: T,
+  contrast: C,
+  children: F,
+  defaultEl: j = "button",
+  el: D,
+  ghost: A,
+  propagateClick: X = !1,
+  href: l,
+  ...H
+}) => {
+  const f = g.fromMilliseconds(E), O = s === !0 || h === "loading" || h === "disabled";
+  t === "preview" && (i = !0), (s || i && T == null) && (T = -1);
+  const N = (x) => {
+    if (X || x.stopPropagation(), !(O || t === "preview" || i === !0) && f.isZero)
+      return y?.(x);
+  }, L = I(null), Z = (x) => {
+    T == -1 && x.preventDefault(), P?.(x), !(O || t === "preview" || f.isZero) && (document.addEventListener(
+      "mouseup",
+      () => L.current != null && clearTimeout(L.current)
+    ), L.current = setTimeout(() => {
+      y?.(x), L.current = null;
+    }, f.milliseconds));
+  };
+  ye({
+    triggers: n,
+    callback: v(
+      ({ stage: x }) => {
+        x !== "end" || O || t === "preview" || N(
+          new MouseEvent("click")
+        );
+      },
+      [N, O]
+    )
+  });
+  let b = w;
+  const _ = V.colorZ.safeParse(p), k = _.success && (t === "filled" || t === "outlined");
+  if (k) {
+    const x = xe();
+    b = {
+      ...b,
+      [c.var("btn-color")]: V.rgbString(_.data),
+      [c.var("btn-text-color")]: V.rgbCSS(
+        V.pickByContrast(_.data, x.colors.text, x.colors.textInverted)
+      )
+    };
+  }
+  f.isZero || (b = {
+    ...b,
+    [c.var("btn-delay")]: `${f.seconds.toString()}s`
+  }), e == null && r != null ? e = fe[r] : e != null && r == null ? r = pe[e] : j !== "div" && (e ??= "medium"), r ??= "p";
+  const $ = h === "loading", G = me(F), q = Ne(u, n);
+  return /* @__PURE__ */ m.jsxs(
+    K,
+    {
+      el: D,
+      defaultEl: j,
+      direction: "x",
+      className: c(
+        c.B(B),
+        C != null && c.BM(B, `contrast-${C}`),
+        i === !0 && c.BM(B, "prevent-click"),
+        t !== "preview" && c.disabled(O),
+        c.BM(B, t),
+        k && c.BM(B, "custom-color"),
+        A && c.BM(B, "ghost"),
+        o
+      ),
+      size: e,
+      tabIndex: T,
+      onClick: N,
+      onMouseDown: Z,
+      style: b,
+      color: S,
+      gap: e === "small" || e === "tiny" ? "small" : void 0,
+      bordered: t !== "text",
+      level: r,
+      variant: R,
+      square: G,
+      overflow: "nowrap",
+      status: h,
+      href: l,
+      ...te.purgeUndefined(H),
+      children: [
+        (!$ || !G) && F,
+        $ && /* @__PURE__ */ m.jsx(ce, {}),
+        q != null && /* @__PURE__ */ m.jsx(
+          ie,
+          {
+            className: c.B("trigger-indicator"),
+            "aria-label": "trigger-indicator",
+            trigger: q,
+            color: 9,
+            gap: "tiny",
+            level: Te(r)
+          }
+        )
+      ]
+    }
+  );
+}, _e = Oe(be), Ae = g.seconds(2).milliseconds, Ye = ({
+  text: e,
+  onCopy: t,
+  onCopyError: o,
+  copiedDuration: s = Ae,
+  tooltip: i = "Copy",
+  children: r,
+  ...n
+}) => {
+  const [u, E] = Y(!1), y = v(() => {
+    (async () => {
+      try {
+        const p = typeof e == "function" ? e() : e;
+        await navigator.clipboard.writeText(p), E(!0), t?.(), setTimeout(
+          () => E(!1),
+          g.fromMilliseconds(s).milliseconds
+        );
+      } catch (p) {
+        o?.(p instanceof Error ? p : new Error(String(p)));
+      }
+    })();
+  }, [e, t, o, s]);
+  return /* @__PURE__ */ m.jsxs(_e, { tooltip: u ? "Copied!" : i, onClick: y, ...n, children: [
+    u ? /* @__PURE__ */ m.jsx(ue, {}) : /* @__PURE__ */ m.jsx(ae, {}),
+    " ",
+    r
+  ] });
+};
+export {
+  _e as B,
+  Ye as C,
+  we as D,
+  He as a,
+  Me as c,
+  Re as f,
+  Ce as i,
+  Ue as r,
+  Se as u,
+  Oe as w
+};

package/dist/Copy-DuC8dTK7.cjs

@@ -0,0 +1 @@
+"use strict";const m=require("./jsx-runtime-nZSsnGb7.cjs"),t=require("@synnaxlabs/x"),l=require("react"),u=require("./css-CloSmhZB.cjs"),A=require("./Text-C2_VsLzw.cjs"),I=require("./Editable-HUPqTaui.cjs"),V=require("./types-DI2vtOGs.cjs"),ne=require("./Provider-DSMJjyuY.cjs");require("./provider-DQkVj3tA.cjs");const se=require("react-dom"),re=require("./hooks-C4ji1BSZ.cjs"),[le,$]=A.create({defaultValue:{delay:t.TimeSpan.milliseconds(750),startAccelerating:()=>{}},displayName:"Tooltip.Context"}),ce=({delay:e=t.TimeSpan.milliseconds(700),accelerate:o=!0,acceleratedDelay:s=t.TimeSpan.minutes(60),accelerationDelay:r=t.TimeSpan.seconds(0),children:a})=>{const[c,n]=l.useState(!1),d=l.useRef(null),C=l.useCallback(()=>{c||!o||(n(!0),d.current=setTimeout(()=>{n(!1)},new t.TimeSpan(r).milliseconds))},[c,r]),E=l.useMemo(()=>c?s:e,[c,s,e]),S=l.useMemo(()=>({delay:E,startAccelerating:C}),[E,C]);return m.jsxRuntimeExports.jsx(le,{value:S,children:a})},ie=e=>({key:o,...s})=>l.createElement(e,{...s,key:o}),G=e=>typeof e=="function",ue=150,W=["top","bottom"],J=["left","right"],K=[...J,...W],Y=[...K,"center"],ae={[t.location.xyToString(t.location.TOP_RIGHT)]:(e,o)=>t.xy.translate(e,"x",-t.box.width(o)),[t.location.xyToString(t.location.TOP_LEFT)]:(e,o)=>t.xy.translate(e,"x",t.box.width(o)),[t.location.xyToString(t.location.BOTTOM_RIGHT)]:(e,o)=>t.xy.translate(e,"x",-t.box.width(o)),[t.location.xyToString(t.location.BOTTOM_LEFT)]:(e,o)=>t.xy.translate(e,"x",t.box.width(o))},X=(e,o,s)=>{for(const r of s)if(Math.abs(t.box.loc(o,r)-t.box.loc(e,r))>ue)return r;return s[0]},Q=(e,o,s)=>{const r=t.location.location.safeParse(e),a=n=>{let d;return n==="center"?d=K:t.location.isX(n)?d=["center",...W]:d=["center",...J],t.location.construct(X(o,s,d))};if(r.success)return t.location.constructXY(r.data,a(r.data));if(e!=null){const n={...e};return n.x==null&&n.y!=null?n.x=a(t.location.construct(n.y)):n.y==null&&n.x!=null?n.y=a(t.location.construct(n.x)):n.x==null&&n.y==null&&(n.x=X(o,s,Y),n.y=a(t.location.construct(n.x))),t.location.constructXY(n)}const c=X(o,s,Y);return t.location.constructXY(c,a(c))},de=(e,o)=>{let s=e;for(;s!=null;){if(s.id===o)return s;s=s.parentElement}return e},z=({delay:e,children:o,location:s,hide:r=!1})=>{const{startAccelerating:a,delay:c}=$(),n=new t.TimeSpan(e??c),[d,C,E]=I.useCombinedStateAndRef(null),[S,R]=l.useState(""),b=l.useRef(null),N=l.useId(),T=l.useRef(null),L=l.useRef(null),f=l.useCallback(i=>{i==null&&E.current==null||L.current!=null||(i!=null?(C(i),L.current=setTimeout(()=>{R(u.CSS.M("loaded")),L.current=null},1)):(R(""),L.current=setTimeout(()=>{C(null),L.current=null},500)))},[]),y=l.useCallback((i,Z)=>{if(!Z||r)return T.current?.(),f(null);a();const x=t.box.construct(de(i.target,N));t.box.contains(x,t.xy.construct(i))||(T.current?.(),f(null));const h=t.box.construct(document.documentElement),v=Q(s,x,h);let g=t.box.xyLoc(x,v);const D=ae[t.location.xyToString(v)];D!=null&&(g=D(g,x));const M=t.box.construct(document.body);f({location:v,position:t.xy.translate(g,t.xy.scale(t.box.topLeft(M),-1)),triggerDims:t.box.dims(x)}),T.current?.();const j=k=>{const q=t.xy.construct(k);t.box.contains(x,q)||(f(null),document.removeEventListener("mousemove",j),T.current=null,b.current!=null&&clearTimeout(b.current))};document.addEventListener("mousemove",j),T.current=()=>document.removeEventListener("mousemove",j),document.addEventListener("mousedown",()=>{f(null),T.current?.()},{once:!0})},[a,s,r,N,n.milliseconds]);r&&d!=null&&f(null);const B=l.useCallback(i=>{b.current=setTimeout(()=>y(i,!0),n.milliseconds)},[y,n.milliseconds]),_=l.useCallback(i=>{b.current!=null&&clearTimeout(b.current),y(i,!1)},[y]),[P,w]=o,F=document.body;return m.jsxRuntimeExports.jsxs(m.jsxRuntimeExports.Fragment,{children:[d!=null&&se.createPortal(m.jsxRuntimeExports.jsx("div",{className:u.CSS(u.CSS.B("tooltip"),u.CSS.loc(d.location.x),u.CSS.loc(d.location.y),S),style:{[u.CSS.var("pos-x")]:u.CSS.px(d.position.x),[u.CSS.var("pos-y")]:u.CSS.px(d.position.y)},children:G(P)?P(d):ee(P)},N),F),l.cloneElement(w,{onMouseEnter:i=>{B(i),w.props.onMouseEnter?.(i)},onMouseLeave:i=>{_(i),w.props.onMouseLeave?.(i)},onMouseDown:l.useCallback(i=>{_(i),w.props.onMouseDown?.(i)},[y])})]})},ee=e=>typeof e=="string"||typeof e=="number"||!l.isValidElement(e)?m.jsxRuntimeExports.jsx(I.Text,{level:"small",color:11,children:e}):e,te=e=>{const o=({tooltipDelay:s,tooltip:r,tooltipLocation:a,...c})=>{const n=m.jsxRuntimeExports.jsx(e,{...c});return r==null?n:m.jsxRuntimeExports.jsxs(z,{delay:s,location:a,children:[r,n]})};return o.displayName=`Tooltip.Wrap(${e.displayName??e.name})`,o},O="btn",me=(e,o)=>{if(e===!0)return o;if(e!=null&&e!==!1)return e},xe=({size:e,variant:o="outlined",className:s,disabled:r,preventClick:a,level:c,trigger:n,triggerIndicator:d,onClickDelay:C=0,onClick:E,color:S,status:R,style:b,onMouseDown:N,textColor:T,textVariant:L,tabIndex:f,contrast:y,children:B,defaultEl:_="button",el:P,ghost:w,propagateClick:F=!1,href:i,...Z})=>{const x=t.TimeSpan.fromMilliseconds(C),h=r===!0||R==="loading"||R==="disabled";o==="preview"&&(a=!0),(r||a&&f==null)&&(f=-1);const v=p=>{if(F||p.stopPropagation(),!(h||o==="preview"||a===!0)&&x.isZero)return E?.(p)},g=l.useRef(null),D=p=>{f==-1&&p.preventDefault(),N?.(p),!(h||o==="preview"||x.isZero)&&(document.addEventListener("mouseup",()=>g.current!=null&&clearTimeout(g.current)),g.current=setTimeout(()=>{E?.(p),g.current=null},x.milliseconds))};re.use({triggers:n,callback:l.useCallback(({stage:p})=>{p!=="end"||h||o==="preview"||v(new MouseEvent("click"))},[v,h])});let M=b;const j=t.color.colorZ.safeParse(S),k=j.success&&(o==="filled"||o==="outlined");if(k){const p=ne.use();M={...M,[u.CSS.var("btn-color")]:t.color.rgbString(j.data),[u.CSS.var("btn-text-color")]:t.color.rgbCSS(t.color.pickByContrast(j.data,p.colors.text,p.colors.textInverted))}}x.isZero||(M={...M,[u.CSS.var("btn-delay")]:`${x.seconds.toString()}s`}),e==null&&c!=null?e=V.LEVEL_COMPONENT_SIZES[c]:e!=null&&c==null?c=V.COMPONENT_SIZE_LEVELS[e]:_!=="div"&&(e??="medium"),c??="p";const q=R==="loading",H=I.isSquare(B),U=me(d,n);return m.jsxRuntimeExports.jsxs(I.Text,{el:P,defaultEl:_,direction:"x",className:u.CSS(u.CSS.B(O),y!=null&&u.CSS.BM(O,`contrast-${y}`),a===!0&&u.CSS.BM(O,"prevent-click"),o!=="preview"&&u.CSS.disabled(h),u.CSS.BM(O,o),k&&u.CSS.BM(O,"custom-color"),w&&u.CSS.BM(O,"ghost"),s),size:e,tabIndex:f,onClick:v,onMouseDown:D,style:M,color:T,gap:e==="small"||e==="tiny"?"small":void 0,bordered:o!=="text",level:c,variant:L,square:H,overflow:"nowrap",status:R,href:i,...t.record.purgeUndefined(Z),children:[(!q||!H)&&B,q&&m.jsxRuntimeExports.jsx(A.Loading,{}),U!=null&&m.jsxRuntimeExports.jsx(A.Text,{className:u.CSS.B("trigger-indicator"),"aria-label":"trigger-indicator",trigger:U,color:9,gap:"tiny",level:V.downLevel(c)})]})},oe=te(xe),Se=t.TimeSpan.seconds(2).milliseconds,fe=({text:e,onCopy:o,onCopyError:s,copiedDuration:r=Se,tooltip:a="Copy",children:c,...n})=>{const[d,C]=l.useState(!1),E=l.useCallback(()=>{(async()=>{try{const S=typeof e=="function"?e():e;await navigator.clipboard.writeText(S),C(!0),o?.(),setTimeout(()=>C(!1),t.TimeSpan.fromMilliseconds(r).milliseconds)}catch(S){s?.(S instanceof Error?S:new Error(String(S)))}})()},[e,o,s,r]);return m.jsxRuntimeExports.jsxs(oe,{tooltip:d?"Copied!":a,onClick:E,...n,children:[d?m.jsxRuntimeExports.jsx(A.Check,{}):m.jsxRuntimeExports.jsx(A.Copy,{})," ",c]})};exports.Button=oe;exports.Config=ce;exports.Copy=fe;exports.Dialog=z;exports.chooseLocation=Q;exports.formatTip=ee;exports.isRenderProp=G;exports.renderProp=ie;exports.useConfig=$;exports.wrap=te;

package/dist/Dialog-DNrgykEv.cjs

@@ -0,0 +1 @@
+"use strict";const u=require("./jsx-runtime-nZSsnGb7.cjs"),n=require("./Animated-xK__WUQp.cjs"),j=require("react-dom");require("@synnaxlabs/x");const e=require("./css-CloSmhZB.cjs"),q=require("./Box-CNUz5BsV.cjs"),b=(i="root")=>document.getElementById(i)??document.body,f=({style:i,background:d=0,className:g,bordered:S=!0,rounded:m=1,passthrough:l=!1,children:x,...C})=>{const{ref:y,targetCorner:a,dialogCorner:s,style:c,modalPosition:B}=n.useInternalContext("Dialog.Dialog"),{visible:r,variant:t}=n.useContext();if(!r&&!l)return null;const E=r&&(Object.keys(c).length>0||t==="modal");let o=u.jsxRuntimeExports.jsx(q.Box$1,{pack:!0,ref:y,y:!0,background:d,className:e.CSS(e.CSS.BE("dialog","dialog"),e.CSS.loc(a.x),e.CSS.loc(a.y),e.CSS.BEM("dialog","dialog",s.x),e.CSS.BEM("dialog","dialog",s.y),e.CSS.visible(E),l&&e.CSS.BM("dialog","passthrough"),e.CSS.M(t),t==="modal"&&e.CSS.BM("dialog","modal","position",B.toString()),g),rounded:m,role:"dialog",empty:!0,bordered:S,align:"stretch",style:{...c,...i},...C,children:x});return t==="modal"&&(o=u.jsxRuntimeExports.jsx(n.Background,{empty:!0,align:"center",visible:r,children:o})),l?o:j.createPortal(o,b())};exports.Dialog=f;

package/dist/{Dialog-BspO7uo8.js → Dialog-Dos5l3K2.js}

@@ -1,9 +1,10 @@
-import { j as m } from "./jsx-runtime-BbD0H88J.js";
-import { b, u as C, B as E } from "./Animated-C4xrEVd-.js";
+import { j as m } from "./jsx-runtime-tc70JA_2.js";
+import { b, u as C, B as E } from "./Animated-6qL1fRZx.js";
 import { createPortal as j } from "react-dom";
-import { C as o } from "./css-BkBrZtKZ.js";
-import { a as M } from "./Box-DLO7l9hM.js";
-const D = (l = "root") => document.getElementById(l) ?? document.body, R = ({
+import "@synnaxlabs/x";
+import { C as o } from "./css-D90kZTM8.js";
+import { a as M } from "./Box-Bi280MYh.js";
+const D = (l = "root") => document.getElementById(l) ?? document.body, h = ({
   style: l,
   background: d = 0,
   className: g,
@@ -11,14 +12,14 @@ const D = (l = "root") => document.getElementById(l) ?? document.body, R = ({
   rounded: u = 1,
   passthrough: a = !1,
   children: y,
-  ...x
+  ...p
 }) => {
   const {
-    ref: f,
+    ref: x,
     targetCorner: i,
     dialogCorner: n,
     style: s,
-    modalPosition: p
+    modalPosition: f
   } = b("Dialog.Dialog"), { visible: r, variant: t } = C();
   if (!r && !a) return null;
   const B = r && (Object.keys(s).length > 0 || t === "modal");
@@ -26,7 +27,7 @@ const D = (l = "root") => document.getElementById(l) ?? document.body, R = ({
     M,
     {
       pack: !0,
-      ref: f,
+      ref: x,
       y: !0,
       background: d,
       className: o(
@@ -38,7 +39,7 @@ const D = (l = "root") => document.getElementById(l) ?? document.body, R = ({
         o.visible(B),
         a && o.BM("dialog", "passthrough"),
         o.M(t),
-        t === "modal" && o.BM("dialog", "modal", "position", p.toString()),
+        t === "modal" && o.BM("dialog", "modal", "position", f.toString()),
         g
       ),
       rounded: u,
@@ -47,12 +48,12 @@ const D = (l = "root") => document.getElementById(l) ?? document.body, R = ({
       bordered: c,
       align: "stretch",
       style: { ...s, ...l },
-      ...x,
+      ...p,
       children: y
     }
   );
   return t === "modal" && (e = /* @__PURE__ */ m.jsx(E, { empty: !0, align: "center", visible: r, children: e })), a ? e : j(e, D());
 };
 export {
-  R as D
+  h as D
 };

package/dist/{Editable-DjQORuR1.js → Editable-4ZwvICC4.js}

@@ -1,9 +1,10 @@
-import { j as x } from "./jsx-runtime-BbD0H88J.js";
+import { j as x } from "./jsx-runtime-tc70JA_2.js";
 import { useCallback as y, useRef as l, useState as N, isValidElement as v, Children as C, useLayoutEffect as z } from "react";
-import { C as i } from "./css-BkBrZtKZ.js";
-import { e as I, c as B } from "./types-B5-Tni3G.js";
-import { a as U } from "./Box-DLO7l9hM.js";
-const ie = (e) => {
+import "@synnaxlabs/x";
+import { C as i } from "./css-D90kZTM8.js";
+import { c as I, e as B } from "./types-CGRCBVD4.js";
+import { a as U } from "./Box-Bi280MYh.js";
+const le = (e) => {
   const t = l(I(e)), n = y((s) => {
     t.current = B(s, t.current);
   }, []);
@@ -11,7 +12,7 @@ const ie = (e) => {
 }, q = (e) => {
   const t = l(e);
   return t.current = e, t;
-}, le = (e) => {
+}, ae = (e) => {
   const t = l(!1), n = l(null);
   return t.current || (n.current = e(), t.current = !0), n;
 }, W = (...e) => y(
@@ -19,15 +20,15 @@ const ie = (e) => {
     n != null && (typeof n == "function" ? n(t) : n.current = t);
   }, t),
   []
-), ae = (e) => {
+), fe = (e) => {
   const t = l(null), [n, s] = N(() => {
     const c = I(e);
     return t.current = c, c;
-  }), u = y((c) => {
+  }), o = y((c) => {
     s((a) => (t.current = B(c, a), t.current));
   }, []);
-  return [n, u, t];
-}, fe = (e) => {
+  return [n, o, t];
+}, Ee = (e) => {
   const t = l(void 0), n = t.current;
   return t.current = e, n;
 }, O = (e) => (
@@ -43,7 +44,7 @@ const ie = (e) => {
     e = t[0];
   }
   return typeof e == "string" ? e.length === 1 : !!(O(e) && typeof e.props == "object" && e.props != null && !("children" in e.props) && !("role" in e.props));
-}, F = (e, t, n, s, u) => t ?? (u != null || s === "link" ? "a" : n ?? e ?? "p"), J = (e, t, n) => {
+}, F = (e, t, n, s, o) => t ?? (o != null || s === "link" ? "a" : n ?? e ?? "p"), J = (e, t, n) => {
   const s = {
     ...e,
     fontWeight: t
@@ -54,7 +55,7 @@ const ie = (e) => {
   className: t,
   style: n,
   weight: s,
-  defaultEl: u,
+  defaultEl: o,
   el: c,
   variant: a,
   overflow: d,
@@ -62,12 +63,12 @@ const ie = (e) => {
   autoFormatHref: T,
   status: f,
   lineClamp: p,
-  ...o
+  ...u
 }) => /* @__PURE__ */ x.jsx(
   U,
   {
     direction: "x",
-    el: F(e, c, u, a, S),
+    el: F(e, c, o, a, S),
     style: J(n, s, p),
     className: i(
       i.B("text"),
@@ -78,10 +79,10 @@ const ie = (e) => {
       f != null && i.M("status", f),
       t
     ),
-    square: Y(o.children),
+    square: Y(u.children),
     gap: "small",
     href: G(S, T),
-    ...o
+    ...u
   }
 ), R = (e) => {
   e != null && (e.style.display = "none", e.offsetHeight, e.style.display = "");
@@ -89,61 +90,61 @@ const ie = (e) => {
   let n = 0;
   const s = () => {
     n++;
-    const u = document.querySelector(`#${CSS.escape(e)}.${w}`);
-    if (u == null || !u.classList.contains(w)) {
+    const o = document.querySelector(`#${CSS.escape(e)}.${w}`);
+    if (o == null || !o.classList.contains(w)) {
       if (n < Z) setTimeout(() => s(), 100);
       else throw new Error(`Could not find element with id ${e}`);
       return;
     }
-    u.dispatchEvent(new Event(j)), u.setAttribute("contenteditable", "true"), t != null && (u.addEventListener(
+    o.dispatchEvent(new Event(j)), o.setAttribute("contenteditable", "true"), t != null && (o.addEventListener(
       k,
       (c) => t(g(c.target), !0)
-    ), u.addEventListener(
+    ), o.addEventListener(
       V,
       (c) => t(g(c.target), !1)
     ));
   };
   s();
-}, Ee = (e) => new Promise((t) => {
-  ee(e, (s, u) => t([s, u]));
+}, de = (e) => new Promise((t) => {
+  ee(e, (s, o) => t([s, o]));
 }), g = (e) => e.innerText.trim(), te = (e, t) => e == null || t == null ? !1 : e.maxInlineSize === t.maxInlineSize, ne = ({
   onChange: e,
   value: t,
   className: n,
   useEditableState: s = N,
-  allowDoubleClick: u = !0,
+  allowDoubleClick: o = !0,
   onDoubleClick: c,
   allowEmpty: a = !1,
   style: d,
   outline: S = !0,
   ...T
 }) => {
-  const [f, p] = s(!1), o = l(null), M = q(t), b = l(d), A = l(t);
-  (b.current != null && !te(d, b.current) || t !== A.current) && (R(o.current), b.current = d, A.current = t);
+  const [f, p] = s(!1), u = l(null), M = q(t), b = l(d), A = l(t);
+  (b.current != null && !te(d, b.current) || t !== A.current) && (R(u.current), b.current = d, A.current = t);
   const h = (r) => {
-    u && (p(!0), R(o.current)), c?.(r);
+    o && (p(!0), R(u.current)), c?.(r);
   }, _ = (r, m = !1) => {
     const E = g(r);
     M.current === E && (E.length > 0 || a) || (m || E.length === 0 && !a ? (r.innerText = t, r.dispatchEvent(new Event(V))) : (e?.(E), M.current = E, r.dispatchEvent(new Event(k))));
   }, H = (r) => {
-    if (o.current == null || (R(o.current), !f || !Q.includes(r.key))) return;
+    if (u.current == null || (R(u.current), !f || !Q.includes(r.key))) return;
     r.stopPropagation(), r.preventDefault();
-    const m = o.current;
-    o.current != null && (p(!1), _(m, r.key === "Escape"), m.blur());
+    const m = u.current;
+    u.current != null && (p(!1), _(m, r.key === "Escape"), m.blur());
   }, P = (r) => r.preventDefault();
   z(() => {
-    if (o.current == null || !f) return;
-    R(o.current);
-    const { current: r } = o;
+    if (u.current == null || !f) return;
+    R(u.current);
+    const { current: r } = u;
     r.focus();
     const m = document.createRange();
     m.selectNodeContents(r);
     const E = window.getSelection();
     E?.removeAllRanges(), E?.addRange(m);
-  }, [f]), o.current !== null && !f && (o.current.innerHTML = t);
+  }, [f]), u.current !== null && !f && (u.current.innerHTML = t);
   const $ = y((r) => {
     r?.addEventListener(j, () => p(!0));
-  }, []), K = W(o, $);
+  }, []), K = W(u, $);
   return /* @__PURE__ */ x.jsx(
     L,
     {
@@ -155,7 +156,7 @@ const ie = (e) => {
       ),
       onBlur: () => {
         p(!1);
-        const r = o.current;
+        const r = u.current;
         r != null && _(r);
       },
       onKeyDown: H,
@@ -168,34 +169,34 @@ const ie = (e) => {
       children: t
     }
   );
-}, de = ({
+}, pe = ({
   onChange: e,
   disabled: t = !1,
   value: n,
   allowDoubleClick: s,
-  ...u
-}) => t || e == null || e === !1 ? /* @__PURE__ */ x.jsx(L, { ...u, children: n }) : (e === !0 && (e = () => {
+  ...o
+}) => t || e == null || e === !1 ? /* @__PURE__ */ x.jsx(L, { ...o, children: n }) : (e === !0 && (e = () => {
 }), /* @__PURE__ */ x.jsx(
   ne,
   {
     allowDoubleClick: s,
     onChange: e,
     value: n,
-    ...u
+    ...o
   }
 ));
 export {
   ne as E,
-  de as M,
+  pe as M,
   L as T,
-  Ee as a,
-  le as b,
+  de as a,
+  ae as b,
   q as c,
-  ae as d,
+  fe as d,
   ee as e,
   W as f,
-  fe as g,
+  Ee as g,
   Y as i,
   R as t,
-  ie as u
+  le as u
 };

package/dist/Editable-HUPqTaui.cjs

@@ -0,0 +1 @@
+"use strict";const b=require("./jsx-runtime-nZSsnGb7.cjs"),c=require("react");require("@synnaxlabs/x");const l=require("./css-CloSmhZB.cjs"),m=require("./types-DI2vtOGs.cjs"),K=require("./Box-CNUz5BsV.cjs"),$=e=>{const t=c.useRef(m.executeInitialSetter(e)),n=c.useCallback(s=>{t.current=m.executeSetter(s,t.current)},[]);return[t,n]},I=e=>{const t=c.useRef(e);return t.current=e,t},U=e=>{const t=c.useRef(!1),n=c.useRef(null);return t.current||(n.current=e(),t.current=!0),n},N=(...e)=>c.useCallback(t=>e.forEach(n=>{n!=null&&(typeof n=="function"?n(t):n.current=t)},t),[]),W=e=>{const t=c.useRef(null),[n,s]=c.useState(()=>{const o=m.executeInitialSetter(e);return t.current=o,o}),u=c.useCallback(o=>{s(f=>(t.current=m.executeSetter(o,f),t.current))},[]);return[n,u,t]},O=e=>{const t=c.useRef(void 0),n=t.current;return t.current=e,n},X=e=>c.isValidElement(e)&&!("hydrate"in e.props),k="://",G=`https${k}`,Y=(e,t=!1)=>e==null?e:t&&!e.includes(k)?G+e:e,B=e=>{if(c.Children.count(e)!==1){const t=c.Children.toArray(e).filter(n=>typeof n!="boolean");if(t.length!==1)return!1;e=t[0]}return typeof e=="string"?e.length===1:!!(X(e)&&typeof e.props=="object"&&e.props!=null&&!("children"in e.props)&&!("role"in e.props))},F=(e,t,n,s,u)=>t??(u!=null||s==="link"?"a":n??e??"p"),J=(e,t,n)=>{const s={...e,fontWeight:t};return n!=null&&(s.WebkitLineClamp=n),s},g=({level:e="p",className:t,style:n,weight:s,defaultEl:u,el:o,variant:f,overflow:E,href:x,autoFormatHref:C,status:a,lineClamp:S,...i})=>b.jsxRuntimeExports.jsx(K.Box$1,{direction:"x",el:F(e,o,u,f,x),style:J(n,s,S),className:l.CSS(l.CSS.B("text"),f!=null&&l.CSS.BM("text",f),l.CSS.BM("text",e),E!=null&&l.CSS.BM("text","overflow",E),S!=null&&l.CSS.BM("text","line-clamp"),a!=null&&l.CSS.M("status",a),t),square:B(i.children),gap:"small",href:Y(x,C),...i}),R=e=>{e!=null&&(e.style.display="none",e.offsetHeight,e.style.display="")},Q=["Escape","Enter"],w=l.CSS.BM("text","editable"),Z=10,j="renamed",q="escaped",D="start-editing",L=(e,t)=>{let n=0;const s=()=>{n++;const u=document.querySelector(`#${CSS.escape(e)}.${w}`);if(u==null||!u.classList.contains(w)){if(n<Z)setTimeout(()=>s(),100);else throw new Error(`Could not find element with id ${e}`);return}u.dispatchEvent(new Event(D)),u.setAttribute("contenteditable","true"),t!=null&&(u.addEventListener(j,o=>t(T(o.target),!0)),u.addEventListener(q,o=>t(T(o.target),!1)))};s()},ee=e=>new Promise(t=>{L(e,(s,u)=>t([s,u]))}),T=e=>e.innerText.trim(),te=(e,t)=>e==null||t==null?!1:e.maxInlineSize===t.maxInlineSize,h=({onChange:e,value:t,className:n,useEditableState:s=c.useState,allowDoubleClick:u=!0,onDoubleClick:o,allowEmpty:f=!1,style:E,outline:x=!0,...C})=>{const[a,S]=s(!1),i=c.useRef(null),M=I(t),y=c.useRef(E),A=c.useRef(t);(y.current!=null&&!te(E,y.current)||t!==A.current)&&(R(i.current),y.current=E,A.current=t);const P=r=>{u&&(S(!0),R(i.current)),o?.(r)},_=(r,p=!1)=>{const d=T(r);M.current===d&&(d.length>0||f)||(p||d.length===0&&!f?(r.innerText=t,r.dispatchEvent(new Event(q))):(e?.(d),M.current=d,r.dispatchEvent(new Event(j))))},V=r=>{if(i.current==null||(R(i.current),!a||!Q.includes(r.key)))return;r.stopPropagation(),r.preventDefault();const p=i.current;i.current!=null&&(S(!1),_(p,r.key==="Escape"),p.blur())},H=r=>r.preventDefault();c.useLayoutEffect(()=>{if(i.current==null||!a)return;R(i.current);const{current:r}=i;r.focus();const p=document.createRange();p.selectNodeContents(r);const d=window.getSelection();d?.removeAllRanges(),d?.addRange(p)},[a]),i.current!==null&&!a&&(i.current.innerHTML=t);const v=c.useCallback(r=>{r?.addEventListener(D,()=>S(!0))},[]),z=N(i,v);return b.jsxRuntimeExports.jsx(g,{ref:z,className:l.CSS(n,l.CSS.BM("text","editable"),x&&l.CSS.M("outline")),onBlur:()=>{S(!1);const r=i.current;r!=null&&_(r)},onKeyDown:V,onKeyUp:H,onDoubleClick:P,contentEditable:a,suppressContentEditableWarning:!0,style:E,...C,children:t})},ne=({onChange:e,disabled:t=!1,value:n,allowDoubleClick:s,...u})=>t||e==null||e===!1?b.jsxRuntimeExports.jsx(g,{...u,children:n}):(e===!0&&(e=()=>{}),b.jsxRuntimeExports.jsx(h,{allowDoubleClick:s,onChange:e,value:n,...u}));exports.Editable=h;exports.MaybeEditable=ne;exports.Text=g;exports.asyncEdit=ee;exports.edit=L;exports.isSquare=B;exports.triggerReflow=R;exports.useCombinedRefs=N;exports.useCombinedStateAndRef=W;exports.useInitializerRef=U;exports.usePrevious=O;exports.useStateRef=$;exports.useSyncedRef=I;