@synnaxlabs/pluto 0.45.0 → 0.45.1

package/dist/{external-B8KPEzPt.cjs → external-zzhrikgD.cjs}

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

package/dist/flex.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./external-CJKfUQ-9.cjs");exports.Flex=e.external;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./external-aXmXhGMj.cjs");exports.Flex=e.external;

package/dist/flex.js

@@ -1,4 +1,4 @@
-import { e as r } from "./external-BOvnkwzO.js";
+import { e as r } from "./external-CBLyUVI_.js";
 export {
   r as Flex
 };

package/dist/{fontString-D_jEa-uI.js → fontString-B3WuZ-o6.js}

@@ -1,4 +1,4 @@
-import { i as g, C as y } from "./eraser-DXDDmPgV.js";
+import { i as g, C as y } from "./eraser-BcLVtorx.js";
 import "./css-BUXMI9PB.js";
 const r = [
   { weight: 200, style: "light", value: "Inter 200, sans-serif" },

package/dist/{fontString-4EFXWlQp.cjs → fontString-C4QgiFXy.cjs}

@@ -1 +1 @@
-"use strict";const u=require("./eraser-C1jjA5cv.cjs");require("./css-CmXY6iPo.cjs");const i=[{weight:200,style:"light",value:"Inter 200, sans-serif"},{weight:300,value:"Inter Threee, sans-serif"},{weight:400,value:"Inter Four, sans-serif"},{weight:500,value:"Inter Five, sans-serif"},{weight:600,value:"Inter Six, sans-serif"},{weight:700,value:"Inter Seven, sans-serif"},{weight:800,value:"Inter Eight, sans-serif"},{weight:900,style:"bold",value:"Inter Nine, sans-serif"}],y=s=>i.find((t,e)=>e===i.length-1?!0:typeof s=="number"?s>=t.weight&&s<i[e+1].weight:t.style===s),I=(s,{level:t,weight:e,code:l})=>{const{typography:n,sizes:{base:o}}=s;let r=n.family;if(l)r=n.codeFamily;else if(e!=null){const f=y(e);f!=null?r=f.value:r="Inter Light, sans-serif"}const h=n[u.isSize(t)?u.COMPONENT_SIZE_LEVELS[t]:t].size,a=(o*h).toFixed(1),[c,g]=r.split(", ");return e!=null?` ${e} ${a}px ${c}, ${g}`:` ${a}px ${r}`};exports.fontString=I;
+"use strict";const u=require("./eraser-h8NIswGM.cjs");require("./css-CmXY6iPo.cjs");const i=[{weight:200,style:"light",value:"Inter 200, sans-serif"},{weight:300,value:"Inter Threee, sans-serif"},{weight:400,value:"Inter Four, sans-serif"},{weight:500,value:"Inter Five, sans-serif"},{weight:600,value:"Inter Six, sans-serif"},{weight:700,value:"Inter Seven, sans-serif"},{weight:800,value:"Inter Eight, sans-serif"},{weight:900,style:"bold",value:"Inter Nine, sans-serif"}],y=s=>i.find((t,e)=>e===i.length-1?!0:typeof s=="number"?s>=t.weight&&s<i[e+1].weight:t.style===s),I=(s,{level:t,weight:e,code:l})=>{const{typography:n,sizes:{base:o}}=s;let r=n.family;if(l)r=n.codeFamily;else if(e!=null){const f=y(e);f!=null?r=f.value:r="Inter Light, sans-serif"}const h=n[u.isSize(t)?u.COMPONENT_SIZE_LEVELS[t]:t].size,a=(o*h).toFixed(1),[c,g]=r.split(", ");return e!=null?` ${e} ${a}px ${c}, ${g}`:` ${a}px ${r}`};exports.fontString=I;

package/dist/header.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./external-Bqmws2bv.cjs");exports.Header=e.external;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./external-DYC1EK6G.cjs");exports.Header=e.external;

package/dist/header.js

@@ -1,4 +1,4 @@
-import { e as a } from "./external-W69NXl-R.js";
+import { e as a } from "./external-ByxpHVEA.js";
 export {
   a as Header
 };