@synnaxlabs/pluto 0.42.4 → 0.43.1

package/dist/external-B-B5ro_s.cjs

@@ -0,0 +1 @@
+"use strict";const o=require("./jsx-runtime-CITbqOLs.cjs"),j=require("./Divider-D74_FAXn.cjs"),r=require("./css-C7rJrqRi.cjs"),a=require("react");require("./Stack-BbwDtaE6.cjs");const k=require("./Space-ByFmfiTa.cjs"),H=require("./Pack-80N7XB5O.cjs"),M=require("./Toggle-CpDGR6M6.cjs"),Q=require("./deep-BRgXTyZn.cjs"),_=require("./ContextMenu-BC5x7XR5.cjs");require("./Item-CB5c--eX.cjs");const i=require("./state-DwM4WaEw.cjs"),T=(t,s)=>a.cloneElement(t,{className:r.CSS(t.props.className,r.CSS.B("sub"),r.CSS.M(s))}),q=({topRight:t,topLeft:s,bottomLeft:e,bottomRight:l,children:n,className:c,...u})=>o.jsxRuntimeExports.jsxs("div",{className:r.CSS(c,r.CSS.B("icon")),...u,children:[t&&T(t,"topRight"),s&&T(s,"topLeft"),e&&T(e,"bottomLeft"),l&&T(l,"bottomRight"),n]}),Y=t=>o.jsxRuntimeExports.jsx(q,{topRight:o.jsxRuntimeExports.jsx(j.y4.Add,{}),...t}),K=t=>o.jsxRuntimeExports.jsx(q,{topRight:o.jsxRuntimeExports.jsx(j.y4.Import,{}),...t}),B=(t,s)=>{if(t!=null){if(typeof t=="string")try{const e=Q.J.get(j.y4,t);return o.jsxRuntimeExports.jsx(e,{...s})}catch{throw new Error(`Unable to find icon with path ${t} in registry`)}return a.cloneElement(t,s)}},ee=Object.freeze(Object.defineProperty({__proto__:null,Create:Y,Icon:q,Import:K,resolve:B},Symbol.toStringTag,{value:"Module"})),L=a.createContext({tabs:[]}),D=L,I=()=>a.use(L),O="tabs-selector",A=({className:t,altColor:s=!1,size:e="medium",direction:l="x",contextMenu:n,addTooltip:c,...u})=>{const{tabs:x,selected:m,onSelect:d,onClose:y,closable:h,onDragEnd:b,onDragStart:P,onDrop:v,onRename:C,onCreate:f}=I(),R=_.useContextMenu(),[N,g]=a.useState(!1);return o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[n!=null&&o.jsxRuntimeExports.jsx(_.ContextMenu,{style:{height:"fit-content"},...R,menu:n}),o.jsxRuntimeExports.jsxs(k.Space,{className:r.CSS(r.CSS.B(O),r.CSS.size(e),t,R.className,N&&r.CSS.M("drag-over")),align:"center",justify:"spaceBetween",empty:!0,direction:l,onContextMenu:R.open,onDrop:v,...u,children:[o.jsxRuntimeExports.jsxs(k.Space,{direction:l,className:r.CSS.BE(O,"tabs"),empty:!0,children:[x.map(S=>o.jsxRuntimeExports.jsx(re,{selected:m,altColor:s,onSelect:d,onClose:y,onDragStart:P,onDragEnd:b,onRename:C,closable:S.closable??h,size:e,...S},S.tabKey)),v!=null&&o.jsxRuntimeExports.jsx(k.Space,{onDragOver:()=>g(!0),onDragLeave:()=>g(!1),onDragEnd:()=>g(!1),onDrop:()=>g(!1),grow:!0})]}),f!=null&&o.jsxRuntimeExports.jsx(k.Space,{className:r.CSS.BE(O,"actions"),children:o.jsxRuntimeExports.jsx(M.Icon,{size:e,sharp:!0,onClick:f,tooltip:c,children:o.jsxRuntimeExports.jsx(j.y4.Add,{})})})]})]})},te=({unsavedChanges:t,...s})=>{const e=o.jsxRuntimeExports.jsx(j.y4.Close,{...s});return t?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(j.y4.Circle,{}),e]}):e},se=t=>{const s=r.Pt.construct(t.target.closest(".pluto-tabs-selector__btn")),e=r.K.construct(t);return r.A.Scale.scale(r.Pt.left(s),r.Pt.right(s)).scale(0,1).pos(e.x)<.5?"left":"right"},ne=({loading:t,icon:s,level:e="p"})=>(t&&(s=o.jsxRuntimeExports.jsx(j.y4.Loading,{})),B(s,{className:r.CSS.BE(O,"icon"),style:{color:r.CSS.shadeVar(9),height:r.CSS.levelSizeVar(e),width:r.CSS.levelSizeVar(e)}})),re=({selected:t,altColor:s=!1,onSelect:e,onClose:l,tabKey:n,name:c,onDragStart:u,onDragEnd:x,onRename:m,closable:d=!0,icon:y,size:h,editable:b=!0,unsavedChanges:P=!1,loading:v=!1,onDrop:C})=>{const f=a.useCallback(p=>u==null?void 0:u(p,{tabKey:n,name:c}),[u,n,c]),R=a.useCallback(p=>x==null?void 0:x(p,{tabKey:n,name:c}),[x,n,c]),N=a.useCallback(p=>{p.preventDefault(),p.stopPropagation(),l==null||l(n)},[l,n]),g=a.useCallback(()=>e==null?void 0:e(n),[e,n]),[S,E]=a.useState(null),G=a.useCallback(p=>{E(se(p))},[E,C]),J=a.useCallback(p=>{C==null||C(p),E(null)},[C,E]),w=t===n,U=i.ComponentSizeLevels[h];return o.jsxRuntimeExports.jsxs(H.Pack,{size:h,id:n,className:r.CSS(r.CSS.BE(O,"btn"),_.CONTEXT_TARGET,w&&_.CONTEXT_SELECTED,r.CSS.selected(w),r.CSS.altColor(s),d&&l!=null&&r.CSS.M("closable"),r.CSS.editable(b&&m!=null),S!=null&&r.CSS.M("drag-over"),S!=null&&r.CSS.loc(S)),draggable:!0,x:!0,justify:"center",align:"center",onClick:g,onDragOver:G,onDrop:J,onDragLeave:()=>E(null),onDragStart:f,onDragEnd:p=>{E(null),R(p)},bordered:!1,rounded:!1,children:[o.jsxRuntimeExports.jsx(ne,{loading:v,icon:y,level:U}),o.jsxRuntimeExports.jsx(oe,{name:c,tabKey:n,onRename:m,editable:b,level:i.ComponentSizeLevels[h]}),d&&l!=null&&o.jsxRuntimeExports.jsx(M.Icon,{"aria-label":"pluto-tabs__close",onClick:N,className:r.CSS.E("close"),children:o.jsxRuntimeExports.jsx(te,{unsavedChanges:P})})]})},oe=({onRename:t,name:s,tabKey:e,editable:l=!0,...n})=>t==null||!l?o.jsxRuntimeExports.jsx(j.Text,{noWrap:!0,...n,children:s}):o.jsxRuntimeExports.jsx(j.Editable,{id:r.CSS.B(`tab-${e}`),onChange:c=>t(e,c),value:s,noWrap:!0,...n}),z=(t="",s=[])=>{var e;if(s.length!==0)return s.find(l=>l.tabKey===t)!=null?t:(e=s[s.length-1])==null?void 0:e.tabKey},V=(t,s,e)=>{if(s=s.trim(),s.length===0)return e;const l=e.find(n=>n.tabKey===t);return l==null||l.name===s?e:e.map(n=>n.tabKey===t?{...n,name:s}:n)},Z=({tabs:t,content:s,selected:e,onSelect:l})=>{var m;const[n,c]=i.usePurePassthrough({initial:e??((m=t[0])==null?void 0:m.tabKey)??"",value:e,onChange:l}),u=j.useSyncedRef(e??n),x=a.useCallback(d=>{c(d),u.current==null&&(l==null||l(d))},[n,l]);return{tabs:t,selected:n,content:s,onSelect:x}},$=({id:t,content:s,children:e,onSelect:l,selected:n,selectedAltColor:c,closable:u,tabs:x,onClose:m,onDragStart:d,onDragEnd:y,onCreate:h,onRename:b,emptyContent:P,className:v,onDragOver:C,onDrop:f,contextMenu:R,addTooltip:N,size:g="medium",direction:S="y",...E})=>o.jsxRuntimeExports.jsx(k.Space,{id:t,empty:!0,className:r.CSS(r.CSS.B("tabs"),v),onDragOver:C,onDrop:f,direction:S,...E,children:o.jsxRuntimeExports.jsxs(D,{value:{tabs:x,emptyContent:P,selected:n,closable:u,content:e??s,onSelect:l,onClose:m,onDragStart:d,onDragEnd:y,onRename:b,onCreate:h,onDrop:f},children:[o.jsxRuntimeExports.jsx(A,{size:g,direction:r.g.swap(S),altColor:c,contextMenu:R,addTooltip:N}),o.jsxRuntimeExports.jsx(F,{})]})}),F=()=>{const{tabs:t,selected:s,content:e,emptyContent:l,onSelect:n}=I();let c=null;const u=t.find(x=>x.tabKey===s);return s==null||u==null?c=l??null:e!=null?typeof e=="function"?c=e(u):c=e:u.content!=null&&(c=u.content),o.jsxRuntimeExports.jsx("div",{className:r.CSS.B("tabs-content"),onClick:()=>s!=null&&(n==null?void 0:n(s)),children:c})},W=i.object({tabKey:i.string(),name:i.string(),closable:i.boolean().optional(),icon:i.unknown().optional(),editable:i.boolean().optional(),visible:i.boolean().optional(),unsavedChanges:i.boolean().optional(),loading:i.boolean().optional()}),X=W.extend({content:i.unknown().optional()}),le=Object.freeze(Object.defineProperty({__proto__:null,Content:F,Provider:D,Selector:A,Tabs:$,rename:V,resetSelection:z,specZ:W,tabZ:X,useContext:I,useStatic:Z},Symbol.toStringTag,{value:"Module"}));exports.Icon=ee;exports.Tabs=$;exports.external=le;exports.rename=V;exports.resetSelection=z;exports.resolve=B;exports.tabZ=X;exports.useStatic=Z;

