@simpli-route/apollo-ds 0.1.70 → 0.1.72

package/dist/index.es26.js

@@ -1,94 +1,40 @@
-import { j as r } from "./index.es47.js";
-import { NumberField as w, Group as B, Input as E } from "react-aria-components";
-import { cn as t } from "./index.es48.js";
-import "./index.es15.js";
-import { Label as G } from "./index.es16.js";
-import { CaptionNumberField as S } from "./index.es78.js";
-import { StepperButton as V } from "./index.es79.js";
-import { inputNumberVariant as _ } from "./index.es62.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,
+import { j as e } from "./index.es49.js";
+import { forwardRef as x } from "react";
+import { cn as y } from "./index.es50.js";
+import { Loader as f } from "./index.es25.js";
+import { Overlay as u } from "./index.es85.js";
+const v = (s, a) => {
+  const {
+    className: l,
+    visible: t,
+    loaderProps: i = { size: "lg" },
+    overlayProps: n = { opacity: "2xl" },
+    zIndex: r = 1e3,
+    loader: o,
+    keepMounted: d,
+    blur: m = 4,
+    ...c
+  } = s, p = `calc(${r} + 1)`;
+  return !d && !t ? null : /* @__PURE__ */ e.jsxs(
+    "div",
     {
-      autoFocus: F,
-      className: t(e ? "opacity-70" : "", C),
-      isDisabled: e,
-      isReadOnly: l,
-      maxValue: v,
-      minValue: b,
-      ...I,
+      ref: a,
+      className: y(
+        "absolute inset-0 z-50 flex items-center justify-center rounded-sm",
+        `backdrop-blur-[${m}px]`,
+        "bg-white/50",
+        l
+      ),
+      style: { zIndex: r },
+      ...c,
       children: [
-        /* @__PURE__ */ r.jsx(
-          G,
-          {
-            labelClassName: t("leading-[19.07px] text-left mb-0.5", {
-              "text-neutral-700": e
-            }),
-            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
-              )
-            }
-          ),
-          /* @__PURE__ */ r.jsx(V, { isDisabled: e })
-        ] }),
-        /* @__PURE__ */ r.jsx(
-          S,
-          {
-            description: s,
-            descriptionClasses: c,
-            errorMessage: n,
-            errorClasses: N,
-            isInvalidField: a
-          }
-        )
+        /* @__PURE__ */ e.jsx("div", { style: { zIndex: p }, children: o || /* @__PURE__ */ e.jsx(f, { ...i }) }),
+        /* @__PURE__ */ e.jsx(u, { zIndex: r, ...n })
       ]
     }
-  ) });
-};
+  );
+}, j = x(v);
+j.displayName = "LoadingOverlay";
 export {
-  K as NumberField
+  j as LoadingOverlay
 };

package/dist/index.es27.js

