@simpli-route/apollo-ds 0.1.35 → 0.1.37

package/dist/index.es8.js

@@ -1,53 +1,100 @@
-import { j as c } from "./index.es31.js";
-import { CheckIcon as h } from "./index.es49.js";
-import { useState as j } from "react";
-import { Button as S } from "react-aria-components";
-import { cn as n } from "./index.es32.js";
-import { filterChipVariants as k } from "./index.es36.js";
-const C = ({
-  size: t = "md",
-  label: a,
-  isSelected: m = !1,
-  isDisabled: s = !1,
-  className: f,
-  onSelectionChange: r,
-  onPress: i,
-  ...l
-}) => {
-  const [p, d] = j(m), o = r ? m : p, x = () => {
-    if (s)
-      return;
-    const e = !o;
-    r ? r(e) : d(e), i && i({});
+import { j as r } from "./index.es36.js";
+import { parseColor as h } from "@react-stately/color";
+import { useState as a, 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.es37.js";
+import { ColorArea as K } from "./index.es40.js";
+import { ColorField as M } from "./index.es41.js";
+import { ColorSlider as Q } from "./index.es42.js";
+const ne = (v) => {
+  const {
+    value: l,
+    onChange: t,
+    className: F,
+    label: O,
+    onBlur: u,
+    onFocus: d,
+    isDisabled: m = !1,
+    isOpen: f,
+    defaultOpen: V,
+    onOpenChange: p,
+    ...I
+  } = v, x = l ? h(l).toFormat("hsb") : h("hsl(0, 100%, 50%)").toFormat("hsb"), [n, i] = a(x), [y, g] = a(x.getChannelValue("hue")), [N, s] = a("#" + n.toString("hex").slice(1)), [b, C] = a(!1), [P, A] = a(V ?? !1), j = f !== void 0, S = j ? f : P;
+  w(() => {
+    l && !b && s("#" + h(l).toString("hex").slice(1));
+  }, [l, 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 (s("#" + c), c.length === 6)
+      try {
+        const H = h("#" + c).toFormat("hsb");
+        i(H), t == null || t("#" + c);
+      } catch {
+      }
+  }, E = (e) => {
+    i(e.toFormat("hsb")), s("#" + e.toString("hex").slice(1)), t == null || t("#" + e.toString("hex").replace(/^#*/, ""));
+  }, z = (e) => {
+    g(e.getChannelValue("hue"));
+    const o = n.withChannelValue("hue", e.getChannelValue("hue"));
+    i(o), s("#" + o.toString("hex").slice(1)), t == null || t("#" + o.toString("hex").replace(/^#*/, ""));
+  }, B = (e) => {
+    const o = e.withChannelValue("hue", y);
+    i(o), s("#" + o.toString("hex").slice(1)), t == null || t("#" + o.toString("hex").replace(/^#*/, ""));
   };
-  return /* @__PURE__ */ c.jsxs(
-    S,
-    {
-      isDisabled: s,
-      className: ({ isHovered: e, isFocusVisible: u }) => n(
-        k({
-          size: t,
-          isSelected: o,
-          isDisabled: s,
-          isHovered: e,
-          isFocused: u
-        }),
-        f
-      ),
-      onPress: x,
-      ...l,
-      children: [
-        o && /* @__PURE__ */ c.jsx("span", { "data-testid": "check-icon", children: /* @__PURE__ */ c.jsx(
-          h,
-          {
-            className: n(t === "xs" || t === "sm" ? "size-3" : "size-4")
-          }
-        ) }),
-        a
-      ]
-    }
-  );
+  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);
+                }
+              }
+            }
+          )
+        ]
+      }
+    )
+  ] });
 };
 export {
-  C as FilterChip
+  ne as ColorPicker
 };

package/dist/index.es80.js

@@ -1,23 +1,23 @@
-import t from "react";
-const e = t, n = ({
-  title: r,
-  titleId: a,
-  ...l
-}, o) => /* @__PURE__ */ e.createElement("svg", Object.assign({
+import l from "react";
+const a = l, o = ({
+  title: e,
+  titleId: r,
+  ...t
+}, n) => /* @__PURE__ */ a.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;
+  ref: n,
+  "aria-labelledby": r
+}, t), e ? /* @__PURE__ */ a.createElement("title", {
+  id: r
+}, e) : null, /* @__PURE__ */ a.createElement("path", {
+  d: "M17.833 3.667H17v-.834a.833.833 0 1 0-1.667 0v.834H8.667v-.834a.833.833 0 0 0-1.667 0v.834h-.833A4.17 4.17 0 0 0 2 7.833v10A4.17 4.17 0 0 0 6.167 22h11.666A4.17 4.17 0 0 0 22 17.833v-10a4.17 4.17 0 0 0-4.167-4.166M3.667 7.833a2.5 2.5 0 0 1 2.5-2.5h11.666a2.5 2.5 0 0 1 2.5 2.5v.834H3.667zm14.166 12.5H6.167a2.5 2.5 0 0 1-2.5-2.5v-7.5h16.666v7.5a2.5 2.5 0 0 1-2.5 2.5"
+}), /* @__PURE__ */ a.createElement("path", {
+  d: "M12 16.581a1.25 1.25 0 1 0-.001-2.498 1.25 1.25 0 0 0 0 2.498Zm-4.168 0a1.25 1.25 0 1 0 0-2.498 1.25 1.25 0 0 0 0 2.498m8.334 0a1.25 1.25 0 1 0 0-2.498 1.25 1.25 0 0 0 0 2.498"
+})), v = a.forwardRef(o);
+var m = v;
 export {
-  d as P
+  m as C
 };