package/dist/{external-BwUa_5Vs.cjs → external-B3Mtbu36.cjs}

@@ -1 +1 @@
-"use strict";const r=require("./provider-aWtsGnV8.cjs"),e=require("./Provider-Cw0mSr2D.cjs"),t=require("./font-XlUAG1-r.cjs"),o=Object.freeze(Object.defineProperty({__proto__:null,Provider:e.Provider,SYNNAX_DARK:r.SYNNAX_DARK,SYNNAX_LIGHT:r.SYNNAX_LIGHT,SYNNAX_THEMES:r.SYNNAX_THEMES,Switch:e.Switch,themeZ:r.themeZ,toCSSVars:e.toCSSVars,use:e.use,useContext:e.useContext,useProvider:e.useProvider,useTypography:t.useTypography},Symbol.toStringTag,{value:"Module"}));exports.external=o;
+"use strict";const r=require("./provider-YWPkhTn6.cjs"),e=require("./Provider-s70PZ9lg.cjs"),t=require("./font-ifUcrCey.cjs"),o=Object.freeze(Object.defineProperty({__proto__:null,Provider:e.Provider,SYNNAX_DARK:r.SYNNAX_DARK,SYNNAX_LIGHT:r.SYNNAX_LIGHT,SYNNAX_THEMES:r.SYNNAX_THEMES,Switch:e.Switch,themeZ:r.themeZ,toCSSVars:e.toCSSVars,use:e.use,useContext:e.useContext,useProvider:e.useProvider,useTypography:t.useTypography},Symbol.toStringTag,{value:"Module"}));exports.external=o;

