@synnaxlabs/pluto 0.40.1 → 0.42.0

package/dist/Dropdown-D-aMufnM.js

@@ -1,261 +0,0 @@
-import { j as _ } from "./jsx-runtime-C5mzlN2N.js";
-import { r as z } from "./state-CUPEHHgf.js";
-import { useRef as y, useCallback as b, useEffect as P, createContext as et, useState as k, useMemo as F, use as ot, useLayoutEffect as nt } from "react";
-import { createPortal as A } from "react-dom";
-import "./Pack-D50qN0Vu.js";
-import { S as j } from "./Space-I_hidXYi.js";
-import { M as e, K as rt, C as a, G as ct } from "./css-rxwBYwM1.js";
-import { P as st } from "./Pack-UzJJ9OhY.js";
-import { f as lt, u as L } from "./Divider-CMyzWvRC.js";
-import { u as it, H as $ } from "./useClickOutside-N6MHxbOe.js";
-import { u as at, c as ut } from "./useMemoCompare-Cq_C2ddc.js";
-import { o as dt } from "./debounce-CW9Q-DsR.js";
-import { a as ft } from "./hooks-B7ZV7Hz6.js";
-const M = (t, r = {}) => {
-  const { triggers: c = [], debounce: f = 0, enabled: i = !0 } = r, o = y(e.ZERO), s = y(null), u = y(null), l = at(() => c, ut, [
-    c
-  ]), m = b(
-    (n) => {
-      u.current != null && u.current.disconnect(), o.current ?? (o.current = e.ZERO);
-      const h = dt(() => {
-        const d = e.construct(n);
-        mt(l, o.current, d) && (o.current = d, t(d, s.current));
-      }, f);
-      u.current = new ResizeObserver(h), u.current.observe(n);
-    },
-    [l, t, f]
-  );
-  return P(() => (s.current != null && i && m(s.current), () => {
-    var n;
-    return (n = u.current) == null ? void 0 : n.disconnect();
-  }), [m, i]), b(
-    (n) => {
-      s.current = n, n != null && i && m(n);
-    },
-    [m]
-  );
-}, mt = (t, r, c) => t.length === 0 ? !e.equals(c, r) : !!(t.includes("x") && e.width(r) !== e.width(c) || t.includes("y") && e.height(r) !== e.height(c)), Z = et({
-  close: () => {
-    console.error("Dialog context not provided.");
-  }
-}), G = Z, gt = () => ot(Z), U = ({
-  initialVisible: t = !1,
-  onVisibleChange: r
-} = {}) => {
-  const [c, f] = k(t), i = y(r);
-  P(() => {
-    i.current = r;
-  }, [r]), P(() => {
-    var l;
-    return (l = i.current) == null ? void 0 : l.call(i, c);
-  }, [c]);
-  const o = b(() => f(!1), []), s = b(() => f(!0), []), u = b(() => f((l) => !l), []);
-  return F(() => ({ close: o, open: s, toggle: u, visible: c }), [c]);
-}, zt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Provider: G,
-  use: U,
-  useContext: gt
-}, Symbol.toStringTag, { value: "Module" })), pt = (t, r) => {
-  for (; t != null && !r(t); ) t = t.parentElement;
-  return t;
-}, B = (t = "root") => document.getElementById(t) ?? document.body, yt = U, bt = {
-  width: 0,
-  left: 0,
-  dialogLoc: rt.BOTTOM_LEFT
-}, x = "--pluto-dropdown-z-index", V = ({
-  visible: t,
-  children: r,
-  location: c,
-  keepMounted: f = !0,
-  className: i,
-  variant: o = "connected",
-  close: s,
-  maxHeight: u,
-  zIndex: l = 5,
-  ...m
-}) => {
-  const n = y(null), h = lt(t), d = y(null), p = y(void 0), [{ dialogLoc: D, width: W, ...q }, H] = k({
-    ...bt
-  }), S = b(() => {
-    if (n.current == null || d.current == null || !h.current)
-      return;
-    const T = o === "floating" ? ht : Ot, { adjustedDialog: R, location: E } = T({
-      target: n.current,
-      dialog: d.current,
-      initial: c,
-      prefer: p.current != null ? [p.current] : void 0
-    });
-    p.current = E;
-    const g = {
-      dialogLoc: E,
-      width: e.width(R),
-      left: e.left(R)
-    };
-    if (E.y === "bottom") g.top = e.top(R);
-    else {
-      const C = e.construct(window.document.documentElement);
-      g.bottom = e.height(C) - e.bottom(R);
-    }
-    H(g);
-  }, [c, o]);
-  nt(() => {
-    S();
-  }, [t, S]), ft({ triggers: [["Escape"]], callback: s, loose: !0 });
-  const I = M(S, { enabled: t }), K = L(n, I), X = M(S, { enabled: t }), J = L(d, X);
-  let w = {};
-  o !== "modal" && n.current != null && (w = { ...q }, o === "connected" && (w.width = W)), typeof u == "number" && (w.maxHeight = u), t && (w.zIndex = l, w[x] = l);
-  const Q = o === "connected" ? st : j, Y = b(
-    (T) => {
-      var E;
-      return (E = n.current) != null && E.contains(T.target) ? !0 : pt(T.target, (g) => {
-        if (!((g == null ? void 0 : g.getAttribute("role")) === "dialog")) return !1;
-        const tt = g.style.zIndex;
-        return Number(tt) > l;
-      }) != null;
-    },
-    [l]
-  );
-  it({ ref: d, exclude: Y, onClickOutside: s });
-  let O = /* @__PURE__ */ _.jsx(
-    j,
-    {
-      ref: J,
-      className: a(
-        a.BE("dropdown", "dialog"),
-        a.loc(D.x),
-        a.loc(D.y),
-        a.visible(t),
-        a.M(o),
-        typeof u == "string" && a.B(`height-${u}`)
-      ),
-      role: "dialog",
-      empty: !0,
-      style: w,
-      children: (f || t) && r[1]
-    }
-  );
-  o === "floating" ? O = A(O, B()) : o === "modal" && (O = A(
-    /* @__PURE__ */ _.jsx(
-      j,
-      {
-        className: a(a.BE("dropdown", "bg"), a.visible(t)),
-        role: "dialog",
-        empty: !0,
-        align: "center",
-        style: { zIndex: l, [x]: l },
-        children: O
-      }
-    ),
-    B()
-  ));
-  const v = F(() => ({ close: s }), [s]);
-  return /* @__PURE__ */ _.jsx(G, { value: v, children: /* @__PURE__ */ _.jsxs(
-    Q,
-    {
-      ...m,
-      ref: K,
-      borderShade: 4,
-      className: a(
-        i,
-        a.B("dropdown"),
-        a.visible(t),
-        a.M(o),
-        a.loc(D.x),
-        a.loc(D.y)
-      ),
-      direction: "y",
-      reverse: D.y === "top",
-      style: {
-        ...m.style,
-        // @ts-expect-error - css variable
-        [x]: l
-      },
-      children: [
-        r[0],
-        O
-      ]
-    }
-  ) });
-};
-V.displayName = "Dropdown";
-const wt = {
-  alignments: ["end"],
-  disable: ["center"],
-  prefer: [{ y: "bottom" }]
-}, Et = 6, ht = ({
-  target: t,
-  dialog: r,
-  initial: c,
-  prefer: f
-}) => {
-  const i = $.dialog({
-    container: e.construct(0, 0, window.innerWidth, window.innerHeight),
-    target: e.construct(t),
-    dialog: e.construct(r),
-    ...wt,
-    initial: c,
-    prefer: f
-  }), { location: o } = i;
-  return { adjustedDialog: e.translate(
-    i.adjustedDialog,
-    "y",
-    z(o.y === "top") * Et
-  ), location: o };
-}, N = {
-  alignments: ["center"],
-  disable: [{ y: "center" }],
-  initial: { x: "center" },
-  prefer: [{ y: "bottom" }]
-}, Dt = 1, Ot = ({
-  target: t,
-  dialog: r,
-  initial: c = N.initial,
-  prefer: f = N.prefer
-}) => {
-  const i = e.construct(t), o = e.construct(0, 0, window.innerWidth, window.innerHeight);
-  let s = o;
-  const u = {
-    target: i,
-    dialog: e.resize(e.construct(r), "x", e.width(i)),
-    container: s,
-    ...N,
-    initial: c,
-    prefer: f
-  }, l = $.dialog(u), { location: m } = l;
-  let n = e.translate(
-    l.adjustedDialog,
-    "y",
-    z(m.y === "bottom") * Dt
-  );
-  const h = (p) => ["inline-size", "size"].includes(p);
-  let d = t.parentElement;
-  for (; d != null; ) {
-    const p = window.getComputedStyle(d);
-    if (h(p.getPropertyValue("container-type"))) {
-      s = e.construct(d), m.y === "bottom" ? n = e.translate(
-        n,
-        ct.scale(e.topLeft(s), -1)
-      ) : n = e.translate(n, {
-        x: -e.left(s),
-        y: -(e.bottom(s) - e.bottom(o))
-      });
-      break;
-    }
-    d = d.parentElement;
-  }
-  return { adjustedDialog: n, location: m };
-}, kt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Dialog: V,
-  use: yt
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  kt as D,
-  V as a,
-  yt as b,
-  zt as c,
-  pt as f,
-  B as g,
-  M as u
-};

