@simpli-route/apollo-ds 0.1.47 → 0.1.49

package/dist/index.es23.js

@@ -1,94 +1,107 @@
-import { j as r } from "./index.es38.js";
-import { NumberField as w, Group as B, Input as E } from "react-aria-components";
-import { cn as t } from "./index.es39.js";
-import "./index.es12.js";
-import { Label as G } from "./index.es13.js";
-import { CaptionNumberField as S } from "./index.es70.js";
-import { StepperButton as V } from "./index.es71.js";
-import { inputNumberVariant as _ } from "./index.es51.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
-            }),
-            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,
+import { j as e } from "./index.es39.js";
+import { UpChevronIcon as B, DownChevronIcon as R } from "./index.es41.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.es40.js";
+import "./index.es13.js";
+import { Label as J } from "./index.es14.js";
+import { invisibleInputContainerVariants as K, invisibleInputLabelVariants as M, invisibleInputCaptionVariants as O } from "./index.es56.js";
+import { invisibleNumberFieldGroupVariants as P, invisibleNumberFieldVariants as Q, invisibleNumberFieldStepperVariants as t } from "./index.es54.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
+  }, 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,
             {
-              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
-              )
+              labelClassName: r(
+                M({ size: l }),
+                v,
+                a === "horizontal" && i !== "invalid" ? "self-center" : "self-start"
+              ),
+              isRequired: u,
+              tooltipText: h,
+              tooltipSupportText: j,
+              tooltipProps: I,
+              children: f
             }
           ),
-          /* @__PURE__ */ r.jsx(V, { isDisabled: e })
-        ] }),
-        /* @__PURE__ */ r.jsx(
-          S,
-          {
-            description: s,
-            descriptionClasses: c,
-            errorMessage: n,
-            errorClasses: N,
-            isInvalidField: a
-          }
-        )
-      ]
-    }
-  ) });
-};
+          /* @__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 {
-  K as NumberField
+  T as InvisibleNumberField
 };

package/dist/index.es24.js

@@ -1,114 +1,94 @@
-import { j as t } from "./index.es38.js";
-import { motion as D } from "framer-motion";
-import { ProgressBar as I } from "react-aria-components";
-import "react";
-import { cn as s } from "./index.es39.js";
-import "./index.es41.js";
-import "./index.es42.js";
-import "./index.es43.js";
-import "react-aria";
-import "./index.es44.js";
-import "@react-stately/color";
-import "./index.es45.js";
-import "./index.es46.js";
-import "./index.es47.js";
-import "./index.es11.js";
-import "./index.es12.js";
-import { Label as M } from "./index.es13.js";
-import "@internationalized/date";
-import "./index.es48.js";
-import "./index.es15.js";
-import "./index.es49.js";
-import "./index.es17.js";
-import "./index.es50.js";
-import "./index.es21.js";
-import "./index.es22.js";
-import "./index.es51.js";
-import { progressBarVariants as S, progressFillVariants as $ } from "./index.es52.js";
-import "./index.es53.js";
-import "./index.es54.js";
-import "./index.es26.js";
-import { Tooltip as k } from "./index.es34.js";
-import { TooltipTrigger as z } from "./index.es35.js";
-import "./index.es56.js";
-import "./index.es29.js";
-import "./index.es30.js";
-import "./index.es31.js";
-import "./index.es57.js";
-import "./index.es33.js";
-import { Text as d } from "./index.es36.js";
-import "./index.es58.js";
-const vt = (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 = {},
-    ...L
-  } = f, P = s("flex w-full flex-col gap-2 text-neutral-900", h), B = s(S({ variant: p }), u), V = s($({ variant: p }), g);
-  return /* @__PURE__ */ t.jsx(I, { className: P, maxValue: w, minValue: y, ...L, children: ({ percentage: l, valueText: m }) => /* @__PURE__ */ t.jsxs(
-    "div",
+import { j as r } from "./index.es39.js";
+import { NumberField as w, Group as B, Input as E } from "react-aria-components";
+import { cn as t } from "./index.es40.js";
+import "./index.es13.js";
+import { Label as G } from "./index.es14.js";
+import { CaptionNumberField as S } from "./index.es67.js";
+import { StepperButton as V } from "./index.es68.js";
+import { inputNumberVariant as _ } from "./index.es54.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,
     {
-      className: s("flex w-full items-center gap-2", {
-        "items-end": o
-      }),
+      autoFocus: F,
+      className: t(e ? "opacity-70" : "", C),
+      isDisabled: e,
+      isReadOnly: l,
+      maxValue: v,
+      minValue: b,
+      ...I,
       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(
-            z,
+        /* @__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,
             {
-              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(
-                  k,
-                  {
-                    className: s("text-xs", v),
-                    style: i === "tooltip" ? { left: l + "%" } : {},
-                    mode: b,
-                    size: "sm",
-                    placement: j,
-                    children: a && i === "text" ? a : r || m
-                  }
-                )
-              ]
+              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
+              )
             }
           ),
-          !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 }) })
+          /* @__PURE__ */ r.jsx(V, { isDisabled: e })
         ] }),
-        !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__ */ r.jsx(
+          S,
+          {
+            description: s,
+            descriptionClasses: c,
+            errorMessage: n,
+            errorClasses: N,
+            isInvalidField: a
+          }
+        )
       ]
     }
   ) });
 };
 export {
-  vt as ProgressBar
+  K as NumberField
 };

package/dist/index.es25.js

