@synnaxlabs/pluto 0.43.0 → 0.44.0

package/dist/external-fKroctog.js

@@ -0,0 +1,375 @@
+import { j as o } from "./jsx-runtime-C5mzlN2N.js";
+import { C as r, $ as w, J as X, a as q, g as G } from "./css-Cg4qHNg7.js";
+import { createContext as J, use as z, useState as I, useCallback as C } from "react";
+import { j as H, h as Q, o as T, B as k, ao as U, g as W, f as Y, ap as K, T as ee, E as te, aq as ne, ar as oe, al as se, an as le } from "./symbols-DT8-7-NW.js";
+import { C as M, y as re } from "./eraser-BPrMJQSi.js";
+import "react-dom";
+import "./Menu-DZ-gh1ky.js";
+import { z as g } from "zod";
+const V = J({ tabs: [] }), R = V, L = () => z(V), _ = "tabs-selector", Z = ({
+  className: s,
+  altColor: t = !1,
+  size: e = "medium",
+  direction: l = "x",
+  contextMenu: n,
+  addTooltip: a,
+  ...c
+}) => {
+  const {
+    tabs: u,
+    selected: p,
+    onSelect: b,
+    onClose: D,
+    closable: h,
+    onDragEnd: S,
+    onDragStart: N,
+    onDrop: E,
+    onRename: m,
+    onCreate: v
+  } = L(), j = H(), [O, f] = I(!1);
+  return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+    n != null && /* @__PURE__ */ o.jsx(
+      Q,
+      {
+        style: { height: "fit-content" },
+        ...j,
+        menu: n
+      }
+    ),
+    /* @__PURE__ */ o.jsxs(
+      T,
+      {
+        className: r(
+          r.B(_),
+          s,
+          j.className,
+          O && r.M("drag-over")
+        ),
+        size: e,
+        align: "center",
+        justify: "between",
+        empty: !0,
+        direction: l,
+        onContextMenu: j.open,
+        onDrop: E,
+        ...c,
+        children: [
+          /* @__PURE__ */ o.jsxs(T, { direction: l, className: r.BE(_, "tabs"), empty: !0, children: [
+            u.map((d) => /* @__PURE__ */ o.jsx(
+              ue,
+              {
+                selected: p,
+                altColor: t,
+                onSelect: b,
+                onClose: D,
+                onDragStart: N,
+                onDragEnd: S,
+                onRename: m,
+                closable: d.closable ?? h,
+                size: e,
+                ...d
+              },
+              d.tabKey
+            )),
+            E != null && /* @__PURE__ */ o.jsx(
+              T,
+              {
+                onDragOver: () => f(!0),
+                onDragLeave: () => f(!1),
+                onDragEnd: () => f(!1),
+                onDrop: () => f(!1),
+                grow: !0
+              }
+            )
+          ] }),
+          v != null && /* @__PURE__ */ o.jsx(T, { className: r.BE(_, "actions"), children: /* @__PURE__ */ o.jsx(
+            k,
+            {
+              size: e,
+              sharp: !0,
+              onClick: v,
+              tooltip: a,
+              variant: "text",
+              children: /* @__PURE__ */ o.jsx(U, {})
+            }
+          ) })
+        ]
+      }
+    )
+  ] });
+}, ae = ({ unsavedChanges: s, ...t }) => {
+  const e = /* @__PURE__ */ o.jsx(ne, { ...t });
+  return s ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+    /* @__PURE__ */ o.jsx(oe, {}),
+    e
+  ] }) : e;
+}, ce = (s) => {
+  const t = w.construct(
+    s.target.closest(".pluto-tabs-selector__btn")
+  ), e = X.construct(s);
+  return q.Scale.scale(w.left(t), w.right(t)).scale(0, 1).pos(e.x) < 0.5 ? "left" : "right";
+}, ie = ({ loading: s, icon: t, level: e = "p" }) => (s && (t = /* @__PURE__ */ o.jsx(se, {})), K(t, {
+  className: r.BE(_, "icon"),
+  style: {
+    color: r.colorVar(9),
+    height: r.levelSizeVar(e),
+    width: r.levelSizeVar(e)
+  }
+})), ue = ({
+  selected: s,
+  altColor: t = !1,
+  onSelect: e,
+  onClose: l,
+  tabKey: n,
+  name: a,
+  onDragStart: c,
+  onDragEnd: u,
+  onRename: p,
+  closable: b = !0,
+  icon: D,
+  size: h,
+  editable: S = !0,
+  unsavedChanges: N = !1,
+  loading: E = !1,
+  onDrop: m
+}) => {
+  const v = C(
+    (i) => c?.(i, { tabKey: n, name: a }),
+    [c, n, a]
+  ), j = C(
+    (i) => u?.(i, { tabKey: n, name: a }),
+    [u, n, a]
+  ), O = C(
+    (i) => {
+      i.preventDefault(), i.stopPropagation(), l?.(n);
+    },
+    [l, n]
+  ), f = C(() => e?.(n), [e, n]), [d, x] = I(null), B = C(
+    (i) => {
+      x(ce(i));
+    },
+    [x, m]
+  ), P = C(
+    (i) => {
+      m?.(i), x(null);
+    },
+    [m, x]
+  ), y = s === n, F = M[h];
+  return /* @__PURE__ */ o.jsxs(
+    k,
+    {
+      el: "div",
+      size: h,
+      id: n,
+      variant: "text",
+      sharp: !0,
+      className: r(
+        W,
+        y && Y,
+        r.selected(y),
+        r.altColor(t),
+        b && l != null && r.M("closable"),
+        r.editable(S && p != null),
+        d != null && r.M("drag-over"),
+        d != null && r.loc(d)
+      ),
+      draggable: !0,
+      justify: "center",
+      align: "center",
+      empty: !0,
+      tabIndex: 0,
+      preventClick: y,
+      onClick: f,
+      onDragOver: B,
+      onDrop: P,
+      onDragLeave: () => x(null),
+      onDragStart: v,
+      onDragEnd: (i) => {
+        x(null), j(i);
+      },
+      bordered: !1,
+      rounded: !1,
+      children: [
+        /* @__PURE__ */ o.jsx(ie, { loading: E, icon: D, level: F }),
+        /* @__PURE__ */ o.jsx(
+          de,
+          {
+            name: a,
+            tabKey: n,
+            onRename: p,
+            editable: S,
+            level: M[h]
+          }
+        ),
+        b && l != null && /* @__PURE__ */ o.jsx(
+          k,
+          {
+            "aria-label": "pluto-tabs__close",
+            onClick: O,
+            className: r.E("close"),
+            variant: "text",
+            sharp: !0,
+            children: /* @__PURE__ */ o.jsx(ae, { unsavedChanges: N })
+          }
+        )
+      ]
+    }
+  );
+}, de = ({
+  onRename: s,
+  name: t,
+  tabKey: e,
+  editable: l = !0,
+  level: n
+}) => s == null || !l ? /* @__PURE__ */ o.jsx(ee, { overflow: "ellipsis", level: n, children: t }) : /* @__PURE__ */ o.jsx(
+  te,
+  {
+    level: n,
+    id: r.B(`tab-${e}`),
+    onChange: (a) => s?.(e, a),
+    value: t,
+    overflow: "ellipsis"
+  }
+), ge = (s = "", t = []) => {
+  if (t.length !== 0)
+    return t.find((e) => e.tabKey === s) != null ? s : t[t.length - 1]?.tabKey;
+}, pe = (s, t, e) => {
+  if (t = t.trim(), t.length === 0) return e;
+  const l = e.find((n) => n.tabKey === s);
+  return l == null || l.name === t ? e : e.map((n) => n.tabKey === s ? { ...n, name: t } : n);
+}, fe = ({
+  tabs: s,
+  content: t,
+  selected: e,
+  onSelect: l
+}) => {
+  const [n, a] = re({
+    initial: e ?? s[0]?.tabKey ?? "",
+    value: e,
+    onChange: l
+  }), c = le(e ?? n), u = C(
+    (p) => {
+      a(p), c.current == null && l?.(p);
+    },
+    [n, l]
+  );
+  return {
+    tabs: s,
+    selected: n,
+    content: t,
+    onSelect: u
+  };
+}, xe = ({
+  id: s,
+  content: t,
+  children: e,
+  onSelect: l,
+  selected: n,
+  selectedAltColor: a,
+  closable: c,
+  tabs: u,
+  onClose: p,
+  onDragStart: b,
+  onDragEnd: D,
+  onCreate: h,
+  onRename: S,
+  emptyContent: N,
+  className: E,
+  onDragOver: m,
+  onDrop: v,
+  contextMenu: j,
+  addTooltip: O,
+  size: f = "medium",
+  direction: d = "y",
+  x,
+  y: B,
+  ...P
+}) => /* @__PURE__ */ o.jsx(
+  T,
+  {
+    id: s,
+    empty: !0,
+    className: r(r.B("tabs"), E),
+    direction: d,
+    x,
+    y: B,
+    onDragOver: m,
+    onDrop: v,
+    ...P,
+    children: /* @__PURE__ */ o.jsxs(
+      R,
+      {
+        value: {
+          tabs: u,
+          emptyContent: N,
+          selected: n,
+          closable: c,
+          content: e ?? t,
+          onSelect: l,
+          onClose: p,
+          onDragStart: b,
+          onDragEnd: D,
+          onRename: S,
+          onCreate: h,
+          onDrop: v
+        },
+        children: [
+          /* @__PURE__ */ o.jsx(
+            Z,
+            {
+              size: f,
+              direction: G.swap(d),
+              altColor: a,
+              contextMenu: j,
+              addTooltip: O
+            }
+          ),
+          /* @__PURE__ */ o.jsx($, {})
+        ]
+      }
+    )
+  }
+), $ = () => {
+  const { tabs: s, selected: t, content: e, emptyContent: l, onSelect: n } = L();
+  let a = null;
+  const c = s.find((u) => u.tabKey === t);
+  return t == null || c == null ? a = l ?? null : e != null ? typeof e == "function" ? a = e(c) : a = e : c.content != null && (a = c.content), /* @__PURE__ */ o.jsx(
+    "div",
+    {
+      className: r.B("tabs-content"),
+      onClick: () => t != null && n?.(t),
+      children: a
+    }
+  );
+}, A = 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()
+}), he = A.extend({
+  content: g.unknown().optional()
+}), Ne = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Content: $,
+  Provider: R,
+  Selector: Z,
+  Tabs: xe,
+  rename: pe,
+  resetSelection: ge,
+  specZ: A,
+  tabZ: he,
+  useContext: L,
+  useStatic: fe
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  xe as T,
+  pe as a,
+  Ne as e,
+  ge as r,
+  he as t,
+  fe as u
+};

