@simpli-route/apollo-ds 0.1.26 → 0.1.28

package/dist/index.es67.js

@@ -1,58 +1,23 @@
-import { j as r } from "./index.es24.js";
-import { SliderThumb as l } from "react-aria-components";
-import { cn as i } from "./index.es26.js";
-import { Tooltip as d } from "./index.es20.js";
-import { TooltipTrigger as g } from "./index.es21.js";
-const j = ({
-  index: e,
-  valuePercent: m,
-  value: n,
-  suffix: a,
-  modeTooltip: p,
-  positionTooltip: o,
-  showTypeValue: s,
-  classNameThumb: t
-}) => /* @__PURE__ */ r.jsx(
-  "div",
-  {
-    className: i("absolute", s === "tooltip" ? "top-[-6px]" : "top-1/2"),
-    style: { left: `${m * 100}%`, transform: "translate(-50%, -50%)" },
-    children: s === "tooltip" ? /* @__PURE__ */ r.jsxs(g, { closeDelay: 100, delay: 100, children: [
-      /* @__PURE__ */ r.jsx("div", { children: /* @__PURE__ */ r.jsx(
-        l,
-        {
-          index: e,
-          className: i(
-            "dragging:bg-primary-100 size-5 rounded-full bg-primary-500 outline-none ring-black transition focus-visible:ring-2",
-            t
-          )
-        }
-      ) }),
-      /* @__PURE__ */ r.jsxs(
-        d,
-        {
-          mode: p,
-          placement: o,
-          size: "sm",
-          className: i("!text-sm", o === "top" ? "!mb-6" : "!mt-6"),
-          children: [
-            n,
-            a
-          ]
-        }
-      )
-    ] }) : /* @__PURE__ */ r.jsx(
-      l,
-      {
-        index: e,
-        className: i(
-          "dragging:bg-primary-100 size-5 rounded-full bg-primary-500 outline-none ring-black transition focus-visible:ring-2",
-          t
-        )
-      }
-    )
-  }
-);
+import t from "react";
+const e = t, n = ({
+  title: r,
+  titleId: a,
+  ...l
+}, o) => /* @__PURE__ */ e.createElement("svg", Object.assign({
+  fill: "currentColor",
+  "aria-hidden": "true",
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg",
+  ref: o,
+  "aria-labelledby": a
+}, l), r ? /* @__PURE__ */ e.createElement("title", {
+  id: a
+}, r) : null, /* @__PURE__ */ e.createElement("path", {
+  fillRule: "evenodd",
+  d: "M2.253 2.253a.863.863 0 0 1 1.22 0L12 10.78l8.527-8.527a.863.863 0 1 1 1.22 1.22L13.22 12l8.527 8.527a.863.863 0 1 1-1.22 1.22L12 13.22l-8.527 8.527a.863.863 0 1 1-1.22-1.22L10.78 12 2.253 3.473a.863.863 0 0 1 0-1.22",
+  clipRule: "evenodd"
+})), s = e.forwardRef(n);
+var d = s;
 export {
-  j as SliderThumb
+  d as C
 };

package/dist/index.es68.js

@@ -1,6 +1,21 @@
-function e(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
-}
+import t from "react";
+const e = t, l = ({
+  title: r,
+  titleId: a,
+  ...o
+}, n) => /* @__PURE__ */ e.createElement("svg", Object.assign({
+  fill: "currentColor",
+  "aria-hidden": "true",
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg",
+  ref: n,
+  "aria-labelledby": a
+}, o), r ? /* @__PURE__ */ e.createElement("title", {
+  id: a
+}, r) : null, /* @__PURE__ */ e.createElement("path", {
+  d: "M22 7.838a.83.83 0 0 1-.242.592l-6.807 6.807a4.167 4.167 0 0 1-5.899 0L2.245 8.43a.837.837 0 0 1 1.183-1.184l6.807 6.808a2.5 2.5 0 0 0 3.533 0l6.807-6.808A.833.833 0 0 1 22 7.838"
+})), c = e.forwardRef(l);
+var w = c;
 export {
-  e as getDefaultExportFromCjs
+  w as D
 };

package/dist/index.es69.js

