@synnaxlabs/pluto 0.40.1 → 0.42.0

package/dist/Space-C2oZDkE1.js

@@ -0,0 +1,100 @@
+import { j as m } from "./jsx-runtime-C5mzlN2N.js";
+import { E as C } from "./Stack-D50qN0Vu.js";
+import { C as t, g as I } from "./css-B7c7_G5h.js";
+const v = ["start", "center", "end", "stretch"], y = [
+  "start",
+  "center",
+  "end",
+  "spaceBetween",
+  "spaceAround",
+  "spaceEvenly"
+], N = {
+  start: "flex-start",
+  center: "center",
+  end: "flex-end",
+  spaceBetween: "space-between",
+  spaceAround: "space-around",
+  spaceEvenly: "space-evenly"
+}, w = (e, r) => r ?? (e === "right" || e === "bottom"), A = (e, r) => {
+  const n = e === "x" ? "row" : "column";
+  return r ? `${n}-reverse` : n;
+}, E = (e, r, n, o = "y") => r ? "x" : n ? "y" : e != null ? I.construct(e) : o, B = ({
+  style: e,
+  align: r,
+  className: n,
+  grow: o,
+  shrink: l,
+  empty: s = !1,
+  size: a = "medium",
+  justify: p = "start",
+  reverse: c,
+  wrap: f = !1,
+  direction: x,
+  x: d,
+  y: S,
+  ...b
+}) => {
+  const i = E(x, d, S, "y");
+  c = w(i, c);
+  let u;
+  return s ? [a, u] = [0, 0] : typeof a == "number" && (u = `${a}rem`), e = {
+    gap: u,
+    flexDirection: A(i, c),
+    justifyContent: N[p],
+    alignItems: r,
+    flexWrap: f ? "wrap" : "nowrap",
+    ...e
+  }, o != null && (e.flexGrow = Number(o)), l != null && (e.flexShrink = Number(l)), // @ts-expect-error - TODO: fix generic element props
+  /* @__PURE__ */ m.jsx(
+    h,
+    {
+      className: t(
+        t.B("space"),
+        t.dir(i),
+        typeof a == "string" && t.BM("space", a),
+        n
+      ),
+      style: e,
+      ...b
+    }
+  );
+}, h = ({
+  style: e,
+  el: r = "div",
+  bordered: n = !1,
+  borderShade: o,
+  borderWidth: l,
+  rounded: s = !1,
+  background: a,
+  className: p,
+  ...c
+}) => {
+  let f;
+  return s != null && typeof s == "number" && (f = `${s}rem`), e = {
+    borderWidth: l,
+    borderColor: t.shadeVar(o),
+    borderRadius: f,
+    ...e
+  }, a != null && (e.backgroundColor = t.shadeVar(a)), // @ts-expect-error - TODO: fix generic element props
+  /* @__PURE__ */ m.jsx(
+    C,
+    {
+      el: r,
+      className: t(
+        t.bordered(n),
+        typeof s == "boolean" && t.rounded(s),
+        p
+      ),
+      style: e,
+      ...c
+    }
+  );
+};
+export {
+  v as A,
+  h as C,
+  y as J,
+  B as S,
+  E as p,
+  w as s
+};

package/dist/Space-DfcVsxz8.cjs