package/dist/flex.cjs

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

package/dist/flex.js

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

package/dist/{fontString-CynarMI1.js → fontString-BCV37JOn.js}

@@ -1,6 +1,5 @@
-import "./css-DjQu2Qyf.js";
-import { C as p } from "./state-DAFH2z9y.js";
-import { i as c } from "./provider-CQqS-teQ.js";
+import { i as g, C as y } from "./eraser-BPrMJQSi.js";
+import "./css-Cg4qHNg7.js";
 const r = [
   { weight: 200, style: "light", value: "Inter 200, sans-serif" },
   { weight: 300, value: "Inter Threee, sans-serif" },
@@ -10,20 +9,20 @@ const r = [
   { weight: 700, value: "Inter Seven, sans-serif" },
   { weight: 800, value: "Inter Eight, sans-serif" },
   { weight: 900, style: "bold", value: "Inter Nine, sans-serif" }
-], g = (s) => r.find((t, e) => e === r.length - 1 ? !0 : typeof s == "number" ? s >= t.weight && s < r[e + 1].weight : t.style === s), d = (s, { level: t, weight: e, code: a }) => {
+], I = (s) => r.find((t, e) => e === r.length - 1 ? !0 : typeof s == "number" ? s >= t.weight && s < r[e + 1].weight : t.style === s), v = (s, { level: t, weight: e, code: a }) => {
   const {
-    typography: i,
-    sizes: { base: f }
+    typography: n,
+    sizes: { base: o }
   } = s;
-  let n = i.family;
-  if (a) n = i.codeFamily;
+  let i = n.family;
+  if (a) i = n.codeFamily;
   else if (e != null) {
-    const o = g(e);
-    o != null ? n = o.value : n = "Inter Light, sans-serif";
+    const f = I(e);
+    f != null ? i = f.value : i = "Inter Light, sans-serif";
   }
-  const u = i[c(t) ? p[t] : t].size, l = (f * u).toFixed(1), [h, m] = n.split(", ");
-  return e != null ? ` ${e} ${l}px ${h}, ${m}` : ` ${l}px ${n}`;
+  const u = n[g(t) ? y[t] : t].size, l = (o * u).toFixed(1), [h, c] = i.split(", ");
+  return e != null ? ` ${e} ${l}px ${h}, ${c}` : ` ${l}px ${i}`;
 };
 export {
-  d as f
+  v as f
 };

package/dist/fontString-DUff-KJe.cjs

@@ -0,0 +1 @@
+"use strict";const u=require("./eraser-DeKDbhe4.cjs");require("./css-BR-Ih764.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-DHw0SdIj.cjs");exports.Header=e.external;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./external-O7GBl914.cjs");exports.Header=e.external;

package/dist/header.js

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