@simpli-route/apollo-ds 0.1.62 → 0.1.65

package/dist/index.es73.js

@@ -1,14 +1,95 @@
-import { j as e } from "./index.es42.js";
-import { UpChevronIcon as n, DownChevronIcon as o } from "./index.es44.js";
-import { Button as s } from "react-aria-components";
-import { cn as c } from "./index.es43.js";
-const x = ({ isDisabled: r }) => {
-  const t = c("flex items-center justify-center", r ? "text-neutral-600" : "text-primary-500");
-  return /* @__PURE__ */ e.jsxs("div", { className: "absolute inset-y-0 right-0 flex flex-col items-center justify-center space-y-0.5 pr-2", children: [
-    /* @__PURE__ */ e.jsx(s, { slot: "increment", className: t, children: /* @__PURE__ */ e.jsx(n, { className: "size-3.5" }) }),
-    /* @__PURE__ */ e.jsx(s, { slot: "decrement", className: t, children: /* @__PURE__ */ e.jsx(o, { className: "size-3.5" }) })
-  ] });
-};
+import { cva as e } from "class-variance-authority";
+const t = e(
+  "flex w-full items-center rounded-md border bg-white px-3 text-base leading-6 outline-none transition-colors",
+  {
+    variants: {
+      size: {
+        xs: "py-1 gap-2",
+        sm: "py-2 gap-2",
+        md: "py-3 gap-3",
+        lg: "py-4 gap-3"
+      },
+      isHovered: {
+        true: ""
+      },
+      isDisabled: {
+        true: "cursor-not-allowed bg-neutral-200 text-neutral-600 border-neutral-500"
+      },
+      isReadOnly: {
+        true: "cursor-not-allowed"
+      },
+      isFocused: {
+        true: "border-primary-500 ring-1 ring-primary-500"
+      },
+      validationState: {
+        invalid: "border-error-500 focus-within:border-error-500 focus-within:ring-error-500",
+        valid: "border-success-500 focus-within:border-success-500 focus-within:ring-success-500",
+        default: "border-neutral-500"
+      }
+    },
+    compoundVariants: [
+      {
+        isHovered: !0,
+        validationState: "default",
+        isFocused: !1,
+        class: "border-neutral-900"
+      },
+      {
+        isHovered: !0,
+        validationState: "invalid",
+        class: "border-error-600"
+      },
+      {
+        isHovered: !0,
+        validationState: "valid",
+        class: "border-success-600"
+      },
+      {
+        isFocused: !0,
+        validationState: "invalid",
+        class: "border-error-500 ring-1 ring-error-500"
+      },
+      {
+        isFocused: !0,
+        validationState: "valid",
+        class: "border-success-500 ring-1 ring-success-500"
+      }
+    ],
+    defaultVariants: {
+      size: "sm",
+      validationState: "default"
+    }
+  }
+), s = e("flex flex-1 items-center bg-transparent outline-none", {
+  variants: {
+    size: {
+      xs: "text-sm",
+      sm: "text-base",
+      md: "text-base",
+      lg: "text-lg"
+    }
+  },
+  defaultVariants: {
+    size: "sm"
+  }
+}), i = e(
+  "flex items-center justify-center rounded bg-transparent text-neutral-700 transition-colors hover:text-neutral-900 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
+  {
+    variants: {
+      size: {
+        xs: "h-4 w-4",
+        sm: "h-5 w-5",
+        md: "h-5 w-5",
+        lg: "h-6 w-6"
+      }
+    },
+    defaultVariants: {
+      size: "sm"
+    }
+  }
+);
 export {
-  x as StepperButton
+  i as timeFieldButtonVariants,
+  t as timeFieldGroupVariants,
+  s as timeFieldInputVariants
 };

package/dist/index.es74.js

