@synnaxlabs/pluto 0.38.2 → 0.39.0

package/dist/external-DK_wU08V.js

@@ -0,0 +1,19 @@
+import { C as e, a as t, b as a, u as o } from "./ContextMenu-DX6j7Wwi.js";
+import { C as s, D as n, I as r, a as u, b as m, M as C, u as T } from "./Item-CZAsnOoO.js";
+const E = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  CONTEXT_SELECTED: e,
+  CONTEXT_TARGET: t,
+  ContextMenu: a,
+  CoreItem: s,
+  Divider: n,
+  Item: r,
+  ItemIcon: u,
+  ItemLink: m,
+  Menu: C,
+  useContext: T,
+  useContextMenu: o
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  E as e
+};

package/dist/external-DNC1e6Hi.js

@@ -0,0 +1,343 @@
+import { j as r } from "./jsx-runtime-CYK1ROHF.js";
+import { E, T as X, a as Z, f as F } from "./Divider-C5m3c4pv.js";
+import { cloneElement as w, createContext as G, use as q, useCallback as T } from "react";
+import "./Pack-D50qN0Vu.js";
+import { S as M } from "./Space-DBmhvGQL.js";
+import { C as o, g as H } from "./css-rxwBYwM1.js";
+import { P as J } from "./Pack-Dlj4dZzQ.js";
+import { I as A } from "./Toggle-DZMcFiiI.js";
+import { C as k, k as Q } from "./state-w46WTrh-.js";
+import { I as U } from "./deep-ChDJVfub.js";
+import { u as Y, b as D, a as K, C as ee } from "./ContextMenu-DX6j7Wwi.js";
+import "./Item-CZAsnOoO.js";
+import { z as p } from "zod";
+const I = (t, n) => w(t, {
+  className: o(t.props.className, o.B("sub"), o.M(n))
+}), P = ({
+  topRight: t,
+  topLeft: n,
+  bottomLeft: e,
+  bottomRight: l,
+  children: s,
+  className: c,
+  ...a
+}) => /* @__PURE__ */ r.jsxs("div", { className: o(c, o.B("icon")), ...a, children: [
+  t && I(t, "topRight"),
+  n && I(n, "topLeft"),
+  e && I(e, "bottomLeft"),
+  l && I(l, "bottomRight"),
+  s
+] }), te = (t) => /* @__PURE__ */ r.jsx(P, { topRight: /* @__PURE__ */ r.jsx(E.Add, {}), ...t }), ne = (t) => /* @__PURE__ */ r.jsx(P, { topRight: /* @__PURE__ */ r.jsx(E.Import, {}), ...t }), L = (t, n) => {
+  if (t != null) {
+    if (typeof t == "string") {
+      const e = U.get(
+        E,
+        t
+      );
+      return /* @__PURE__ */ r.jsx(e, { ...n });
+    }
+    return w(t, n);
+  }
+}, Ne = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Create: te,
+  Icon: P,
+  Import: ne,
+  resolve: L
+}, Symbol.toStringTag, { value: "Module" })), R = G({ tabs: [] }), z = R, S = () => q(R), u = "tabs-selector", V = ({
+  className: t,
+  altColor: n = !1,
+  size: e = "medium",
+  direction: l = "x",
+  contextMenu: s,
+  ...c
+}) => {
+  const {
+    tabs: a,
+    selected: i,
+    onSelect: d,
+    onClose: m,
+    closable: h,
+    onDragEnd: x,
+    onDragStart: j,
+    onDrop: v,
+    onRename: B,
+    onCreate: b
+  } = S(), C = Y(), g = /* @__PURE__ */ r.jsxs(
+    M,
+    {
+      className: o(o.B(u), o.size(e), t),
+      align: "center",
+      justify: "spaceBetween",
+      onDrop: v,
+      empty: !0,
+      direction: l,
+      ...c,
+      children: [
+        /* @__PURE__ */ r.jsx(M, { direction: l, className: o.BE(u, "tabs"), empty: !0, children: a.map((f) => /* @__PURE__ */ r.jsx(
+          oe,
+          {
+            selected: i,
+            altColor: n,
+            onSelect: d,
+            onClose: m,
+            onDragStart: j,
+            onDragEnd: x,
+            onRename: B,
+            closable: f.closable ?? h,
+            size: e,
+            ...f
+          },
+          f.tabKey
+        )) }),
+        b != null && /* @__PURE__ */ r.jsx(M, { className: o.BE(u, "actions"), children: /* @__PURE__ */ r.jsx(A, { size: e, sharp: !0, onClick: b, children: /* @__PURE__ */ r.jsx(E.Add, {}) }) })
+      ]
+    }
+  );
+  return s != null ? /* @__PURE__ */ r.jsx(
+    D,
+    {
+      style: { height: "fit-content" },
+      ...C,
+      menu: s,
+      children: g
+    }
+  ) : g;
+}, se = ({ unsavedChanges: t, ...n }) => {
+  const e = /* @__PURE__ */ r.jsx(E.Close, { className: o.BEM(u, "icon", "close"), ...n });
+  return t ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsx(E.Circle, { className: o.BEM(u, "icon", "unsaved") }),
+    e
+  ] }) : e;
+}, oe = ({
+  selected: t,
+  altColor: n = !1,
+  onSelect: e,
+  onClose: l,
+  tabKey: s,
+  name: c,
+  onDragStart: a,
+  onDragEnd: i,
+  onRename: d,
+  closable: m = !0,
+  icon: h,
+  size: x,
+  editable: j = !0,
+  unsavedChanges: v = !1
+}) => {
+  const B = T(
+    (N) => a == null ? void 0 : a(N, { tabKey: s, name: c }),
+    [a, s, c]
+  ), b = T(
+    (N) => i == null ? void 0 : i(N, { tabKey: s, name: c }),
+    [i, s, c]
+  ), C = T(
+    (N) => {
+      N.stopPropagation(), l == null || l(s);
+    },
+    [l, s]
+  ), g = T(() => e == null ? void 0 : e(s), [e, s]), f = t === s, _ = h != null, y = k[x];
+  return /* @__PURE__ */ r.jsxs(
+    J,
+    {
+      size: x,
+      id: s,
+      className: o(
+        o.BE(u, "btn"),
+        K,
+        d == null && o.BEM(u, "btn", "uneditable"),
+        f && ee,
+        o.selected(f),
+        o.altColor(n),
+        m && l != null && o.BEM(u, "btn", "closable"),
+        _ && o.BEM(u, "btn", "has-icon"),
+        o.editable(d != null && j)
+      ),
+      draggable: !0,
+      direction: "x",
+      justify: "center",
+      align: "center",
+      onClick: g,
+      onDragStart: B,
+      onDragEnd: b,
+      bordered: !1,
+      rounded: !1,
+      children: [
+        L(h, {
+          className: o.BE(u, "icon"),
+          style: {
+            color: o.shadeVar(7),
+            height: o.levelSizeVar(y),
+            width: o.levelSizeVar(y)
+          }
+        }),
+        /* @__PURE__ */ r.jsx(
+          le,
+          {
+            name: c,
+            tabKey: s,
+            onRename: d,
+            editable: j,
+            level: k[x]
+          }
+        ),
+        m && l != null && /* @__PURE__ */ r.jsx(
+          A,
+          {
+            "aria-label": "pluto-tabs__close",
+            onClick: C,
+            className: o.BEM(u, "btn", "close"),
+            children: /* @__PURE__ */ r.jsx(se, { unsavedChanges: v })
+          }
+        )
+      ]
+    }
+  );
+}, O = o.BE(u, "name"), le = ({
+  onRename: t,
+  name: n,
+  tabKey: e,
+  editable: l = !0,
+  ...s
+}) => t == null || !l ? /* @__PURE__ */ r.jsx(X, { className: O, noWrap: !0, ...s, children: n }) : /* @__PURE__ */ r.jsx("div", { className: O, children: /* @__PURE__ */ r.jsx(
+  Z,
+  {
+    id: o.B(`tab-${e}`),
+    onChange: (c) => t(e, c),
+    value: n,
+    noWrap: !0,
+    ...s
+  }
+) }), re = (t = "", n = []) => {
+  var e;
+  if (n.length !== 0)
+    return n.find((l) => l.tabKey === t) != null ? t : (e = n[n.length - 1]) == null ? void 0 : e.tabKey;
+}, ce = (t, n, e) => {
+  if (n = n.trim(), n.length === 0) return e;
+  const l = e.find((s) => s.tabKey === t);
+  return l == null || l.name === n ? e : e.map((s) => s.tabKey === t ? { ...s, name: n } : s);
+}, ae = ({
+  tabs: t,
+  content: n,
+  selected: e,
+  onSelect: l
+}) => {
+  var d;
+  const [s, c] = Q({
+    initial: e ?? ((d = t[0]) == null ? void 0 : d.tabKey) ?? "",
+    value: e,
+    onChange: l
+  }), a = F(e ?? s), i = T(
+    (m) => {
+      c(m), a.current == null && (l == null || l(m));
+    },
+    [s, l]
+  );
+  return {
+    tabs: t,
+    selected: s,
+    content: n,
+    onSelect: i
+  };
+}, ie = ({
+  id: t,
+  content: n,
+  children: e,
+  onSelect: l,
+  selected: s,
+  selectedAltColor: c,
+  closable: a,
+  tabs: i,
+  onClose: d,
+  onDragStart: m,
+  onDragEnd: h,
+  onCreate: x,
+  onRename: j,
+  emptyContent: v,
+  className: B,
+  onDragOver: b,
+  onDrop: C,
+  contextMenu: g,
+  size: f = "medium",
+  direction: _ = "y",
+  ...y
+}) => /* @__PURE__ */ r.jsx(
+  M,
+  {
+    id: t,
+    empty: !0,
+    className: o(o.B("tabs"), B),
+    onDragOver: b,
+    onDrop: C,
+    direction: _,
+    ...y,
+    children: /* @__PURE__ */ r.jsxs(
+      z,
+      {
+        value: {
+          tabs: i,
+          emptyContent: v,
+          selected: s,
+          closable: a,
+          content: e ?? n,
+          onSelect: l,
+          onClose: d,
+          onDragStart: m,
+          onDragEnd: h,
+          onRename: j,
+          onCreate: x,
+          onDrop: C
+        },
+        children: [
+          /* @__PURE__ */ r.jsx(
+            V,
+            {
+              size: f,
+              direction: H.swap(_),
+              altColor: c,
+              contextMenu: g
+            }
+          ),
+          /* @__PURE__ */ r.jsx($, {})
+        ]
+      }
+    )
+  }
+), $ = () => {
+  const { tabs: t, selected: n, content: e, emptyContent: l, onSelect: s } = S();
+  let c = null;
+  const a = t.find((i) => i.tabKey === n);
+  return n == null || a == null ? l ?? null : (e != null ? typeof e == "function" ? c = e(a) : c = e : a.content != null && (c = a.content), /* @__PURE__ */ r.jsx("div", { className: o.B("tabs-content"), onClick: () => s == null ? void 0 : s(n), children: c }));
+}, W = 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()
+}), ue = W.extend({
+  content: p.unknown().optional()
+}), Te = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Content: $,
+  Provider: z,
+  Selector: V,
+  Tabs: ie,
+  rename: ce,
+  resetSelection: re,
+  specZ: W,
+  tabZ: ue,
+  useContext: S,
+  useStatic: ae
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  Ne as I,
+  ie as T,
+  re as a,
+  ce as b,
+  Te as e,
+  L as r,
+  ue as t,
+  ae as u
+};