package/dist/index.es81.js

@@ -1,8 +1,8 @@
-import n from "react";
-const e = n, l = ({
+import t from "react";
+const e = t, n = ({
   title: r,
   titleId: a,
-  ...t
+  ...l
 }, o) => /* @__PURE__ */ e.createElement("svg", Object.assign({
   fill: "currentColor",
   "aria-hidden": "true",
@@ -10,12 +10,14 @@ const e = n, l = ({
   xmlns: "http://www.w3.org/2000/svg",
   ref: o,
   "aria-labelledby": a
-}, t), r ? /* @__PURE__ */ e.createElement("title", {
+}, l), r ? /* @__PURE__ */ e.createElement("title", {
   id: a
 }, r) : null, /* @__PURE__ */ e.createElement("path", {
-  d: "M8.108 2a.83.83 0 0 1 .591.242l6.807 6.807a4.165 4.165 0 0 1 0 5.899L8.7 21.755a.837.837 0 0 1-1.183-1.183l6.807-6.807a2.5 2.5 0 0 0 0-3.533L7.516 3.425A.833.833 0 0 1 8.108 2"
-})), c = e.forwardRef(l);
-var s = c;
+  fillRule: "evenodd",
+  d: "M21.336 3.153a.85.85 0 0 1 .211 1.183l-11.5 16.5a.85.85 0 0 1-1.357.05l-6.5-8a.85.85 0 1 1 1.32-1.072l5.788 7.124L20.153 3.364a.85.85 0 0 1 1.183-.211",
+  clipRule: "evenodd"
+})), c = e.forwardRef(n);
+var i = c;
 export {
-  s as R
+  i as C
 };

package/dist/index.es82.js

@@ -1,21 +1,27 @@
 import c from "react";
-const e = c, n = ({
-  title: r,
-  titleId: a,
-  ...t
-}, o) => /* @__PURE__ */ e.createElement("svg", Object.assign({
+const e = c, t = ({
+  title: l,
+  titleId: r,
+  ...o
+}, a) => /* @__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
-}, t), r ? /* @__PURE__ */ e.createElement("title", {
-  id: a
-}, r) : null, /* @__PURE__ */ e.createElement("path", {
-  d: "m21.766 20.589-4.97-4.97a8.34 8.34 0 1 0-1.177 1.177l4.97 4.97a.833.833 0 0 0 1.177-1.177m-11.413-3.575a6.66 6.66 0 1 1 6.661-6.66 6.67 6.67 0 0 1-6.66 6.66Z"
-})), l = e.forwardRef(n);
-var i = l;
+  ref: a,
+  "aria-labelledby": r
+}, o), l ? /* @__PURE__ */ e.createElement("title", {
+  id: r
+}, l) : null, /* @__PURE__ */ e.createElement("path", {
+  fillRule: "evenodd",
+  d: "M12 3.25c-4.81 0-8.75 3.94-8.75 8.75s3.94 8.75 8.75 8.75 8.75-3.94 8.75-8.75A8.733 8.733 0 0 0 12 3.25M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.571 2 12 2",
+  clipRule: "evenodd"
+}), /* @__PURE__ */ e.createElement("path", {
+  fillRule: "evenodd",
+  d: "M11.167 5.453c.394 0 .714.32.714.714v5.952h5.12a.715.715 0 0 1 0 1.43h-5.834a.715.715 0 0 1-.715-.715V6.167c0-.394.32-.714.715-.714",
+  clipRule: "evenodd"
+})), n = e.forwardRef(t);
+var i = n;
 export {
-  i as S
+  i as C
 };

package/dist/index.es83.js