@@ -0,0 +1 @@
+"use strict";const p=require("./jsx-runtime-CITbqOLs.cjs"),T=require("./Stack-BbwDtaE6.cjs"),r=require("./css-hg3QdDDt.cjs"),A=["start","center","end","stretch"],E=["start","center","end","spaceBetween","spaceAround","spaceEvenly"],h={start:"flex-start",center:"center",end:"flex-end",spaceBetween:"space-between",spaceAround:"space-around",spaceEvenly:"space-evenly"},C=(e,t)=>t??(e==="right"||e==="bottom"),j=(e,t)=>{const n=e==="x"?"row":"column";return t?`${n}-reverse`:n},m=(e,t,n,o="y")=>t?"x":n?"y":e!=null?r.g.construct(e):o,w=({style:e,align:t,className:n,grow:o,shrink:S,empty:c=!1,size:s="medium",justify:u="start",reverse:a,wrap:l=!1,direction:d,x:I,y:b,...N})=>{const i=m(d,I,b,"y");a=C(i,a);let f;return c?[s,f]=[0,0]:typeof s=="number"&&(f=`${s}rem`),e={gap:f,flexDirection:j(i,a),justifyContent:h[u],alignItems:t,flexWrap:l?"wrap":"nowrap",...e},o!=null&&(e.flexGrow=Number(o)),S!=null&&(e.flexShrink=Number(S)),p.jsxRuntimeExports.jsx(x,{className:r.CSS(r.CSS.B("space"),r.CSS.dir(i),typeof s=="string"&&r.CSS.BM("space",s),n),style:e,...N})},x=({style:e,el:t="div",bordered:n=!1,borderShade:o,borderWidth:S,rounded:c=!1,background:s,className:u,...a})=>{let l;return c!=null&&typeof c=="number"&&(l=`${c}rem`),e={borderWidth:S,borderColor:r.CSS.shadeVar(o),borderRadius:l,...e},s!=null&&(e.backgroundColor=r.CSS.shadeVar(s)),p.jsxRuntimeExports.jsx(T.Element,{el:t,className:r.CSS(r.CSS.bordered(n),typeof c=="boolean"&&r.CSS.rounded(c),u),style:e,...a})};exports.ALIGNMENTS=A;exports.Core=x;exports.JUSTIFICATIONS=E;exports.Space=w;exports.parseDirection=m;exports.shouldReverse=C;

package/dist/Text-BXADoWYY.js

@@ -0,0 +1,137 @@
+import { j as o } from "./jsx-runtime-C5mzlN2N.js";
+import "./Text-CWiPrDI1.js";
+import { z as S, C as t } from "./css-B7c7_G5h.js";
+import { useRef as j, useState as $ } from "react";
+import "./Stack-D50qN0Vu.js";
+import { S as g } from "./Space-C2oZDkE1.js";
+import { P as F } from "./Pack-to0DG2iP.js";
+import { u as O } from "./Divider-BTLn5ucU.js";
+import { C as R } from "./state-CjGemC7S.js";
+import { f as h } from "./WithIcon-pBZ7H9Lq.js";
+const at = ({
+  size: s = "medium",
+  ref: v,
+  value: l,
+  onChange: r,
+  className: y,
+  onFocus: f,
+  selectOnFocus: D = !1,
+  centerPlaceholder: K = !1,
+  placeholder: n,
+  variant: c = "outlined",
+  sharp: U = !1,
+  children: V,
+  level: i,
+  onBlur: p,
+  disabled: m,
+  resetOnBlurIfEmpty: W = !1,
+  status: b,
+  shade: E,
+  weight: z,
+  style: d,
+  outlineColor: B,
+  color: L,
+  onlyChangeOnBlur: u = !1,
+  endContent: P,
+  borderWidth: Z,
+  borderShade: q = 4,
+  ...A
+}) => {
+  const T = j(""), [a, x] = $(null), k = j(null), M = j(!1), G = (e) => {
+    M.current = !1, W && e.target.value === "" ? r == null || r(T.current) : u && a != null && (r == null || r(a)), x(null), p == null || p(e);
+  }, H = (e) => {
+    u ? x(e.target.value) : r == null || r(e.target.value);
+  }, I = (e) => {
+    u && x(l), f == null || f(e), T.current = e.target.value;
+  }, J = () => {
+    var e;
+    !D || M.current || (M.current = !0, (e = k.current) == null || e.select());
+  }, Q = (e) => {
+    u && e.key === "Enter" ? e.currentTarget.blur() : e.key === "Escape" && (e.currentTarget.blur(), e.stopPropagation());
+  }, X = O(v, k), w = S.colorZ.safeParse(B), N = w.success && c == "outlined";
+  c === "preview" && (m = !0), N && (d = {
+    ...d,
+    [t.var("input-color")]: S.rgbString(w.data)
+  });
+  const Y = (l == null || l.length === 0) && a == null, _ = c === "natural" ? g : F;
+  return /* @__PURE__ */ o.jsxs(
+    _,
+    {
+      x: !0,
+      empty: !0,
+      style: d,
+      className: t(
+        t.B("input"),
+        t.disabled(m),
+        i == null && t.size(s),
+        E != null && t.shade(E),
+        t.M(c),
+        t.sharp(U),
+        N && t.BM("input", "custom-color"),
+        b != null && t.M(b),
+        y
+      ),
+      borderShade: q,
+      borderWidth: Z,
+      align: "center",
+      size: s,
+      children: [
+        /* @__PURE__ */ o.jsxs(
+          "div",
+          {
+            className: t(
+              t.BE("input", "internal"),
+              t.BM("text", i ?? R[s]),
+              t.M("clickable"),
+              t.M("outlined"),
+              t.shade(0)
+            ),
+            children: [
+              Y && /* @__PURE__ */ o.jsx(
+                "div",
+                {
+                  className: t(
+                    t.BE("input", "placeholder"),
+                    K && t.M("centered")
+                  ),
+                  children: h(
+                    i ?? R[s],
+                    n
+                  )
+                }
+              ),
+              /* @__PURE__ */ o.jsx(
+                "input",
+                {
+                  ref: X,
+                  value: a ?? l,
+                  role: "textbox",
+                  onChange: H,
+                  autoCapitalize: "off",
+                  autoComplete: "off",
+                  autoCorrect: "off",
+                  onFocus: I,
+                  onKeyDown: Q,
+                  onMouseUp: J,
+                  onBlur: G,
+                  disabled: m,
+                  placeholder: typeof n == "string" ? n : void 0,
+                  style: { fontWeight: z, color: S.cssString(L) },
+                  ...A
+                }
+              ),
+              P != null && /* @__PURE__ */ o.jsx("div", { className: t.BE("input", "end-content"), children: h(
+                i ?? R[s],
+                P
+              ) })
+            ]
+          }
+        ),
+        V
+      ]
+    }
+  );
+};
+export {
+  at as T
+};