package/dist/Haul-4OcHX8__.cjs

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

package/dist/Item-CW2A2nuL.js

@@ -1,108 +0,0 @@
-import { j as n } from "./jsx-runtime-C5mzlN2N.js";
-import "./Pack-D50qN0Vu.js";
-import { S as k } from "./Space-I_hidXYi.js";
-import { C as s } from "./css-rxwBYwM1.js";
-import { B as z, I as N } from "./Toggle-v77mEVLE.js";
-import { L as g } from "./Link-BT_Kwmlr.js";
-import { createContext as B, use as S, useCallback as D, useMemo as L } from "react";
-import { D as E } from "./WithIcon-BnDZ-Qu7.js";
-import { T as j } from "./Text-DVv04lTs.js";
-const I = B({ onClick: () => {
-}, selected: "" }), f = () => S(I), q = ({
-  children: a,
-  onChange: e,
-  level: i,
-  iconSpacing: o,
-  value: t = ""
-}) => {
-  const r = D(
-    (c) => {
-      typeof e == "function" ? e(c) : e && c in e && e[c](c);
-    },
-    [e]
-  ), m = L(
-    () => ({
-      onClick: r,
-      selected: t,
-      level: i,
-      iconSpacing: o
-    }),
-    [t, r, i, o]
-  );
-  return /* @__PURE__ */ n.jsx(I, { value: m, children: a });
-}, w = () => /* @__PURE__ */ n.jsx(E, { direction: "x", padded: !0 }), K = (a) => {
-  const { itemKey: e, trigger: i, className: o, onClick: t, size: r, ...m } = a, { onClick: c, selected: x, level: l = "p", iconSpacing: d } = f(), u = (C) => {
-    c(e), t == null || t(C);
-  }, p = x === e;
-  return /* @__PURE__ */ n.jsx(
-    z,
-    {
-      level: l,
-      ...m,
-      noWrap: !0,
-      onClick: u,
-      variant: "text",
-      className: s(s.B("menu-item"), s.selected(p), o),
-      size: r ?? d,
-      endIcon: i && /* @__PURE__ */ n.jsx(
-        k,
-        {
-          className: s(s.BE("menu-item", "trigger")),
-          direction: "x",
-          size: 0.5,
-          children: /* @__PURE__ */ n.jsx(j, { level: l, trigger: i })
-        }
-      )
-    }
-  );
-}, M = (a) => {
-  const { itemKey: e, trigger: i, className: o, onClick: t, size: r, ...m } = a, { onClick: c, selected: x, iconSpacing: l } = f(), d = (p) => {
-    c(e), t == null || t(p);
-  }, u = x === e;
-  return /* @__PURE__ */ n.jsx(
-    N,
-    {
-      ...m,
-      onClick: d,
-      variant: "text",
-      className: s(s.B("menu-item"), s.selected(u), o),
-      size: r ?? l
-    }
-  );
-}, O = (a) => {
-  const { itemKey: e, trigger: i, className: o, onClick: t, size: r, ...m } = a, { onClick: c, selected: x, level: l = "p", iconSpacing: d } = f(), u = (C) => {
-    c(e), t == null || t(C);
-  }, p = x === e;
-  return /* @__PURE__ */ n.jsx(
-    g,
-    {
-      level: l,
-      ...m,
-      noWrap: !0,
-      onClick: u,
-      variant: "text",
-      className: s(s.B("menu-item"), s.selected(p), o),
-      size: r ?? d,
-      endIcon: i && /* @__PURE__ */ n.jsx(
-        k,
-        {
-          className: s(s.BE("menu-item", "trigger")),
-          direction: "x",
-          size: 0.5,
-          children: /* @__PURE__ */ n.jsx(j, { level: l, trigger: i })
-        }
-      )
-    }
-  );
-}, v = K;
-v.Icon = M;
-v.Link = O;
-export {
-  K as C,
-  w as D,
-  v as I,
-  q as M,
-  M as a,
-  O as b,
-  f as u
-};