@@ -1,28 +1,21 @@
-import { __exports as i } from "./index.es70.js";
-import "./index.es74.js";
-import "./index.es75.js";
-import { __exports as l } from "./index.es76.js";
-import { __exports as s } from "./index.es77.js";
-(function(t) {
-  Object.defineProperty(t, "__esModule", {
-    value: !0
-  }), Object.defineProperty(t, "default", {
-    enumerable: !0,
-    get: function() {
-      return f;
-    }
-  });
-  const o = /* @__PURE__ */ r(l), n = /* @__PURE__ */ r(s);
-  function r(e) {
-    return e && e.__esModule ? e : {
-      default: e
-    };
-  }
-  function f(...e) {
-    let [, ...u] = (0, n.default)(e[0]);
-    return (0, o.default)([
-      ...e,
-      ...u
-    ]);
-  }
-})(i);
+import n from "react";
+const e = n, l = ({
+  title: r,
+  titleId: a,
+  ...o
+}, t) => /* @__PURE__ */ e.createElement("svg", Object.assign({
+  fill: "currentColor",
+  "aria-hidden": "true",
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg",
+  ref: t,
+  "aria-labelledby": a
+}, o), r ? /* @__PURE__ */ e.createElement("title", {
+  id: a
+}, r) : null, /* @__PURE__ */ e.createElement("path", {
+  d: "M11.999 2C17.522 2 22 6.477 22 12s-4.478 10-10.001 10S2 17.523 2 12C1.999 6.478 6.476 2 11.999 2m0 1.5a8.501 8.501 0 1 0 0 17 8.501 8.501 0 0 0 0-17m-.004 6.999a.75.75 0 0 1 .744.648l.007.102.004 5.5a.75.75 0 0 1-1.494.103l-.006-.101-.004-5.501a.75.75 0 0 1 .75-.75zM12 7.002A1 1 0 1 1 12.063 9 1 1 0 0 1 12 7.002"
+})), c = e.forwardRef(l);
+var f = c;
+export {
+  f as I
+};

package/dist/index.es7.js