package/dist/external-BgwS5D0j.cjs

@@ -0,0 +1 @@
+"use strict";const o=require("./jsx-runtime-CITbqOLs.cjs"),n=require("./css-C7rJrqRi.cjs"),c=require("react");require("./Stack-BbwDtaE6.cjs");const x=require("./Space-ByFmfiTa.cjs"),d=require("./Toggle-CpDGR6M6.cjs"),S=require("./WithIcon-CCnlO2LC.cjs");require("./Divider-D74_FAXn.cjs");const j=require("./state-DwM4WaEw.cjs"),R=require("./array-CZHEGH95.cjs"),m=c.createContext({divided:!1,level:"h1"}),l=()=>c.use(m),p=({className:t,level:s="h1",divided:e=!1,...r})=>o.jsxRuntimeExports.jsx(m,{value:{level:s,divided:e},children:o.jsxRuntimeExports.jsx(x.Space,{el:"header",x:!0,justify:"spaceBetween",className:n.CSS(n.CSS.B("header"),n.CSS.bordered("bottom"),e&&n.CSS.BM("header","divided"),t),...r})}),v=({children:t=[],...s})=>{const{level:e,divided:r}=l();return o.jsxRuntimeExports.jsx(x.Space,{x:!0,size:"small",align:"center",className:n.CSS.BE("header","actions"),...s,children:R.t.toArray(t).map((i,a)=>o.jsxRuntimeExports.jsx(q,{index:a,level:e,divided:r,children:i},a))})},q=({index:t,level:s,children:e,divided:r})=>{let i=e;if(!c.isValidElement(e)){const{onClick:a,key:h,...E}=e;i=o.jsxRuntimeExports.jsx(d.Icon,{onClick:u=>{u.stopPropagation(),u.preventDefault(),a==null||a(u)},size:j.LevelComponentSizes[s],...E},h??t)}return o.jsxRuntimeExports.jsxs(c.Fragment,{children:[r&&o.jsxRuntimeExports.jsx(S.Divider,{}),i]},t)},C=({children:t="",className:s,onClick:e,...r})=>{const{level:i}=l();return o.jsxRuntimeExports.jsx(d.Button,{variant:"text",size:j.LevelComponentSizes[i],onClick:e,className:n.CSS(n.CSS.B("header-button-title"),s),sharp:!0,...r,children:t})},B=({className:t,level:s,...e})=>{const{level:r,divided:i}=l();return o.jsxRuntimeExports.jsx(S.WithIcon,{className:n.CSS(n.CSS.BE("header","text"),t),level:s??r,divided:i,size:1.5,...e})},f=Object.freeze(Object.defineProperty({__proto__:null,Actions:v,ButtonTitle:C,Header:p,Title:B,useContext:l},Symbol.toStringTag,{value:"Module"}));exports.Actions=v;exports.ButtonTitle=C;exports.Header=p;exports.external=f;