package/dist/Item-CpAZC-dF.cjs

@@ -1 +0,0 @@
-"use strict";const i=require("./jsx-runtime-CITbqOLs.cjs");require("./Pack-BbwDtaE6.cjs");const k=require("./Space-BrQoodma.cjs"),s=require("./css-CU7tous7.cjs"),E=require("./Toggle-CYB9Vt6b.cjs"),N=require("./Link-Bhto2KVL.cjs"),d=require("react"),B=require("./WithIcon-tr8ELI3W.cjs"),R=require("./Text-DEbr1cmH.cjs"),g=d.createContext({onClick:()=>{},selected:""}),p=()=>d.use(g),L=({children:x,onChange:e,level:c,iconSpacing:r,value:t=""})=>{const o=d.useCallback(n=>{typeof e=="function"?e(n):e&&n in e&&e[n](n)},[e]),u=d.useMemo(()=>({onClick:o,selected:t,level:c,iconSpacing:r}),[t,o,c,r]);return i.jsxRuntimeExports.jsx(g,{value:u,children:x})},f=()=>i.jsxRuntimeExports.jsx(B.Divider,{direction:"x",padded:!0}),q=x=>{const{itemKey:e,trigger:c,className:r,onClick:t,size:o,...u}=x,{onClick:n,selected:m,level:l="p",iconSpacing:a}=p(),S=j=>{n(e),t==null||t(j)},C=m===e;return i.jsxRuntimeExports.jsx(E.Button,{level:l,...u,noWrap:!0,onClick:S,variant:"text",className:s.CSS(s.CSS.B("menu-item"),s.CSS.selected(C),r),size:o??a,endIcon:c&&i.jsxRuntimeExports.jsx(k.Space,{className:s.CSS(s.CSS.BE("menu-item","trigger")),direction:"x",size:.5,children:i.jsxRuntimeExports.jsx(R.Text,{level:l,trigger:c})})})},v=x=>{const{itemKey:e,trigger:c,className:r,onClick:t,size:o,...u}=x,{onClick:n,selected:m,iconSpacing:l}=p(),a=C=>{n(e),t==null||t(C)},S=m===e;return i.jsxRuntimeExports.jsx(E.Icon,{...u,onClick:a,variant:"text",className:s.CSS(s.CSS.B("menu-item"),s.CSS.selected(S),r),size:o??l})},z=x=>{const{itemKey:e,trigger:c,className:r,onClick:t,size:o,...u}=x,{onClick:n,selected:m,level:l="p",iconSpacing:a}=p(),S=j=>{n(e),t==null||t(j)},C=m===e;return i.jsxRuntimeExports.jsx(N.Link,{level:l,...u,noWrap:!0,onClick:S,variant:"text",className:s.CSS(s.CSS.B("menu-item"),s.CSS.selected(C),r),size:o??a,endIcon:c&&i.jsxRuntimeExports.jsx(k.Space,{className:s.CSS(s.CSS.BE("menu-item","trigger")),direction:"x",size:.5,children:i.jsxRuntimeExports.jsx(R.Text,{level:l,trigger:c})})})},I=q;I.Icon=v;I.Link=z;exports.CoreItem=q;exports.Divider=f;exports.Item=I;exports.ItemIcon=v;exports.ItemLink=z;exports.Menu=L;exports.useContext=p;

