@synnaxlabs/pluto 0.38.1 → 0.39.0

package/dist/Haul-DrdXQaTq.js

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

package/dist/Item-CZAsnOoO.js

@@ -0,0 +1,108 @@
+import { j as n } from "./jsx-runtime-CYK1ROHF.js";
+import "./Pack-D50qN0Vu.js";
+import { S as k } from "./Space-DBmhvGQL.js";
+import { C as s } from "./css-rxwBYwM1.js";
+import { B as z, I as N } from "./Toggle-DZMcFiiI.js";
+import { L as g } from "./Link-lleSh5eG.js";
+import { createContext as B, use as S, useCallback as D, useMemo as L } from "react";
+import { D as E } from "./WithIcon-C6COgbZq.js";
+import { T as j } from "./Text-g6btwQ6E.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-Dj7cQJ8t.cjs

@@ -0,0 +1 @@
+"use strict";const i=require("./jsx-runtime-UYeBbnYT.cjs");require("./Pack-BbwDtaE6.cjs");const k=require("./Space-NNqCWFbg.cjs"),s=require("./css-CU7tous7.cjs"),E=require("./Toggle-BzORI5sE.cjs"),N=require("./Link-BSZ-HrRf.cjs"),d=require("react"),B=require("./WithIcon-CJvuPkSy.cjs"),R=require("./Text-D1GKnp9s.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-D4FRdVej.cjs

@@ -0,0 +1 @@
+"use strict";const u=require("./jsx-runtime-UYeBbnYT.cjs"),n=require("./Divider-MIbyu5ZH.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/Keyboard-lwCx7plR.js

@@ -0,0 +1,29 @@
+import { j as p } from "./jsx-runtime-CYK1ROHF.js";
+import { T as c } from "./Divider-C5m3c4pv.js";
+import { C as s } from "./css-rxwBYwM1.js";
+const y = ({
+  className: a,
+  level: t,
+  children: r,
+  style: i,
+  ...m
+}) => {
+  const o = {
+    height: `calc(var(--pluto-${t}-size) * 1.7)`
+  };
+  let e = !0;
+  return (typeof r != "string" || r.length === 1) && (e = !1, o.width = `calc(var(--pluto-${t}-size) * 1.7)`), // @ts-expect-error - generic component errors
+  /* @__PURE__ */ p.jsx(
+    c,
+    {
+      className: s(a, s.BM("text", "keyboard"), e && s.M("rect")),
+      level: t,
+      style: { ...i, ...o },
+      ...m,
+      children: r
+    }
+  );
+};
+export {
+  y as K
+};

package/dist/{Link-DO2YbtQM.cjs → Link-BSZ-HrRf.cjs}

@@ -1 +1 @@
-"use strict";const o=require("./jsx-runtime-D8EVjfnb.cjs"),r=require("./Toggle-BOWYgKry.cjs"),n="://",E=`https${n}`,c=({href:t,target:s,autoFormat:i=!1,...u})=>{let e=t;return i&&t!=null&&!t.includes(n)&&(e=E+e),o.jsxRuntimeExports.jsx(r.Button,{el:"a",href:e,target:s,...u})};exports.Link=c;
+"use strict";const o=require("./jsx-runtime-UYeBbnYT.cjs"),r=require("./Toggle-BzORI5sE.cjs"),n="://",E=`https${n}`,c=({href:t,target:s,autoFormat:i=!1,...u})=>{let e=t;return i&&t!=null&&!t.includes(n)&&(e=E+e),o.jsxRuntimeExports.jsx(r.Button,{el:"a",href:e,target:s,...u})};exports.Link=c;

package/dist/{Link-BIWA4Kdj.js → Link-lleSh5eG.js}

@@ -1,5 +1,5 @@
-import { j as E } from "./jsx-runtime-Bdg6XQ1m.js";
-import { B as i } from "./Toggle-DvdBHJvZ.js";
+import { j as E } from "./jsx-runtime-CYK1ROHF.js";
+import { B as i } from "./Toggle-DZMcFiiI.js";
 const n = "://", l = `https${n}`, p = ({
   href: t,
   target: o,

package/dist/Pack-BbwDtaE6.cjs

@@ -0,0 +1 @@
+"use strict";const c=require("react"),e=({el:t,children:n,...r})=>c.createElement(t,r,n),o=Object.freeze(Object.defineProperty({__proto__:null,Element:e},Symbol.toStringTag,{value:"Module"}));exports.Element=e;exports.Generic=o;

package/dist/Pack-CzZzxA2R.cjs

@@ -0,0 +1 @@
+"use strict";const i=require("./jsx-runtime-UYeBbnYT.cjs");require("./Pack-BbwDtaE6.cjs");const l=require("./Space-NNqCWFbg.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-D50qN0Vu.js

@@ -0,0 +1,13 @@
+import { createElement as r } from "react";
+const n = ({
+  el: e,
+  children: t,
+  ...o
+}) => r(e, o, t), c = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Element: n
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  n as E,
+  c as G
+};

package/dist/Pack-Dlj4dZzQ.js

@@ -0,0 +1,46 @@
+import { j as x } from "./jsx-runtime-CYK1ROHF.js";
+import "./Pack-D50qN0Vu.js";
+import { S as d } from "./Space-DBmhvGQL.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
+};