@synnaxlabs/pluto 0.46.7 → 0.47.0

package/dist/Button-BFoGC4WW.js

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

package/dist/Button-C3dvpk52.cjs

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

package/dist/Dialog-CO4iLhHf.js

@@ -0,0 +1,58 @@
+import { j as d } from "./jsx-runtime-OVHDjVDe.js";
+import { d as C, u as E, B as b } from "./Animated-M9ynNzcI.js";
+import { createPortal as j } from "react-dom";
+import { C as o } from "./css-D6ZBcSwh.js";
+import { a as M } from "./Box-D5Qv__kr.js";
+const S = (l = "root") => document.getElementById(l) ?? document.body, R = ({
+  style: l,
+  background: m = 0,
+  className: c,
+  bordered: g = !0,
+  rounded: u = 1,
+  passthrough: a = !1,
+  children: y,
+  ...x
+}) => {
+  const {
+    ref: f,
+    targetCorner: i,
+    dialogCorner: n,
+    style: s,
+    modalPosition: p
+  } = C(), { visible: r, variant: t } = E();
+  if (!r && !a) return null;
+  const B = r && (Object.keys(s).length > 0 || t === "modal");
+  let e = /* @__PURE__ */ d.jsx(
+    M,
+    {
+      pack: !0,
+      ref: f,
+      y: !0,
+      background: m,
+      className: o(
+        o.BE("dialog", "dialog"),
+        o.loc(i.x),
+        o.loc(i.y),
+        o.BEM("dialog", "dialog", n.x),
+        o.BEM("dialog", "dialog", n.y),
+        o.visible(B),
+        a && o.BM("dialog", "passthrough"),
+        o.M(t),
+        t === "modal" && o.BM("dialog", "modal", "position", p.toString()),
+        c
+      ),
+      rounded: u,
+      role: "dialog",
+      empty: !0,
+      bordered: g,
+      align: "stretch",
+      style: { ...s, ...l },
+      ...x,
+      children: y
+    }
+  );
+  return t === "modal" && (e = /* @__PURE__ */ d.jsx(b, { empty: !0, align: "center", visible: r, children: e })), a ? e : j(e, S());
+};
+export {
+  R as D
+};

package/dist/Dialog-DwhFD4z2.cjs

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

package/dist/Editable-BXFY3-UW.cjs

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

package/dist/Editable-CxgdRDPb.js