package/dist/Text-BiYpGaEZ.js

@@ -0,0 +1,35 @@
+import { j as s } from "./jsx-runtime-C5mzlN2N.js";
+import { y as l, S as u } from "./Divider-BTLn5ucU.js";
+import "./state-CjGemC7S.js";
+import "./css-B7c7_G5h.js";
+import "react";
+import { K as a } from "./Keyboard-Cevv7vrQ.js";
+import "./Stack-D50qN0Vu.js";
+const f = {
+  Control: () => /* @__PURE__ */ s.jsx(u.Meta, {}, "control"),
+  Alt: () => /* @__PURE__ */ s.jsx(u.Alt, {}, "alt"),
+  Shift: () => /* @__PURE__ */ s.jsx(l.Keyboard.Shift, {}, "shift"),
+  MouseLeft: "Click",
+  MouseRight: "Click",
+  MouseMiddle: "Click",
+  Enter: () => /* @__PURE__ */ s.jsx(l.Keyboard.Return, {}, "enter")
+}, m = (t) => {
+  const o = f[t];
+  return o != null ? typeof o == "function" ? o() : o : t;
+}, c = (t) => t === "MouseLeft" || t === "MouseRight" || t === "MouseMiddle", M = (t) => [...t].sort((o, r) => {
+  const n = c(o), e = c(r);
+  return n && !e ? 1 : !n && e ? -1 : 0;
+}), b = (t) => t.map((o) => m(o)), C = ({
+  className: t,
+  style: o,
+  trigger: r,
+  children: n,
+  ...e
+}) => /* @__PURE__ */ s.jsx(s.Fragment, { children: M(r).map((i) => (
+  // @ts-expect-error - issues with generic element types
+  /* @__PURE__ */ s.jsx(a, { ...e, children: m(i) }, i)
+)) });
+export {
+  C as T,
+  b as t
+};