package/dist/{external-BnK4UIFe.js → external-Bn3A7Rew.js}

@@ -1,6 +1,6 @@
-import { S as e, a, b as o, t as r } from "./provider-r5Ly36FI.js";
-import { P as t, S as s, t as S, u, a as i, b as m } from "./Provider-B86QO9NT.js";
-import { u as p } from "./font-CjYcjBiv.js";
+import { S as e, a, b as o, t as r } from "./provider-gW90qzEG.js";
+import { P as t, S as s, t as S, u, a as i, b as m } from "./Provider-CLPfWTcl.js";
+import { u as p } from "./font-Csp00pQP.js";
 const N = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Provider: t,

package/dist/{external-DmryCcwg.cjs → external-Bojct8Fy.cjs}

@@ -1 +1 @@
-"use strict";const e=require("./Toggle-C0lZDyeo.cjs"),o=require("./Link-B9ZGvoBU.cjs"),n=Object.freeze(Object.defineProperty({__proto__:null,Button:e.Button,Icon:e.Icon,Link:o.Link,Toggle:e.Toggle,ToggleIcon:e.ToggleIcon},Symbol.toStringTag,{value:"Module"}));exports.external=n;
+"use strict";const e=require("./Toggle-CpDGR6M6.cjs"),o=require("./Link-CPnT8Xp9.cjs"),n=Object.freeze(Object.defineProperty({__proto__:null,Button:e.Button,Icon:e.Icon,Link:o.Link,Toggle:e.Toggle,ToggleIcon:e.ToggleIcon},Symbol.toStringTag,{value:"Module"}));exports.external=n;

