@synnaxlabs/pluto 0.40.1 → 0.42.0

package/dist/{Haul-CaLW9ULm.js → Haul-Cnuzk7Z-.js}

@@ -1,24 +1,23 @@
 import { j as G } from "./jsx-runtime-C5mzlN2N.js";
-import "./state-CUPEHHgf.js";
-import w, { createContext as H, memo as Z, use as v, useRef as _, useCallback as d, useMemo as x, useId as R } from "react";
-import { z as i } from "zod";
-import { G as T } from "./css-rxwBYwM1.js";
-const b = i.object({
-  key: i.string().or(i.number()),
-  type: i.string(),
-  elementID: i.string().optional(),
-  data: i.record(i.unknown()).optional()
-}), M = i.object({ source: b, items: i.array(b) }), j = { key: "", type: "" }, p = { source: j, items: [] }, I = "file", Y = { key: "file", type: I }, z = /* @__PURE__ */ new Set(["all", "copyLink"]), N = (t, n) => z.has(t.dataTransfer.effectAllowed) && n.items.length === 0, L = H(null), S = {
+import { d as H, J as T } from "./css-B7c7_G5h.js";
+import Z, { createContext as v, memo as w, use as M, useRef as _, useCallback as d, useMemo as x, useId as R } from "react";
+import { z as f } from "zod";
+const b = f.object({
+  key: f.string().or(f.number()),
+  type: f.string(),
+  elementID: f.string().optional(),
+  data: H.optional()
+}), Y = f.object({ source: b, items: f.array(b) }), j = { key: "", type: "" }, p = { source: j, items: [] }, I = "file", z = { key: "file", type: I }, N = /* @__PURE__ */ new Set(["all", "copyLink"]), X = (t, n) => N.has(t.dataTransfer.effectAllowed) && n.items.length === 0, L = v(null), k = {
   ...p,
   onSuccessfulDrop: () => {
   }
-}, m = () => v(L), P = Z(
+}, m = () => M(L), P = w(
   ({
     children: t,
-    useState: n = w.useState,
+    useState: n = Z.useState,
     onDropOutside: s
   }) => {
-    const a = m(), [c, e] = n(p), o = _(S), l = _(/* @__PURE__ */ new Set()), f = d(
+    const a = m(), [c, e] = n(p), o = _(k), l = _(/* @__PURE__ */ new Set()), i = d(
       (r, u, D) => {
         o.current = { source: r, items: u, onSuccessfulDrop: D }, e({ source: r, items: u });
       },
@@ -27,7 +26,7 @@ const b = i.object({
       ({ target: r, dropped: u }) => {
         var A, F;
         const D = o.current.items;
-        (F = (A = o.current).onSuccessfulDrop) == null || F.call(A, { target: r, dropped: u, hauled: D }), o.current = S, e(p);
+        (F = (A = o.current).onSuccessfulDrop) == null || F.call(A, { target: r, dropped: u, hauled: D }), o.current = k, e(p);
       },
       [e]
     ), y = d(
@@ -35,21 +34,21 @@ const b = i.object({
         let u = null;
         l.current.forEach((D) => {
           u == null && (u = D(o.current, r));
-        }), u != null && g(u), o.current = S, e(p);
+        }), u != null && g(u), o.current = k, e(p);
       },
       [e]
-    ), E = d((r) => (l.current.add(r), () => l.current.delete(r)), []), k = x(
-      () => a ?? { state: c, start: f, end: y, drop: g, bind: E },
-      [c, f, y, g, a]
+    ), E = d((r) => (l.current.add(r), () => l.current.delete(r)), []), S = x(
+      () => a ?? { state: c, start: i, end: y, drop: g, bind: E },
+      [c, i, y, g, a]
     );
-    return /* @__PURE__ */ G.jsx(L, { value: k, children: t });
+    return /* @__PURE__ */ G.jsx(L, { value: S, children: t });
   }
 );
 P.displayName = "HaulProvider";
 const h = () => {
   const t = _(p), n = m();
   return n == null || (t.current = n.state), t;
-}, X = () => {
+}, q = () => {
   const t = m();
   return t == null ? p : t.state;
 }, C = ({ type: t, key: n }) => {
@@ -59,7 +58,7 @@ const h = () => {
   } };
   const { start: e, end: o } = c;
   return {
-    startDrag: d((l, f) => e(a, l, f), [e, a]),
+    startDrag: d((l, i) => e(a, l, i), [e, a]),
     onDragEnd: (l) => o(T.construct({ x: l.screenX, y: l.screenY }))
   };
 }, O = ({
@@ -73,44 +72,44 @@ const h = () => {
   if (o == null) return { onDragOver: () => {
   }, onDrop: () => {
   } };
-  const { drop: l } = o, f = n ?? R(), g = x(() => ({ key: f, type: t }), [f, t]), y = _({ x: -1, y: -1 }), E = d(
+  const { drop: l } = o, i = n ?? R(), g = x(() => ({ key: i, type: t }), [i, t]), y = _({ x: -1, y: -1 }), E = d(
     (r) => {
       r.preventDefault();
       const u = T.construct({ x: r.screenX, y: r.screenY });
       T.equals(u, y.current) || (y.current = u, s(e.current) && (c == null || c({ event: r, ...e.current })));
     },
     [e, s]
-  ), k = d(
+  ), S = d(
     (r) => {
       s(e.current) && (r.preventDefault(), l({ target: g, dropped: a({ ...e.current, event: r }) }));
     },
     [e, a, s, l, g]
   );
-  return { onDragOver: E, onDrop: k };
-}, q = ({
+  return { onDragOver: E, onDrop: S };
+}, B = ({
   type: t,
   key: n,
   ...s
 }) => {
   const a = n ?? R(), c = x(() => ({ key: a, type: t }), [a, t]), e = C(c), o = O({ ...s, ...c });
   return { ...e, ...o };
-}, B = (t) => ({ items: n }) => n.some((s) => s.type === t), U = (t, n) => n.filter((s) => s.type === t), $ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, J = (t) => ({ items: n }) => n.some((s) => s.type === t), U = (t, n) => n.filter((s) => s.type === t), $ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  FILE: Y,
+  FILE: z,
   FILE_TYPE: I,
   Provider: P,
   ZERO_DRAGGING_STATE: p,
   ZERO_ITEM: j,
-  canDropOfType: B,
-  draggingStateZ: M,
+  canDropOfType: J,
+  draggingStateZ: Y,
   filterByType: U,
-  isFileDrag: N,
+  isFileDrag: X,
   itemZ: b,
   useContext: m,
   useDrag: C,
-  useDragAndDrop: q,
+  useDragAndDrop: B,
   useDraggingRef: h,
-  useDraggingState: X,
+  useDraggingState: q,
   useDrop: O
 }, Symbol.toStringTag, { value: "Module" }));
 export {
@@ -118,8 +117,8 @@ export {
   $ as H,
   P,
   O as a,
-  X as b,
-  B as c,
+  q as b,
+  J as c,
   U as f,
-  q as u
+  B as u
 };

package/dist/Item-BzrQqxRC.cjs

@@ -0,0 +1 @@
+"use strict";const i=require("./jsx-runtime-CITbqOLs.cjs");require("./Stack-BbwDtaE6.cjs");const E=require("./Space-DfcVsxz8.cjs"),s=require("./css-hg3QdDDt.cjs"),R=require("./Toggle-CfwYy9fe.cjs"),B=require("./Link-DI7BZ5dL.cjs"),p=require("react"),L=require("./WithIcon-DG7VJxsE.cjs"),g=require("./Text-DrIBbnml.cjs"),q=p.createContext({onClick:()=>{},selected:""}),j=()=>p.use(q),f=({children:x,onChange:e,level:c,iconSpacing:r,shade:t=1,value:o=""})=>{const u=p.useCallback(n=>{typeof e=="function"?e(n):e&&n in e&&e[n](n)},[e]),l=p.useMemo(()=>({onClick:u,selected:o,level:c,iconSpacing:r,shade:t}),[o,u,c,r,t]);return i.jsxRuntimeExports.jsx(q,{value:l,children:x})},T=()=>i.jsxRuntimeExports.jsx(L.Divider,{x:!0,padded:!0}),v=x=>{const{itemKey:e,trigger:c,className:r,onClick:t,size:o,...u}=x,{onClick:l,selected:n,level:m="p",iconSpacing:a,shade:S}=j(),C=I=>{l(e),t==null||t(I)},d=n===e;return i.jsxRuntimeExports.jsx(R.Button,{level:m,...u,noWrap:!0,onClick:C,variant:"text",className:s.CSS(s.CSS.B("menu-item"),s.CSS.selected(d),r),shade:S,size:o??a,endIcon:c&&i.jsxRuntimeExports.jsx(E.Space,{className:s.CSS(s.CSS.BE("menu-item","trigger")),x:!0,size:"tiny",children:i.jsxRuntimeExports.jsx(g.Text,{level:m,trigger:c})})})},z=x=>{const{itemKey:e,trigger:c,className:r,onClick:t,size:o,shade:u,...l}=x,{onClick:n,selected:m,iconSpacing:a}=j(),S=d=>{n(e),t==null||t(d)},C=m===e;return i.jsxRuntimeExports.jsx(R.Icon,{...l,onClick:S,variant:"text",className:s.CSS(s.CSS.B("menu-item"),s.CSS.selected(C),r),size:o??a,shade:u})},N=x=>{const{itemKey:e,trigger:c,className:r,onClick:t,size:o,...u}=x,{onClick:l,selected:n,level:m="p",iconSpacing:a,shade:S}=j(),C=I=>{l(e),t==null||t(I)},d=n===e;return i.jsxRuntimeExports.jsx(B.Link,{level:m,...u,noWrap:!0,onClick:C,variant:"text",shade:S,className:s.CSS(s.CSS.B("menu-item"),s.CSS.selected(d),r),size:o??a,endIcon:c&&i.jsxRuntimeExports.jsx(E.Space,{className:s.CSS(s.CSS.BE("menu-item","trigger")),x:!0,size:"tiny",children:i.jsxRuntimeExports.jsx(g.Text,{level:m,trigger:c})})})},k=v;k.Icon=z;k.Link=N;exports.CoreItem=v;exports.Divider=T;exports.Item=k;exports.ItemIcon=z;exports.ItemLink=N;exports.Menu=f;exports.useContext=j;

package/dist/Item-FmwC-twg.js

@@ -0,0 +1,109 @@
+import { j as n } from "./jsx-runtime-C5mzlN2N.js";
+import "./Stack-D50qN0Vu.js";
+import { S as j } from "./Space-C2oZDkE1.js";
+import { C as s } from "./css-B7c7_G5h.js";
+import { B as N, I as g } from "./Toggle-CeUVv58o.js";
+import { L as B } from "./Link-Dljdu4e9.js";
+import { createContext as S, use as D, useCallback as L, useMemo as y } from "react";
+import { D as E } from "./WithIcon-pBZ7H9Lq.js";
+import { T as I } from "./Text-BiYpGaEZ.js";
+const v = S({ onClick: () => {
+}, selected: "" }), k = () => D(v), w = ({
+  children: m,
+  onChange: e,
+  level: i,
+  iconSpacing: o,
+  shade: t = 1,
+  value: r = ""
+}) => {
+  const a = L(
+    (c) => {
+      typeof e == "function" ? e(c) : e && c in e && e[c](c);
+    },
+    [e]
+  ), l = y(
+    () => ({
+      onClick: a,
+      selected: r,
+      level: i,
+      iconSpacing: o,
+      shade: t
+    }),
+    [r, a, i, o, t]
+  );
+  return /* @__PURE__ */ n.jsx(v, { value: l, children: m });
+}, A = () => /* @__PURE__ */ n.jsx(E, { x: !0, padded: !0 }), K = (m) => {
+  const { itemKey: e, trigger: i, className: o, onClick: t, size: r, ...a } = m, {
+    onClick: l,
+    selected: c,
+    level: u = "p",
+    iconSpacing: x,
+    shade: d
+  } = k(), p = (f) => {
+    l(e), t == null || t(f);
+  }, C = c === e;
+  return /* @__PURE__ */ n.jsx(
+    N,
+    {
+      level: u,
+      ...a,
+      noWrap: !0,
+      onClick: p,
+      variant: "text",
+      className: s(s.B("menu-item"), s.selected(C), o),
+      shade: d,
+      size: r ?? x,
+      endIcon: i && /* @__PURE__ */ n.jsx(j, { className: s(s.BE("menu-item", "trigger")), x: !0, size: "tiny", children: /* @__PURE__ */ n.jsx(I, { level: u, trigger: i }) })
+    }
+  );
+}, M = (m) => {
+  const { itemKey: e, trigger: i, className: o, onClick: t, size: r, shade: a, ...l } = m, { onClick: c, selected: u, iconSpacing: x } = k(), d = (C) => {
+    c(e), t == null || t(C);
+  }, p = u === e;
+  return /* @__PURE__ */ n.jsx(
+    g,
+    {
+      ...l,
+      onClick: d,
+      variant: "text",
+      className: s(s.B("menu-item"), s.selected(p), o),
+      size: r ?? x,
+      shade: a
+    }
+  );
+}, O = (m) => {
+  const { itemKey: e, trigger: i, className: o, onClick: t, size: r, ...a } = m, {
+    onClick: l,
+    selected: c,
+    level: u = "p",
+    iconSpacing: x,
+    shade: d
+  } = k(), p = (f) => {
+    l(e), t == null || t(f);
+  }, C = c === e;
+  return /* @__PURE__ */ n.jsx(
+    B,
+    {
+      level: u,
+      ...a,
+      noWrap: !0,
+      onClick: p,
+      variant: "text",
+      shade: d,
+      className: s(s.B("menu-item"), s.selected(C), o),
+      size: r ?? x,
+      endIcon: i && /* @__PURE__ */ n.jsx(j, { className: s(s.BE("menu-item", "trigger")), x: !0, size: "tiny", children: /* @__PURE__ */ n.jsx(I, { level: u, trigger: i }) })
+    }
+  );
+}, z = K;
+z.Icon = M;
+z.Link = O;
+export {
+  K as C,
+  A as D,
+  z as I,
+  w as M,
+  M as a,
+  O as b,
+  k as u
+};

package/dist/Keyboard-BfvjkBgh.cjs

@@ -0,0 +1 @@
+"use strict";const n=require("./jsx-runtime-CITbqOLs.cjs"),S=require("./Divider-Dvb6dsgX.cjs"),s=require("./css-hg3QdDDt.cjs"),x=({className:c,level:t,children:e,style:o,shade:a=10,...u})=>{const r={height:`calc(var(--pluto-${t}-size) * 1.7)`};let i=!0;return(typeof e!="string"||e.length===1)&&(i=!1,r.width=`calc(var(--pluto-${t}-size) * 1.7)`),n.jsxRuntimeExports.jsx(S.Text,{className:s.CSS(c,s.CSS.BM("text","keyboard"),i&&s.CSS.M("rect")),level:t,shade:a,style:{...o,...r},...u,children:e})};exports.Keyboard=x;

package/dist/{Keyboard--YA9DHRz.js → Keyboard-Cevv7vrQ.js}

@@ -1,29 +1,31 @@
-import { j as p } from "./jsx-runtime-C5mzlN2N.js";
-import { T as c } from "./Divider-CMyzWvRC.js";
-import { C as s } from "./css-rxwBYwM1.js";
-const y = ({
+import { j as c } from "./jsx-runtime-C5mzlN2N.js";
+import { T as f } from "./Divider-BTLn5ucU.js";
+import { C as s } from "./css-B7c7_G5h.js";
+const l = ({
   className: a,
   level: t,
   children: r,
   style: i,
-  ...m
+  shade: m = 10,
+  ...p
 }) => {
   const o = {
     height: `calc(var(--pluto-${t}-size) * 1.7)`
   };
   let e = !0;
   return (typeof r != "string" || r.length === 1) && (e = !1, o.width = `calc(var(--pluto-${t}-size) * 1.7)`), // @ts-expect-error - generic component errors
-  /* @__PURE__ */ p.jsx(
-    c,
+  /* @__PURE__ */ c.jsx(
+    f,
     {
       className: s(a, s.BM("text", "keyboard"), e && s.M("rect")),
       level: t,
+      shade: m,
       style: { ...i, ...o },
-      ...m,
+      ...p,
       children: r
     }
   );
 };
 export {
-  y as K
+  l as K
 };

package/dist/{Link-Bhto2KVL.cjs → Link-DI7BZ5dL.cjs}

@@ -1 +1 @@
-"use strict";const o=require("./jsx-runtime-CITbqOLs.cjs"),r=require("./Toggle-CYB9Vt6b.cjs"),n="://",E=`https${n}`,c=({href:t,target:s,autoFormat:i=!1,...u})=>{let e=t;return i&&t!=null&&!t.includes(n)&&(e=E+e),o.jsxRuntimeExports.jsx(r.Button,{el:"a",href:e,target:s,...u})};exports.Link=c;
+"use strict";const o=require("./jsx-runtime-CITbqOLs.cjs"),r=require("./Toggle-CfwYy9fe.cjs"),n="://",E=`https${n}`,c=({href:t,target:s,autoFormat:i=!1,...u})=>{let e=t;return i&&t!=null&&!t.includes(n)&&(e=E+e),o.jsxRuntimeExports.jsx(r.Button,{el:"a",href:e,target:s,...u})};exports.Link=c;

package/dist/{Link-BT_Kwmlr.js → Link-Dljdu4e9.js}

@@ -1,5 +1,5 @@
 import { j as E } from "./jsx-runtime-C5mzlN2N.js";
-import { B as i } from "./Toggle-v77mEVLE.js";
+import { B as i } from "./Toggle-CeUVv58o.js";
 const n = "://", l = `https${n}`, p = ({
   href: t,
   target: o,

package/dist/Pack-lJqoOmHx.cjs

@@ -0,0 +1 @@
+"use strict";const x=require("./jsx-runtime-CITbqOLs.cjs");require("./Stack-BbwDtaE6.cjs");const t=require("./Space-DfcVsxz8.cjs"),e=require("./css-hg3QdDDt.cjs"),f=({className:p,size:r="medium",reverse:s=!1,direction:a,bordered:u=!1,borderShade:i=3,rounded:n=!0,shadow:o=!1,borderWidth:S,style:C,x:k,y:l,...d})=>{const m=t.parseDirection(a,k,l,"x"),c={[e.CSS.var("pack-border-shade")]:e.CSS.shadeVar(i),...C};return S!=null&&(c[e.CSS.var("pack-border-width")]=`${S}px`),x.jsxRuntimeExports.jsx(t.Space,{direction:m,reverse:s,className:e.CSS(e.CSS.B("pack"),o&&e.CSS.BM("pack","shadow"),e.CSS.dir(a),typeof r!="number"&&e.CSS.BM("pack",r),s&&e.CSS.BM("pack","reverse"),p),style:c,bordered:u,rounded:n,...d,empty:!0})};exports.Pack=f;

package/dist/Pack-to0DG2iP.js

@@ -0,0 +1,48 @@
+import { j as x } from "./jsx-runtime-C5mzlN2N.js";
+import "./Stack-D50qN0Vu.js";
+import { p as S, S as y } from "./Space-C2oZDkE1.js";
+import { C as a } from "./css-B7c7_G5h.js";
+const b = ({
+  className: o,
+  size: r = "medium",
+  reverse: e = !1,
+  direction: s,
+  bordered: c = !1,
+  borderShade: m = 3,
+  rounded: i = !0,
+  shadow: f = !1,
+  borderWidth: p,
+  style: l,
+  x: n,
+  y: d,
+  ...k
+}) => {
+  const u = S(s, n, d, "x"), t = {
+    [a.var("pack-border-shade")]: a.shadeVar(m),
+    ...l
+  };
+  return p != null && (t[a.var("pack-border-width")] = `${p}px`), // @ts-expect-error - generic element issues
+  /* @__PURE__ */ x.jsx(
+    y,
+    {
+      direction: u,
+      reverse: e,
+      className: a(
+        a.B("pack"),
+        f && a.BM("pack", "shadow"),
+        a.dir(s),
+        typeof r != "number" && a.BM("pack", r),
+        e && a.BM("pack", "reverse"),
+        o
+      ),
+      style: t,
+      bordered: c,
+      rounded: i,
+      ...k,
+      empty: !0
+    }
+  );
+};
+export {
+  b as P
+};