package/dist/Text-BjHlLKsp.cjs

@@ -0,0 +1 @@
+"use strict";const c=require("./jsx-runtime-CITbqOLs.cjs");require("./Text-ZJqK1cI3.cjs");const e=require("./css-hg3QdDDt.cjs"),S=require("react");require("./Stack-BbwDtaE6.cjs");const Y=require("./Space-DfcVsxz8.cjs"),_=require("./Pack-lJqoOmHx.cjs"),$=require("./Divider-Dvb6dsgX.cjs"),R=require("./state-_FFrG5nH.cjs"),k=require("./WithIcon-DG7VJxsE.cjs"),g=({size:s="medium",ref:P,value:u,onChange:r,className:T,onFocus:a,selectOnFocus:w=!1,centerPlaceholder:z=!1,placeholder:f,variant:i="outlined",sharp:N=!1,children:D,level:l,onBlur:p,disabled:d,resetOnBlurIfEmpty:L=!1,status:j,shade:q,weight:W,style:m,outlineColor:y,color:K,onlyChangeOnBlur:o=!1,endContent:E,borderWidth:U,borderShade:V=4,...B})=>{const M=S.useRef(""),[n,x]=S.useState(null),b=S.useRef(null),C=S.useRef(!1),I=t=>{C.current=!1,L&&t.target.value===""?r==null||r(M.current):o&&n!=null&&(r==null||r(n)),x(null),p==null||p(t)},Z=t=>{o?x(t.target.value):r==null||r(t.target.value)},A=t=>{o&&x(u),a==null||a(t),M.current=t.target.value},G=()=>{var t;!w||C.current||(C.current=!0,(t=b.current)==null||t.select())},H=t=>{o&&t.key==="Enter"?t.currentTarget.blur():t.key==="Escape"&&(t.currentTarget.blur(),t.stopPropagation())},J=$.useCombinedRefs(P,b),v=e.zt.colorZ.safeParse(y),h=v.success&&i=="outlined";i==="preview"&&(d=!0),h&&(m={...m,[e.CSS.var("input-color")]:e.zt.rgbString(v.data)});const Q=(u==null||u.length===0)&&n==null,X=i==="natural"?Y.Space:_.Pack;return c.jsxRuntimeExports.jsxs(X,{x:!0,empty:!0,style:m,className:e.CSS(e.CSS.B("input"),e.CSS.disabled(d),l==null&&e.CSS.size(s),q!=null&&e.CSS.shade(q),e.CSS.M(i),e.CSS.sharp(N),h&&e.CSS.BM("input","custom-color"),j!=null&&e.CSS.M(j),T),borderShade:V,borderWidth:U,align:"center",size:s,children:[c.jsxRuntimeExports.jsxs("div",{className:e.CSS(e.CSS.BE("input","internal"),e.CSS.BM("text",l??R.ComponentSizeLevels[s]),e.CSS.M("clickable"),e.CSS.M("outlined"),e.CSS.shade(0)),children:[Q&&c.jsxRuntimeExports.jsx("div",{className:e.CSS(e.CSS.BE("input","placeholder"),z&&e.CSS.M("centered")),children:k.formatChildren(l??R.ComponentSizeLevels[s],f)}),c.jsxRuntimeExports.jsx("input",{ref:J,value:n??u,role:"textbox",onChange:Z,autoCapitalize:"off",autoComplete:"off",autoCorrect:"off",onFocus:A,onKeyDown:H,onMouseUp:G,onBlur:I,disabled:d,placeholder:typeof f=="string"?f:void 0,style:{fontWeight:W,color:e.zt.cssString(K)},...B}),E!=null&&c.jsxRuntimeExports.jsx("div",{className:e.CSS.BE("input","end-content"),children:k.formatChildren(l??R.ComponentSizeLevels[s],E)})]}),D]})};exports.Text=g;