package/dist/{external-DissGp_3.js → external-C6mmYO7R.js}

@@ -1,14 +1,14 @@
-import { a as ce, b as Ye, T, c as We, C as ze, D as He, H as Ve, I as Ue, L as Ge, S as Je, s as Qe, d as Xe, e as Ze, f as qe, g as et, h as tt, i as st, u as rt, j as nt, k as it, l as ut } from "./Text-BR4FW9Hy.js";
+import { a as ce, b as Ye, T, c as We, C as ze, D as He, H as Ve, I as Ue, L as Ge, S as Je, s as Qe, d as Xe, e as Ze, f as qe, g as et, h as tt, i as st, u as rt, j as nt, k as it, l as ut } from "./Text-wL3te5S6.js";
 import { j as C } from "./jsx-runtime-C5mzlN2N.js";
 import { useCallback as X, useRef as H, useEffect as de } from "react";
-import { S as ct } from "./css-Cnb9DQMD.js";
-import { c as De } from "./state-CjGemC7S.js";
-import { u as Me } from "./useDebouncedCallback-BG4I7mbT.js";
-import { T as Be } from "./Text-sH_NOelc.js";
-import { d as ot, y as at } from "./Divider-DqEkzRIY.js";
-import "./provider-r5Ly36FI.js";
+import { S as ct } from "./css-DjQu2Qyf.js";
+import { f as De } from "./state-DAFH2z9y.js";
+import { u as Me } from "./useDebouncedCallback-Cvo_HNow.js";
+import { T as Be } from "./Text-BiWcjO1i.js";
+import { c as ot, y as at } from "./Divider-CDFHLK9U.js";
+import "./provider-gW90qzEG.js";
 import "./Stack-D50qN0Vu.js";
