@synnaxlabs/pluto 0.21.10 → 0.24.0

package/dist/external-CRbJq-i4.js

@@ -0,0 +1,92 @@
+import { C as t, a as l, Z as f, c as g, f as v, t as E } from "./css-CDB-JY4S.js";
+import { j as c } from "./jsx-runtime-DqxPLdyS.js";
+import { j as T, k as A, u as C, l as H, m as x, n as M, B as N, f as O, o as R } from "./Toggle-Cq3FTFfq.js";
+import { useCallback as L } from "react";
+import "./aggregator-BIhLPgXc.js";
+import "./Pack-B5JX1aqf.js";
+const k = ({ value: r, onChange: o, ...p }) => {
+  const n = (e) => {
+    e.hex === "transparent" && o(f), o(new l(e.hex, e.rgb.a));
+  };
+  return /* @__PURE__ */ c.jsx(
+    T,
+    {
+      className: t.B("color-picker"),
+      color: new l(r).hex,
+      onChange: n,
+      presetColors: [],
+      ...p
+    }
+  );
+}, u = "color", Z = ({
+  value: r,
+  onChange: o,
+  className: p,
+  size: n = "medium",
+  onVisibleChange: e,
+  initialVisible: h,
+  draggable: S = !0,
+  ...y
+}) => {
+  const { visible: j, open: w, close: b } = A({ onVisibleChange: e, initialVisible: h }), D = C().colors.gray.l0, s = new l(r), B = H(), m = L(
+    ({ items: i }) => {
+      const [a] = x(u, i);
+      return a != null && a.key !== s.hex;
+    },
+    [s.hex]
+  ), { startDrag: P, ..._ } = M({
+    type: "Color.Swatch",
+    onDrop: ({ items: i }) => {
+      const a = x(u, i);
+      return i.length > 0 && (o == null || o(new l(a[0].key))), a;
+    },
+    canDrop: m
+  }), d = /* @__PURE__ */ c.jsx(
+    N,
+    {
+      className: t(
+        t.B("color-swatch"),
+        t.size(n),
+        s.contrast(D) > 1.5 && s.a > 0.5 && t.M("no-border"),
+        t.dropRegion(m(B)),
+        p
+      ),
+      draggable: S,
+      onDragStart: () => P([{ type: u, key: s.hex }]),
+      style: { backgroundColor: g(r) },
+      variant: "text",
+      onClick: w,
+      size: n,
+      tooltip: o != null ? /* @__PURE__ */ c.jsx(O, { level: "small", children: "Click to change color" }) : void 0,
+      ..._,
+      ...y
+    }
+  );
+  return o == null ? d : /* @__PURE__ */ c.jsxs(
+    R,
+    {
+      close: b,
+      visible: j,
+      className: t.BE("color-swatch", "dropdown"),
+      keepMounted: !1,
+      variant: "floating",
+      children: [
+        d,
+        /* @__PURE__ */ c.jsx(k, { value: r, onChange: o })
+      ]
+    }
+  );
+}, G = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Color: l,
+  Picker: k,
+  Swatch: Z,
+  ZERO: f,
+  cssString: g,
+  fromHSLA: v,
+  toHex: E
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  Z as S,
+  G as e
+};