@@ -1,15 +1,24 @@
-import { useState as r, useEffect as c } from "react";
-function d(e, t = 300) {
-  const [u, o] = r(e);
-  return c(() => {
-    const n = setTimeout(() => {
-      o(e);
-    }, t);
-    return () => {
-      clearTimeout(n);
-    };
-  }, [e, t]), u;
-}
+import { cva as t } from "class-variance-authority";
+const o = t("scroll-m-12 text-neutral-900", {
+  variants: {
+    size: {
+      h1: "text-[2rem] font-bold leading-10",
+      h2: "text-[1.75rem] font-bold leading-9",
+      h3: "text-2xl font-semibold",
+      h4: "text-[1.375rem] font-semibold leading-7",
+      h5: "text-xl font-semibold",
+      h6: "text-lg font-semibold"
+    }
+  }
+}), n = t("", {
+  variants: {
+    type: {
+      body: "text-base text-neutral-900",
+      caption: "text-xs text-neutral-700"
+    }
+  }
+});
 export {
-  d as useDebouncedValue
+  n as textVariants,
+  o as titleVariants
 };

package/dist/index.es75.js

@@ -1,138 +1,32 @@
-import { j as n } from "./index.es42.js";
-import { useState as k, useMemo as j, useRef as A } from "react";
-import { ComboBox as _, Input as q } from "react-aria-components";
-import { useDebouncedValue as G } from "./index.es74.js";
-import { Badge as J } from "./index.es4.js";
-import "./index.es5.js";
-import "./index.es15.js";
-import { Label as Q } from "./index.es16.js";
-import { SearchFieldIconContainer as U } from "./index.es76.js";
-import { SearchFieldMessages as W } from "./index.es77.js";
-import { SearchFieldPopover as X } from "./index.es78.js";
-import { getSearchFieldDefaultProps as Y, getHighlightedParts as Z } from "./index.es79.js";
-import { multiSearchFieldContainerVariants as $ } from "./index.es65.js";
-const fe = (g) => {
-  const {
-    label: b,
-    onReset: f,
-    placeholder: R,
-    isDisabled: d,
-    delay: x,
-    searchIcon: D,
-    clearIcon: F,
-    size: w,
-    description: y,
-    inputValue: r,
-    isInvalid: C,
-    errorMessage: P,
-    items: a,
-    noResultsText: z,
-    selectedValues: I,
-    onSelectedValuesChange: i,
-    onInputChange: u,
-    ...B
-  } = Y(g), [M, h] = k([]), m = I !== void 0, s = m ? I : M, l = G(r, x ?? x), N = !!(l && f), v = (e) => {
-    const t = s.filter((o) => o !== e);
-    m || h(t), i && i(t);
-  }, S = (e) => {
-    if (!s.includes(e)) {
-      const t = [...s, e];
-      m || h(t), i && i(t);
+import { j as e } from "./index.es47.js";
+import { cn as l } from "./index.es48.js";
+const m = (r) => {
+  const { isIndeterminate: t, isSelected: s, className: n, isHovered: a } = r, o = a && !s && !t ? "text-neutral-500" : "", i = !!(o || s);
+  return /* @__PURE__ */ e.jsx("svg", { className: l("stroke-current", o, n), viewBox: "-1 1 17 17", children: t ? /* @__PURE__ */ e.jsx(
+    "line",
+    {
+      x1: 1,
+      y1: 10,
+      x2: 14,
+      y2: 10,
+      fill: "none",
+      strokeWidth: 2,
+      strokeDasharray: 14,
+      strokeDashoffset: s ? 28 : 42,
+      style: { transition: "all 400ms" }
     }
-  }, E = () => {
-    f && f(), m || h([]), i && i([]);
-  }, H = (e) => {
-    const t = a.find((o) => o.id === e);
-    t && !s.includes(t.label) && (S(t.label), u && u(""));
-  }, K = (e) => {
-    if (e.key !== "Enter" || !(r != null && r.trim()))
-      return;
-    const t = r.trim(), o = a.filter(
-      (c) => c.label.toLowerCase().includes(t.toLowerCase()) && !s.includes(c.label)
-    );
-    o.length === 1 && (e.preventDefault(), e.stopPropagation(), S(o[0].label), u && u(""));
-  }, O = j(() => {
-    const e = [...s];
-    return l && e.push(l), a.filter((t) => {
-      const o = t.label.toLowerCase();
-      return e.some((c) => o.includes(c.toLowerCase()));
-    }).map((t) => {
-      const o = l ? t.label.toLowerCase().includes(l.toLowerCase()) : !1, c = l ? Z(t.label, l) : [{ text: t.label, highlight: !1 }];
-      return { ...t, shouldHighlight: o, highlightedParts: c };
-    });
-  }, [l, a, s]), T = j(() => l ? !a.some(
-    (e) => e.label.toLowerCase().includes(l.toLowerCase()) && !s.includes(e.label)
-  ) : !1, [l, a, s]), p = s.length > 0, V = w ?? w, L = A(null);
-  return /* @__PURE__ */ n.jsxs(
-    _,
+  ) : /* @__PURE__ */ e.jsx(
+    "polyline",
     {
-      inputValue: r,
-      isDisabled: d,
-      isInvalid: C,
-      allowsEmptyCollection: !0,
-      onInputChange: u,
-      ...B,
-      children: [
-        b && /* @__PURE__ */ n.jsx(Q, { children: b }),
-        /* @__PURE__ */ n.jsxs(
-          "div",
-          {
-            ref: L,
-            "data-testid": "multi-search-field-container",
-            className: $({
-              size: V,
-              isDisabled: d
-            }),
-            children: [
-              p && /* @__PURE__ */ n.jsx(n.Fragment, { children: s.map((e) => /* @__PURE__ */ n.jsx(
-                J,
-                {
-                  label: e,
-                  size: V,
-                  isDisabled: d,
-                  onDelete: () => v(e)
-                },
-                e
-              )) }),
-              /* @__PURE__ */ n.jsx(
-                q,
-                {
-                  placeholder: p ? void 0 : R,
-                  className: "min-w-[120px] flex-1 border-0 bg-transparent p-0 outline-none focus:ring-0",
-                  disabled: d,
-                  readOnly: g.isReadOnly,
-                  onKeyDown: K
-                }
-              ),
-              /* @__PURE__ */ n.jsx(
-                U,
-                {
-                  showClearIcon: N,
-                  hasBadges: p,
-                  clearIcon: F,
-                  searchIcon: D,
-                  isDisabled: d,
-                  onReset: E
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ n.jsx(W, { description: y, isInvalid: C, errorMessage: P }),
-        /* @__PURE__ */ n.jsx(
-          X,
-          {
-            triggerRef: L,
-            hasNoResults: T,
-            noResultsText: z,
-            items: O,
-            onItemSelect: H
-          }
-        )
-      ]
+      points: "1 9 7 14 15 4",
+      fill: "none",
+      strokeWidth: 2,
+      strokeDasharray: 22,
+      strokeDashoffset: i ? 44 : 66,
+      style: { transition: "all 400ms" }
     }
-  );
+  ) });
 };
 export {
-  fe as MultiSearchField
+  m as MarkIcon
 };

package/dist/index.es76.js

@@ -1,14 +1,81 @@
-import { j as r } from "./index.es42.js";
-import { cn as c } from "./index.es43.js";
-import { ClearIconButton as i } from "./index.es111.js";
-import { SearchIcon as a } from "./index.es112.js";
-const f = ({
-  showClearIcon: t,
-  clearIcon: n,
-  searchIcon: e,
-  isDisabled: s,
-  onReset: o
-}) => /* @__PURE__ */ r.jsx("span", { className: c("absolute right-2 top-1/2 flex -translate-y-1/2 items-center"), children: t && o ? /* @__PURE__ */ r.jsx(i, { icon: n, isDisabled: s, onPress: o }) : /* @__PURE__ */ r.jsx(a, { icon: e }) });
+import { j as e } from "./index.es47.js";
+import { CrossCircleIcon as d } from "./index.es49.js";
+import { Autocomplete as p, SearchField as m, Input as f, Button as b, ListBox as h, ListBoxItem as j } from "react-aria-components";
+import { cn as n } from "./index.es48.js";
+const C = ({
+  enableSearch: a,
+  contains: o,
+  classNameSearchField: i,
+  classNameSearchFieldInput: c,
+  placeholderSearch: x,
+  items: u
+}) => /* @__PURE__ */ e.jsxs(p, { filter: o, disableAutoFocusFirst: !0, disableVirtualFocus: !0, children: [
+  a ? /* @__PURE__ */ e.jsxs(
+    m,
+    {
+      "aria-label": "Search",
+      className: n(
+        "group m-1 flex items-center rounded border border-neutral-500 bg-neutral-50",
+        i
+      ),
+      children: [
+        /* @__PURE__ */ e.jsx(
+          f,
+          {
+            placeholder: x,
+            className: n(
+              "h-8 min-w-0 flex-1 rounded border-none p-1 text-sm font-normal text-neutral-800 outline-none outline-0 placeholder:text-neutral-700 focus:outline-none focus:ring-0 [&::-webkit-search-cancel-button]:hidden",
+              c
+            )
+          }
+        ),
+        /* @__PURE__ */ e.jsx(b, { className: "pressed:bg-black/10 mr-1 flex w-6 items-center justify-center rounded-full border-0 bg-transparent p-1 text-center text-sm text-neutral-600 transition hover:bg-black/[5%] group-data-[empty]:invisible", children: /* @__PURE__ */ e.jsx(d, { "aria-hidden": !0, className: "size-4" }) })
+      ]
+    }
+  ) : null,
+  /* @__PURE__ */ e.jsx(h, { className: "lg:custom-scrollbar max-h-[260px] overflow-auto outline-none", items: u, children: (r) => /* @__PURE__ */ e.jsx(
+    j,
+    {
+      id: r.value,
+      textValue: r.label,
+      isDisabled: r.isDisabled,
+      className: ({ isSelected: l, isFocusVisible: t, isHovered: s }) => n(
+        "flex cursor-pointer flex-col px-3 py-2 text-xs font-normal outline-none",
+        l ? "bg-primary-100 text-primary-500" : "text-primary-900",
+        s && "bg-primary-50 text-primary-500",
+        (s || t) && !l && "bg-primary-50",
+        (s || t) && l && "bg-primary-200",
+        (r == null ? void 0 : r.isDisabled) && "cursor-not-allowed opacity-50"
+      ),
+      children: ({ isSelected: l, isHovered: t }) => /* @__PURE__ */ e.jsxs("div", { className: "flex w-full flex-col", children: [
+        /* @__PURE__ */ e.jsxs("div", { className: "flex w-full items-center justify-between", children: [
+          /* @__PURE__ */ e.jsx("span", { children: r.label }),
+          /* @__PURE__ */ e.jsx("span", { className: "flex w-5 items-center", children: l && /* @__PURE__ */ e.jsx("svg", { width: "14", height: "13", viewBox: "0 0 14 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e.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"
+            }
+          ) }) })
+        ] }),
+        r.description ? /* @__PURE__ */ e.jsx(
+          "span",
+          {
+            slot: "description",
+            className: n(
+              l ? "text-primary-400" : "text-neutral-700",
+              t && "text-primary-400"
+            ),
+            children: r.description
+          }
+        ) : null
+      ] })
+    },
+    r.value
+  ) })
+] });
 export {
-  f as SearchFieldIconContainer
+  C as PopoverContent
 };

package/dist/index.es77.js

@@ -1,9 +1,12 @@
-import { j as e } from "./index.es42.js";
-import { Text as x, FieldError as l } from "react-aria-components";
-const n = ({ description: t, isInvalid: r, errorMessage: s }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-  t && !r && /* @__PURE__ */ e.jsx(x, { slot: "description", className: "text-xs leading-5 text-neutral-700", children: t }),
-  s && r && /* @__PURE__ */ e.jsx(l, { className: "text-sm leading-6 text-error-500", children: s })
-] });
+import { j as n } from "./index.es47.js";
+import { cn as x } from "./index.es48.js";
+const m = ({
+  description: t,
+  descriptionClasses: i,
+  errorMessage: r,
+  errorClasses: s,
+  isInvalidField: e
+}) => t && !e ? /* @__PURE__ */ n.jsx("div", { slot: "description", className: x("text-xs leading-3 text-neutral-700", i), children: t }) : r && e ? /* @__PURE__ */ n.jsx("div", { className: x("text-xs leading-3 text-error-500", s), children: r }) : null;
 export {
-  n as SearchFieldMessages
+  m as CaptionNumberField
 };

package/dist/index.es78.js

@@ -1,44 +1,14 @@
-import { j as e } from "./index.es42.js";
-import { useState as m, useEffect as u } from "react";
-import { Popover as v } from "react-aria-components";
-import { NoResultsMessage as a } from "./index.es113.js";
-import { SearchListBox as h } from "./index.es114.js";
-import { popoverVariants as x } from "./index.es65.js";
-const z = ({
-  triggerRef: o,
-  hasNoResults: n,
-  noResultsText: i,
-  items: p,
-  onItemSelect: c
-}) => {
-  const [s, d] = m(void 0);
-  return u(() => {
-    if (!(o != null && o.current))
-      return;
-    const r = () => {
-      if (o.current) {
-        const t = o.current.offsetWidth;
-        d(t);
-      }
-    };
-    if (r(), typeof ResizeObserver < "u") {
-      const t = new ResizeObserver(() => {
-        r();
-      });
-      return o.current && t.observe(o.current), () => {
-        t.disconnect();
-      };
-    }
-  }, [o]), /* @__PURE__ */ e.jsx(
-    v,
-    {
-      className: x(),
-      triggerRef: o,
-      style: s !== void 0 ? { width: `${s}px`, minWidth: `${s}px` } : void 0,
-      children: n ? /* @__PURE__ */ e.jsx(a, { text: i }) : /* @__PURE__ */ e.jsx(h, { items: p, onItemSelect: c })
-    }
-  );
+import { j as e } from "./index.es47.js";
+import { UpChevronIcon as n, DownChevronIcon as o } from "./index.es49.js";
+import { Button as s } from "react-aria-components";
+import { cn as c } from "./index.es48.js";
+const x = ({ isDisabled: r }) => {
+  const t = c("flex items-center justify-center", r ? "text-neutral-600" : "text-primary-500");
+  return /* @__PURE__ */ e.jsxs("div", { className: "absolute inset-y-0 right-0 flex flex-col items-center justify-center space-y-0.5 pr-2", children: [
+    /* @__PURE__ */ e.jsx(s, { slot: "increment", className: t, children: /* @__PURE__ */ e.jsx(n, { className: "size-3.5" }) }),
+    /* @__PURE__ */ e.jsx(s, { slot: "decrement", className: t, children: /* @__PURE__ */ e.jsx(o, { className: "size-3.5" }) })
+  ] });
 };
 export {
-  z as SearchFieldPopover
+  x as StepperButton
 };

package/dist/index.es79.js

@@ -1,22 +1,12 @@
-function i(e) {
-  return {
-    delay: e.delay ?? 300,
-    size: e.size ?? "md",
-    noResultsText: e.noResultsText ?? "No results found",
-    allowMultipleValues: e.allowMultipleValues ?? !1,
-    ...e
-  };
-}
-function n(e, t) {
-  if (!t.trim())
-    return [{ text: e, highlight: !1 }];
-  const s = new RegExp(`(${t})`, "gi");
-  return e.split(s).filter(Boolean).map((l) => ({
-    text: l,
-    highlight: l.toLowerCase() === t.toLowerCase()
-  }));
-}
+import { j as d } from "./index.es47.js";
+import { forwardRef as p } from "react";
+import { cn as f } from "./index.es48.js";
+import { overlayVariants as v } from "./index.es118.js";
+const y = (e, a) => {
+  const { zIndex: s = 200, opacity: t = "md", blur: o = "sm", children: m, className: c, center: r = !0, fixed: i, ...n } = e, l = f(v({ opacity: t, fixed: i, center: r, blur: o }), `z-[${s}]`, c);
+  return /* @__PURE__ */ d.jsx("div", { ref: a, className: l, "data-center": r || void 0, ...n, children: m });
+}, x = p(y);
+x.displayName = "Overlay";
 export {
-  n as getHighlightedParts,
-  i as getSearchFieldDefaultProps
+  x as Overlay
 };

package/dist/index.es8.js

@@ -1,8 +1,8 @@
-import { j as e } from "./index.es42.js";
+import { j as e } from "./index.es47.js";
 import { Checkbox as h } from "react-aria-components";
-import { cn as m } from "./index.es43.js";
-import { MarkIcon as i } from "./index.es70.js";
-import { checkboxVariants as j } from "./index.es57.js";
+import { cn as m } from "./index.es48.js";
+import { MarkIcon as i } from "./index.es75.js";
+import { checkboxVariants as j } from "./index.es55.js";
 const g = ({
   isIndeterminate: x = !1,
   isDisabled: a = !1,