@simpli-route/apollo-ds 0.1.70 → 0.1.72

package/dist/index.es29.js

@@ -1,81 +1,122 @@
-import { j as s } from "./index.es47.js";
-import { useMemo as S } from "react";
-import { ComboBox as M, Input as P } from "react-aria-components";
-import { cn as R } from "./index.es48.js";
-import { useDebouncedValue as V } from "./index.es81.js";
-import "./index.es15.js";
-import { Label as v } from "./index.es16.js";
-import { inputVariants as y } from "./index.es65.js";
-import { MultiSearchField as N } from "./index.es82.js";
-import { SearchFieldIconContainer as B } from "./index.es83.js";
-import { SearchFieldMessages as D } from "./index.es84.js";
-import { SearchFieldPopover as H } from "./index.es85.js";
-import { getSearchFieldDefaultProps as z, getHighlightedParts as E } from "./index.es86.js";
-const Y = (t) => {
+import { j as t } from "./index.es49.js";
+import { motion as D } from "framer-motion";
+import { ProgressBar as I } from "react-aria-components";
+import "react";
+import { cn as s } from "./index.es50.js";
+import "./index.es17.js";
+import { Label as M } from "./index.es18.js";
+import "./index.es52.js";
+import "./index.es16.js";
+import "react-aria";
+import "./index.es54.js";
+import "./index.es5.js";
+import "./index.es7.js";
+import "./index.es55.js";
+import "./index.es56.js";
+import "./index.es57.js";
+import "./index.es58.js";
+import "@react-stately/color";
+import "./index.es59.js";
+import "./index.es60.js";
+import "./index.es61.js";
+import { Tooltip as S } from "./index.es45.js";
+import { TooltipTrigger as $ } from "./index.es46.js";
+import "./index.es63.js";
+import "@internationalized/date";
+import "./index.es64.js";
+import "./index.es20.js";
+import "./index.es65.js";
+import "./index.es22.js";
+import "./index.es66.js";
+import "./index.es26.js";
+import "./index.es27.js";
+import "./index.es67.js";
+import { progressBarVariants as k, progressFillVariants as z } from "./index.es68.js";
+import "./index.es69.js";
+import "./index.es70.js";
+import "./index.es71.js";
+import "./index.es32.js";
+import "./index.es72.js";
+import "./index.es35.js";
+import "./index.es36.js";
+import "./index.es37.js";
+import "./index.es73.js";
+import "./index.es39.js";
+import "./index.es74.js";
+import "./index.es75.js";
+import { Text as d } from "./index.es47.js";
+import "./index.es76.js";
+const It = (f) => {
   const {
-    label: a,
-    onReset: i,
-    placeholder: d,
-    isDisabled: r,
-    delay: n,
-    searchIcon: u,
-    clearIcon: p,
-    size: c,
-    description: f,
-    inputValue: m,
-    isInvalid: g,
-    errorMessage: x,
-    items: l,
-    allowMultipleValues: b,
-    noResultsText: j,
-    containerClassName: C,
-    ...I
-  } = z(t), e = V(m, n ?? n), w = !!(e && i), h = S(() => e ? l.filter((o) => o.label.toLowerCase().includes(e.toLowerCase())).map((o) => {
-    const F = !!(e && o.label.toLowerCase().includes(e.toLowerCase())), L = E(o.label, e ?? "");
-    return { ...o, shouldHighlight: F, highlightedParts: L };
-  }) : l.map((o) => ({
-    ...o,
-    shouldHighlight: !1,
-    highlightedParts: [{ text: o.label, highlight: !1 }]
-  })), [e, l]);
-  return b ? /* @__PURE__ */ s.jsx(N, { ...t }) : /* @__PURE__ */ s.jsxs(M, { inputValue: m, isDisabled: r, allowsEmptyCollection: !0, ...I, children: [
-    a && /* @__PURE__ */ s.jsx(v, { children: a }),
-    /* @__PURE__ */ s.jsxs("div", { className: R("relative flex items-center", C), children: [
-      /* @__PURE__ */ s.jsx(
-        P,
-        {
-          placeholder: d,
-          className: y({
-            size: c ?? c,
-            isDisabled: r,
-            hasIcon: !0
-          }),
-          disabled: r,
-          readOnly: t.isReadOnly
-        }
-      ),
-      /* @__PURE__ */ s.jsx(
-        B,
-        {
-          showClearIcon: w,
-          clearIcon: p,
-          searchIcon: u,
-          isDisabled: r,
-          onReset: i
-        }
-      )
-    ] }),
-    /* @__PURE__ */ s.jsx(D, { description: f, isInvalid: g, errorMessage: x }),
-    /* @__PURE__ */ s.jsx(
-      H,
-      {
-        hasNoResults: h.length === 0 && !!e,
-        noResultsText: j,
-        items: h
-      }
-    )
-  ] });
+    className: h,
+    classNameLabel: N,
+    label: o,
+    variant: p = "primary",
+    barClassName: u,
+    fillClassName: g,
+    valueTextClassName: n,
+    isLoading: e = !1,
+    showPercentage: x = !0,
+    percentageDisplayMode: i = "text",
+    positionTooltip: j = "top",
+    modeTooltip: b = "dark",
+    maxValue: w = 100,
+    minValue: y = 0,
+    valueCustomLabel: r,
+    valuePosition: c = "right",
+    classNameTooltip: v,
+    tooltipMessage: a,
+    barStyle: C = {},
+    fillStyle: T = {},
+    ...L
+  } = f, P = s("flex w-full flex-col gap-2 text-neutral-900", h), B = s(k({ variant: p }), u), V = s(z({ variant: p }), g);
+  return /* @__PURE__ */ t.jsx(I, { className: P, maxValue: w, minValue: y, ...L, children: ({ percentage: l, valueText: m }) => /* @__PURE__ */ t.jsxs(
+    "div",
+    {
+      className: s("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: s("leading-[19.07px] text-left", N), children: o }) : null,
+          /* @__PURE__ */ t.jsxs(
+            $,
+            {
+              isDisabled: i === "text" && !a || e,
+              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: e ? "100%" : `${l}%`, ...T },
+                    animate: e ? { x: ["-100%", "100%"] } : { width: l + "%", x: [0, 0] },
+                    transition: e ? { repeat: 1 / 0, duration: 1, ease: "easeInOut" } : {}
+                  }
+                ) }),
+                /* @__PURE__ */ t.jsx(
+                  S,
+                  {
+                    className: s("text-xs", v),
+                    style: i === "tooltip" ? { left: l + "%" } : {},
+                    mode: b,
+                    size: "sm",
+                    placement: j,
+                    children: a && i === "text" ? a : r || m
+                  }
+                )
+              ]
+            }
+          ),
+          !e && x && i === "text" && c === "bottom" && /* @__PURE__ */ t.jsx("div", { className: "mt-0.5 self-end", children: /* @__PURE__ */ t.jsx(d, { className: s("whitespace-nowrap text-xs text-neutral-900", n), children: r || m }) })
+        ] }),
+        !e && x && i === "text" && c === "right" && /* @__PURE__ */ t.jsx("div", { className: o ? "-mb-0.5" : "", children: /* @__PURE__ */ t.jsx(d, { className: s("whitespace-nowrap text-xs text-neutral-900", n), children: r || m }) })
+      ]
+    }
+  ) });
 };
 export {
-  Y as SearchField
+  It as ProgressBar
 };