@@ -0,0 +1,193 @@
+import { j as x } from "./jsx-runtime-OVHDjVDe.js";
+import { useRef as l, useCallback as T, useState as N, isValidElement as v, Children as _, useLayoutEffect as z } from "react";
+import { C as i } from "./css-D6ZBcSwh.js";
+import { e as I, c as D } from "./types-BNX_Jj6k.js";
+import { a as U } from "./Box-D5Qv__kr.js";
+const ce = (e) => {
+  const t = l(I(e)), n = T((u) => {
+    t.current = D(u, t.current);
+  }, []);
+  return [t, n];
+}, q = (e) => {
+  const t = l(e);
+  return t.current = e, t;
+}, ie = (e) => {
+  const t = l(!1), n = l(null);
+  return t.current || (n.current = e(), t.current = !0), n;
+}, O = (...e) => T(
+  (t) => e.forEach((n) => {
+    n != null && (typeof n == "function" ? n(t) : n.current = t);
+  }, t),
+  []
+), le = (e) => {
+  const t = l(null), [n, u] = N(() => {
+    const c = I(e);
+    return t.current = c, c;
+  }), s = T((c) => {
+    u((a) => (t.current = D(c, a), t.current));
+  }, []);
+  return [n, s, t];
+}, ae = (e) => {
+  const t = l(void 0), n = t.current;
+  return t.current = e, n;
+}, W = (e) => (
+  // The hydrate props check lets us avoid considering Astro slots as valid react
+  // elements.
+  v(e) && !("hydrate" in e.props)
+), B = "://", X = `https${B}`, G = (e, t = !1) => e == null ? e : t && !e.includes(B) ? X + e : e, Y = (e) => {
+  if (_.count(e) !== 1) {
+    const t = _.toArray(e).filter(
+      (n) => typeof n != "boolean"
+    );
+    if (t.length !== 1) return !1;
+    e = t[0];
+  }
+  return typeof e == "string" ? e.length === 1 : !!(W(e) && typeof e.props == "object" && e.props != null && !("children" in e.props) && !("role" in e.props));
+}, F = (e, t, n, u, s) => t ?? (s != null || u === "link" ? "a" : n ?? e ?? "p"), L = ({
+  level: e = "p",
+  className: t,
+  style: n,
+  weight: u,
+  defaultEl: s,
+  el: c,
+  variant: a,
+  overflow: d,
+  href: S,
+  autoFormatHref: g,
+  status: f,
+  ...p
+}) => /* @__PURE__ */ x.jsx(
+  U,
+  {
+    direction: "x",
+    el: F(e, c, s, a, S),
+    style: { fontWeight: u, ...n },
+    className: i(
+      i.B("text"),
+      a != null && i.BM("text", a),
+      i.BM("text", e),
+      d != null && i.BM("text", "overflow", d),
+      f != null && i.M("status", f),
+      t
+    ),
+    square: Y(p.children),
+    gap: "small",
+    href: G(S, g),
+    ...p
+  }
+), R = (e) => {
+  e != null && (e.style.display = "none", e.offsetHeight, e.style.display = "");
+}, J = ["Escape", "Enter"], w = i.BM("text", "editable"), Q = 10, V = "renamed", j = "escaped", k = "start-editing", Z = (e, t) => {
+  let n = 0;
+  const u = () => {
+    n++;
+    const s = document.querySelector(`#${CSS.escape(e)}.${w}`);
+    if (s == null || !s.classList.contains(w)) {
+      if (n < Q) setTimeout(() => u(), 100);
+      else throw new Error(`Could not find element with id ${e}`);
+      return;
+    }
+    s.dispatchEvent(new Event(k)), s.setAttribute("contenteditable", "true"), t != null && (s.addEventListener(
+      V,
+      (c) => t(b(c.target), !0)
+    ), s.addEventListener(
+      j,
+      (c) => t(b(c.target), !1)
+    ));
+  };
+  u();
+}, fe = (e) => new Promise((t) => {
+  Z(e, (u, s) => t([u, s]));
+}), b = (e) => e.innerText.trim(), ee = (e, t) => e == null || t == null ? !1 : e.maxInlineSize === t.maxInlineSize, te = ({
+  onChange: e,
+  value: t,
+  className: n,
+  useEditableState: u = N,
+  allowDoubleClick: s = !0,
+  onDoubleClick: c,
+  allowEmpty: a = !1,
+  style: d,
+  outline: S = !0,
+  ...g
+}) => {
+  const [f, p] = u(!1), o = l(null), M = q(t), y = l(d), A = l(t);
+  (y.current != null && !ee(d, y.current) || t !== A.current) && (R(o.current), y.current = d, A.current = t);
+  const h = (r) => {
+    s && (p(!0), R(o.current)), c?.(r);
+  }, C = (r, m = !1) => {
+    const E = b(r);
+    M.current === E && (E.length > 0 || a) || (m || E.length === 0 && !a ? (r.innerText = t, r.dispatchEvent(new Event(j))) : (e?.(E), M.current = E, r.dispatchEvent(new Event(V))));
+  }, H = (r) => {
+    if (o.current == null || (R(o.current), !f || !J.includes(r.key))) return;
+    r.stopPropagation(), r.preventDefault();
+    const m = o.current;
+    o.current != null && (p(!1), C(m, r.key === "Escape"), m.blur());
+  }, P = (r) => r.preventDefault();
+  z(() => {
+    if (o.current == null || !f) return;
+    R(o.current);
+    const { current: r } = o;
+    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);
+  const $ = T((r) => {
+    r?.addEventListener(k, () => p(!0));
+  }, []), K = O(o, $);
+  return /* @__PURE__ */ x.jsx(
+    L,
+    {
+      ref: K,
+      className: i(
+        n,
+        i.BM("text", "editable"),
+        S && i.M("outline")
+      ),
+      onBlur: () => {
+        p(!1);
+        const r = o.current;
+        r != null && C(r);
+      },
+      onKeyDown: H,
+      onKeyUp: P,
+      onDoubleClick: h,
+      contentEditable: f,
+      suppressContentEditableWarning: !0,
+      style: d,
+      ...g,
+      children: t
+    }
+  );
+}, Ee = ({
+  onChange: e,
+  disabled: t = !1,
+  value: n,
+  allowDoubleClick: u,
+  ...s
+}) => t || e == null || e === !1 ? /* @__PURE__ */ x.jsx(L, { ...s, children: n }) : (e === !0 && (e = () => {
+}), /* @__PURE__ */ x.jsx(
+  te,
+  {
+    allowDoubleClick: u,
+    onChange: e,
+    value: n,
+    ...s
+  }
+));
+export {
+  te as E,
+  Ee as M,
+  L as T,
+  fe as a,
+  ie as b,
+  q as c,
+  le as d,
+  Z as e,
+  O as f,
+  ae as g,
+  Y as i,
+  R as t,
+  ce as u
+};

package/dist/Haul-2Xa_nMgc.cjs

@@ -0,0 +1 @@
+"use strict";const j=require("./jsx-runtime-Dszzpdy0.cjs"),m=require("./css-HnNQMUzV.cjs"),t=require("react"),f=require("zod"),_=f.z.object({key:f.z.string().or(f.z.number()),type:f.z.string(),elementID:f.z.string().optional(),data:m.l.unknownZ.optional()}),h=f.z.object({source:_,items:f.z.array(_)}),O={key:"",type:""},g={source:O,items:[]},C="file",M={key:"file",type:C},q=new Set(["all","copyLink"]),w=(e,r)=>q.has(e.dataTransfer.effectAllowed)&&r.items.length===0,F=t.createContext(null),x={...g,onSuccessfulDrop:()=>{}},y=()=>t.use(F),T=t.memo(({children:e,useState:r=t.useState,onDropOutside:s})=>{const o=y(),[i,n]=r(g),u=t.useRef(x),l=t.useRef(new Set),d=t.useCallback((c,a,k)=>{u.current={source:c,items:a,onSuccessfulDrop:k},n({source:c,items:a})},[n,s]),p=t.useCallback(({target:c,dropped:a})=>{const k=u.current.items;u.current.onSuccessfulDrop?.({target:c,dropped:a,hauled:k}),u.current=x,n(g)},[n]),D=t.useCallback(c=>{let a=null;l.current.forEach(k=>{a==null&&(a=k(u.current,c))}),a!=null&&p(a),u.current=x,n(g)},[n]),E=t.useCallback(c=>(l.current.add(c),()=>l.current.delete(c)),[]),b=t.useMemo(()=>o??{state:i,start:d,end:D,drop:p,bind:E},[i,d,D,p,o]);return j.jsxRuntimeExports.jsx(F,{value:b,children:e})});T.displayName="HaulProvider";const I=()=>{const e=t.useRef(g),r=y();return r==null||(e.current=r.state),e},A=()=>{const e=y();return e==null?g:e.state},v=({type:e,key:r})=>{const s=r??t.useId(),o=t.useMemo(()=>({key:s,type:e}),[s,e]),i=y();if(i==null)return{startDrag:()=>{},onDragEnd:()=>{}};const{start:n,end:u}=i;return{startDrag:t.useCallback((l,d)=>n(o,l,d),[n,o]),onDragEnd:l=>u(m.Q.construct({x:l.screenX,y:l.screenY}))}},R=({type:e,key:r,canDrop:s,onDrop:o,onDragOver:i})=>{const n=I(),u=y();if(u==null)return{onDragOver:()=>{},onDrop:()=>{}};const{drop:l}=u,d=r??t.useId(),p=t.useMemo(()=>({key:d,type:e}),[d,e]),D=t.useRef({x:-1,y:-1}),E=t.useCallback(c=>{c.preventDefault();const a=m.Q.construct({x:c.screenX,y:c.screenY});m.Q.equals(a,D.current)||(D.current=a,s(n.current)&&i?.({event:c,...n.current}))},[n,s]),b=t.useCallback(c=>{s(n.current)&&(c.preventDefault(),l({target:p,dropped:o({...n.current,event:c})}))},[n,o,s,l,p]);return{onDragOver:E,onDrop:b}},z=({type:e,key:r,...s})=>{const o=r??t.useId(),i=t.useMemo(()=>({key:o,type:e}),[o,e]),n=v(i),u=R({...s,...i});return{...n,...u}},L=e=>({items:r})=>r.some(s=>s.type===e),S=(e,r)=>r.filter(s=>s.type===e),P=(e,r,s)=>t.useCallback(o=>r({...o,items:S(e,o.items)}),s),Z=Object.freeze(Object.defineProperty({__proto__:null,FILE:M,FILE_TYPE:C,Provider:T,ZERO_DRAGGING_STATE:g,ZERO_ITEM:O,canDropOfType:L,draggingStateZ:h,filterByType:S,isFileDrag:w,itemZ:_,useContext:y,useDrag:v,useDragAndDrop:z,useDraggingRef:I,useDraggingState:A,useDrop:R,useFilterByTypeCallback:P},Symbol.toStringTag,{value:"Module"}));exports.FILE_TYPE=C;exports.Haul=Z;exports.Provider=T;exports.canDropOfType=L;exports.filterByType=S;exports.useDragAndDrop=z;exports.useDraggingState=A;exports.useDrop=R;exports.useFilterByTypeCallback=P;