@synnaxlabs/pluto 0.44.0 → 0.44.2

package/dist/{external-CO49SSMt.js → external-BYJw6DJV.js}

@@ -1,8 +1,8 @@
-import { aa as i, ab as y, ac as I, ad as b, ae as M, af as A, ag as E, ah as _, ai as g, aj as j } from "./symbols-DT8-7-NW.js";
+import { aa as i, ab as y, ac as I, ad as b, ae as M, af as A, ag as E, ah as _, ai as g, aj as j } from "./symbols-Lz5vQQDw.js";
 import { useCallback as s } from "react";
 import { u as w } from "./useKeysData-B1kiZOOw.js";
-import "./css-Cg4qHNg7.js";
-import { g as d } from "./eraser-BPrMJQSi.js";
+import "./css-Dl9aM7Jz.js";
+import { g as d } from "./eraser-CZknVTjw.js";
 const x = ({ retrieve: a, pageSize: r = 10 }) => {
   const n = s(() => {
     a(

package/dist/{external-JZqEUnPB.js → external-B_NFroo8.js}

@@ -1,10 +1,10 @@
-import { n as u, o as c, q as p, r as j, A as m, s as i, J as d, v as S, w as f, x as g, y as h } from "./symbols-DT8-7-NW.js";
+import { n as u, o as c, q as p, r as j, A as m, s as i, J as d, v as S, w as f, x as g, y as h } from "./symbols-Lz5vQQDw.js";
 import { j as e } from "./jsx-runtime-C5mzlN2N.js";
-import "./css-Cg4qHNg7.js";
-import { T as y } from "./Toggle-BUJcWkDS.js";
+import "./css-Dl9aM7Jz.js";
+import { T as y } from "./Toggle-Dol9oHzM.js";
 import "react";
 import { u as T } from "./useKeysData-B1kiZOOw.js";
-import "./eraser-BPrMJQSi.js";
+import "./eraser-CZknVTjw.js";
 import "react-dom";
 const v = ({
   keys: t,

package/dist/{external-DCftrpz2.js → external-CJZTgfAH.js}

@@ -1,8 +1,8 @@
-import { c as T, C as i } from "./css-Cg4qHNg7.js";
-import { g as A, x as F } from "./eraser-BPrMJQSi.js";
+import { c as T, C as i } from "./css-Dl9aM7Jz.js";
+import { g as A, x as F } from "./eraser-CZknVTjw.js";
 import { j as p } from "./jsx-runtime-C5mzlN2N.js";
-import { A as G } from "./Animated-Owbkpo6B.js";
-import { ak as z, al as K, am as U, an as L, a9 as Y, n as J, ae as Q } from "./symbols-DT8-7-NW.js";
+import { A as G } from "./Animated-D5cL3URg.js";
+import { ak as z, al as K, am as U, an as L, a9 as Y, n as J, ae as Q } from "./symbols-Lz5vQQDw.js";
 import { useMemo as V, useCallback as _ } from "react";
 import "react-dom";
 const D = (e, n) => n.includes(e.key), v = ({

package/dist/{external-Be6wSMuJ.cjs → external-CS6l_QN4.cjs}

@@ -1 +1 @@
-"use strict";const s=require("./jsx-runtime-CITbqOLs.cjs"),o=require("./css-BR-Ih764.cjs"),x=require("react"),a=require("./symbols-BtW1eE35.cjs"),P=require("./eraser-DeKDbhe4.cjs");require("react-dom");require("./Menu-BSLsdSQe.cjs");const d=require("zod"),w=x.createContext({tabs:[]}),z=w,y=()=>x.use(w),O="tabs-selector",L=({className:r,altColor:t=!1,size:e="medium",direction:l="x",contextMenu:n,addTooltip:c,...u})=>{const{tabs:S,selected:j,onSelect:b,onClose:B,closable:g,onDragEnd:v,onDragStart:D,onDrop:R,onRename:E,onCreate:f}=y(),h=a.useContextMenu(),[N,C]=x.useState(!1);return s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[n!=null&&s.jsxRuntimeExports.jsx(a.ContextMenu,{style:{height:"fit-content"},...h,menu:n}),s.jsxRuntimeExports.jsxs(a.Box,{className:o.CSS(o.CSS.B(O),r,h.className,N&&o.CSS.M("drag-over")),size:e,align:"center",justify:"between",empty:!0,direction:l,onContextMenu:h.open,onDrop:R,...u,children:[s.jsxRuntimeExports.jsxs(a.Box,{direction:l,className:o.CSS.BE(O,"tabs"),empty:!0,children:[S.map(p=>s.jsxRuntimeExports.jsx(H,{selected:j,altColor:t,onSelect:b,onClose:B,onDragStart:D,onDragEnd:v,onRename:E,closable:p.closable??g,size:e,...p},p.tabKey)),R!=null&&s.jsxRuntimeExports.jsx(a.Box,{onDragOver:()=>C(!0),onDragLeave:()=>C(!1),onDragEnd:()=>C(!1),onDrop:()=>C(!1),grow:!0})]}),f!=null&&s.jsxRuntimeExports.jsx(a.Box,{className:o.CSS.BE(O,"actions"),children:s.jsxRuntimeExports.jsx(a.Button,{size:e,sharp:!0,onClick:f,tooltip:c,variant:"text",children:s.jsxRuntimeExports.jsx(a.Add,{})})})]})]})},X=({unsavedChanges:r,...t})=>{const e=s.jsxRuntimeExports.jsx(a.Close,{...t});return r?s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(a.Circle,{}),e]}):e},G=r=>{const t=o.$t.construct(r.target.closest(".pluto-tabs-selector__btn")),e=o.J.construct(r);return o.C.Scale.scale(o.$t.left(t),o.$t.right(t)).scale(0,1).pos(e.x)<.5?"left":"right"},J=({loading:r,icon:t,level:e="p"})=>(r&&(t=s.jsxRuntimeExports.jsx(a.Loading,{})),a.resolve(t,{className:o.CSS.BE(O,"icon"),style:{color:o.CSS.colorVar(9),height:o.CSS.levelSizeVar(e),width:o.CSS.levelSizeVar(e)}})),H=({selected:r,altColor:t=!1,onSelect:e,onClose:l,tabKey:n,name:c,onDragStart:u,onDragEnd:S,onRename:j,closable:b=!0,icon:B,size:g,editable:v=!0,unsavedChanges:D=!1,loading:R=!1,onDrop:E})=>{const f=x.useCallback(i=>u?.(i,{tabKey:n,name:c}),[u,n,c]),h=x.useCallback(i=>S?.(i,{tabKey:n,name:c}),[S,n,c]),N=x.useCallback(i=>{i.preventDefault(),i.stopPropagation(),l?.(n)},[l,n]),C=x.useCallback(()=>e?.(n),[e,n]),[p,m]=x.useState(null),T=x.useCallback(i=>{m(G(i))},[m,E]),_=x.useCallback(i=>{E?.(i),m(null)},[E,m]),k=r===n,F=P.COMPONENT_SIZE_LEVELS[g];return s.jsxRuntimeExports.jsxs(a.Button,{el:"div",size:g,id:n,variant:"text",sharp:!0,className:o.CSS(a.CONTEXT_TARGET,k&&a.CONTEXT_SELECTED,o.CSS.selected(k),o.CSS.altColor(t),b&&l!=null&&o.CSS.M("closable"),o.CSS.editable(v&&j!=null),p!=null&&o.CSS.M("drag-over"),p!=null&&o.CSS.loc(p)),draggable:!0,justify:"center",align:"center",empty:!0,tabIndex:0,preventClick:k,onClick:C,onDragOver:T,onDrop:_,onDragLeave:()=>m(null),onDragStart:f,onDragEnd:i=>{m(null),h(i)},bordered:!1,rounded:!1,children:[s.jsxRuntimeExports.jsx(J,{loading:R,icon:B,level:F}),s.jsxRuntimeExports.jsx(Q,{name:c,tabKey:n,onRename:j,editable:v,level:P.COMPONENT_SIZE_LEVELS[g]}),b&&l!=null&&s.jsxRuntimeExports.jsx(a.Button,{"aria-label":"pluto-tabs__close",onClick:N,className:o.CSS.E("close"),variant:"text",sharp:!0,children:s.jsxRuntimeExports.jsx(X,{unsavedChanges:D})})]})},Q=({onRename:r,name:t,tabKey:e,editable:l=!0,level:n})=>r==null||!l?s.jsxRuntimeExports.jsx(a.Text,{overflow:"ellipsis",level:n,children:t}):s.jsxRuntimeExports.jsx(a.Editable,{level:n,id:o.CSS.B(`tab-${e}`),onChange:c=>r?.(e,c),value:t,overflow:"ellipsis"}),q=(r="",t=[])=>{if(t.length!==0)return t.find(e=>e.tabKey===r)!=null?r:t[t.length-1]?.tabKey},M=(r,t,e)=>{if(t=t.trim(),t.length===0)return e;const l=e.find(n=>n.tabKey===r);return l==null||l.name===t?e:e.map(n=>n.tabKey===r?{...n,name:t}:n)},I=({tabs:r,content:t,selected:e,onSelect:l})=>{const[n,c]=P.usePurePassthrough({initial:e??r[0]?.tabKey??"",value:e,onChange:l}),u=a.useSyncedRef(e??n),S=x.useCallback(j=>{c(j),u.current==null&&l?.(j)},[n,l]);return{tabs:r,selected:n,content:t,onSelect:S}},V=({id:r,content:t,children:e,onSelect:l,selected:n,selectedAltColor:c,closable:u,tabs:S,onClose:j,onDragStart:b,onDragEnd:B,onCreate:g,onRename:v,emptyContent:D,className:R,onDragOver:E,onDrop:f,contextMenu:h,addTooltip:N,size:C="medium",direction:p="y",x:m,y:T,..._})=>s.jsxRuntimeExports.jsx(a.Box,{id:r,empty:!0,className:o.CSS(o.CSS.B("tabs"),R),direction:p,x:m,y:T,onDragOver:E,onDrop:f,..._,children:s.jsxRuntimeExports.jsxs(z,{value:{tabs:S,emptyContent:D,selected:n,closable:u,content:e??t,onSelect:l,onClose:j,onDragStart:b,onDragEnd:B,onRename:v,onCreate:g,onDrop:f},children:[s.jsxRuntimeExports.jsx(L,{size:C,direction:o.g.swap(p),altColor:c,contextMenu:h,addTooltip:N}),s.jsxRuntimeExports.jsx(Z,{})]})}),Z=()=>{const{tabs:r,selected:t,content:e,emptyContent:l,onSelect:n}=y();let c=null;const u=r.find(S=>S.tabKey===t);return t==null||u==null?c=l??null:e!=null?typeof e=="function"?c=e(u):c=e:u.content!=null&&(c=u.content),s.jsxRuntimeExports.jsx("div",{className:o.CSS.B("tabs-content"),onClick:()=>t!=null&&n?.(t),children:c})},$=d.z.object({tabKey:d.z.string(),name:d.z.string(),closable:d.z.boolean().optional(),icon:d.z.unknown().optional(),editable:d.z.boolean().optional(),visible:d.z.boolean().optional(),unsavedChanges:d.z.boolean().optional(),loading:d.z.boolean().optional()}),A=$.extend({content:d.z.unknown().optional()}),U=Object.freeze(Object.defineProperty({__proto__:null,Content:Z,Provider:z,Selector:L,Tabs:V,rename:M,resetSelection:q,specZ:$,tabZ:A,useContext:y,useStatic:I},Symbol.toStringTag,{value:"Module"}));exports.Tabs=V;exports.external=U;exports.rename=M;exports.resetSelection=q;exports.tabZ=A;exports.useStatic=I;
+"use strict";const s=require("./jsx-runtime-CITbqOLs.cjs"),o=require("./css-9yccD6t_.cjs"),x=require("react"),a=require("./symbols-B15FeAg9.cjs"),P=require("./eraser-CLWNvWDn.cjs");require("react-dom");require("./Menu-vR5-lqo4.cjs");const d=require("zod"),w=x.createContext({tabs:[]}),z=w,y=()=>x.use(w),O="tabs-selector",L=({className:r,altColor:t=!1,size:e="medium",direction:l="x",contextMenu:n,addTooltip:c,...u})=>{const{tabs:S,selected:j,onSelect:b,onClose:B,closable:g,onDragEnd:v,onDragStart:D,onDrop:R,onRename:E,onCreate:f}=y(),h=a.useContextMenu(),[N,C]=x.useState(!1);return s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[n!=null&&s.jsxRuntimeExports.jsx(a.ContextMenu,{style:{height:"fit-content"},...h,menu:n}),s.jsxRuntimeExports.jsxs(a.Box,{className:o.CSS(o.CSS.B(O),r,h.className,N&&o.CSS.M("drag-over")),size:e,align:"center",justify:"between",empty:!0,direction:l,onContextMenu:h.open,onDrop:R,...u,children:[s.jsxRuntimeExports.jsxs(a.Box,{direction:l,className:o.CSS.BE(O,"tabs"),empty:!0,children:[S.map(p=>s.jsxRuntimeExports.jsx(J,{selected:j,altColor:t,onSelect:b,onClose:B,onDragStart:D,onDragEnd:v,onRename:E,closable:p.closable??g,size:e,...p},p.tabKey)),R!=null&&s.jsxRuntimeExports.jsx(a.Box,{onDragOver:()=>C(!0),onDragLeave:()=>C(!1),onDragEnd:()=>C(!1),onDrop:()=>C(!1),grow:!0})]}),f!=null&&s.jsxRuntimeExports.jsx(a.Box,{className:o.CSS.BE(O,"actions"),children:s.jsxRuntimeExports.jsx(a.Button,{size:e,sharp:!0,onClick:f,tooltip:c,variant:"text",children:s.jsxRuntimeExports.jsx(a.Add,{})})})]})]})},X=({unsavedChanges:r,...t})=>{const e=s.jsxRuntimeExports.jsx(a.Close,{...t});return r?s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(a.Circle,{}),e]}):e},G=r=>{const t=o.Ho.construct(r.target.closest(".pluto-tabs-selector__btn")),e=o.K.construct(r);return o.C.Scale.scale(o.Ho.left(t),o.Ho.right(t)).scale(0,1).pos(e.x)<.5?"left":"right"},$=({loading:r,icon:t,level:e="p"})=>(r&&(t=s.jsxRuntimeExports.jsx(a.Loading,{})),a.resolve(t,{className:o.CSS.BE(O,"icon"),style:{color:o.CSS.colorVar(9),height:o.CSS.levelSizeVar(e),width:o.CSS.levelSizeVar(e)}})),J=({selected:r,altColor:t=!1,onSelect:e,onClose:l,tabKey:n,name:c,onDragStart:u,onDragEnd:S,onRename:j,closable:b=!0,icon:B,size:g,editable:v=!0,unsavedChanges:D=!1,loading:R=!1,onDrop:E})=>{const f=x.useCallback(i=>u?.(i,{tabKey:n,name:c}),[u,n,c]),h=x.useCallback(i=>S?.(i,{tabKey:n,name:c}),[S,n,c]),N=x.useCallback(i=>{i.preventDefault(),i.stopPropagation(),l?.(n)},[l,n]),C=x.useCallback(()=>e?.(n),[e,n]),[p,m]=x.useState(null),T=x.useCallback(i=>{m(G(i))},[m,E]),_=x.useCallback(i=>{E?.(i),m(null)},[E,m]),k=r===n,F=P.COMPONENT_SIZE_LEVELS[g];return s.jsxRuntimeExports.jsxs(a.Button,{el:"div",size:g,id:n,variant:"text",sharp:!0,className:o.CSS(a.CONTEXT_TARGET,k&&a.CONTEXT_SELECTED,o.CSS.selected(k),o.CSS.altColor(t),b&&l!=null&&o.CSS.M("closable"),o.CSS.editable(v&&j!=null),p!=null&&o.CSS.M("drag-over"),p!=null&&o.CSS.loc(p)),draggable:!0,justify:"center",align:"center",empty:!0,tabIndex:0,preventClick:k,onClick:C,onDragOver:T,onDrop:_,onDragLeave:()=>m(null),onDragStart:f,onDragEnd:i=>{m(null),h(i)},bordered:!1,rounded:!1,children:[s.jsxRuntimeExports.jsx($,{loading:R,icon:B,level:F}),s.jsxRuntimeExports.jsx(Q,{name:c,tabKey:n,onRename:j,editable:v,level:P.COMPONENT_SIZE_LEVELS[g]}),b&&l!=null&&s.jsxRuntimeExports.jsx(a.Button,{"aria-label":"pluto-tabs__close",onClick:N,className:o.CSS.E("close"),variant:"text",sharp:!0,children:s.jsxRuntimeExports.jsx(X,{unsavedChanges:D})})]})},Q=({onRename:r,name:t,tabKey:e,editable:l=!0,level:n})=>r==null||!l?s.jsxRuntimeExports.jsx(a.Text,{overflow:"ellipsis",level:n,children:t}):s.jsxRuntimeExports.jsx(a.Editable,{level:n,id:o.CSS.B(`tab-${e}`),onChange:c=>r?.(e,c),value:t,overflow:"ellipsis"}),q=(r="",t=[])=>{if(t.length!==0)return t.find(e=>e.tabKey===r)!=null?r:t[t.length-1]?.tabKey},M=(r,t,e)=>{if(t=t.trim(),t.length===0)return e;const l=e.find(n=>n.tabKey===r);return l==null||l.name===t?e:e.map(n=>n.tabKey===r?{...n,name:t}:n)},I=({tabs:r,content:t,selected:e,onSelect:l})=>{const[n,c]=P.usePurePassthrough({initial:e??r[0]?.tabKey??"",value:e,onChange:l}),u=a.useSyncedRef(e??n),S=x.useCallback(j=>{c(j),u.current==null&&l?.(j)},[n,l]);return{tabs:r,selected:n,content:t,onSelect:S}},V=({id:r,content:t,children:e,onSelect:l,selected:n,selectedAltColor:c,closable:u,tabs:S,onClose:j,onDragStart:b,onDragEnd:B,onCreate:g,onRename:v,emptyContent:D,className:R,onDragOver:E,onDrop:f,contextMenu:h,addTooltip:N,size:C="medium",direction:p="y",x:m,y:T,..._})=>s.jsxRuntimeExports.jsx(a.Box,{id:r,empty:!0,className:o.CSS(o.CSS.B("tabs"),R),direction:p,x:m,y:T,onDragOver:E,onDrop:f,..._,children:s.jsxRuntimeExports.jsxs(z,{value:{tabs:S,emptyContent:D,selected:n,closable:u,content:e??t,onSelect:l,onClose:j,onDragStart:b,onDragEnd:B,onRename:v,onCreate:g,onDrop:f},children:[s.jsxRuntimeExports.jsx(L,{size:C,direction:o.g.swap(p),altColor:c,contextMenu:h,addTooltip:N}),s.jsxRuntimeExports.jsx(Z,{})]})}),Z=()=>{const{tabs:r,selected:t,content:e,emptyContent:l,onSelect:n}=y();let c=null;const u=r.find(S=>S.tabKey===t);return t==null||u==null?c=l??null:e!=null?typeof e=="function"?c=e(u):c=e:u.content!=null&&(c=u.content),s.jsxRuntimeExports.jsx("div",{className:o.CSS.B("tabs-content"),onClick:()=>t!=null&&n?.(t),children:c})},H=d.z.object({tabKey:d.z.string(),name:d.z.string(),closable:d.z.boolean().optional(),icon:d.z.unknown().optional(),editable:d.z.boolean().optional(),visible:d.z.boolean().optional(),unsavedChanges:d.z.boolean().optional(),loading:d.z.boolean().optional()}),A=H.extend({content:d.z.unknown().optional()}),U=Object.freeze(Object.defineProperty({__proto__:null,Content:Z,Provider:z,Selector:L,Tabs:V,rename:M,resetSelection:q,specZ:H,tabZ:A,useContext:y,useStatic:I},Symbol.toStringTag,{value:"Module"}));exports.Tabs=V;exports.external=U;exports.rename=M;exports.resetSelection=q;exports.tabZ=A;exports.useStatic=I;