@synnaxlabs/pluto 0.47.1 → 0.49.0

package/dist/{external-CtiE4JLk.js → external-CnWQzZlQ.js}

@@ -1,17 +1,19 @@
-import { j as s } from "./jsx-runtime-OVHDjVDe.js";
-import { C as r, j as y, Q as z, i as G, p as H } from "./css-D6ZBcSwh.js";
-import { createContext as Q, use as U, useState as I, useCallback as j } from "react";
-import { B as w } from "./Button-CMRdj9Ti.js";
-import { a as N } from "./Box-D5Qv__kr.js";
-import { y as q, z as J, B as W, D as Y, L as K } from "./Text-BnUGzpJq.js";
-import { a as ee, C as te } from "./Menu-CQ_GMgB9.js";
-import { b as ne, a as oe } from "./Animated-CUFx-eAB.js";
-import { T as se, E as le, c as re } from "./Editable-CxgdRDPb.js";
-import { C as k, u as ae } from "./types-BNX_Jj6k.js";
-import "./Provider-D0P_lzCo.js";
-import "./provider-C8In649C.js";
-import { z as p } from "zod";
-const A = Q({ tabs: [] }), R = A, M = () => U(A), _ = "tabs-selector", V = ({
+import { j as s } from "./jsx-runtime-BbD0H88J.js";
+import { C as r, v as y, N as $, A as z, x as G } from "./css-bahPRiQI.js";
+import { useState as A, useCallback as C } from "react";
+import { B as w } from "./Button-CoOYEk1J.js";
+import { a as B } from "./Box-BVyAHr2f.js";
+import { c as H, z as U, B as q, D as J, E as Q, L as W } from "./Text-90J6p5Uj.js";
+import { a as Y, C as K } from "./Menu-CQsrN_mP.js";
+import { d as ee, c as te } from "./Animated-38tdmPR0.js";
+import { T as ne, E as oe, c as se } from "./Editable-DEbVpi5i.js";
+import { C as k, u as le } from "./types-DGaZ_JZb.js";
+import "./Provider-DQM7IBoi.js";
+import { z as g } from "zod";
+const [re, M] = H({
+  defaultValue: { tabs: [] },
+  displayName: "Tabs.Context"
+}), I = re, _ = "tabs-selector", V = ({
   className: o,
   altColor: t = !1,
   size: e = "medium",
@@ -22,53 +24,53 @@ const A = Q({ tabs: [] }), R = A, M = () => U(A), _ = "tabs-selector", V = ({
   ...d
 }) => {
   const {
-    tabs: g,
-    selected: v,
+    tabs: p,
+    selected: j,
     onSelect: E,
     onClose: x,
     closable: b,
     onDragEnd: T,
-    onDragStart: D,
+    onDragStart: N,
     onDrop: m,
     onRename: S,
     onCreate: h
-  } = M(), C = ee(), [O, f] = I(!1);
+  } = M(), v = Y(), [D, f] = A(!1);
   return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
     n != null && /* @__PURE__ */ s.jsx(
-      te,
+      K,
       {
         style: { height: "fit-content" },
-        ...C,
+        ...v,
         menu: n
       }
     ),
     /* @__PURE__ */ s.jsxs(
-      N,
+      B,
       {
         className: r(
           r.B(_),
           o,
-          C.className,
-          O && r.M("drag-over")
+          v.className,
+          D && r.M("drag-over")
         ),
         size: e,
         align: "center",
         justify: "between",
         empty: !0,
         direction: l,
-        onContextMenu: C.open,
+        onContextMenu: v.open,
         onDrop: m,
         ...d,
         children: [
-          /* @__PURE__ */ s.jsxs(N, { direction: l, className: r.BE(_, "tabs"), empty: !0, children: [
-            g.map((i) => /* @__PURE__ */ s.jsx(
-              de,
+          /* @__PURE__ */ s.jsxs(B, { direction: l, className: r.BE(_, "tabs"), empty: !0, children: [
+            p.map((i) => /* @__PURE__ */ s.jsx(
+              ue,
               {
-                selected: v,
+                selected: j,
                 altColor: t,
                 onSelect: E,
                 onClose: x,
-                onDragStart: D,
+                onDragStart: N,
                 onDragEnd: T,
                 onRename: S,
                 closable: i.closable ?? b,
@@ -78,7 +80,7 @@ const A = Q({ tabs: [] }), R = A, M = () => U(A), _ = "tabs-selector", V = ({
               i.tabKey
             )),
             m != null && /* @__PURE__ */ s.jsx(
-              N,
+              B,
               {
                 onDragOver: () => f(!0),
                 onDragLeave: () => f(!1),
@@ -88,7 +90,7 @@ const A = Q({ tabs: [] }), R = A, M = () => U(A), _ = "tabs-selector", V = ({
               }
             )
           ] }),
-          (c != null || h != null) && /* @__PURE__ */ s.jsxs(N, { className: r.BE(_, "actions"), children: [
+          (c != null || h != null) && /* @__PURE__ */ s.jsxs(B, { className: r.BE(_, "actions"), children: [
             h != null && /* @__PURE__ */ s.jsx(
               w,
               {
@@ -97,7 +99,7 @@ const A = Q({ tabs: [] }), R = A, M = () => U(A), _ = "tabs-selector", V = ({
                 onClick: h,
                 tooltip: a,
                 variant: "text",
-                children: /* @__PURE__ */ s.jsx(q, {})
+                children: /* @__PURE__ */ s.jsx(U, {})
               }
             ),
             c
@@ -106,26 +108,26 @@ const A = Q({ tabs: [] }), R = A, M = () => U(A), _ = "tabs-selector", V = ({
       }
     )
   ] });
-}, ce = ({ unsavedChanges: o, ...t }) => {
-  const e = /* @__PURE__ */ s.jsx(W, { ...t });
+}, ae = ({ unsavedChanges: o, ...t }) => {
+  const e = /* @__PURE__ */ s.jsx(J, { ...t });
   return o ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    /* @__PURE__ */ s.jsx(Y, {}),
+    /* @__PURE__ */ s.jsx(Q, {}),
     e
   ] }) : e;
-}, Z = r.BE("tabs-selector", "btn"), ie = (o) => {
+}, R = r.BE("tabs-selector", "btn"), ce = (o) => {
   if (!(o.target instanceof HTMLElement)) return "right";
-  const t = o.target.closest(`.${Z}`);
+  const t = o.target.closest(`.${R}`);
   if (t == null) return "right";
-  const e = y.construct(t), l = z.construct(o);
-  return G.Scale.scale(y.left(e), y.right(e)).scale(0, 1).pos(l.x) < 0.5 ? "left" : "right";
-}, ue = ({ loading: o, icon: t, level: e = "p" }) => (o && (t = /* @__PURE__ */ s.jsx(K, {})), J(t, {
+  const e = y.construct(t), l = $.construct(o);
+  return z.Scale.scale(y.left(e), y.right(e)).scale(0, 1).pos(l.x) < 0.5 ? "left" : "right";
+}, ie = ({ loading: o, icon: t, level: e = "p" }) => (o && (t = /* @__PURE__ */ s.jsx(W, {})), q(t, {
   className: r.BE(_, "icon"),
   style: {
     color: r.colorVar(9),
     height: r.levelSizeVar(e),
     width: r.levelSizeVar(e)
   }
-})), de = ({
+})), ue = ({
   selected: o,
   altColor: t = !1,
   onSelect: e,
@@ -134,37 +136,37 @@ const A = Q({ tabs: [] }), R = A, M = () => U(A), _ = "tabs-selector", V = ({
   name: a,
   onDragStart: c,
   onDragEnd: d,
-  onRename: g,
-  closable: v = !0,
+  onRename: p,
+  closable: j = !0,
   icon: E,
   size: x,
   editable: b = !0,
   unsavedChanges: T = !1,
-  loading: D = !1,
+  loading: N = !1,
   onDrop: m
 }) => {
-  const S = j(
+  const S = C(
     (u) => c?.(u, { tabKey: n, name: a }),
     [c, n, a]
-  ), h = j(
+  ), h = C(
     (u) => d?.(u, { tabKey: n, name: a }),
     [d, n, a]
-  ), C = j(
+  ), v = C(
     (u) => {
       u.preventDefault(), u.stopPropagation(), l?.(n);
     },
     [l, n]
-  ), O = j(() => e?.(n), [e, n]), [f, i] = I(null), L = j(
+  ), D = C(() => e?.(n), [e, n]), [f, i] = A(null), L = C(
     (u) => {
-      i(ie(u));
+      i(ce(u));
     },
     [i, m]
-  ), P = j(
+  ), P = C(
     (u) => {
       m?.(u), i(null);
     },
     [m, i]
-  ), B = o === n, $ = k[x];
+  ), O = o === n, X = k[x];
   return /* @__PURE__ */ s.jsxs(
     w,
     {
@@ -174,13 +176,13 @@ const A = Q({ tabs: [] }), R = A, M = () => U(A), _ = "tabs-selector", V = ({
       variant: "text",
       sharp: !0,
       className: r(
-        ne,
-        Z,
-        B && oe,
-        r.selected(B),
+        ee,
+        R,
+        O && te,
+        r.selected(O),
         r.altColor(t),
-        v && l != null && r.M("closable"),
-        r.editable(b && g != null),
+        j && l != null && r.M("closable"),
+        r.editable(b && p != null),
         f != null && r.M("drag-over"),
         f != null && r.loc(f)
       ),
@@ -189,8 +191,8 @@ const A = Q({ tabs: [] }), R = A, M = () => U(A), _ = "tabs-selector", V = ({
       align: "center",
       empty: !0,
       tabIndex: 0,
-      preventClick: B,
-      onClick: O,
+      preventClick: O,
+      onClick: D,
       onDragOver: L,
       onDrop: P,
       onDragLeave: () => i(null),
@@ -201,39 +203,39 @@ const A = Q({ tabs: [] }), R = A, M = () => U(A), _ = "tabs-selector", V = ({
       bordered: !1,
       rounded: !1,
       children: [
-        /* @__PURE__ */ s.jsx(ue, { loading: D, icon: E, level: $ }),
+        /* @__PURE__ */ s.jsx(ie, { loading: N, icon: E, level: X }),
         /* @__PURE__ */ s.jsx(
-          fe,
+          de,
           {
             name: a,
             tabKey: n,
-            onRename: g,
+            onRename: p,
             editable: b,
             level: k[x]
           }
         ),
-        v && l != null && /* @__PURE__ */ s.jsx(
+        j && l != null && /* @__PURE__ */ s.jsx(
           w,
           {
             "aria-label": "pluto-tabs__close",
-            onClick: C,
+            onClick: v,
             className: r.E("close"),
             variant: "text",
             sharp: !0,
-            children: /* @__PURE__ */ s.jsx(ce, { unsavedChanges: T })
+            children: /* @__PURE__ */ s.jsx(ae, { unsavedChanges: T })
           }
         )
       ]
     }
   );
-}, fe = ({
+}, de = ({
   onRename: o,
   name: t,
   tabKey: e,
   editable: l = !0,
   level: n
-}) => o == null || !l ? /* @__PURE__ */ s.jsx(se, { overflow: "ellipsis", level: n, children: t }) : /* @__PURE__ */ s.jsx(
-  le,
+}) => o == null || !l ? /* @__PURE__ */ s.jsx(ne, { overflow: "ellipsis", level: n, children: t }) : /* @__PURE__ */ s.jsx(
+  oe,
   {
     level: n,
     id: r.B(`tab-${e}`),
@@ -241,26 +243,26 @@ const A = Q({ tabs: [] }), R = A, M = () => U(A), _ = "tabs-selector", V = ({
     value: t,
     overflow: "ellipsis"
   }
-), pe = (o = "", t = []) => {
+), fe = (o = "", t = []) => {
   if (t.length !== 0)
     return t.find((e) => e.tabKey === o) != null ? o : t[t.length - 1]?.tabKey;
 }, ge = (o, t, e) => {
   if (t = t.trim(), t.length === 0) return e;
   const l = e.find((n) => n.tabKey === o);
   return l == null || l.name === t ? e : e.map((n) => n.tabKey === o ? { ...n, name: t } : n);
-}, me = ({
+}, pe = ({
   tabs: o,
   content: t,
   selected: e,
   onSelect: l
 }) => {
-  const [n, a] = ae({
+  const [n, a] = le({
     initial: e ?? o[0]?.tabKey ?? "",
     value: e,
     onChange: l
-  }), c = re(e ?? n), d = j(
-    (g) => {
-      a(g), c.current == null && l?.(g);
+  }), c = se(e ?? n), d = C(
+    (p) => {
+      a(p), c.current == null && l?.(p);
     },
     [n, l]
   );
@@ -270,7 +272,7 @@ const A = Q({ tabs: [] }), R = A, M = () => U(A), _ = "tabs-selector", V = ({
     content: t,
     onSelect: d
   };
-}, xe = ({
+}, me = ({
   id: o,
   content: t,
   children: e,
@@ -279,37 +281,37 @@ const A = Q({ tabs: [] }), R = A, M = () => U(A), _ = "tabs-selector", V = ({
   selectedAltColor: a,
   closable: c,
   tabs: d,
-  onClose: g,
-  onDragStart: v,
+  onClose: p,
+  onDragStart: j,
   onDragEnd: E,
   onCreate: x,
   onRename: b,
   emptyContent: T,
-  className: D,
+  className: N,
   onDragOver: m,
   onDrop: S,
   contextMenu: h,
-  actions: C,
-  addTooltip: O,
+  actions: v,
+  addTooltip: D,
   size: f = "medium",
   direction: i = "y",
   x: L,
   y: P,
-  ...B
+  ...O
 }) => /* @__PURE__ */ s.jsx(
-  N,
+  B,
   {
     id: o,
     empty: !0,
-    className: r(r.B("tabs"), D),
+    className: r(r.B("tabs"), N),
     direction: i,
     x: L,
     y: P,
     onDragOver: m,
     onDrop: S,
-    ...B,
+    ...O,
     children: /* @__PURE__ */ s.jsxs(
-      R,
+      I,
       {
         value: {
           tabs: d,
@@ -318,8 +320,8 @@ const A = Q({ tabs: [] }), R = A, M = () => U(A), _ = "tabs-selector", V = ({
           closable: c,
           content: e ?? t,
           onSelect: l,
-          onClose: g,
-          onDragStart: v,
+          onClose: p,
+          onDragStart: j,
           onDragEnd: E,
           onRename: b,
           onCreate: x,
@@ -330,19 +332,19 @@ const A = Q({ tabs: [] }), R = A, M = () => U(A), _ = "tabs-selector", V = ({
             V,
             {
               size: f,
-              direction: H.swap(i),
+              direction: G.swap(i),
               altColor: a,
               contextMenu: h,
-              addTooltip: O,
-              actions: C
+              addTooltip: D,
+              actions: v
             }
           ),
-          /* @__PURE__ */ s.jsx(F, {})
+          /* @__PURE__ */ s.jsx(Z, {})
         ]
       }
     )
   }
-), F = () => {
+), Z = () => {
   const { tabs: o, selected: t, content: e, emptyContent: l, onSelect: n } = M();
   let a = null;
   const c = o.find((d) => d.tabKey === t);
@@ -354,35 +356,35 @@ const A = Q({ tabs: [] }), R = A, M = () => U(A), _ = "tabs-selector", V = ({
       children: a
     }
   );
-}, X = p.object({
-  tabKey: p.string(),
-  name: p.string(),
-  closable: p.boolean().optional(),
-  icon: p.unknown().optional(),
-  editable: p.boolean().optional(),
-  visible: p.boolean().optional(),
-  unsavedChanges: p.boolean().optional(),
-  loading: p.boolean().optional()
-}), he = X.extend({
-  content: p.unknown().optional()
-}), Pe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, F = g.object({
+  tabKey: g.string(),
+  name: g.string(),
+  closable: g.boolean().optional(),
+  icon: g.unknown().optional(),
+  editable: g.boolean().optional(),
+  visible: g.boolean().optional(),
+  unsavedChanges: g.boolean().optional(),
+  loading: g.boolean().optional()
+}), xe = F.extend({
+  content: g.unknown().optional()
+}), _e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Content: F,
-  Provider: R,
+  Content: Z,
+  Provider: I,
   Selector: V,
-  Tabs: xe,
+  Tabs: me,
   rename: ge,
-  resetSelection: pe,
-  specZ: X,
-  tabZ: he,
+  resetSelection: fe,
+  specZ: F,
+  tabZ: xe,
   useContext: M,
-  useStatic: me
+  useStatic: pe
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  xe as T,
+  me as T,
   ge as a,
-  Pe as e,
-  pe as r,
-  he as t,
-  me as u
+  _e as e,
+  fe as r,
+  xe as t,
+  pe as u
 };