-import "./Toggle-BRuUrO2N.js";
+import "./Toggle-CbzT5wR_.js";
 const _e = Symbol(), oe = Symbol(), k = "a", N = "w";
 let lt = (t, e) => new Proxy(t, e);
 const Z = Object.getPrototypeOf, ge = /* @__PURE__ */ new WeakMap(), ae = (t) => t && (ge.has(t) ? ge.get(t) : Z(t) === Object.prototype || Z(t) === Array.prototype), pe = (t) => typeof t == "object" && t !== null, Ae = /* @__PURE__ */ new WeakMap(), Se = (t) => t[oe] || t, xe = (t, e, s) => {

package/dist/{external-C0X4mXVG.js → external-CVHgvs0C.js}

@@ -1,12 +1,12 @@
-import { C as i } from "./Center-D0JeI7Ta.js";
-import { P as p } from "./Pack-BozAEHBp.js";
-import { S as e, A as c, C as n, J as l, p as S, s as f } from "./Space-CyTH97CN.js";
+import { C as i } from "./Center-Bq5L7oy0.js";
+import { P as p } from "./Pack-BiS6QIuA.js";
+import { S as e, A as c, C as n, J as l, p as S, s as f } from "./Space-DxHm2ok7.js";
 import { j as r } from "./jsx-runtime-C5mzlN2N.js";
 import "./Stack-D50qN0Vu.js";
-import { C as x } from "./css-Cnb9DQMD.js";
-import { A as d } from "./toArray-B7nD2CTw.js";
+import { C as x } from "./css-DjQu2Qyf.js";
+import { t as d } from "./array-CPtP5Oov.js";
 const j = ({ className: u, children: s, ...o }) => {
-  const t = d(s);
+  const t = d.toArray(s);
   return /* @__PURE__ */ r.jsxs(e, { x: !0, className: x.B("stack"), ...o, children: [
     /* @__PURE__ */ r.jsx("div", {}),
     t.map((a, m) => /* @__PURE__ */ r.jsx("div", { children: a }, m))

package/dist/external-CnkWbciu.js

@@ -0,0 +1,399 @@
+import { j as l } from "./jsx-runtime-C5mzlN2N.js";
+import { y as b, T as H, E as Q, c as Y } from "./Divider-CDFHLK9U.js";
+import { C as o, P as I, K, A as ee, g as te } from "./css-DjQu2Qyf.js";
+import { cloneElement as A, createContext as se, use as ne, useState as D, useCallback as v } from "react";
+import "./Stack-D50qN0Vu.js";
+import { S as _ } from "./Space-DxHm2ok7.js";
+import { P as le } from "./Pack-BiS6QIuA.js";
+import { I as $ } from "./Toggle-CbzT5wR_.js";
+import { J as re } from "./deep-D72Fid_q.js";
+import { u as oe, b as ae, a as ce, C as ie } from "./ContextMenu-DLM5eLLG.js";
+import "./Item-LAMTj0X2.js";
+import { C as L, f as ue, o as de, g as T, h as V, b as R } from "./state-DAFH2z9y.js";
+const S = (t, s) => A(t, {
+  className: o(t.props.className, o.B("sub"), o.M(s))
+}), w = ({
+  topRight: t,
+  topLeft: s,
+  bottomLeft: e,
+  bottomRight: r,
+  children: n,
+  className: a,
+  ...c
+}) => /* @__PURE__ */ l.jsxs("div", { className: o(a, o.B("icon")), ...c, children: [
+  t && S(t, "topRight"),
+  s && S(s, "topLeft"),
+  e && S(e, "bottomLeft"),
+  r && S(r, "bottomRight"),
+  n
+] }), pe = (t) => /* @__PURE__ */ l.jsx(w, { topRight: /* @__PURE__ */ l.jsx(b.Add, {}), ...t }), fe = (t) => /* @__PURE__ */ l.jsx(w, { topRight: /* @__PURE__ */ l.jsx(b.Import, {}), ...t }), z = (t, s) => {
+  if (t != null) {
+    if (typeof t == "string")
+      try {
+        const e = re.get(
+          b,
+          t
+        );
+        return /* @__PURE__ */ l.jsx(e, { ...s });
+      } catch {
+        throw new Error(`Unable to find icon with path ${t} in registry`);
+      }
+    return A(t, s);
+  }
+}, Re = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Create: pe,
+  Icon: w,
+  Import: fe,
+  resolve: z
+}, Symbol.toStringTag, { value: "Module" })), F = se({ tabs: [] }), W = F, M = () => ne(F), B = "tabs-selector", X = ({
+  className: t,
+  altColor: s = !1,
+  size: e = "medium",
+  direction: r = "x",
+  contextMenu: n,
+  addTooltip: a,
+  ...c
+}) => {
+  const {
+    tabs: i,
+    selected: p,
+    onSelect: f,
+    onClose: N,
+    closable: x,
+    onDragEnd: y,
+    onDragStart: P,
+    onDrop: E,
+    onRename: m,
+    onCreate: j
+  } = M(), C = oe(), [O, g] = D(!1);
+  return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+    n != null && /* @__PURE__ */ l.jsx(
+      ae,
+      {
+        style: { height: "fit-content" },
+        ...C,
+        menu: n
+      }
+    ),
+    /* @__PURE__ */ l.jsxs(
+      _,
+      {
+        className: o(
+          o.B(B),
+          o.size(e),
+          t,
+          C.className,
+          O && o.M("drag-over")
+        ),
+        align: "center",
+        justify: "spaceBetween",
+        empty: !0,
+        direction: r,
+        onContextMenu: C.open,
+        onDrop: E,
+        ...c,
+        children: [
+          /* @__PURE__ */ l.jsxs(_, { direction: r, className: o.BE(B, "tabs"), empty: !0, children: [
+            i.map((d) => /* @__PURE__ */ l.jsx(
+              xe,
+              {
+                selected: p,
+                altColor: s,
+                onSelect: f,
+                onClose: N,
+                onDragStart: P,
+                onDragEnd: y,
+                onRename: m,
+                closable: d.closable ?? x,
+                size: e,
+                ...d
+              },
+              d.tabKey
+            )),
+            E != null && /* @__PURE__ */ l.jsx(
+              _,
+              {
+                onDragOver: () => g(!0),
+                onDragLeave: () => g(!1),
+                onDragEnd: () => g(!1),
+                onDrop: () => g(!1),
+                grow: !0
+              }
+            )
+          ] }),
+          j != null && /* @__PURE__ */ l.jsx(_, { className: o.BE(B, "actions"), children: /* @__PURE__ */ l.jsx($, { size: e, sharp: !0, onClick: j, tooltip: a, children: /* @__PURE__ */ l.jsx(b.Add, {}) }) })
+        ]
+      }
+    )
+  ] });
+}, me = ({ unsavedChanges: t, ...s }) => {
+  const e = /* @__PURE__ */ l.jsx(b.Close, { ...s });
+  return t ? /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+    /* @__PURE__ */ l.jsx(b.Circle, {}),
+    e
+  ] }) : e;
+}, ge = (t) => {
+  const s = I.construct(
+    t.target.closest(".pluto-tabs-selector__btn")
+  ), e = K.construct(t);
+  return ee.Scale.scale(I.left(s), I.right(s)).scale(0, 1).pos(e.x) < 0.5 ? "left" : "right";
+}, he = ({ loading: t, icon: s, level: e = "p" }) => (t && (s = /* @__PURE__ */ l.jsx(b.Loading, {})), z(s, {
+  className: o.BE(B, "icon"),
+  style: {
+    color: o.shadeVar(9),
+    height: o.levelSizeVar(e),
+    width: o.levelSizeVar(e)
+  }
+})), xe = ({
+  selected: t,
+  altColor: s = !1,
+  onSelect: e,
+  onClose: r,
+  tabKey: n,
+  name: a,
+  onDragStart: c,
+  onDragEnd: i,
+  onRename: p,
+  closable: f = !0,
+  icon: N,
+  size: x,
+  editable: y = !0,
+  unsavedChanges: P = !1,
+  loading: E = !1,
+  onDrop: m
+}) => {
+  const j = v(
+    (u) => c == null ? void 0 : c(u, { tabKey: n, name: a }),
+    [c, n, a]
+  ), C = v(
+    (u) => i == null ? void 0 : i(u, { tabKey: n, name: a }),
+    [i, n, a]
+  ), O = v(
+    (u) => {
+      u.preventDefault(), u.stopPropagation(), r == null || r(n);
+    },
+    [r, n]
+  ), g = v(() => e == null ? void 0 : e(n), [e, n]), [d, h] = D(null), J = v(
+    (u) => {
+      h(ge(u));
+    },
+    [h, m]
+  ), U = v(
+    (u) => {
+      m == null || m(u), h(null);
+    },
+    [m, h]
+  ), k = t === n, q = L[x];
+  return /* @__PURE__ */ l.jsxs(
+    le,
+    {
+      size: x,
+      id: n,
+      className: o(
+        o.BE(B, "btn"),
+        ce,
+        k && ie,
+        o.selected(k),
+        o.altColor(s),
+        f && r != null && o.M("closable"),
+        o.editable(y && p != null),
+        d != null && o.M("drag-over"),
+        d != null && o.loc(d)
+      ),
+      draggable: !0,
+      x: !0,
+      justify: "center",
+      align: "center",
+      onClick: g,
+      onDragOver: J,
+      onDrop: U,
+      onDragLeave: () => h(null),
+      onDragStart: j,
+      onDragEnd: (u) => {
+        h(null), C(u);
+      },
+      bordered: !1,
+      rounded: !1,
+      children: [
+        /* @__PURE__ */ l.jsx(he, { loading: E, icon: N, level: q }),
+        /* @__PURE__ */ l.jsx(
+          je,
+          {
+            name: a,
+            tabKey: n,
+            onRename: p,
+            editable: y,
+            level: L[x]
+          }
+        ),
+        f && r != null && /* @__PURE__ */ l.jsx(
+          $,
+          {
+            "aria-label": "pluto-tabs__close",
+            onClick: O,
+            className: o.E("close"),
+            children: /* @__PURE__ */ l.jsx(me, { unsavedChanges: P })
+          }
+        )
+      ]
+    }
+  );
+}, je = ({
+  onRename: t,
+  name: s,
+  tabKey: e,
+  editable: r = !0,
+  ...n
+}) => t == null || !r ? /* @__PURE__ */ l.jsx(H, { noWrap: !0, ...n, children: s }) : /* @__PURE__ */ l.jsx(
+  Q,
+  {
+    id: o.B(`tab-${e}`),
+    onChange: (a) => t(e, a),
+    value: s,
+    noWrap: !0,
+    ...n
+  }
+), Ce = (t = "", s = []) => {
+  var e;
+  if (s.length !== 0)
+    return s.find((r) => r.tabKey === t) != null ? t : (e = s[s.length - 1]) == null ? void 0 : e.tabKey;
+}, ve = (t, s, e) => {
+  if (s = s.trim(), s.length === 0) return e;
+  const r = e.find((n) => n.tabKey === t);
+  return r == null || r.name === s ? e : e.map((n) => n.tabKey === t ? { ...n, name: s } : n);
+}, be = ({
+  tabs: t,
+  content: s,
+  selected: e,
+  onSelect: r
+}) => {
+  var p;
+  const [n, a] = ue({
+    initial: e ?? ((p = t[0]) == null ? void 0 : p.tabKey) ?? "",
+    value: e,
+    onChange: r
+  }), c = Y(e ?? n), i = v(
+    (f) => {
+      a(f), c.current == null && (r == null || r(f));
+    },
+    [n, r]
+  );
+  return {
+    tabs: t,
+    selected: n,
+    content: s,
+    onSelect: i
+  };
+}, ye = ({
+  id: t,
+  content: s,
+  children: e,
+  onSelect: r,
+  selected: n,
+  selectedAltColor: a,
+  closable: c,
+  tabs: i,
+  onClose: p,
+  onDragStart: f,
+  onDragEnd: N,
+  onCreate: x,
+  onRename: y,
+  emptyContent: P,
+  className: E,
+  onDragOver: m,
+  onDrop: j,
+  contextMenu: C,
+  addTooltip: O,
+  size: g = "medium",
+  direction: d = "y",
+  ...h
+}) => /* @__PURE__ */ l.jsx(
+  _,
+  {
+    id: t,
+    empty: !0,
+    className: o(o.B("tabs"), E),
+    onDragOver: m,
+    onDrop: j,
+    direction: d,
+    ...h,
+    children: /* @__PURE__ */ l.jsxs(
+      W,
+      {
+        value: {
+          tabs: i,
+          emptyContent: P,
+          selected: n,
+          closable: c,
+          content: e ?? s,
+          onSelect: r,
+          onClose: p,
+          onDragStart: f,
+          onDragEnd: N,
+          onRename: y,
+          onCreate: x,
+          onDrop: j
+        },
+        children: [
+          /* @__PURE__ */ l.jsx(
+            X,
+            {
+              size: g,
+              direction: te.swap(d),
+              altColor: a,
+              contextMenu: C,
+              addTooltip: O
+            }
+          ),
+          /* @__PURE__ */ l.jsx(Z, {})
+        ]
+      }
+    )
+  }
+), Z = () => {
+  const { tabs: t, selected: s, content: e, emptyContent: r, onSelect: n } = M();
+  let a = null;
+  const c = t.find((i) => i.tabKey === s);
+  return s == null || c == null ? a = r ?? null : e != null ? typeof e == "function" ? a = e(c) : a = e : c.content != null && (a = c.content), /* @__PURE__ */ l.jsx(
+    "div",
+    {
+      className: o.B("tabs-content"),
+      onClick: () => s != null && (n == null ? void 0 : n(s)),
+      children: a
+    }
+  );
+}, G = de({
+  tabKey: R(),
+  name: R(),
+  closable: T().optional(),
+  icon: V().optional(),
+  editable: T().optional(),
+  visible: T().optional(),
+  unsavedChanges: T().optional(),
+  loading: T().optional()
+}), Ee = G.extend({
+  content: V().optional()
+}), Ae = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Content: Z,
+  Provider: W,
+  Selector: X,
+  Tabs: ye,
+  rename: ve,
+  resetSelection: Ce,
+  specZ: G,
+  tabZ: Ee,
+  useContext: M,
+  useStatic: be
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  Re as I,
+  ye as T,
+  Ce as a,
+  ve as b,
+  Ae as e,
+  z as r,
+  Ee as t,
+  be as u
+};