@simpli-route/apollo-ds 0.1.70 → 0.1.72

package/dist/index.es12.js

@@ -1,53 +1,100 @@
-import { j as c } from "./index.es47.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.es48.js";
-import { filterChipVariants as k } from "./index.es56.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.es49.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.es50.js";
+import { ColorArea as K } from "./index.es78.js";
+import { ColorField as M } from "./index.es79.js";
+import { ColorSlider as Q } from "./index.es80.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.es120.js

@@ -1,6 +1,21 @@
-import { j as t } from "./index.es47.js";
-import { SearchIcon as e } from "./index.es49.js";
-const s = ({ icon: r }) => r ?? /* @__PURE__ */ t.jsx(e, { className: "size-6 text-neutral-700", "data-testid": "search-icon" });
+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: "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;
 export {
-  s as SearchIcon
+  s as R
 };

package/dist/index.es121.js

@@ -1,5 +1,21 @@
-import { j as e } from "./index.es47.js";
-const o = ({ text: t }) => /* @__PURE__ */ e.jsx("div", { className: "max-h-60 overflow-auto p-4 text-center text-sm text-neutral-600", children: t ?? "No results found" });
+import c from "react";
+const e = c, n = ({
+  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: "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;
 export {
-  o as NoResultsMessage
+  i as S
 };

package/dist/index.es122.js

@@ -1,21 +1,21 @@
-import { j as t } from "./index.es47.js";
-import { ListBox as n, ListBoxItem as r } from "react-aria-components";
-import { searchOptionVariants as h } from "./index.es66.js";
-const m = ({
-  items: a,
-  onItemSelect: l
-}) => /* @__PURE__ */ t.jsx(n, { items: a, className: "max-h-60 overflow-auto outline-none", children: (o) => /* @__PURE__ */ t.jsx(
-  r,
-  {
-    id: o.id,
-    textValue: o.label,
-    className: ({ isDisabled: s, isSelected: i, isFocused: e }) => h({ isFocused: e, isSelected: i, isDisabled: s }),
-    onAction: l ? () => l(o.id) : void 0,
-    children: o.shouldHighlight ? /* @__PURE__ */ t.jsx("span", { children: o.highlightedParts.map(
-      (s, i) => s.highlight ? /* @__PURE__ */ t.jsx("span", { className: "font-bold text-neutral-900", children: s.text }, s.text + i) : s.text
-    ) }) : o.label
-  }
-) });
+import l from "react";
+const e = l, n = ({
+  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: "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;
 export {
-  m as SearchListBox
+  i as U
 };

package/dist/index.es123.js

@@ -1,32 +1,45 @@
-import { cva as l } from "class-variance-authority";
-const e = l("absolute inset-0 z-[1000px] overflow-hidden", {
-  variants: {
-    opacity: {
-      sm: "bg-neutral-50/10",
-      md: "bg-neutral-50/20",
-      lg: "bg-neutral-50/30",
-      xl: "bg-neutral-50/50",
-      "2xl": "bg-neutral-50/60",
-      "3xl": "bg-neutral-50/75"
-    },
-    fixed: {
-      true: "fixed",
-      false: ""
-    },
-    center: {
-      true: "flex items-center justify-center",
-      false: ""
-    },
-    blur: {
-      sm: "backdrop-blur-sm",
-      md: "backdrop-blur-md",
-      lg: "backdrop-blur-lg",
-      xl: "backdrop-blur-xl",
-      "2xl": "backdrop-blur-2xl",
-      "3xl": "backdrop-blur-3xl"
-    }
-  }
-});
+import { j as r } from "./index.es49.js";
+import { ListBox as o, ListBoxItem as x } from "react-aria-components";
+import { cn as t } from "./index.es50.js";
+const d = ({ items: n }) => /* @__PURE__ */ r.jsx(o, { className: "lg:custom-scrollbar max-h-[260px] overflow-auto outline-none", items: n, children: (l) => /* @__PURE__ */ r.jsx(
+  x,
+  {
+    id: l.value,
+    textValue: l.label,
+    isDisabled: l.isDisabled,
+    className: ({ isSelected: e, isFocusVisible: s, isHovered: a }) => t(
+      "flex cursor-pointer flex-col px-3 py-2 text-xs font-normal outline-none",
+      e ? "bg-primary-100 text-primary-500" : "text-primary-900",
+      a && "bg-primary-50 text-primary-500",
+      (a || s) && !e && "bg-primary-50",
+      (a || s) && e && "bg-primary-200",
+      (l == null ? void 0 : l.isDisabled) && "cursor-not-allowed opacity-50"
+    ),
+    children: ({ isSelected: e, isHovered: s }) => /* @__PURE__ */ r.jsxs("div", { className: "flex w-full flex-col", children: [
+      /* @__PURE__ */ r.jsxs("div", { className: "flex w-full items-center justify-between", children: [
+        /* @__PURE__ */ r.jsx("span", { children: l.label }),
+        /* @__PURE__ */ r.jsx("span", { className: "flex w-5 items-center", children: e && /* @__PURE__ */ r.jsx("svg", { width: "14", height: "13", viewBox: "0 0 14 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ r.jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M13.2241 0.601824C13.4808 0.780773 13.5439 1.13398 13.365 1.39073L5.69829 12.3907C5.59653 12.5367 5.43209 12.6264 5.25425 12.633C5.07641 12.6395 4.90582 12.5622 4.79359 12.4241L0.460261 7.09072C0.26291 6.84783 0.299829 6.49094 0.542723 6.29358C0.785617 6.09623 1.14251 6.13315 1.33986 6.37605L5.19872 11.1254L12.4352 0.7427C12.6141 0.485948 12.9673 0.422875 13.2241 0.601824Z",
+            fill: "#4C3BEF"
+          }
+        ) }) })
+      ] }),
+      l.description && /* @__PURE__ */ r.jsx(
+        "span",
+        {
+          slot: "description",
+          className: t(e ? "text-primary-400" : "text-neutral-700", s && "text-primary-400"),
+          children: l.description
+        }
+      )
+    ] })
+  },
+  l.value
+) });
 export {
-  e as overlayVariants
+  d as SelectListBox
 };

package/dist/index.es124.js

@@ -1,6 +1,32 @@
-function e(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
-}
+import { cva as l } from "class-variance-authority";
+const e = l("absolute inset-0 z-[1000px] overflow-hidden", {
+  variants: {
+    opacity: {
+      sm: "bg-neutral-50/10",
+      md: "bg-neutral-50/20",
+      lg: "bg-neutral-50/30",
+      xl: "bg-neutral-50/50",
+      "2xl": "bg-neutral-50/60",
+      "3xl": "bg-neutral-50/75"
+    },
+    fixed: {
+      true: "fixed",
+      false: ""
+    },
+    center: {
+      true: "flex items-center justify-center",
+      false: ""
+    },
+    blur: {
+      sm: "backdrop-blur-sm",
+      md: "backdrop-blur-md",
+      lg: "backdrop-blur-lg",
+      xl: "backdrop-blur-xl",
+      "2xl": "backdrop-blur-2xl",
+      "3xl": "backdrop-blur-3xl"
+    }
+  }
+});
 export {
-  e as getDefaultExportFromCjs
+  e as overlayVariants
 };

package/dist/index.es125.js

@@ -1,28 +1,7 @@
-import { __exports as i } from "./index.es126.js";
-import "./index.es133.js";
-import "./index.es134.js";
-import { __exports as l } from "./index.es135.js";
-import { __exports as s } from "./index.es136.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 { j as t } from "./index.es49.js";
+import { CrossIcon as s } from "./index.es51.js";
+import { IconButton as e } from "./index.es16.js";
+const m = ({ icon: o, onPress: n, isDisabled: r }) => /* @__PURE__ */ t.jsx(e, { intent: "minimal", size: "xxs", "data-testid": "clear-icon-button", isDisabled: r, onPress: n, children: o ?? /* @__PURE__ */ t.jsx(s, { className: "size-5 text-neutral-700", "data-testid": "clear-icon" }) });
+export {
+  m as ClearIconButton
+};

package/dist/index.es126.js

@@ -1,4 +1,6 @@
-var e = {};
+import { j as t } from "./index.es49.js";
+import { SearchIcon as e } from "./index.es51.js";
+const s = ({ icon: r }) => r ?? /* @__PURE__ */ t.jsx(e, { className: "size-6 text-neutral-700", "data-testid": "search-icon" });
 export {
-  e as __exports
+  s as SearchIcon
 };

package/dist/index.es127.js

@@ -1,10 +1,5 @@
-import { getDefaultExportFromCjs as t } from "./index.es124.js";
-import "./index.es137.js";
-import { __exports as a } from "./index.es138.js";
-let e = a;
-var o = (e.__esModule ? e : { default: e }).default;
-const r = /* @__PURE__ */ t(o);
+import { j as e } from "./index.es49.js";
+const o = ({ text: t }) => /* @__PURE__ */ e.jsx("div", { className: "max-h-60 overflow-auto p-4 text-center text-sm text-neutral-600", children: t ?? "No results found" });
 export {
-  o as d,
-  r as default
+  o as NoResultsMessage
 };