@simpli-route/apollo-ds 0.1.82 → 0.1.84

package/dist/index.es31.js

@@ -1,85 +1,94 @@
-import { j as s } from "./index.es49.js";
-import { useMemo as N } from "react";
-import { ComboBox as P, Input as R } from "react-aria-components";
-import { cn as d } from "./index.es51.js";
-import { useDebouncedValue as V } from "./index.es86.js";
-import "./index.es17.js";
-import { Label as v } from "./index.es18.js";
-import { inputVariants as y } from "./index.es70.js";
-import { MultiSearchField as B } from "./index.es87.js";
-import { SearchFieldIconContainer as D } from "./index.es88.js";
-import { SearchFieldMessages as H } from "./index.es89.js";
-import { SearchFieldPopover as z } from "./index.es90.js";
-import { getSearchFieldDefaultProps as E, getHighlightedParts as O } from "./index.es91.js";
-const Z = (l) => {
-  const {
-    label: a,
-    onReset: i,
-    placeholder: u,
-    isDisabled: t,
-    delay: n,
-    searchIcon: p,
-    clearIcon: f,
-    size: c,
-    description: g,
-    inputValue: m,
-    isInvalid: x,
-    errorMessage: b,
-    items: r,
-    allowMultipleValues: j,
-    noResultsText: I,
-    containerClassName: C,
-    classNameInput: w,
-    ...F
-  } = E(l), e = V(m, n ?? n), L = !!(e && i), h = N(() => e ? r.filter((o) => o.label.toLowerCase().includes(e.toLowerCase())).map((o) => {
-    const S = !!(e && o.label.toLowerCase().includes(e.toLowerCase())), M = O(o.label, e ?? "");
-    return { ...o, shouldHighlight: S, highlightedParts: M };
-  }) : r.map((o) => ({
-    ...o,
-    shouldHighlight: !1,
-    highlightedParts: [{ text: o.label, highlight: !1 }]
-  })), [e, r]);
-  return j ? /* @__PURE__ */ s.jsx(B, { ...l }) : /* @__PURE__ */ s.jsxs(P, { inputValue: m, isDisabled: t, allowsEmptyCollection: !0, ...F, children: [
-    a && /* @__PURE__ */ s.jsx(v, { children: a }),
-    /* @__PURE__ */ s.jsxs("div", { className: d("relative flex items-center", C), children: [
-      /* @__PURE__ */ s.jsx(
-        R,
-        {
-          placeholder: u,
-          className: d(
-            y({
-              size: c ?? c,
-              isDisabled: t,
-              hasIcon: !0
+import { j as r } from "./index.es52.js";
+import { NumberField as w, Group as B, Input as E } from "react-aria-components";
+import { cn as t } from "./index.es54.js";
+import "./index.es20.js";
+import { Label as G } from "./index.es21.js";
+import { CaptionNumberField as S } from "./index.es90.js";
+import { StepperButton as V } from "./index.es91.js";
+import { inputNumberVariant as _ } from "./index.es72.js";
+const K = ({
+  size: o = "sm",
+  label: i,
+  description: s,
+  errorMessage: n,
+  isDisabled: e = !1,
+  isReadOnly: l = !1,
+  isRequired: p = !1,
+  tooltipText: f,
+  tooltipSupportText: u,
+  tooltipProps: d,
+  className: x,
+  descriptionClasses: c,
+  errorClasses: N,
+  validationState: m = "default",
+  inputClassName: j,
+  maxValue: v,
+  minValue: b = 0,
+  autoFocus: F = !1,
+  maxLength: h,
+  classNameNumberField: C,
+  ...I
+}) => {
+  const a = m === "invalid" && !e;
+  return /* @__PURE__ */ r.jsx("div", { className: t("flex", x), children: /* @__PURE__ */ r.jsxs(
+    w,
+    {
+      autoFocus: F,
+      className: t(e ? "opacity-70" : "", C),
+      isDisabled: e,
+      isReadOnly: l,
+      maxValue: v,
+      minValue: b,
+      ...I,
+      children: [
+        /* @__PURE__ */ r.jsx(
+          G,
+          {
+            labelClassName: t("leading-[19.07px] text-left mb-0.5", {
+              "text-neutral-700": e
             }),
-            w
+            isRequired: p,
+            tooltipText: f,
+            tooltipSupportText: u,
+            tooltipProps: d,
+            children: i
+          }
+        ),
+        /* @__PURE__ */ r.jsxs(B, { className: "relative mb-0.5 w-full rounded", children: [
+          /* @__PURE__ */ r.jsx(
+            E,
+            {
+              disabled: e,
+              maxLength: h,
+              className: ({ isFocused: L, isHovered: g }) => t(
+                _({
+                  size: o,
+                  isDisabled: e,
+                  isReadOnly: l,
+                  isHovered: g,
+                  isFocused: L,
+                  validationState: m === "valid" ? "valid" : a ? "invalid" : "default"
+                }),
+                j
+              )
+            }
           ),
-          disabled: t,
-          readOnly: l.isReadOnly
-        }
-      ),
-      /* @__PURE__ */ s.jsx(
-        D,
-        {
-          showClearIcon: L,
-          clearIcon: f,
-          searchIcon: p,
-          isDisabled: t,
-          onReset: i
-        }
-      )
-    ] }),
-    /* @__PURE__ */ s.jsx(H, { description: g, isInvalid: x, errorMessage: b }),
-    /* @__PURE__ */ s.jsx(
-      z,
-      {
-        hasNoResults: h.length === 0 && !!e,
-        noResultsText: I,
-        items: h
-      }
-    )
-  ] });
+          /* @__PURE__ */ r.jsx(V, { isDisabled: e })
+        ] }),
+        /* @__PURE__ */ r.jsx(
+          S,
+          {
+            description: s,
+            descriptionClasses: c,
+            errorMessage: n,
+            errorClasses: N,
+            isInvalidField: a
+          }
+        )
+      ]
+    }
+  ) });
 };
 export {
-  Z as SearchField
+  K as NumberField
 };

package/dist/index.es32.js

@@ -1,122 +1,124 @@
-import { j as e } from "./index.es49.js";
-import { forwardRef as U, useState as W } from "react";
-import { useFilter as X, Popover as Y, FieldError as Z, Select as C } from "react-aria-components";
-import { cn as n } from "./index.es51.js";
-import "./index.es17.js";
-import { Label as $ } from "./index.es18.js";
-import { PopoverContent as ee } from "./index.es82.js";
-import { SelectContent as le } from "./index.es99.js";
-import { selectInputPopoverVariants as te } from "./index.es59.js";
-const se = (I, P) => {
+import { j as t } from "./index.es52.js";
+import { motion as D } from "framer-motion";
+import { ProgressBar as I } from "react-aria-components";
+import "react";
+import { cn as r } from "./index.es54.js";
+import "./index.es20.js";
+import { Label as M } from "./index.es21.js";
+import "./index.es56.js";
+import "./index.es19.js";
+import "react-aria";
+import "./index.es58.js";
+import "./index.es5.js";
+import "./index.es7.js";
+import "./index.es55.js";
+import "./index.es59.js";
+import "./index.es60.js";
+import "./index.es61.js";
+import "@react-stately/color";
+import "./index.es62.js";
+import "./index.es63.js";
+import "./index.es64.js";
+import "./index.es65.js";
+import "./index.es66.js";
+import { Tooltip as S } from "./index.es48.js";
+import { TooltipTrigger as $ } from "./index.es49.js";
+import "./index.es68.js";
+import "@internationalized/date";
+import "./index.es69.js";
+import "./index.es23.js";
+import "./index.es70.js";
+import "./index.es25.js";
+import "./index.es71.js";
+import "./index.es29.js";
+import "./index.es30.js";
+import "./index.es72.js";
+import { progressBarVariants as k, progressFillVariants as z } from "./index.es73.js";
+import "./index.es74.js";
+import "./index.es75.js";
+import "./index.es76.js";
+import "./index.es35.js";
+import "./index.es77.js";
+import "./index.es38.js";
+import "./index.es39.js";
+import "./index.es40.js";
+import "./index.es78.js";
+import "./index.es42.js";
+import "./index.es79.js";
+import "./index.es80.js";
+import { Text as d } from "./index.es50.js";
+import "./index.es81.js";
+const St = (f) => {
   const {
-    label: p,
-    items: V,
-    selectionMode: r = "single",
-    value: u,
-    defaultValue: d,
-    placeholder: F = "Select",
-    isDisabled: s = !1,
-    isRequired: L = !1,
-    size: y = "xs",
-    className: M,
-    classNameLabel: f,
-    classNameButton: O,
-    classNamePopover: R,
-    tooltipText: T,
-    tooltipSupportText: w,
-    tooltipProps: z,
-    onChange: l,
-    maxLengthTextOption: A = 18,
-    placeholderSearch: D = "Search",
-    enableSearch: E = !1,
-    classNameSearchField: q,
-    classNameSearchFieldInput: B,
-    virtualizedList: _ = !1,
-    validationState: x,
-    errorMessage: o,
-    errorClassName: k,
-    onOpenChange: i,
-    ...h
-  } = I, { contains: G } = X({ sensitivity: "base" }), [H, v] = W(() => d !== void 0 ? d : r === "multiple" ? [] : null), c = u !== void 0, a = c ? u : H, S = (t) => {
-    i == null || i(t);
-  }, m = x === "invalid" && !s, J = n("text-sm leading-6 text-error-500", k), K = (t) => {
-    if (r === "multiple" && a && Array.isArray(a)) {
-      const b = a.filter((Q) => Q !== t);
-      c || v(b), l == null || l(b);
-    }
-  }, N = (t) => {
-    c || v(t), l == null || l(t);
-  }, g = n("flex w-full flex-col gap-1", M), j = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    p ? /* @__PURE__ */ e.jsx(
-      $,
-      {
-        labelClassName: n("mb-[1px] text-left leading-[19.07px]", {
-          "text-neutral-700": s,
-          [f || ""]: !!f
-        }),
-        isRequired: L,
-        tooltipText: T,
-        tooltipSupportText: w,
-        tooltipProps: z,
-        children: p
-      }
-    ) : null,
-    /* @__PURE__ */ e.jsx(
-      le,
-      {
-        ref: P,
-        size: y,
-        isDisabled: s,
-        classNameButton: O,
-        selectionMode: r,
-        maxLengthTextOption: A,
-        handleDeleteOptionSelected: K,
-        placeholder: F,
-        validationState: x
-      }
-    ),
-    /* @__PURE__ */ e.jsx(Y, { className: n(te(), R), children: /* @__PURE__ */ e.jsx(
-      ee,
-      {
-        enableSearch: E,
-        contains: G,
-        classNameSearchField: q,
-        classNameSearchFieldInput: B,
-        placeholderSearch: D,
-        items: V,
-        virtualizedList: _
-      }
-    ) }),
-    m && o ? /* @__PURE__ */ e.jsx(Z, { className: J, children: typeof o != "function" ? o : null }) : null
-  ] });
-  return r === "multiple" ? /* @__PURE__ */ e.jsx(
-    C,
-    {
-      ...h,
-      className: g,
-      selectionMode: "multiple",
-      isDisabled: s,
-      isInvalid: m,
-      value: a,
-      onOpenChange: S,
-      onChange: N,
-      children: j
-    }
-  ) : /* @__PURE__ */ e.jsx(
-    C,
+    className: h,
+    classNameLabel: N,
+    label: o,
+    variant: p = "primary",
+    barClassName: u,
+    fillClassName: g,
+    valueTextClassName: n,
+    isLoading: s = !1,
+    showPercentage: x = !0,
+    percentageDisplayMode: i = "text",
+    positionTooltip: j = "top",
+    modeTooltip: b = "dark",
+    maxValue: w = 100,
+    minValue: y = 0,
+    valueCustomLabel: e,
+    valuePosition: c = "right",
+    classNameTooltip: v,
+    tooltipMessage: a,
+    barStyle: C = {},
+    fillStyle: T = {},
+    ...L
+  } = f, P = r("flex w-full flex-col gap-2 text-neutral-900", h), B = r(k({ variant: p }), u), V = r(z({ variant: p }), g);
+  return /* @__PURE__ */ t.jsx(I, { className: P, maxValue: w, minValue: y, ...L, children: ({ percentage: m, valueText: l }) => /* @__PURE__ */ t.jsxs(
+    "div",
     {
-      ...h,
-      className: g,
-      selectionMode: "single",
-      isDisabled: s,
-      isInvalid: m,
-      value: a,
-      onOpenChange: S,
-      onChange: N,
-      children: j
+      className: r("flex w-full items-center gap-2", {
+        "items-end": o
+      }),
+      children: [
+        /* @__PURE__ */ t.jsxs("div", { className: "flex w-full flex-col gap-1", children: [
+          o ? /* @__PURE__ */ t.jsx(M, { labelClassName: r("leading-[19.07px] text-left", N), children: o }) : null,
+          /* @__PURE__ */ t.jsxs(
+            $,
+            {
+              isDisabled: i === "text" && !a || s,
+              className: "items-start",
+              delay: 90,
+              closeDelay: 200,
+              children: [
+                /* @__PURE__ */ t.jsx("div", { className: B, style: C, children: /* @__PURE__ */ t.jsx(
+                  D.div,
+                  {
+                    className: V,
+                    style: { width: s ? "100%" : `${m}%`, ...T },
+                    animate: s ? { x: ["-100%", "100%"] } : { width: m + "%", x: [0, 0] },
+                    transition: s ? { repeat: 1 / 0, duration: 1, ease: "easeInOut" } : {}
+                  }
+                ) }),
+                /* @__PURE__ */ t.jsx(
+                  S,
+                  {
+                    className: r("text-xs", v),
+                    style: i === "tooltip" ? { left: m + "%" } : {},
+                    mode: b,
+                    size: "sm",
+                    placement: j,
+                    children: a && i === "text" ? a : e || l
+                  }
+                )
+              ]
+            }
+          ),
+          !s && x && i === "text" && c === "bottom" && /* @__PURE__ */ t.jsx("div", { className: "mt-0.5 self-end", children: /* @__PURE__ */ t.jsx(d, { className: r("whitespace-nowrap text-xs text-neutral-900", n), children: e || l }) })
+        ] }),
+        !s && x && i === "text" && c === "right" && /* @__PURE__ */ t.jsx("div", { className: o ? "-mb-0.5" : "", children: /* @__PURE__ */ t.jsx(d, { className: r("whitespace-nowrap text-xs text-neutral-900", n), children: e || l }) })
+      ]
     }
-  );
-}, de = U(se);
+  ) });
+};
 export {
-  de as SelectInput
+  St as ProgressBar
 };

