@synnaxlabs/pluto 0.40.1 → 0.41.0

package/dist/{Haul-CaLW9ULm.js → Haul-Bw54Yj6J.js}

@@ -1,8 +1,8 @@
-import { j as G } from "./jsx-runtime-C5mzlN2N.js";
-import "./state-CUPEHHgf.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 { j as w } from "./jsx-runtime-C5mzlN2N.js";
+import "./index-CSKP1UPN.js";
+import G, { 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";
+import { J as T } from "./css-Dyt-QnKy.js";
 const b = i.object({
   key: i.string().or(i.number()),
   type: i.string(),
@@ -15,7 +15,7 @@ const b = i.object({
 }, m = () => v(L), P = Z(
   ({
     children: t,
-    useState: n = w.useState,
+    useState: n = G.useState,
     onDropOutside: s
   }) => {
     const a = m(), [c, e] = n(p), o = _(S), l = _(/* @__PURE__ */ new Set()), f = d(
@@ -42,7 +42,7 @@ const b = i.object({
       () => 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 });
+    return /* @__PURE__ */ w.jsx(L, { value: k, children: t });
   }
 );
 P.displayName = "HaulProvider";
@@ -94,7 +94,7 @@ const h = () => {
 }) => {
   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({
+}, B = (t) => ({ items: n }) => n.some((s) => s.type === t), J = (t, n) => n.filter((s) => s.type === t), $ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   FILE: Y,
   FILE_TYPE: I,
@@ -103,7 +103,7 @@ const h = () => {
   ZERO_ITEM: j,
   canDropOfType: B,
   draggingStateZ: M,
-  filterByType: U,
+  filterByType: J,
   isFileDrag: N,
   itemZ: b,
   useContext: m,
@@ -120,6 +120,6 @@ export {
   O as a,
   X as b,
   B as c,
-  U as f,
+  J as f,
   q as u
 };

package/dist/{Haul-4OcHX8__.cjs → Haul-hv7TLQ7N.cjs}

@@ -1 +1 @@
-"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;
+"use strict";const q=require("./jsx-runtime-CITbqOLs.cjs");require("./index-Ch3utIMa.cjs");const t=require("react"),d=require("zod"),_=require("./css-Cj2UCGXB.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()}),M=d.z.object({source:b,items:d.z.array(b)}),I={key:"",type:""},p={source:I,items:[]},R="file",v={key:"file",type:R},w=new Set(["all","copyLink"]),G=(e,s)=>w.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 q.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(_.J.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=_.J.construct({x:n.screenX,y:n.screenY});_.J.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}},O=e=>({items:s})=>s.some(o=>o.type===e),h=(e,s)=>s.filter(o=>o.type===e),H=Object.freeze(Object.defineProperty({__proto__:null,FILE:v,FILE_TYPE:R,Provider:S,ZERO_DRAGGING_STATE:p,ZERO_ITEM:I,canDropOfType:O,draggingStateZ:M,filterByType:h,isFileDrag:G,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=O;exports.filterByType=h;exports.useDragAndDrop=j;exports.useDraggingState=L;exports.useDrop=T;

package/dist/Item-9WCCzBv2.js

@@ -0,0 +1,110 @@
+import { j as n } from "./jsx-runtime-C5mzlN2N.js";
+import "./Stack-D50qN0Vu.js";
+import { S as j } from "./Space-DunsWl06.js";
+import { C as s } from "./css-Dyt-QnKy.js";
+import "./index-CSKP1UPN.js";
+import { B as N, I as g } from "./Toggle-CZd8L4GI.js";
+import { L as B } from "./Link-BEheZd26.js";
+import { createContext as S, use as D, useCallback as L, useMemo as y } from "react";
+import { D as E } from "./WithIcon-CC-RSx6r.js";
+import { T as I } from "./Text-DNspRcte.js";
+const v = S({ onClick: () => {
+}, selected: "" }), k = () => D(v), A = ({
+  children: m,
+  onChange: e,
+  level: i,
+  iconSpacing: o,
+  shade: t = 1,
+  value: r = ""
+}) => {
+  const a = L(
+    (c) => {
+      typeof e == "function" ? e(c) : e && c in e && e[c](c);
+    },
+    [e]
+  ), l = y(
+    () => ({
+      onClick: a,
+      selected: r,
+      level: i,
+      iconSpacing: o,
+      shade: t
+    }),
+    [r, a, i, o, t]
+  );
+  return /* @__PURE__ */ n.jsx(v, { value: l, children: m });
+}, F = () => /* @__PURE__ */ n.jsx(E, { x: !0, padded: !0 }), K = (m) => {
+  const { itemKey: e, trigger: i, className: o, onClick: t, size: r, ...a } = m, {
+    onClick: l,
+    selected: c,
+    level: u = "p",
+    iconSpacing: x,
+    shade: d
+  } = k(), p = (f) => {
+    l(e), t == null || t(f);
+  }, C = c === e;
+  return /* @__PURE__ */ n.jsx(
+    N,
+    {
+      level: u,
+      ...a,
+      noWrap: !0,
+      onClick: p,
+      variant: "text",
+      className: s(s.B("menu-item"), s.selected(C), o),
+      shade: d,
+      size: r ?? x,
+      endIcon: i && /* @__PURE__ */ n.jsx(j, { className: s(s.BE("menu-item", "trigger")), x: !0, size: "tiny", children: /* @__PURE__ */ n.jsx(I, { level: u, trigger: i }) })
+    }
+  );
+}, M = (m) => {
+  const { itemKey: e, trigger: i, className: o, onClick: t, size: r, shade: a, ...l } = m, { onClick: c, selected: u, iconSpacing: x } = k(), d = (C) => {
+    c(e), t == null || t(C);
+  }, p = u === e;
+  return /* @__PURE__ */ n.jsx(
+    g,
+    {
+      ...l,
+      onClick: d,
+      variant: "text",
+      className: s(s.B("menu-item"), s.selected(p), o),
+      size: r ?? x,
+      shade: a
+    }
+  );
+}, O = (m) => {
+  const { itemKey: e, trigger: i, className: o, onClick: t, size: r, ...a } = m, {
+    onClick: l,
+    selected: c,
+    level: u = "p",
+    iconSpacing: x,
+    shade: d
+  } = k(), p = (f) => {
+    l(e), t == null || t(f);
+  }, C = c === e;
+  return /* @__PURE__ */ n.jsx(
+    B,
+    {
+      level: u,
+      ...a,
+      noWrap: !0,
+      onClick: p,
+      variant: "text",
+      shade: d,
+      className: s(s.B("menu-item"), s.selected(C), o),
+      size: r ?? x,
+      endIcon: i && /* @__PURE__ */ n.jsx(j, { className: s(s.BE("menu-item", "trigger")), x: !0, size: "tiny", children: /* @__PURE__ */ n.jsx(I, { level: u, trigger: i }) })
+    }
+  );
+}, z = K;
+z.Icon = M;
+z.Link = O;
+export {
+  K as C,
+  F as D,
+  z as I,
+  A as M,
+  M as a,
+  O as b,
+  k as u
+};

package/dist/Item-piF6rFAm.cjs

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

package/dist/{Keyboard--YA9DHRz.js → Keyboard-634856lT.js}

@@ -1,29 +1,31 @@
-import { j as p } from "./jsx-runtime-C5mzlN2N.js";
-import { T as c } from "./Divider-CMyzWvRC.js";
-import { C as s } from "./css-rxwBYwM1.js";
-const y = ({
+import { j as c } from "./jsx-runtime-C5mzlN2N.js";
+import { T as f } from "./Divider-Bpe7zJig.js";
+import { C as s } from "./css-Dyt-QnKy.js";
+const l = ({
   className: a,
   level: t,
   children: r,
   style: i,
-  ...m
+  shade: m = 10,
+  ...p
 }) => {
   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,
+  /* @__PURE__ */ c.jsx(
+    f,
     {
       className: s(a, s.BM("text", "keyboard"), e && s.M("rect")),
       level: t,
+      shade: m,
       style: { ...i, ...o },
-      ...m,
+      ...p,
       children: r
     }
   );
 };
 export {
-  y as K
+  l as K
 };

package/dist/Keyboard-CZFi6COK.cjs

@@ -0,0 +1 @@
+"use strict";const n=require("./jsx-runtime-CITbqOLs.cjs"),S=require("./Divider-CloQr3vQ.cjs"),s=require("./css-Cj2UCGXB.cjs"),x=({className:c,level:t,children:e,style:o,shade:a=10,...u})=>{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)`),n.jsxRuntimeExports.jsx(S.Text,{className:s.CSS(c,s.CSS.BM("text","keyboard"),i&&s.CSS.M("rect")),level:t,shade:a,style:{...o,...r},...u,children:e})};exports.Keyboard=x;

package/dist/{Link-BT_Kwmlr.js → Link-BEheZd26.js}

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

package/dist/{Link-Bhto2KVL.cjs → Link-fkoogssj.cjs}

@@ -1 +1 @@
-"use strict";const o=require("./jsx-runtime-CITbqOLs.cjs"),r=require("./Toggle-CYB9Vt6b.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-CITbqOLs.cjs"),r=require("./Toggle-BKKBcuTj.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/Pack-D6Z6WuZl.cjs

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

package/dist/Pack-DhZO_rza.js

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