package/dist/Keyboard-DHGtnfsf.cjs

@@ -1 +0,0 @@
-"use strict";const u=require("./jsx-runtime-CITbqOLs.cjs"),n=require("./Divider-CJNDIsD4.cjs"),s=require("./css-CU7tous7.cjs"),S=({className:c,level:t,children:e,style:o,...a})=>{const r={height:`calc(var(--pluto-${t}-size) * 1.7)`};let i=!0;return(typeof e!="string"||e.length===1)&&(i=!1,r.width=`calc(var(--pluto-${t}-size) * 1.7)`),u.jsxRuntimeExports.jsx(n.Text,{className:s.CSS(c,s.CSS.BM("text","keyboard"),i&&s.CSS.M("rect")),level:t,style:{...o,...r},...a,children:e})};exports.Keyboard=S;

package/dist/Pack-C4NdZWyf.cjs

@@ -1 +0,0 @@
-"use strict";const i=require("./jsx-runtime-CITbqOLs.cjs");require("./Pack-BbwDtaE6.cjs");const l=require("./Space-BrQoodma.cjs"),e=require("./css-CU7tous7.cjs"),m=({className:t,size:r="medium",reverse:S=!1,direction:a="x",bordered:u=!0,borderShade:p=3,rounded:n=!0,shadow:C=!1,borderWidth:s,style:k,...o})=>{const c={[e.CSS.var("pack-border-shade")]:e.CSS.shadeVar(p),...k};return s!=null&&(c[e.CSS.var("pack-border-width")]=`${s}px`),i.jsxRuntimeExports.jsx(l.Space,{direction:a,reverse:S,className:e.CSS(e.CSS.B("pack"),C&&e.CSS.BM("pack","shadow"),e.CSS.dir(a),typeof r!="number"&&e.CSS.BM("pack",r),S&&e.CSS.BM("pack","reverse"),t),style:c,bordered:u,rounded:n,...o,empty:!0})};exports.Pack=m;

