@synnaxlabs/pluto 0.47.1 → 0.49.0

package/dist/Button-CoOYEk1J.js

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

package/dist/Button-D5aoG3sV.cjs

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

package/dist/Dialog-JwJQD3xZ.cjs

@@ -0,0 +1 @@
+"use strict";const d=require("./jsx-runtime-nZSsnGb7.cjs"),n=require("./Animated-D-pQ3CYh.cjs"),j=require("react-dom"),e=require("./css-BVgFAmaj.cjs"),b=require("./Box-4l6DWG-3.cjs"),f=(l="root")=>document.getElementById(l)??document.body,p=({style:l,background:u=0,className:g,bordered:S=!0,rounded:m=1,passthrough:i=!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&&!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()),g),rounded:m,role:"dialog",empty:!0,bordered:S,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/{Dialog-Bi1Sf3oc.js → Dialog-puVY-0Mt.js}

@@ -1,13 +1,13 @@
-import { j as d } from "./jsx-runtime-OVHDjVDe.js";
-import { d as C, u as E, B as b } from "./Animated-CUFx-eAB.js";
+import { j as m } from "./jsx-runtime-BbD0H88J.js";
+import { b, u as C, B as E } from "./Animated-38tdmPR0.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 = ({
+import { C as o } from "./css-bahPRiQI.js";
+import { a as M } from "./Box-BVyAHr2f.js";
+const D = (l = "root") => document.getElementById(l) ?? document.body, R = ({
   style: l,
-  background: m = 0,
-  className: c,
-  bordered: g = !0,
+  background: d = 0,
+  className: g,
+  bordered: c = !0,
   rounded: u = 1,
   passthrough: a = !1,
   children: y,
@@ -19,16 +19,16 @@ const S = (l = "root") => document.getElementById(l) ?? document.body, R = ({
     dialogCorner: n,
     style: s,
     modalPosition: p
-  } = C(), { visible: r, variant: t } = E();
+  } = b("Dialog.Dialog"), { visible: r, variant: t } = C();
   if (!r && !a) return null;
   const B = r && (Object.keys(s).length > 0 || t === "modal");
-  let e = /* @__PURE__ */ d.jsx(
+  let e = /* @__PURE__ */ m.jsx(
     M,
     {
       pack: !0,
       ref: f,
       y: !0,
-      background: m,
+      background: d,
       className: o(
         o.BE("dialog", "dialog"),
         o.loc(i.x),
@@ -39,19 +39,19 @@ const S = (l = "root") => document.getElementById(l) ?? document.body, R = ({
         a && o.BM("dialog", "passthrough"),
         o.M(t),
         t === "modal" && o.BM("dialog", "modal", "position", p.toString()),
-        c
+        g
       ),
       rounded: u,
       role: "dialog",
       empty: !0,
-      bordered: g,
+      bordered: c,
       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());
+  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

package/dist/Editable-DEbVpi5i.js

@@ -0,0 +1,201 @@
+import { j as x } from "./jsx-runtime-BbD0H88J.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-bahPRiQI.js";
+import { e as I, c as B } from "./types-DGaZ_JZb.js";
+import { a as U } from "./Box-BVyAHr2f.js";
+const ie = (e) => {
+  const t = l(I(e)), n = y((s) => {
+    t.current = B(s, t.current);
+  }, []);
+  return [t, n];
+}, q = (e) => {
+  const t = l(e);
+  return t.current = e, t;
+}, le = (e) => {
+  const t = l(!1), n = l(null);
+  return t.current || (n.current = e(), t.current = !0), n;
+}, W = (...e) => y(
+  (t) => e.forEach((n) => {
+    n != null && (typeof n == "function" ? n(t) : n.current = t);
+  }, t),
+  []
+), ae = (e) => {
+  const t = l(null), [n, s] = N(() => {
+    const c = I(e);
+    return t.current = c, c;
+  }), u = y((c) => {
+    s((a) => (t.current = B(c, a), t.current));
+  }, []);
+  return [n, u, t];
+}, fe = (e) => {
+  const t = l(void 0), n = t.current;
+  return t.current = e, n;
+}, O = (e) => (
+  // The hydrate props check lets us avoid considering Astro slots as valid react
+  // elements.
+  v(e) && !("hydrate" in e.props)
+), D = "://", X = `https${D}`, G = (e, t = !1) => e == null ? e : t && !e.includes(D) ? X + e : e, Y = (e) => {
+  if (C.count(e) !== 1) {
+    const t = C.toArray(e).filter(
+      (n) => typeof n != "boolean"
+    );
+    if (t.length !== 1) return !1;
+    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) => {
+  const s = {
+    ...e,
+    fontWeight: t
+  };
+  return n != null && (s.WebkitLineClamp = n), s;
+}, L = ({
+  level: e = "p",
+  className: t,
+  style: n,
+  weight: s,
+  defaultEl: u,
+  el: c,
+  variant: a,
+  overflow: d,
+  href: S,
+  autoFormatHref: T,
+  status: f,
+  lineClamp: p,
+  ...o
+}) => /* @__PURE__ */ x.jsx(
+  U,
+  {
+    direction: "x",
+    el: F(e, c, u, a, S),
+    style: J(n, s, p),
+    className: i(
+      i.B("text"),
+      a != null && i.BM("text", a),
+      i.BM("text", e),
+      d != null && i.BM("text", "overflow", d),
+      p != null && i.BM("text", "line-clamp"),
+      f != null && i.M("status", f),
+      t
+    ),
+    square: Y(o.children),
+    gap: "small",
+    href: G(S, T),
+    ...o
+  }
+), R = (e) => {
+  e != null && (e.style.display = "none", e.offsetHeight, e.style.display = "");
+}, Q = ["Escape", "Enter"], w = i.BM("text", "editable"), Z = 10, k = "renamed", V = "escaped", j = "start-editing", ee = (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(j)), u.setAttribute("contenteditable", "true"), t != null && (u.addEventListener(
+      k,
+      (c) => t(g(c.target), !0)
+    ), u.addEventListener(
+      V,
+      (c) => t(g(c.target), !1)
+    ));
+  };
+  s();
+}, Ee = (e) => new Promise((t) => {
+  ee(e, (s, u) => t([s, u]));
+}), 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,
+  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 h = (r) => {
+    u && (p(!0), R(o.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;
+    r.stopPropagation(), r.preventDefault();
+    const m = o.current;
+    o.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;
+    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 $ = y((r) => {
+    r?.addEventListener(j, () => p(!0));
+  }, []), K = W(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 && _(r);
+      },
+      onKeyDown: H,
+      onKeyUp: P,
+      onDoubleClick: h,
+      contentEditable: f,
+      suppressContentEditableWarning: !0,
+      style: d,
+      ...T,
+      children: t
+    }
+  );
+}, de = ({
+  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 = () => {
+}), /* @__PURE__ */ x.jsx(
+  ne,
+  {
+    allowDoubleClick: s,
+    onChange: e,
+    value: n,
+    ...u
+  }
+));
+export {
+  ne as E,
+  de as M,
+  L as T,
+  Ee as a,
+  le as b,
+  q as c,
+  ae as d,
+  ee as e,
+  W as f,
+  fe as g,
+  Y as i,
+  R as t,
+  ie as u
+};

package/dist/Editable-DI0-D1K5.cjs

@@ -0,0 +1 @@
+"use strict";const b=require("./jsx-runtime-nZSsnGb7.cjs"),c=require("react"),l=require("./css-BVgFAmaj.cjs"),m=require("./types-8-Mr79SF.cjs"),K=require("./Box-4l6DWG-3.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 i=m.executeInitialSetter(e);return t.current=i,i}),u=c.useCallback(i=>{s(f=>(t.current=m.executeSetter(i,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:i,variant:f,overflow:E,href:x,autoFormatHref:C,status:a,lineClamp:S,...o})=>b.jsxRuntimeExports.jsx(K.Box$1,{direction:"x",el:F(e,i,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(o.children),gap:"small",href:Y(x,C),...o}),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",D="escaped",q="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(q)),u.setAttribute("contenteditable","true"),t!=null&&(u.addEventListener(j,i=>t(T(i.target),!0)),u.addEventListener(D,i=>t(T(i.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:i,allowEmpty:f=!1,style:E,outline:x=!0,...C})=>{const[a,S]=s(!1),o=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(o.current),y.current=E,A.current=t);const P=r=>{u&&(S(!0),R(o.current)),i?.(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(D))):(e?.(d),M.current=d,r.dispatchEvent(new Event(j))))},V=r=>{if(o.current==null||(R(o.current),!a||!Q.includes(r.key)))return;r.stopPropagation(),r.preventDefault();const p=o.current;o.current!=null&&(S(!1),_(p,r.key==="Escape"),p.blur())},H=r=>r.preventDefault();c.useLayoutEffect(()=>{if(o.current==null||!a)return;R(o.current);const{current:r}=o;r.focus();const p=document.createRange();p.selectNodeContents(r);const d=window.getSelection();d?.removeAllRanges(),d?.addRange(p)},[a]),o.current!==null&&!a&&(o.current.innerHTML=t);const v=c.useCallback(r=>{r?.addEventListener(q,()=>S(!0))},[]),z=N(o,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=o.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;

package/dist/Haul-9RVCn3cI.cjs

@@ -0,0 +1 @@
+"use strict";const P=require("./jsx-runtime-nZSsnGb7.cjs"),m=require("./css-BVgFAmaj.cjs"),t=require("react"),f=require("zod"),j=require("./Text-DeWvfrdF.cjs"),T=f.z.object({key:f.z.string().or(f.z.number()),type:f.z.string(),elementID:f.z.string().optional(),data:m.Qu.unknownZ.optional()}),h=f.z.object({source:T,items:f.z.array(T)}),O={key:"",type:""},g={source:O,items:[]},_="file",q={key:"file",type:_},M=new Set(["all","copyLink"]),N=(e,r)=>M.has(e.dataTransfer.effectAllowed)&&r.items.length===0,[H,y]=j.create({defaultValue:null,displayName:"Haul.Context"}),x={...g,onSuccessfulDrop:()=>{}},C=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 P.jsxRuntimeExports.jsx(H,{value:b,children:e})});C.displayName="HaulProvider";const F=()=>{const e=t.useRef(g),r=y();return r==null||(e.current=r.state),e},I=()=>{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.Nu.construct({x:l.screenX,y:l.screenY}))}},R=({type:e,key:r,canDrop:s,onDrop:o,onDragOver:i})=>{const n=F(),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.Nu.construct({x:c.screenX,y:c.screenY});m.Nu.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}},A=({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}},z=e=>({items:r})=>r.some(s=>s.type===e),S=(e,r)=>r.filter(s=>s.type===e),L=(e,r,s)=>t.useCallback(o=>r({...o,items:S(e,o.items)}),s),Z=Object.freeze(Object.defineProperty({__proto__:null,FILE:q,FILE_TYPE:_,Provider:C,ZERO_DRAGGING_STATE:g,ZERO_ITEM:O,canDropOfType:z,draggingStateZ:h,filterByType:S,isFileDrag:N,itemZ:T,useContext:y,useDrag:v,useDragAndDrop:A,useDraggingRef:F,useDraggingState:I,useDrop:R,useFilterByTypeCallback:L},Symbol.toStringTag,{value:"Module"}));exports.FILE_TYPE=_;exports.Haul=Z;exports.Provider=C;exports.canDropOfType=z;exports.filterByType=S;exports.useDragAndDrop=A;exports.useDraggingState=I;exports.useDrop=R;exports.useFilterByTypeCallback=L;