@@ -1,78 +1,115 @@
-import { j as s } from "./index.es38.js";
-import { SearchIcon as P, CrossIcon as y } from "./index.es40.js";
-import { useMemo as z } from "react";
-import { ComboBox as D, Input as H, Text as R, FieldError as E, Popover as O, ListBox as F, ListBoxItem as M } from "react-aria-components";
-import { cn as S } from "./index.es39.js";
-import { useDebouncedValue as _ } from "./index.es69.js";
-import { IconButton as T } from "./index.es11.js";
+import { j as t } from "./index.es39.js";
+import { motion as D } from "framer-motion";
+import { ProgressBar as I } from "react-aria-components";
+import "react";
+import { cn as s } from "./index.es40.js";
+import "./index.es42.js";
+import "./index.es43.js";
+import "./index.es44.js";
+import "react-aria";
+import "./index.es45.js";
+import "@react-stately/color";
+import "./index.es46.js";
+import "./index.es47.js";
+import "./index.es48.js";
+import "./index.es13.js";
+import { Label as M } from "./index.es14.js";
+import { Text as d } from "./index.es37.js";
+import "./index.es49.js";
+import "./index.es50.js";
 import "./index.es12.js";
-import { Label as $ } from "./index.es13.js";
-import { inputVariants as k } from "./index.es53.js";
-import { popoverVariants as q, searchOptionVariants as A } from "./index.es54.js";
-const te = (i) => {
+import "@internationalized/date";
+import "./index.es51.js";
+import "./index.es16.js";
+import "./index.es52.js";
+import "./index.es18.js";
+import "./index.es53.js";
+import "./index.es22.js";
+import "./index.es23.js";
+import "./index.es54.js";
+import { progressBarVariants as S, progressFillVariants as $ } from "./index.es55.js";
+import "./index.es56.js";
+import "./index.es57.js";
+import "./index.es27.js";
+import { Tooltip as k } from "./index.es35.js";
+import { TooltipTrigger as z } from "./index.es36.js";
+import "./index.es59.js";
+import "./index.es30.js";
+import "./index.es31.js";
+import "./index.es32.js";
+import "./index.es60.js";
+import "./index.es34.js";
+const Ct = (f) => {
   const {
-    label: n,
-    onReset: c,
-    placeholder: f,
-    isDisabled: l,
-    delay: b = 300,
-    searchIcon: j,
-    clearIcon: I,
-    size: N = "md",
-    description: d,
-    inputValue: h,
-    isInvalid: m,
-    errorMessage: x,
-    items: r,
+    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
-  } = i, w = j ?? /* @__PURE__ */ s.jsx(P, { className: "size-6 text-neutral-700", "data-testid": "search-icon" }), C = /* @__PURE__ */ s.jsx(T, { intent: "minimal", size: "md", className: "p-0", "data-testid": "clear-icon-button", onPress: c, children: I ?? /* @__PURE__ */ s.jsx(y, { className: "size-5 text-neutral-700", "data-testid": "clear-icon" }) }), a = _(h, b), u = a && c, V = u ? C : w, v = (e, t) => {
-    if (!t.trim())
-      return [{ text: e, highlight: !1 }];
-    const o = new RegExp(`(${t})`, "gi");
-    return e.split(o).filter(Boolean).map((g) => ({
-      text: g,
-      highlight: g.toLowerCase() === t.toLowerCase()
-    }));
-  }, B = z(
-    () => a ? r.filter((e) => e.label.toLowerCase().includes(a.toLowerCase())).map((e) => {
-      const t = a && e.label.toLowerCase().includes(a.toLowerCase()), o = v(e.label, a ?? "");
-      return { ...e, shouldHighlight: t, highlightedParts: o };
-    }) : r.map((e) => ({
-      ...e,
-      shouldHighlight: !1,
-      highlightedParts: [{ text: e.label, highlight: !1 }]
-    })),
-    [a, r]
-  );
-  return /* @__PURE__ */ s.jsxs(D, { inputValue: h, isDisabled: l, ...L, children: [
-    n && /* @__PURE__ */ s.jsx($, { children: n }),
-    /* @__PURE__ */ s.jsxs("div", { className: "relative flex items-center", children: [
-      /* @__PURE__ */ s.jsx(
-        H,
-        {
-          placeholder: f,
-          className: k({ size: N, isDisabled: l, hasIcon: !0 }),
-          disabled: l,
-          readOnly: i.isReadOnly
-        }
-      ),
-      /* @__PURE__ */ s.jsx("span", { className: S("absolute right-2 top-1/2 -translate-y-1/2", u && "top-[53%]"), children: V })
-    ] }),
-    d && !m && /* @__PURE__ */ s.jsx(R, { slot: "description", className: "text-xs leading-5 text-neutral-700", children: d }),
-    x && m && /* @__PURE__ */ s.jsx(E, { className: "text-sm leading-6 text-error-500", children: x }),
-    /* @__PURE__ */ s.jsx(O, { className: q(), children: /* @__PURE__ */ s.jsx(F, { items: B, className: "max-h-60 overflow-auto outline-none", children: (e) => /* @__PURE__ */ s.jsx(
-      M,
-      {
-        id: e.id,
-        textValue: e.label,
-        className: ({ isDisabled: t, isSelected: o, isFocused: p }) => A({ isFocused: p, isSelected: o, isDisabled: t }),
-        children: e.shouldHighlight ? /* @__PURE__ */ s.jsx("span", { children: e.highlightedParts.map(
-          (t, o) => t.highlight ? /* @__PURE__ */ s.jsx("span", { className: "font-bold text-neutral-900", children: t.text }, t.text + o) : t.text
-        ) }) : e.label
-      }
-    ) }) })
-  ] });
+  } = f, P = s("flex w-full flex-col gap-2 text-neutral-900", h), B = s(S({ variant: p }), u), V = s($({ 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(
+            z,
+            {
+              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(
+                  k,
+                  {
+                    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 {
-  te as SearchField
+  Ct as ProgressBar
 };