@@ -1,119 +1,107 @@
-import { j as t } from "./index.es47.js";
-import { motion as D } from "framer-motion";
-import { ProgressBar as I } from "react-aria-components";
-import "react";
-import { cn as s } from "./index.es48.js";
-import "./index.es5.js";
-import "./index.es50.js";
-import "./index.es51.js";
-import "./index.es52.js";
-import "react-aria";
-import "./index.es53.js";
-import "@react-stately/color";
-import "./index.es54.js";
-import "./index.es55.js";
-import "./index.es56.js";
-import "./index.es15.js";
-import { Label as M } from "./index.es16.js";
-import { Tooltip as S } from "./index.es43.js";
-import { TooltipTrigger as $ } from "./index.es44.js";
-import "./index.es58.js";
-import "./index.es14.js";
-import "@internationalized/date";
-import "./index.es59.js";
-import "./index.es18.js";
-import "./index.es60.js";
-import "./index.es20.js";
-import "./index.es61.js";
-import "./index.es24.js";
-import "./index.es25.js";
-import "./index.es62.js";
-import { progressBarVariants as k, progressFillVariants as z } from "./index.es63.js";
-import "./index.es64.js";
-import "./index.es65.js";
-import "./index.es66.js";
-import "./index.es30.js";
-import "./index.es67.js";
-import "./index.es33.js";
-import "./index.es34.js";
-import "./index.es35.js";
-import "./index.es68.js";
-import "./index.es37.js";
-import "./index.es69.js";
-import "./index.es70.js";
-import { Text as d } from "./index.es45.js";
-import "./index.es71.js";
-const Bt = (f) => {
-  const {
-    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 = {},
+import { j as e } from "./index.es49.js";
+import { UpChevronIcon as B, DownChevronIcon as R } from "./index.es51.js";
+import { forwardRef as U } from "react";
+import { NumberField as _, Group as k, Input as A, Button as d, FieldError as H } from "react-aria-components";
+import { cn as r } from "./index.es50.js";
+import "./index.es17.js";
+import { Label as J } from "./index.es18.js";
+import { invisibleInputContainerVariants as K, invisibleInputLabelVariants as M, invisibleInputCaptionVariants as O } from "./index.es70.js";
+import { invisibleNumberFieldGroupVariants as P, invisibleNumberFieldVariants as Q, invisibleNumberFieldStepperVariants as t } from "./index.es67.js";
+const T = U(
+  ({
+    size: l = "bodyDefault",
+    orientation: a = "vertical",
+    label: f,
+    placeholder: p,
+    captionError: n,
+    validationState: i,
+    className: x,
+    inputClassName: N,
+    labelClassName: v,
+    captionErrorClassName: b,
+    isDisabled: s = !1,
+    isRequired: u = !1,
+    tooltipText: h,
+    tooltipSupportText: j,
+    tooltipProps: I,
+    minValue: F = 0,
+    maxValue: y,
+    step: V,
+    formatOptions: C,
+    showStepper: w = !0,
     ...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(
-            $,
+  }, g) => {
+    const G = (m, o, c) => s ? "disabled" : i === "invalid" ? "error" : o || c ? "active" : m ? "hover" : "default";
+    return /* @__PURE__ */ e.jsxs(
+      _,
+      {
+        className: r(K({ size: l, orientation: a }), x),
+        isDisabled: s,
+        isInvalid: i === "invalid",
+        isRequired: u,
+        minValue: F,
+        maxValue: y,
+        step: V,
+        formatOptions: C,
+        ...L,
+        children: [
+          f && /* @__PURE__ */ e.jsx(
+            J,
             {
-              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
-                  }
-                )
-              ]
+              labelClassName: r(
+                M({ size: l }),
+                v,
+                a === "horizontal" && i !== "invalid" ? "self-center" : "self-start"
+              ),
+              isRequired: u,
+              tooltipText: h,
+              tooltipSupportText: j,
+              tooltipProps: I,
+              children: f
             }
           ),
-          !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 }) })
-      ]
-    }
-  ) });
-};
+          /* @__PURE__ */ e.jsxs("div", { className: r("flex flex-col", a === "horizontal" ? "flex-1" : "w-full"), children: [
+            /* @__PURE__ */ e.jsxs(k, { className: r(P({ size: l })), children: [
+              /* @__PURE__ */ e.jsx(
+                A,
+                {
+                  ref: g,
+                  placeholder: p,
+                  className: ({ isHovered: m, isFocusVisible: o, isFocused: c }) => r(
+                    Q({
+                      size: l,
+                      state: G(m, o, c)
+                    }),
+                    "font-semibold",
+                    N
+                  )
+                }
+              ),
+              w && /* @__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(d, { slot: "increment", className: r(t({ size: l, isDisabled: s })), children: /* @__PURE__ */ e.jsx(B, { className: r(t({ size: l, isDisabled: s })) }) }),
+                /* @__PURE__ */ e.jsx(d, { slot: "decrement", className: r(t({ size: l, isDisabled: s })), children: /* @__PURE__ */ e.jsx(R, { className: r(t({ size: l, isDisabled: s })) }) })
+              ] })
+            ] }),
+            n && i === "invalid" && /* @__PURE__ */ e.jsx(
+              "div",
+              {
+                className: r(
+                  O({
+                    state: "error"
+                  }),
+                  b
+                ),
+                children: n
+              }
+            )
+          ] }),
+          i === "invalid" && n && /* @__PURE__ */ e.jsx(H, { className: "sr-only", children: n })
+        ]
+      }
+    );
+  }
+);
+T.displayName = "InvisibleNumberField";
 export {
-  Bt as ProgressBar
+  T as InvisibleNumberField
 };

package/dist/index.es28.js

@@ -1,101 +1,94 @@
-import { j as e } from "./index.es47.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.es49.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.es48.js";
-import { rangeCalendarHeaderVariants as D, rangeCalendarButtonVariants as R, rangeCalendarHeaderCellVariants as W, rangeCalendarHeadingVariants as Z } from "./index.es64.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
+import { j as r } from "./index.es49.js";
+import { NumberField as w, Group as B, Input as E } from "react-aria-components";
+import { cn as t } from "./index.es50.js";
+import "./index.es17.js";
+import { Label as G } from "./index.es18.js";
+import { CaptionNumberField as S } from "./index.es83.js";
+import { StepperButton as V } from "./index.es84.js";
+import { inputNumberVariant as _ } from "./index.es67.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 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,
+  const a = m === "invalid" && !e;
+  return /* @__PURE__ */ r.jsx("div", { className: t("flex", x), children: /* @__PURE__ */ r.jsxs(
+    w,
     {
-      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" })
+      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
+            }),
+            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
+              )
+            }
+          ),
+          /* @__PURE__ */ r.jsx(V, { isDisabled: e })
         ] }),
-        /* @__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)) })
+        /* @__PURE__ */ r.jsx(
+          S,
+          {
+            description: s,
+            descriptionClasses: c,
+            errorMessage: n,
+            errorClasses: N,
+            isInvalidField: a
+          }
+        )
+      ]
     }
-  );
+  ) });
 };
 export {
-  ee as RangeCalendar
+  K as NumberField
 };