@@ -1,21 +1,23 @@
-import l from "react";
-const e = l, n = ({
+import t from "react";
+const e = t, n = ({
   title: r,
   titleId: a,
-  ...o
-}, t) => /* @__PURE__ */ e.createElement("svg", Object.assign({
+  ...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: t,
+  ref: o,
   "aria-labelledby": a
-}, o), r ? /* @__PURE__ */ e.createElement("title", {
+}, l), r ? /* @__PURE__ */ e.createElement("title", {
   id: a
 }, r) : null, /* @__PURE__ */ e.createElement("path", {
-  d: "M2 15.892a.83.83 0 0 1 .242-.591l6.807-6.807a4.166 4.166 0 0 1 5.899 0l6.807 6.806a.835.835 0 0 1-.912 1.365.8.8 0 0 1-.271-.181l-6.807-6.807a2.5 2.5 0 0 0-3.533 0l-6.807 6.806A.833.833 0 0 1 2 15.893Z"
-})), c = e.forwardRef(n);
-var i = c;
+  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 {
-  i as U
+  d as C
 };

package/dist/index.es84.js

@@ -1,59 +1,21 @@
-import { j as r } from "./index.es31.js";
-import { SliderThumb as m } from "react-aria-components";
-import { cn as i } from "./index.es32.js";
-import { Tooltip as c } from "./index.es27.js";
-import { TooltipTrigger as d } from "./index.es28.js";
-const y = ({
-  index: o,
-  valuePercent: n,
-  value: a,
-  suffix: p,
-  modeTooltip: g,
-  positionTooltip: t,
-  showTypeValue: s,
-  classNameThumb: e,
-  isHiddenValue: l
-}) => /* @__PURE__ */ r.jsx(
-  "div",
-  {
-    className: i("absolute", s === "tooltip" && !l ? "top-[-6px]" : "top-1/2"),
-    style: { left: `${n * 100}%`, transform: "translate(-50%, -50%)" },
-    children: s === "tooltip" && !l ? /* @__PURE__ */ r.jsxs(d, { closeDelay: 100, delay: 100, children: [
-      /* @__PURE__ */ r.jsx("div", { children: /* @__PURE__ */ r.jsx(
-        m,
-        {
-          index: o,
-          className: i(
-            "dragging:bg-primary-100 size-5 rounded-full bg-primary-500 outline-none ring-black transition focus-visible:ring-2",
-            e
-          )
-        }
-      ) }),
-      /* @__PURE__ */ r.jsxs(
-        c,
-        {
-          mode: g,
-          placement: t,
-          size: "sm",
-          className: i("!text-sm", t === "top" ? "!mb-6" : "!mt-6"),
-          children: [
-            a,
-            p
-          ]
-        }
-      )
-    ] }) : /* @__PURE__ */ r.jsx(
-      m,
-      {
-        index: o,
-        className: i(
-          "dragging:bg-primary-100 size-5 rounded-full bg-primary-500 outline-none ring-black transition focus-visible:ring-2",
-          e
-        )
-      }
-    )
-  }
-);
+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 {
-  y as SliderThumb
+  w as D
 };

package/dist/index.es85.js

@@ -1,6 +1,21 @@
-function e(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
-}
+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 {
-  e as getDefaultExportFromCjs
+  f as I
 };

package/dist/index.es86.js

@@ -1,28 +1,21 @@
-import { __exports as i } from "./index.es87.js";
-import "./index.es94.js";
-import "./index.es95.js";
-import { __exports as l } from "./index.es96.js";
-import { __exports as s } from "./index.es97.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,
+  ...t
+}, 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
+}, t), r ? /* @__PURE__ */ e.createElement("title", {
+  id: a
+}, r) : null, /* @__PURE__ */ e.createElement("path", {
+  d: "M2.731 13.742 5.957 17a.833.833 0 0 0 1.183 0 .833.833 0 0 0 0-1.184l-2.967-2.984h16.994a.833.833 0 0 0 0-1.666H4.123L7.14 8.15a.833.833 0 0 0 0-1.15.833.833 0 0 0-1.183 0L2.73 10.207a2.5 2.5 0 0 0 0 3.534Z"
+})), c = e.forwardRef(l);
+var w = c;
+export {
+  w as L
+};

package/dist/index.es87.js

@@ -1,4 +1,21 @@
-var e = {};
+import n from "react";
+const e = n, l = ({
+  title: r,
+  titleId: a,
+  ...t
+}, 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
+}, t), r ? /* @__PURE__ */ e.createElement("title", {
+  id: a
+}, r) : null, /* @__PURE__ */ e.createElement("path", {
+  d: "M16.114 22.138a.88.88 0 0 1-.625-.255l-7.195-7.195a4.403 4.403 0 0 1 0-6.234l7.195-7.195a.884.884 0 0 1 1.25 1.25L9.544 9.704a2.64 2.64 0 0 0 0 3.734l7.195 7.194a.882.882 0 0 1-.625 1.506"
+})), c = e.forwardRef(l);
+var f = c;
 export {
-  e as __exports
+  f as L
 };

package/dist/index.es88.js

@@ -1,10 +1,23 @@
-import { getDefaultExportFromCjs as t } from "./index.es85.js";
-import "./index.es98.js";
-import { __exports as a } from "./index.es99.js";
-let e = a;
-var o = (e.__esModule ? e : { default: e }).default;
-const r = /* @__PURE__ */ t(o);
+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 {
-  o as d,
-  r as default
+  s as M
 };