@synnaxlabs/pluto 0.48.0 → 0.50.0

package/dist/Button-DulIBpNI.js

@@ -0,0 +1,308 @@
+import { j as E } from "./jsx-runtime-BbD0H88J.js";
+import { g as b, M as i, A as y, E as d, C as r, Z as $, a as te } from "./css-BkBrZtKZ.js";
+import { useState as J, 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-TzKJ38En.js";
+import { d as ie, T as K, i as ae } from "./Editable-DjQORuR1.js";
+import { a as de, C as me, d as fe } from "./types-B5-Tni3G.js";
+import { a as pe } from "./Provider-BoQtgQtU.js";
+import "./provider-CfFukcDe.js";
+import { createPortal as Ee } from "react-dom";
+import { u as Te } from "./hooks-Ddqh5NVY.js";
+const [xe, ge] = le({
+  defaultValue: { delay: b.milliseconds(750), startAccelerating: () => {
+  } },
+  displayName: "Tooltip.Context"
+}), Fe = ({
+  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] = J(!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]
+  ), B = G(
+    () => ({ delay: S, startAccelerating: L }),
+    [S, L]
+  );
+  return /* @__PURE__ */ E.jsx(xe, { value: B, children: u });
+}, Ve = (e) => ({ key: t, ...o }) => /* @__PURE__ */ ne(e, { ...o, key: t }), ye = (e) => typeof e == "function", Le = 150, Q = ["top", "bottom"], z = ["left", "right"], ee = [
+  ...z,
+  ...Q
+], W = [
+  ...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", ...Q] : 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, W), n.y = u(i.construct(n.x))), i.constructXY(n);
+  }
+  const c = k(t, o, W);
+  return i.constructXY(c, u(c));
+}, Me = (e, t) => {
+  let o = e;
+  for (; o != null; ) {
+    if (o.id === t) return o;
+    o = o.parentElement;
+  }
+  return e;
+}, ve = ({
+  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), [B, C] = J(""), M = I(null), P = oe(), T = I(null), v = I(null), f = O((s) => {
+    s == null && S.current == null || v.current != null || (s != null ? (L(s), v.current = setTimeout(() => {
+      C(r.M("loaded")), v.current = null;
+    }, 1)) : (C(""), v.current = setTimeout(() => {
+      L(null), v.current = null;
+    }, 500)));
+  }, []), x = O(
+    (s, Y) => {
+      if (!Y || l)
+        return T.current?.(), f(null);
+      u();
+      const m = d.construct(Me(s.target, P));
+      d.contains(m, y.construct(s)) || (T.current?.(), f(null));
+      const h = d.construct(document.documentElement), R = Ce(o, m, h);
+      let g = d.xyLoc(m, R);
+      const F = Se[i.xyToString(R)];
+      F != null && (g = F(g, m));
+      const w = d.construct(document.body);
+      f({
+        location: R,
+        position: y.translate(g, y.scale(d.topLeft(w), -1)),
+        triggerDims: d.dims(m)
+      }), T.current?.();
+      const N = (V) => {
+        const X = y.construct(V);
+        d.contains(m, X) || (f(null), document.removeEventListener("mousemove", N), T.current = null, M.current != null && clearTimeout(M.current));
+      };
+      document.addEventListener("mousemove", N), T.current = () => document.removeEventListener("mousemove", N), document.addEventListener(
+        "mousedown",
+        () => {
+          f(null), T.current?.();
+        },
+        { once: !0 }
+      );
+    },
+    [u, o, l, P, n.milliseconds]
+  );
+  l && a != null && f(null);
+  const Z = O(
+    (s) => {
+      M.current = setTimeout(
+        () => x(s, !0),
+        n.milliseconds
+      );
+    },
+    [x, n.milliseconds]
+  ), D = O(
+    (s) => {
+      M.current != null && clearTimeout(M.current), x(s, !1);
+    },
+    [x]
+  ), [j, _] = t, H = document.body;
+  return /* @__PURE__ */ E.jsxs(E.Fragment, { children: [
+    a != null && Ee(
+      /* @__PURE__ */ E.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: ye(j) ? j(a) : he(j)
+        },
+        P
+      ),
+      H
+    ),
+    se(_, {
+      onMouseEnter: (s) => {
+        Z(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__ */ E.jsx(K, { level: "small", color: 11, children: e }) : e, Re = (e) => {
+  const t = ({
+    tooltipDelay: o,
+    tooltip: l,
+    tooltipLocation: u,
+    ...c
+  }) => {
+    const n = /* @__PURE__ */ E.jsx(e, { ...c });
+    return l == null ? n : /* @__PURE__ */ E.jsxs(ve, { delay: o, location: u, children: [
+      l,
+      n
+    ] });
+  };
+  return t.displayName = `Tooltip.Wrap(${e.displayName ?? e.name})`, t;
+}, A = "btn", we = (e, t) => {
+  if (e === !0) return t;
+  if (e != null && e !== !1) return e;
+}, Ne = ({
+  size: e,
+  variant: t = "outlined",
+  className: o,
+  disabled: l,
+  preventClick: u,
+  level: c,
+  trigger: n,
+  triggerIndicator: a,
+  onClickDelay: L = 0,
+  onClick: S,
+  color: B,
+  status: C,
+  style: M,
+  onMouseDown: P,
+  textColor: T,
+  textVariant: v,
+  tabIndex: f,
+  contrast: x,
+  children: Z,
+  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 R = (p) => {
+    if (H || p.stopPropagation(), !(h || t === "preview" || u === !0) && m.isZero)
+      return S?.(p);
+  }, g = I(null), F = (p) => {
+    f == -1 && p.preventDefault(), P?.(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));
+  };
+  Te({
+    triggers: n,
+    callback: O(
+      ({ stage: p }) => {
+        p !== "end" || h || t === "preview" || R(
+          new MouseEvent("click")
+        );
+      },
+      [R, h]
+    )
+  });
+  let w = M;
+  const N = $.colorZ.safeParse(B), V = N.success && (t === "filled" || t === "outlined");
+  if (V) {
+    const p = pe();
+    w = {
+      ...w,
+      [r.var("btn-color")]: $.rgbString(N.data),
+      [r.var("btn-text-color")]: $.rgbCSS(
+        $.pickByContrast(N.data, p.colors.text, p.colors.textInverted)
+      )
+    };
+  }
+  m.isZero || (w = {
+    ...w,
+    [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(Z), q = we(a, n);
+  return /* @__PURE__ */ E.jsxs(
+    K,
+    {
+      el: j,
+      defaultEl: D,
+      direction: "x",
+      className: r(
+        r.B(A),
+        x != null && r.BM(A, `contrast-${x}`),
+        u === !0 && r.BM(A, "prevent-click"),
+        t !== "preview" && r.disabled(h),
+        r.BM(A, t),
+        V && r.BM(A, "custom-color"),
+        _ && r.BM(A, "ghost"),
+        o
+      ),
+      size: e,
+      tabIndex: f,
+      onClick: R,
+      onMouseDown: F,
+      style: w,
+      color: T,
+      gap: e === "small" || e === "tiny" ? "small" : void 0,
+      bordered: t !== "text",
+      level: c,
+      variant: v,
+      square: U,
+      overflow: "nowrap",
+      status: C,
+      href: s,
+      ...te.purgeUndefined(Y),
+      children: [
+        (!X || !U) && Z,
+        X && /* @__PURE__ */ E.jsx(ce, {}),
+        q != null && /* @__PURE__ */ E.jsx(
+          ue,
+          {
+            className: r.B("trigger-indicator"),
+            "aria-label": "trigger-indicator",
+            trigger: q,
+            color: 9,
+            gap: "tiny",
+            level: fe(c)
+          }
+        )
+      ]
+    }
+  );
+}, Xe = Re(Ne);
+export {
+  Xe as B,
+  Fe as C,
+  ve as D,
+  Ce as c,
+  he as f,
+  ye as i,
+  Ve as r,
+  ge as u,
+  Re as w
+};

package/dist/{Dialog-CBDFqieV.js → Dialog-CwTHvHHD.js}

@@ -1,13 +1,13 @@
-import { j as d } from "./jsx-runtime-BbD0H88J.js";
-import { d as C, u as E, B as b } from "./Animated-CC7iS0zH.js";
+import { j as m } from "./jsx-runtime-BbD0H88J.js";
+import { b, u as C, B as E } from "./Animated-DxBr38YY.js";
 import { createPortal as j } from "react-dom";
-import { C as o } from "./css-Cn63X_Yv.js";
-import { a as M } from "./Box-CoQUaJk2.js";
-const S = (l = "root") => document.getElementById(l) ?? document.body, R = ({
+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 = ({
   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/Dialog-DJJQBUgw.cjs

@@ -0,0 +1 @@
+"use strict";const d=require("./jsx-runtime-nZSsnGb7.cjs"),n=require("./Animated-DpzwlYqX.cjs"),j=require("react-dom"),e=require("./css-D3NdC2sx.cjs"),b=require("./Box-D27bV7QJ.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/Editable-C-z-stcD.cjs

@@ -0,0 +1 @@
+"use strict";const b=require("./jsx-runtime-nZSsnGb7.cjs"),c=require("react"),l=require("./css-D3NdC2sx.cjs"),m=require("./types-C0tUDfsz.cjs"),K=require("./Box-D27bV7QJ.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/Editable-DjQORuR1.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-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) => {
+  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
+};