@simpli-route/apollo-ds 0.1.18 → 0.1.20

package/dist/index.es12.js

@@ -1,145 +1,60 @@
-import { j as r } from "./index.es24.js";
-import { useState as f, useRef as C, useEffect as I } from "react";
-import { Select as S, Popover as tt, ListBox as st } from "react-aria-components";
-import { cn as P } from "./index.es25.js";
-import { Label as it } from "./index.es7.js";
-import { SelectContent as rt } from "./index.es43.js";
-import { SelectItem as lt } from "./index.es13.js";
-import { TooltipSelect as ot } from "./index.es44.js";
-const b = "all-select-option", wt = ({
-  mode: e = "single",
-  keyLabelName: V,
-  keyIdName: j,
-  className: _,
-  selectButtonClassName: k,
-  placeholder: O = "Select an option",
-  isDisabled: x = !1,
-  size: q = "md",
-  items: l = [],
-  renderItem: N,
-  value: s = [],
-  onSelectChange: t,
-  classNameLabel: B,
-  isRequired: $ = !1,
-  label: L,
-  tooltipText: F,
-  tooltipSupportText: H,
-  tooltipProps: g,
-  hiddenDiscardButton: z = !1,
-  tooltipMode: G = "dark",
-  textAllOption: J = "Select all"
-}) => {
-  const [y, K] = f(e), [M, d] = f(!1), [R, Q] = f(""), [U, u] = f(0), [X, T] = f(!1), [Y, A] = f(!1), m = C(null);
-  I(() => {
-    e !== y && (t == null || t([]), K(e));
-  }, [e, t, y]), I(() => {
-    if (!m.current || s.length === 0)
-      return;
-    const i = () => {
-      const n = m.current;
-      n && (A(!0), u(s.length), requestAnimationFrame(() => {
-        let c = 0;
-        const a = n.querySelectorAll("[data-chip]");
-        let h = 0;
-        const p = document.createElement("div");
-        p.innerText = `+${s.length}`, p.style.visibility = "hidden", p.style.position = "absolute", n.appendChild(p);
-        const v = p.offsetWidth;
-        n.removeChild(p);
-        for (let w = 0; w < a.length; w++) {
-          const E = a[w].getBoundingClientRect().width, W = 8;
-          if (c + E + W > n.offsetWidth - v)
-            break;
-          c += E + W, h++;
-        }
-        h < s.length ? (u(Math.max(1, h)), T(!0)) : (u(s.length), T(!1)), A(!1);
-      }));
-    };
-    i();
-    const o = new ResizeObserver(i);
-    return o.observe(m.current), () => {
-      o == null || o.disconnect();
-    };
-  }, [s]);
-  const Z = P("flex w-full flex-col gap-1 !min-w-[150px]", _), D = (i) => {
-    t == null || t((s == null ? void 0 : s.filter((o) => o !== i)) ?? []);
-  };
-  return /* @__PURE__ */ r.jsxs(
-    S,
-    {
-      isDisabled: x,
-      className: Z,
-      placeholder: O,
-      onSelectionChange: (i) => {
-        if (i === b && e === "multiple") {
-          if (s.length === l.length)
-            t == null || t([]);
-          else {
-            const c = l.map((a) => a[j]);
-            t == null || t(c);
-          }
-          return;
-        }
-        const o = s != null && s.includes(i) ? s.filter((c) => c !== i) : [...s, i], n = [i];
-        e === "multiple" ? t == null || t(o) : (d(!1), t == null || t(n));
-      },
-      children: [
-        /* @__PURE__ */ r.jsxs("div", { className: "flex items-center justify-between", children: [
-          L ? /* @__PURE__ */ r.jsx(
-            it,
-            {
-              labelClassName: P("leading-[19.07px] text-left mb-[1px]", {
-                "text-neutral-700": x,
-                classNameLabel: B
-              }),
-              isRequired: $,
-              tooltipText: F,
-              tooltipSupportText: H,
-              tooltipProps: g,
-              children: L
-            }
-          ) : /* @__PURE__ */ r.jsx("div", {}),
-          R && /* @__PURE__ */ r.jsx("div", { className: "relative -mb-2 mr-20 flex self-end", children: /* @__PURE__ */ r.jsx(ot, { mode: G, className: "mr-2", placement: "none", children: /* @__PURE__ */ r.jsx("p", { className: "whitespace-nowrap text-xs", children: R }) }) })
-        ] }),
-        /* @__PURE__ */ r.jsx(
-          rt,
-          {
-            isDisabled: x,
-            size: q,
-            selectButtonClassName: k,
-            setIsOpen: d,
-            isOpen: M,
-            value: s,
-            placeholder: O,
-            items: l,
-            keyIdName: j,
-            keyLabelName: V,
-            visibleItems: U,
-            handleDeleteOptionSelected: D,
-            maxLengthTextOption: 12,
-            hiddenDiscardButton: z,
-            containerRef: m,
-            setTooltipMessage: Q,
-            hasOverflow: X,
-            isCalculatingChips: Y
-          }
-        ),
-        /* @__PURE__ */ r.jsx(
-          tt,
-          {
-            isOpen: M,
-            placement: "bottom start",
-            className: "custom-scrollbar !max-h-[185px] w-[--trigger-width] overflow-y-auto rounded-md bg-white shadow-lg ring-1 ring-black/5",
-            onOpenChange: d,
-            children: /* @__PURE__ */ r.jsxs(st, { items: l, className: "p-1 outline-none", children: [
-              e === "multiple" && /* @__PURE__ */ r.jsx(lt, { id: b, children: J }, b),
-              Array.isArray(l) && (l == null ? void 0 : l.map((i) => N ? N(i) : null))
-            ] })
-          }
-        )
-      ]
-    }
+import { j as e } from "./index.es25.js";
+import { SearchIcon as g, CrossIcon as w } from "./index.es45.js";
+import { useMemo as y } from "react";
+import { ComboBox as z, Input as D, Text as O, FieldError as R, Popover as E, ListBox as F, ListBoxItem as M } from "react-aria-components";
+import { cn as P } from "./index.es26.js";
+import { useDebouncedValue as S } from "./index.es58.js";
+import { IconButton as _ } from "./index.es6.js";
+import { Label as T } from "./index.es7.js";
+import { inputVariants as k } from "./index.es35.js";
+import { popoverVariants as q, searchOptionVariants as A } from "./index.es36.js";
+const $ = (r) => {
+  const {
+    label: i,
+    onReset: n,
+    placeholder: p,
+    isDisabled: a,
+    delay: u = 300,
+    searchIcon: h,
+    clearIcon: b,
+    size: j = "md",
+    description: l,
+    inputValue: c,
+    isInvalid: d,
+    errorMessage: m,
+    items: o,
+    ...I
+  } = r, f = h ?? /* @__PURE__ */ e.jsx(g, { className: "size-6 text-neutral-700", "data-testid": "search-icon" }), N = /* @__PURE__ */ e.jsx(_, { intent: "minimal", size: "md", className: "p-0", "data-testid": "clear-icon-button", onPress: n, children: b ?? /* @__PURE__ */ e.jsx(w, { className: "size-5 text-neutral-700", "data-testid": "clear-icon" }) }), t = S(c, u), x = t && n, V = x ? N : f, v = y(
+    () => t ? o.filter((s) => s.label.toLowerCase().includes(t.toLowerCase())) : o,
+    [t, o]
   );
+  return /* @__PURE__ */ e.jsxs(z, { inputValue: c, isDisabled: a, ...I, children: [
+    i && /* @__PURE__ */ e.jsx(T, { children: i }),
+    /* @__PURE__ */ e.jsxs("div", { className: "relative flex items-center", children: [
+      /* @__PURE__ */ e.jsx(
+        D,
+        {
+          placeholder: p,
+          className: k({ size: j, isDisabled: a, hasIcon: !0 }),
+          disabled: a,
+          readOnly: r.isReadOnly
+        }
+      ),
+      /* @__PURE__ */ e.jsx("span", { className: P("absolute right-2 top-1/2 -translate-y-1/2", x && "top-[53%]"), children: V })
+    ] }),
+    l && !d && /* @__PURE__ */ e.jsx(O, { slot: "description", className: "text-xs leading-5 text-neutral-700", children: l }),
+    m && d && /* @__PURE__ */ e.jsx(R, { className: "text-sm leading-6 text-error-500", children: m }),
+    /* @__PURE__ */ e.jsx(E, { className: q(), children: /* @__PURE__ */ e.jsx(F, { items: v, className: "max-h-60 overflow-auto outline-none", children: (s) => /* @__PURE__ */ e.jsx(
+      M,
+      {
+        id: s.id,
+        textValue: s.label,
+        className: ({ isDisabled: L, isSelected: B, isFocused: C }) => A({ isFocused: C, isSelected: B, isDisabled: L }),
+        children: s.label
+      }
+    ) }) })
+  ] });
 };
 export {
-  wt as Select
+  $ as SearchField
 };

package/dist/index.es120.js

@@ -1,4 +1,4 @@
-var a = {};
+var o = {};
 export {
-  a as __exports
+  o as __exports
 };

package/dist/index.es121.js

@@ -1,94 +1,14 @@
-import { __exports as O } from "./index.es122.js";
-import "./index.es130.js";
-import { __exports as b } from "./index.es131.js";
-(function(d) {
-  Object.defineProperty(d, "__esModule", {
+import { __exports as n } from "./index.es126.js";
+(function(e) {
+  Object.defineProperty(e, "__esModule", {
     value: !0
-  });
-  function S(r, s) {
-    for (var e in s)
-      Object.defineProperty(r, e, {
-        enumerable: !0,
-        get: s[e]
-      });
-  }
-  S(d, {
-    parseColor: function() {
-      return C;
-    },
-    formatColor: function() {
-      return H;
+  }), Object.defineProperty(e, "default", {
+    enumerable: !0,
+    get: function() {
+      return r;
     }
   });
-  const p = /* @__PURE__ */ E(b);
-  function E(r) {
-    return r && r.__esModule ? r : {
-      default: r
-    };
-  }
-  let P = /^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i, v = /^#([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i, t = /(?:\d+|\d*\.\d+)%?/, i = /(?:\s*,\s*|\s+)/, _ = /\s*[,/]\s*/, o = /var\(--(?:[^ )]*?)(?:,(?:[^ )]*?|var\(--[^ )]*?\)))?\)/, R = new RegExp(`^(rgba?)\\(\\s*(${t.source}|${o.source})(?:${i.source}(${t.source}|${o.source}))?(?:${i.source}(${t.source}|${o.source}))?(?:${_.source}(${t.source}|${o.source}))?\\s*\\)$`), x = new RegExp(`^(hsla?)\\(\\s*((?:${t.source})(?:deg|rad|grad|turn)?|${o.source})(?:${i.source}(${t.source}|${o.source}))?(?:${i.source}(${t.source}|${o.source}))?(?:${_.source}(${t.source}|${o.source}))?\\s*\\)$`);
-  function C(r, { loose: s = !1 } = {}) {
-    var e, a;
-    if (typeof r != "string")
-      return null;
-    if (r = r.trim(), r === "transparent")
-      return {
-        mode: "rgb",
-        color: [
-          "0",
-          "0",
-          "0"
-        ],
-        alpha: "0"
-      };
-    if (r in p.default)
-      return {
-        mode: "rgb",
-        color: p.default[r].map((u) => u.toString())
-      };
-    let c = r.replace(v, (u, m, g, h, $) => [
-      "#",
-      m,
-      m,
-      g,
-      g,
-      h,
-      h,
-      $ ? $ + $ : ""
-    ].join("")).match(P);
-    if (c !== null)
-      return {
-        mode: "rgb",
-        color: [
-          parseInt(c[1], 16),
-          parseInt(c[2], 16),
-          parseInt(c[3], 16)
-        ].map((u) => u.toString()),
-        alpha: c[4] ? (parseInt(c[4], 16) / 255).toString() : void 0
-      };
-    var f;
-    let l = (f = r.match(R)) !== null && f !== void 0 ? f : r.match(x);
-    if (l === null)
-      return null;
-    let n = [
-      l[2],
-      l[3],
-      l[4]
-    ].filter(Boolean).map((u) => u.toString());
-    return n.length === 2 && n[0].startsWith("var(") ? {
-      mode: l[1],
-      color: [
-        n[0]
-      ],
-      alpha: n[1]
-    } : !s && n.length !== 3 || n.length < 3 && !n.some((u) => /^var\(.*?\)$/.test(u)) ? null : {
-      mode: l[1],
-      color: n,
-      alpha: (e = l[5]) === null || e === void 0 || (a = e.toString) === null || a === void 0 ? void 0 : a.call(e)
-    };
-  }
-  function H({ mode: r, color: s, alpha: e }) {
-    let a = e !== void 0;
-    return r === "rgba" || r === "hsla" ? `${r}(${s.join(", ")}${a ? `, ${e}` : ""})` : `${r}(${s.join(" ")}${a ? ` / ${e}` : ""})`;
+  function r(t) {
+    return t.replace(/\\,/g, "\\2c ");
   }
-})(O);
+})(n);

package/dist/index.es122.js

@@ -1,4 +1,311 @@
-var o = {};
-export {
-  o as __exports
-};
+import { __exports as K } from "./index.es124.js";
+import "./index.es127.js";
+import "./index.es132.js";
+import "./index.es133.js";
+import { __exports as Q } from "./index.es128.js";
+import { __exports as X } from "./index.es134.js";
+import { __exports as D } from "./index.es135.js";
+(function(y) {
+  Object.defineProperty(y, "__esModule", {
+    value: !0
+  });
+  function S(e, r) {
+    for (var i in r)
+      Object.defineProperty(e, i, {
+        enumerable: !0,
+        get: r[i]
+      });
+  }
+  S(y, {
+    normalize: function() {
+      return o;
+    },
+    url: function() {
+      return x;
+    },
+    number: function() {
+      return w;
+    },
+    percentage: function() {
+      return b;
+    },
+    length: function() {
+      return v;
+    },
+    lineWidth: function() {
+      return A;
+    },
+    shadow: function() {
+      return E;
+    },
+    color: function() {
+      return q;
+    },
+    image: function() {
+      return I;
+    },
+    gradient: function() {
+      return _;
+    },
+    position: function() {
+      return C;
+    },
+    familyName: function() {
+      return F;
+    },
+    genericName: function() {
+      return U;
+    },
+    absoluteSize: function() {
+      return B;
+    },
+    relativeSize: function() {
+      return M;
+    }
+  });
+  const O = Q, W = X, f = D;
+  let N = [
+    "min",
+    "max",
+    "clamp",
+    "calc"
+  ];
+  function m(e) {
+    return N.some((r) => new RegExp(`^${r}\\(.*\\)`).test(e));
+  }
+  const T = /* @__PURE__ */ new Set([
+    // Concrete properties
+    "scroll-timeline-name",
+    "timeline-scope",
+    "view-timeline-name",
+    "font-palette",
+    // Shorthand properties
+    "scroll-timeline",
+    "animation-timeline",
+    "view-timeline"
+  ]);
+  function o(e, r = null, i = !0) {
+    let t = r && T.has(r.property);
+    return e.startsWith("--") && !t ? `var(${e})` : e.includes("url(") ? e.split(/(url\(.*?\))/g).filter(Boolean).map((n) => /^url\(.*?\)$/.test(n) ? n : o(n, r, !1)).join("") : (e = e.replace(/([^\\])_+/g, (n, g) => g + " ".repeat(n.length - 1)).replace(/^_/g, " ").replace(/\\_/g, "_"), i && (e = e.trim()), e = k(e), e);
+  }
+  function k(e) {
+    let r = [
+      "theme"
+    ], i = [
+      "min-content",
+      "max-content",
+      "fit-content",
+      // Env
+      "safe-area-inset-top",
+      "safe-area-inset-right",
+      "safe-area-inset-bottom",
+      "safe-area-inset-left",
+      "titlebar-area-x",
+      "titlebar-area-y",
+      "titlebar-area-width",
+      "titlebar-area-height",
+      "keyboard-inset-top",
+      "keyboard-inset-right",
+      "keyboard-inset-bottom",
+      "keyboard-inset-left",
+      "keyboard-inset-width",
+      "keyboard-inset-height",
+      "radial-gradient",
+      "linear-gradient",
+      "conic-gradient",
+      "repeating-radial-gradient",
+      "repeating-linear-gradient",
+      "repeating-conic-gradient"
+    ];
+    return e.replace(/(calc|min|max|clamp)\(.+\)/g, (t) => {
+      let n = "";
+      function g() {
+        let l = n.trimEnd();
+        return l[l.length - 1];
+      }
+      for (let l = 0; l < t.length; l++) {
+        let u = function(s) {
+          return s.split("").every((a, c) => t[l + c] === a);
+        }, d = function(s) {
+          let a = 1 / 0;
+          for (let J of s) {
+            let p = t.indexOf(J, l);
+            p !== -1 && p < a && (a = p);
+          }
+          let c = t.slice(l, a);
+          return l += c.length - 1, c;
+        }, h = t[l];
+        if (u("var"))
+          n += d([
+            ")",
+            ","
+          ]);
+        else if (i.some((s) => u(s))) {
+          let s = i.find((a) => u(a));
+          n += s, l += s.length - 1;
+        } else
+          r.some((s) => u(s)) ? n += d([
+            ")"
+          ]) : u("[") ? n += d([
+            "]"
+          ]) : [
+            "+",
+            "-",
+            "*",
+            "/"
+          ].includes(h) && ![
+            "(",
+            "+",
+            "-",
+            "*",
+            "/",
+            ","
+          ].includes(g()) ? n += ` ${h} ` : n += h;
+      }
+      return n.replace(/\s+/g, " ");
+    });
+  }
+  function x(e) {
+    return e.startsWith("url(");
+  }
+  function w(e) {
+    return !isNaN(Number(e)) || m(e);
+  }
+  function b(e) {
+    return e.endsWith("%") && w(e.slice(0, -1)) || m(e);
+  }
+  let z = `(?:${[
+    "cm",
+    "mm",
+    "Q",
+    "in",
+    "pc",
+    "pt",
+    "px",
+    "em",
+    "ex",
+    "ch",
+    "rem",
+    "lh",
+    "rlh",
+    "vw",
+    "vh",
+    "vmin",
+    "vmax",
+    "vb",
+    "vi",
+    "svw",
+    "svh",
+    "lvw",
+    "lvh",
+    "dvw",
+    "dvh",
+    "cqw",
+    "cqh",
+    "cqi",
+    "cqb",
+    "cqmin",
+    "cqmax"
+  ].join("|")})`;
+  function v(e) {
+    return e === "0" || new RegExp(`^[+-]?[0-9]*.?[0-9]+(?:[eE][+-]?[0-9]+)?${z}$`).test(e) || m(e);
+  }
+  let $ = /* @__PURE__ */ new Set([
+    "thin",
+    "medium",
+    "thick"
+  ]);
+  function A(e) {
+    return $.has(e);
+  }
+  function E(e) {
+    let r = (0, W.parseBoxShadowValue)(o(e));
+    for (let i of r)
+      if (!i.valid)
+        return !1;
+    return !0;
+  }
+  function q(e) {
+    let r = 0;
+    return (0, f.splitAtTopLevelOnly)(e, "_").every((t) => (t = o(t), t.startsWith("var(") ? !0 : (0, O.parseColor)(t, {
+      loose: !0
+    }) !== null ? (r++, !0) : !1)) ? r > 0 : !1;
+  }
+  function I(e) {
+    let r = 0;
+    return (0, f.splitAtTopLevelOnly)(e, ",").every((t) => (t = o(t), t.startsWith("var(") ? !0 : x(t) || _(t) || [
+      "element(",
+      "image(",
+      "cross-fade(",
+      "image-set("
+    ].some((n) => t.startsWith(n)) ? (r++, !0) : !1)) ? r > 0 : !1;
+  }
+  let L = /* @__PURE__ */ new Set([
+    "conic-gradient",
+    "linear-gradient",
+    "radial-gradient",
+    "repeating-conic-gradient",
+    "repeating-linear-gradient",
+    "repeating-radial-gradient"
+  ]);
+  function _(e) {
+    e = o(e);
+    for (let r of L)
+      if (e.startsWith(`${r}(`))
+        return !0;
+    return !1;
+  }
+  let j = /* @__PURE__ */ new Set([
+    "center",
+    "top",
+    "right",
+    "bottom",
+    "left"
+  ]);
+  function C(e) {
+    let r = 0;
+    return (0, f.splitAtTopLevelOnly)(e, "_").every((t) => (t = o(t), t.startsWith("var(") ? !0 : j.has(t) || v(t) || b(t) ? (r++, !0) : !1)) ? r > 0 : !1;
+  }
+  function F(e) {
+    let r = 0;
+    return (0, f.splitAtTopLevelOnly)(e, ",").every((t) => (t = o(t), t.startsWith("var(") ? !0 : t.includes(" ") && !/(['"])([^"']+)\1/g.test(t) || /^\d/g.test(t) ? !1 : (r++, !0))) ? r > 0 : !1;
+  }
+  let P = /* @__PURE__ */ new Set([
+    "serif",
+    "sans-serif",
+    "monospace",
+    "cursive",
+    "fantasy",
+    "system-ui",
+    "ui-serif",
+    "ui-sans-serif",
+    "ui-monospace",
+    "ui-rounded",
+    "math",
+    "emoji",
+    "fangsong"
+  ]);
+  function U(e) {
+    return P.has(e);
+  }
+  let V = /* @__PURE__ */ new Set([
+    "xx-small",
+    "x-small",
+    "small",
+    "medium",
+    "large",
+    "x-large",
+    "xx-large",
+    "xxx-large"
+  ]);
+  function B(e) {
+    return V.has(e);
+  }
+  let R = /* @__PURE__ */ new Set([
+    "larger",
+    "smaller"
+  ]);
+  function M(e) {
+    return R.has(e);
+  }
+})(K);

package/dist/index.es123.js

@@ -1,10 +1,26 @@
-import { __module as r } from "./index.es132.js";
-var e = String, o = function() {
-  return { isColorSupported: !1, reset: e, bold: e, dim: e, italic: e, underline: e, inverse: e, hidden: e, strikethrough: e, black: e, red: e, green: e, yellow: e, blue: e, magenta: e, cyan: e, white: e, gray: e, bgBlack: e, bgRed: e, bgGreen: e, bgYellow: e, bgBlue: e, bgMagenta: e, bgCyan: e, bgWhite: e };
-};
-r.exports = o();
-r.exports.createColors = o;
-var a = r.exports;
-export {
-  a as p
-};
+import { __exports as u } from "./index.es125.js";
+import "./index.es122.js";
+import "./index.es133.js";
+import { __exports as s } from "./index.es124.js";
+import { __exports as c } from "./index.es135.js";
+(function(r) {
+  Object.defineProperty(r, "__esModule", {
+    value: !0
+  }), Object.defineProperty(r, "backgroundSize", {
+    enumerable: !0,
+    get: function() {
+      return l;
+    }
+  });
+  const n = s, o = c;
+  function l(a) {
+    let i = [
+      "cover",
+      "contain"
+    ];
+    return (0, o.splitAtTopLevelOnly)(a, ",").every((p) => {
+      let e = (0, o.splitAtTopLevelOnly)(p, "_").filter(Boolean);
+      return e.length === 1 && i.includes(e[0]) ? !0 : e.length !== 1 && e.length !== 2 ? !1 : e.every((t) => (0, n.length)(t) || (0, n.percentage)(t) || t === "auto");
+    });
+  }
+})(u);