package/dist/index.es3.js

@@ -1,6 +1,6 @@
-import { j as r } from "./index.es47.js";
-import { MinusIcon as p, PlusIcon as x } from "./index.es49.js";
-import { cn as e } from "./index.es48.js";
+import { j as r } from "./index.es49.js";
+import { MinusIcon as p, PlusIcon as x } from "./index.es51.js";
+import { cn as e } from "./index.es50.js";
 const h = ({
   label: t,
   section: n,

package/dist/index.es30.js

@@ -1,98 +1,101 @@
-import { j as s } from "./index.es47.js";
-import { forwardRef as w, useState as h } from "react";
-import { useFilter as G, Select as H, Popover as J } from "react-aria-components";
-import { cn as c } from "./index.es48.js";
-import "./index.es15.js";
-import { Label as K } from "./index.es16.js";
-import { PopoverContent as Q } from "./index.es73.js";
-import { SelectContent as U } from "./index.es87.js";
-import { selectInputPopoverVariants as W } from "./index.es54.js";
-const X = (S, v) => {
-  const {
-    label: p,
-    items: b,
-    selectionMode: l = "single",
-    value: m,
-    defaultValue: f,
-    placeholder: N = "Select",
-    isDisabled: r = !1,
-    isRequired: g = !1,
-    size: C = "xs",
-    className: j,
-    classNameLabel: u,
-    classNameButton: I,
-    classNamePopover: P,
-    tooltipText: L,
-    tooltipSupportText: O,
-    tooltipProps: y,
-    onChange: o,
-    maxLengthTextOption: A = 18,
-    placeholderSearch: V = "Search",
-    enableSearch: F = !1,
-    classNameSearchField: R,
-    classNameSearchFieldInput: T,
-    virtualizedList: z = !1,
-    ...D
-  } = S, { contains: q } = G({ sensitivity: "base" }), [d, n] = h(!1), [B, x] = h(() => f !== void 0 ? f : l === "multiple" ? [] : null), i = m !== void 0, a = i ? m : B, E = (t) => {
-    if (l === "multiple" && a && Array.isArray(a)) {
-      const e = a.filter((k) => k !== t);
-      i || x(e), o && o(e);
+import { j as e } from "./index.es49.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.es51.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.es50.js";
+import { rangeCalendarHeaderVariants as D, rangeCalendarButtonVariants as R, rangeCalendarHeaderCellVariants as W, rangeCalendarHeadingVariants as Z } from "./index.es69.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 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,
+    {
+      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)) })
     }
-  }, M = (t) => {
-    let e;
-    l === "multiple" ? e = t instanceof Set ? Array.from(t) : t : (e = t, n(!1)), i || x(e), o && o(e);
-  }, _ = {
-    className: c("flex w-full flex-col gap-1", j),
-    selectionMode: l,
-    isDisabled: r,
-    value: a,
-    onChange: M,
-    ...D
-  };
-  return /* @__PURE__ */ s.jsxs(H, { ..._, children: [
-    p ? /* @__PURE__ */ s.jsx(
-      K,
-      {
-        labelClassName: c("mb-[1px] text-left leading-[19.07px]", {
-          "text-neutral-700": r,
-          [u || ""]: !!u
-        }),
-        isRequired: g,
-        tooltipText: L,
-        tooltipSupportText: O,
-        tooltipProps: y,
-        children: p
-      }
-    ) : null,
-    /* @__PURE__ */ s.jsx(
-      U,
-      {
-        ref: v,
-        isOpen: d,
-        setIsOpen: n,
-        size: C,
-        isDisabled: r,
-        classNameButton: I,
-        selectionMode: l,
-        maxLengthTextOption: A,
-        handleDeleteOptionSelected: E,
-        placeholder: N
-      }
-    ),
-    /* @__PURE__ */ s.jsx(J, { className: c(W(), P), isOpen: d, onOpenChange: n, children: /* @__PURE__ */ s.jsx(
-      Q,
-      {
-        enableSearch: F,
-        contains: q,
-        classNameSearchField: R,
-        classNameSearchFieldInput: T,
-        placeholderSearch: V,
-        items: b,
-        virtualizedList: z
-      }
-    ) })
-  ] });
-}, re = w(X);
+  );
+};
 export {
-  re as SelectInput
+  ee as RangeCalendar
 };

package/dist/index.es31.js

@@ -1,80 +1,85 @@
-import { j as m } from "./index.es47.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.es48.js";
-import { SliderContainerTrack as G } from "./index.es91.js";
-import { validateMinDistance as H } from "./index.es92.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,
-  ...$
-}) => {
-  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,
-    {
-      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
-          );
+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.es50.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
+            }),
+            w
+          ),
+          disabled: t,
+          readOnly: l.isReadOnly
         }
-      },
-      ...$,
-      children: /* @__PURE__ */ m.jsx(B, { className: "relative h-3 w-full cursor-pointer", children: ({ state: s }) => /* @__PURE__ */ m.jsx(
-        G,
+      ),
+      /* @__PURE__ */ s.jsx(
+        D,
         {
-          state: s,
-          type: r,
-          showTypeValue: A,
-          isHiddenValue: w,
-          suffix: M,
-          suffixRangeCustom: P,
-          classNameFilled: v,
-          classNameUnfilled: N,
-          modeTooltip: j,
-          positionTooltip: S,
-          classNameThumb: E
+          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
+      }
+    )
+  ] });
 };
 export {
-  U as Slider
+  Z as SearchField
 };