package/dist/Pack-UzJJ9OhY.js

@@ -1,46 +0,0 @@
-import { j as x } from "./jsx-runtime-C5mzlN2N.js";
-import "./Pack-D50qN0Vu.js";
-import { S as d } from "./Space-I_hidXYi.js";
-import { C as a } from "./css-rxwBYwM1.js";
-const B = ({
-  className: m,
-  size: r = "medium",
-  reverse: e = !1,
-  direction: p = "x",
-  bordered: o = !0,
-  borderShade: c = 3,
-  rounded: u = !0,
-  shadow: f = !1,
-  borderWidth: s,
-  style: k,
-  ...l
-}) => {
-  const t = {
-    [a.var("pack-border-shade")]: a.shadeVar(c),
-    ...k
-  };
-  return s != null && (t[a.var("pack-border-width")] = `${s}px`), // @ts-expect-error - generic element issues
-  /* @__PURE__ */ x.jsx(
-    d,
-    {
-      direction: p,
-      reverse: e,
-      className: a(
-        a.B("pack"),
-        f && a.BM("pack", "shadow"),
-        a.dir(p),
-        typeof r != "number" && a.BM("pack", r),
-        e && a.BM("pack", "reverse"),
-        m
-      ),
-      style: t,
-      bordered: o,
-      rounded: u,
-      ...l,
-      empty: !0
-    }
-  );
-};
-export {
-  B as P
-};