@@ -1,34 +1,100 @@
-import { j as t } from "./index.es24.js";
-import { InfoIcon as p } from "./index.es25.js";
-import { forwardRef as u } from "react";
-import { useContextProps as d, LabelContext as b, Label as j } from "react-aria-components";
-import { cn as L } from "./index.es26.js";
-import { Tooltip as g } from "./index.es20.js";
-import { TooltipTrigger as h } from "./index.es21.js";
-function T(l, a) {
-  const { labelClassName: n } = l, [m, o] = d(l, a, b), { children: r, tooltipText: s, tooltipSupportText: i, tooltipProps: e, isRequired: c = !1, ...x } = m;
-  if (!r)
-    return null;
-  const f = L("flex select-none items-center text-sm leading-6 text-neutral-900", n);
-  return /* @__PURE__ */ t.jsxs(j, { className: f, ...x, ref: o, children: [
-    r,
-    c ? /* @__PURE__ */ t.jsx("span", { className: "ml-1 text-neutral-900", children: "*" }) : null,
-    s ? /* @__PURE__ */ t.jsxs(h, { delay: 100, children: [
-      /* @__PURE__ */ t.jsx(p, { className: "ml-1 size-4 text-primary-600" }),
-      /* @__PURE__ */ t.jsx(
-        g,
-        {
-          placement: (e == null ? void 0 : e.placement) || "right",
-          supportText: i,
-          size: (e == null ? void 0 : e.size) || "sm",
-          children: s
-        }
-      )
-    ] }) : null
+import { j as r } from "./index.es27.js";
+import { parseColor as h } from "@react-stately/color";
+import { useState as i, useEffect as w } from "react";
+import { ColorPicker as L, Label as R, DialogTrigger as T, Button as W, ColorSwatch as $, Popover as q, Dialog as G } from "react-aria-components";
+import { cn as J } from "./index.es28.js";
+import { ColorArea as K } from "./index.es52.js";
+import { ColorField as M } from "./index.es53.js";
+import { ColorSlider as Q } from "./index.es54.js";
+const ne = (v) => {
+  const {
+    value: s,
+    onChange: t,
+    className: F,
+    label: O,
+    onBlur: u,
+    onFocus: d,
+    isDisabled: m = !1,
+    isOpen: f,
+    defaultOpen: V,
+    onOpenChange: p,
+    ...I
+  } = v, x = s ? h(s).toFormat("hsb") : h("hsl(0, 100%, 50%)").toFormat("hsb"), [n, a] = i(x), [y, g] = i(x.getChannelValue("hue")), [N, l] = i("#" + n.toString("hex").slice(1)), [b, C] = i(!1), [P, A] = i(V ?? !1), j = f !== void 0, S = j ? f : P;
+  w(() => {
+    s && !b && l("#" + h(s).toString("hex").slice(1));
+  }, [s, b]), w(() => {
+    g(n.getChannelValue("hue"));
+  }, [n]);
+  const k = (e) => {
+    j || A(e), p == null || p(e);
+  }, D = (e) => {
+    let o = e.target.value;
+    o.startsWith("#") || (o = "#" + o);
+    const c = o.slice(1).replace(/[^0-9a-fA-F]/g, "").slice(0, 6);
+    if (l("#" + c), c.length === 6)
+      try {
+        const H = h("#" + c).toFormat("hsb");
+        a(H), t == null || t("#" + c);
+      } catch {
+      }
+  }, E = (e) => {
+    a(e.toFormat("hsb")), l("#" + e.toString("hex").slice(1)), t == null || t(e.toString("hex"));
+  }, z = (e) => {
+    g(e.getChannelValue("hue"));
+    const o = n.withChannelValue("hue", e.getChannelValue("hue"));
+    a(o), l("#" + o.toString("hex").slice(1)), t == null || t("#" + o.toString("hex"));
+  }, B = (e) => {
+    const o = e.withChannelValue("hue", y);
+    a(o), l("#" + o.toString("hex").slice(1)), t == null || t("#" + o.toString("hex"));
+  };
+  return /* @__PURE__ */ r.jsxs(L, { value: n, onChange: E, ...I, children: [
+    /* @__PURE__ */ r.jsx(R, { children: O }),
+    /* @__PURE__ */ r.jsxs(
+      "div",
+      {
+        className: J(
+          "flex w-80 items-center rounded border transition-colors",
+          S ? "border-primary-500 ring-1 ring-primary-500" : "focus-within:border-primary-500 focus-within:ring-1 focus-within:ring-primary-500",
+          F
+        ),
+        tabIndex: -1,
+        children: [
+          /* @__PURE__ */ r.jsxs(T, { isOpen: S, onOpenChange: k, children: [
+            /* @__PURE__ */ r.jsx(
+              W,
+              {
+                isDisabled: m,
+                className: "border-none bg-transparent p-0 shadow-none focus:outline-none",
+                "aria-label": "Abrir selector de color",
+                children: /* @__PURE__ */ r.jsx($, { color: n, className: "mx-3 size-5 rounded-full border border-neutral-400" })
+              }
+            ),
+            /* @__PURE__ */ r.jsx(q, { placement: "bottom start", children: /* @__PURE__ */ r.jsxs(G, { className: "box-border flex min-w-48 flex-col gap-2 overflow-auto bg-white p-4 shadow-md outline-none", children: [
+              /* @__PURE__ */ r.jsx(K, { color: n, onChange: B }),
+              /* @__PURE__ */ r.jsx(Q, { color: n, onChange: z })
+            ] }) })
+          ] }),
+          /* @__PURE__ */ r.jsx(
+            M,
+            {
+              isDisabled: m,
+              inputProps: {
+                value: N,
+                onChange: D,
+                onFocus: (e) => {
+                  C(!0), d == null || d(e);
+                },
+                onBlur: (e) => {
+                  C(!1), u == null || u(e);
+                }
+              }
+            }
+          )
+        ]
+      }
+    )
   ] });
-}
-const N = u(T);
-N.displayName = "Label";
+};
 export {
-  N as Label
+  ne as ColorPicker
 };

package/dist/index.es70.js

@@ -1,4 +1,23 @@
-var e = {};
+import t from "react";
+const e = t, a = ({
+  title: r,
+  titleId: n,
+  ...l
+}, o) => /* @__PURE__ */ e.createElement("svg", Object.assign({
+  fill: "currentColor",
+  "aria-hidden": "true",
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg",
+  ref: o,
+  "aria-labelledby": n
+}, l), r ? /* @__PURE__ */ e.createElement("title", {
+  id: n
+}, r) : null, /* @__PURE__ */ e.createElement("path", {
+  fillRule: "evenodd",
+  d: "M2 11.85c0-.47.35-.85.783-.85h18.434c.432 0 .783.38.783.85s-.35.85-.783.85H2.783c-.432 0-.783-.38-.783-.85",
+  clipRule: "evenodd"
+})), c = e.forwardRef(a);
+var s = c;
 export {
-  e as __exports
+  s as M
 };

package/dist/index.es71.js

@@ -1,10 +1,23 @@
-import { getDefaultExportFromCjs as t } from "./index.es68.js";
-import "./index.es78.js";
-import { __exports as a } from "./index.es79.js";
-let e = a;
-var o = (e.__esModule ? e : { default: e }).default;
-const r = /* @__PURE__ */ t(o);
+import t from "react";
+const e = t, n = ({
+  title: r,
+  titleId: a,
+  ...l
+}, o) => /* @__PURE__ */ e.createElement("svg", Object.assign({
+  fill: "currentColor",
+  "aria-hidden": "true",
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg",
+  ref: o,
+  "aria-labelledby": a
+}, l), r ? /* @__PURE__ */ e.createElement("title", {
+  id: a
+}, r) : null, /* @__PURE__ */ e.createElement("path", {
+  fillRule: "evenodd",
+  d: "M11.885 2c.433 0 .783.35.783.783v8.434h8.549a.783.783 0 1 1 0 1.566h-8.549v8.434a.783.783 0 1 1-1.567 0v-8.434H2.783a.783.783 0 1 1 0-1.566h8.318V2.783c0-.432.351-.783.784-.783",
+  clipRule: "evenodd"
+})), c = e.forwardRef(n);
+var d = c;
 export {
-  o as d,
-  r as default
+  d as P
 };