package/dist/index.es33.js

@@ -1,80 +1,101 @@
-import { j as m } from "./index.es49.js";
-import { useState as q, useEffect as x } from "react";
-import { Slider as z, SliderTrack as B } from "react-aria-components";
-import { cn as F } from "./index.es51.js";
-import { SliderContainerTrack as G } from "./index.es100.js";
-import { validateMinDistance as H } from "./index.es101.js";
-const U = ({
-  type: r = "single",
-  showTypeValue: A = "default",
-  positionTooltip: S = "top",
-  modeTooltip: j = "dark",
-  isHiddenValue: w = !1,
-  maxValue: T = 100,
-  minValue: k = 0,
-  value: f = r === "range" ? [0, 5] : 0,
-  onChangeValue: i,
-  className: p,
-  classNameFilled: v,
-  classNameUnfilled: N,
-  classNameThumb: E,
-  suffix: M = "%",
-  suffixRangeCustom: P = {
-    left: "",
-    right: ""
-  },
-  step: R = 1,
-  minDistance: d = 2,
-  ...$
+import { j as e } from "./index.es52.js";
+import { isSameMonth as L, isSameDay as m, getDayOfWeek as z, startOfMonth as O, getLocalTimeZone as V } from "@internationalized/date";
+import { LeftChevronIcon as B, RightChevronIcon as E } from "./index.es53.js";
+import { useLocale as G } from "react-aria";
+import { RangeCalendar as I, Button as N, CalendarGrid as F, CalendarGridHeader as T, CalendarHeaderCell as U, CalendarGridBody as k, RangeCalendarStateContext as j, CalendarCell as A } from "react-aria-components";
+import { cn as g } from "./index.es54.js";
+import { rangeCalendarHeaderVariants as D, rangeCalendarButtonVariants as R, rangeCalendarHeaderCellVariants as W, rangeCalendarHeadingVariants as Z } from "./index.es74.js";
+const _ = ({ monthOffset: d, locale: o }) => /* @__PURE__ */ e.jsx(j.Consumer, { children: (a) => {
+  if (!a)
+    return null;
+  const u = a.visibleRange.start, f = O(u).add({ months: d }).toDate(V()).toLocaleDateString(o, {
+    month: "long",
+    year: "numeric"
+  });
+  return /* @__PURE__ */ e.jsx("h2", { className: g(Z(), "lowercase first-letter:uppercase"), children: f });
+} }), ee = ({
+  className: d,
+  visibleDuration: o = { months: 2 },
+  firstDayOfWeek: a = "sun",
+  pageBehavior: u = "visible",
+  ...y
 }) => {
-  const [l, b] = q(r);
-  return x(() => {
-    if (r === "range" && Array.isArray(f)) {
-      const [s, t] = f;
-      if (t - s < d) {
-        const c = [s, s + d];
-        (c[0] !== f[0] || c[1] !== f[1]) && (i == null || i(c));
-      }
-    }
-  }, [r, f, i, d]), x(() => {
-    l !== r && (b(r), i == null || i(r === "range" ? [0, 5] : 0));
-  }, [r, i, l]), /* @__PURE__ */ m.jsx("div", { className: "flex w-full flex-col py-4", children: /* @__PURE__ */ m.jsx(
-    z,
+  const f = (o == null ? void 0 : o.months) || 2, x = Array.from({ length: f }, (r, n) => n), { locale: v = "en-US" } = G(), C = typeof a == "number" ? a : {
+    sun: 0,
+    mon: 1,
+    tue: 2,
+    wed: 3,
+    thu: 4,
+    fri: 5,
+    sat: 6
+  }[a] ?? 0, b = (C + 6) % 7;
+  return /* @__PURE__ */ e.jsx(
+    I,
     {
-      value: f,
-      step: R,
-      maxValue: T,
-      minValue: k,
-      className: F("w-full", p),
-      onChange: (s) => {
-        const t = s;
-        if (t !== void 0) {
-          const c = Array.isArray(t), o = r === "range" && c ? H(t, r, d) : t;
-          i == null || i(
-            r === "range" ? o : Array.isArray(o) ? o[0] || 0 : o
-          );
-        }
-      },
-      ...$,
-      children: /* @__PURE__ */ m.jsx(B, { className: "relative h-3 w-full cursor-pointer", children: ({ state: s }) => /* @__PURE__ */ m.jsx(
-        G,
-        {
-          state: s,
-          type: r,
-          showTypeValue: A,
-          isHiddenValue: w,
-          suffix: M,
-          suffixRangeCustom: P,
-          classNameFilled: v,
-          classNameUnfilled: N,
-          modeTooltip: j,
-          positionTooltip: S,
-          classNameThumb: E
-        }
-      ) })
+      className: g("rounded bg-neutral-50 px-2.5 py-2", d),
+      style: { boxShadow: "0px 0px 4px 0px #00000040" },
+      visibleDuration: o,
+      firstDayOfWeek: a,
+      pageBehavior: u,
+      ...y,
+      children: /* @__PURE__ */ e.jsx("div", { className: "flex items-start gap-8 overflow-auto", children: x.map((r) => /* @__PURE__ */ e.jsxs("div", { className: "flex min-w-[280px] flex-col", children: [
+        /* @__PURE__ */ e.jsxs("header", { className: D(), children: [
+          r === 0 && /* @__PURE__ */ e.jsx(N, { slot: "previous", className: R(), children: /* @__PURE__ */ e.jsx(B, { className: "size-5" }) }),
+          r !== 0 && /* @__PURE__ */ e.jsx("div", { className: "w-8" }),
+          /* @__PURE__ */ e.jsx(_, { monthOffset: r, locale: v }),
+          r === x.length - 1 && /* @__PURE__ */ e.jsx(N, { slot: "next", className: R(), children: /* @__PURE__ */ e.jsx(E, { className: "size-5" }) }),
+          r !== x.length - 1 && /* @__PURE__ */ e.jsx("div", { className: "w-8" })
+        ] }),
+        /* @__PURE__ */ e.jsxs(F, { offset: r > 0 ? { months: r } : void 0, children: [
+          /* @__PURE__ */ e.jsx(T, { children: (n) => /* @__PURE__ */ e.jsx(U, { className: W(), children: n }) }),
+          /* @__PURE__ */ e.jsx(k, { children: (n) => /* @__PURE__ */ e.jsx(j.Consumer, { children: (l) => {
+            if (!l)
+              return null;
+            const w = l.visibleRange.start.add(r > 0 ? { months: r } : {}), M = !L(w, n);
+            return /* @__PURE__ */ e.jsx(
+              A,
+              {
+                date: n,
+                className: ({ isSelected: t, isDisabled: i, isFocusVisible: p }) => {
+                  const s = l.highlightedRange ? m(n, l.highlightedRange.start) : t, c = l.highlightedRange ? m(n, l.highlightedRange.end) : t, h = z(n, "en-US"), S = t && (s || h === C || n.day === 1), H = t && (c || h === b || n.day === n.calendar.getDaysInMonth(n));
+                  return g(
+                    "relative my-[1.5px] flex h-10 w-10 items-center justify-center outline-none",
+                    p ? "z-10" : "z-0",
+                    S && "rounded-l-full",
+                    H && "rounded-r-full",
+                    t && "bg-primary-100",
+                    M && "invisible",
+                    i && "cursor-not-allowed text-neutral-400"
+                  );
+                },
+                children: ({ isSelected: t, isDisabled: i, isFocusVisible: p }) => /* @__PURE__ */ e.jsx(j.Consumer, { children: (s) => {
+                  if (!s)
+                    return null;
+                  const c = s.highlightedRange ? m(n, s.highlightedRange.start) : t, h = s.highlightedRange ? m(n, s.highlightedRange.end) : t;
+                  return /* @__PURE__ */ e.jsx(
+                    "div",
+                    {
+                      className: g(
+                        "flex h-full w-full items-center justify-center rounded-full text-sm font-normal",
+                        i && "text-neutral-400",
+                        p && "ring-2 ring-blue-600 ring-offset-2",
+                        (c || h) && "bg-primary-500 text-neutral-50 hover:bg-primary-600",
+                        t && !(c || h) && "text-neutral-900 hover:bg-primary-200",
+                        !t && !i && "hover:bg-neutral-200",
+                        !i && "cursor-pointer"
+                      ),
+                      children: n.day
+                    }
+                  );
+                } })
+              }
+            );
+          } }) })
+        ] })
+      ] }, r)) })
     }
-  ) });
+  );
 };
 export {
-  U as Slider
+  ee as RangeCalendar
 };