@simpli-route/apollo-ds 0.1.87 → 0.1.89

package/dist/index.es90.js

@@ -1,14 +1,12 @@
-import { j as e } from "./index.es52.js";
-import { UpChevronIcon as n, DownChevronIcon as o } from "./index.es53.js";
-import { Button as s } from "react-aria-components";
-import { cn as c } from "./index.es54.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 { j as n } from "./index.es52.js";
+import { cn as x } from "./index.es53.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 {
-  x as StepperButton
+  m as CaptionNumberField
 };

package/dist/index.es91.js

@@ -1,12 +1,14 @@
-import { j as d } from "./index.es52.js";
-import { forwardRef as p } from "react";
-import { cn as f } from "./index.es54.js";
-import { overlayVariants as v } from "./index.es130.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";
+import { j as e } from "./index.es52.js";
+import { UpChevronIcon as n, DownChevronIcon as o } from "./index.es54.js";
+import { Button as s } from "react-aria-components";
+import { cn as c } from "./index.es53.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 {
-  x as Overlay
+  x as StepperButton
 };

package/dist/index.es93.js

@@ -1,7 +1,7 @@
 import { j as n } from "./index.es52.js";
 import { useState as _, useMemo as D, useRef as G } from "react";
 import { ComboBox as J, Input as Q } from "react-aria-components";
-import { cn as U } from "./index.es54.js";
+import { cn as U } from "./index.es53.js";
 import { useDebouncedValue as W } from "./index.es92.js";
 import { Badge as X } from "./index.es6.js";
 import "./index.es7.js";
@@ -11,7 +11,7 @@ import { SearchFieldIconContainer as Z } from "./index.es94.js";
 import { SearchFieldMessages as $ } from "./index.es95.js";
 import { SearchFieldPopover as ee } from "./index.es96.js";
 import { getSearchFieldDefaultProps as te, getHighlightedParts as se } from "./index.es97.js";
-import { multiSearchFieldContainerVariants as le } from "./index.es74.js";
+import { multiSearchFieldContainerVariants as le } from "./index.es75.js";
 const we = (b) => {
   const {
     label: w,

package/dist/index.es94.js

@@ -1,5 +1,5 @@
 import { j as r } from "./index.es52.js";
-import { cn as c } from "./index.es54.js";
+import { cn as c } from "./index.es53.js";
 import { ClearIconButton as i } from "./index.es131.js";
 import { SearchIcon as a } from "./index.es132.js";
 const f = ({

package/dist/index.es96.js

@@ -3,7 +3,7 @@ import { useState as m, useEffect as u } from "react";
 import { Popover as v } from "react-aria-components";
 import { NoResultsMessage as a } from "./index.es133.js";
 import { SearchListBox as h } from "./index.es134.js";
-import { popoverVariants as x } from "./index.es74.js";
+import { popoverVariants as x } from "./index.es75.js";
 const z = ({
   triggerRef: o,
   hasNoResults: n,

package/dist/index.es98.js

@@ -1,81 +1,103 @@
-import { j as e } from "./index.es52.js";
-import { Button as d, SelectValue as g } from "react-aria-components";
-import { cn as i } from "./index.es54.js";
-import { Badge as j } from "./index.es6.js";
-import "./index.es7.js";
-import { selectInputButtonVariants as w } from "./index.es63.js";
-const S = ({
-  ref: C,
-  size: o,
-  isDisabled: l,
-  classNameButton: m,
-  selectionMode: x,
-  maxLengthTextOption: p,
-  handleDeleteOptionSelected: c,
-  placeholder: u,
-  validationState: f
-}) => /* @__PURE__ */ e.jsxs(
-  d,
-  {
-    ref: C,
-    className: ({ isFocusVisible: t, isHovered: n, isPressed: a }) => i(
-      "group",
-      w({
-        size: o,
-        isDisabled: l,
-        /** Select root sets isPressed from menu open state; use it so we stay in sync with RAC. */
-        isFocusVisible: t || a,
-        isHovered: n,
-        validationState: f
-      }),
-      m
+import { j as l } from "./index.es52.js";
+import { cn as P } from "./index.es53.js";
+import { SliderThumb as j } from "./index.es135.js";
+const T = ({
+  state: r,
+  type: n,
+  showTypeValue: t,
+  suffix: c,
+  classNameFilled: a,
+  classNameUnfilled: m,
+  modeTooltip: b,
+  positionTooltip: h,
+  classNameThumb: d,
+  isHiddenValue: v,
+  suffixRangeCustom: e
+}) => /* @__PURE__ */ l.jsxs("div", { className: "relative", children: [
+  t === "default" && !v ? /* @__PURE__ */ l.jsxs("div", { className: "flex justify-between", children: [
+    /* @__PURE__ */ l.jsxs(
+      "div",
+      {
+        className: "absolute top-4 text-sm text-neutral-900",
+        style: { left: `${r.getThumbPercent(0) * 100}%`, transform: "translateX(-50%)" },
+        children: [
+          r.values[0],
+          n === "range" && (e == null ? void 0 : e.left) || c
+        ]
+      }
     ),
-    children: [
-      /* @__PURE__ */ e.jsx(g, { className: "flex flex-1 items-center gap-1 overflow-hidden", children: ({ selectedItems: t, selectedText: n, isPlaceholder: a }) => /* @__PURE__ */ e.jsx(e.Fragment, { children: x === "multiple" && t && t.length > 0 ? /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-1", children: t.filter((r) => r != null).map((r) => {
-        const h = r.label, s = r.value;
-        return /* @__PURE__ */ e.jsx(
-          j,
-          {
-            label: h,
-            size: o,
-            isDisabled: l,
-            maxLength: p,
-            onDelete: () => c(s)
-          },
-          s
-        );
-      }) }) : /* @__PURE__ */ e.jsx(
-        "span",
-        {
-          className: i(
-            "flex-1 truncate text-left",
-            a ? "text-neutral-600" : "",
-            l ? "text-neutral-700" : ""
-          ),
-          children: n || u
-        }
-      ) }) }),
-      /* @__PURE__ */ e.jsx(
-        "svg",
-        {
-          className: "transition-transform duration-100 group-data-[pressed]:rotate-180",
-          width: "20",
-          height: "10",
-          viewBox: "0 0 20 10",
-          fill: "none",
-          xmlns: "http://www.w3.org/2000/svg",
-          children: /* @__PURE__ */ e.jsx(
-            "path",
-            {
-              d: "M20 0.838022C20.0006 0.947676 19.9796 1.05638 19.9381 1.15789C19.8967 1.2594 19.8356 1.35173 19.7584 1.42959L12.9512 8.23676C12.5642 8.62472 12.1045 8.93252 11.5984 9.14254C11.0922 9.35256 10.5497 9.46066 10.0017 9.46066C9.45373 9.46066 8.91115 9.35256 8.40502 9.14254C7.8989 8.93252 7.43918 8.62472 7.0522 8.23676L0.245034 1.42959C0.167349 1.3519 0.105725 1.25968 0.0636824 1.15818C0.0216393 1.05667 5.62088e-09 0.947886 0 0.838023C-5.62081e-09 0.728159 0.0216393 0.619372 0.0636824 0.51787C0.105725 0.41637 0.167349 0.324143 0.245034 0.246458C0.32272 0.168773 0.414946 0.107149 0.516447 0.0651056C0.617948 0.0230624 0.726736 0.00142351 0.8366 0.00142351C0.946464 0.00142351 1.05525 0.0230624 1.15675 0.0651055C1.25825 0.107149 1.35048 0.168773 1.42817 0.246458L8.23533 7.05363C8.704 7.52171 9.33931 7.78463 10.0017 7.78463C10.6641 7.78463 11.2994 7.52171 11.7681 7.05363L18.5752 0.246457C18.6527 0.168363 18.7448 0.106378 18.8464 0.0640783C18.9479 0.0217776 19.0568 4.80781e-09 19.1668 0C19.2768 -4.80789e-09 19.3857 0.0217776 19.4872 0.0640782C19.5888 0.106378 19.6809 0.168363 19.7584 0.246457C19.8356 0.324311 19.8967 0.41664 19.9381 0.518154C19.9796 0.619668 20.0006 0.728369 20 0.838022Z",
-              fill: "#73768C"
-            }
-          )
-        }
-      )
-    ]
-  }
-);
+    n === "range" && /* @__PURE__ */ l.jsxs(
+      "div",
+      {
+        className: "absolute top-4 text-sm text-neutral-900",
+        style: { left: `${r.getThumbPercent(1) * 100}%`, transform: "translateX(-50%)" },
+        children: [
+          r.values[1],
+          (e == null ? void 0 : e.right) || c
+        ]
+      }
+    )
+  ] }) : null,
+  /* @__PURE__ */ l.jsx(
+    "div",
+    {
+      className: P("absolute top-1/2 h-2 w-full -translate-y-1/2 rounded-full bg-primary-100", m)
+    }
+  ),
+  /* @__PURE__ */ l.jsx(
+    "div",
+    {
+      className: P("absolute top-1/2 h-2 -translate-y-1/2 rounded-full bg-primary-500", a),
+      style: {
+        width: `${n === "range" ? r.getThumbPercent(1) * 100 - r.getThumbPercent(0) * 100 : r.getThumbPercent(0) * 100}%`,
+        left: n === "range" ? `${r.getThumbPercent(0) * 100}%` : "0%"
+      }
+    }
+  ),
+  n === "range" ? /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+    /* @__PURE__ */ l.jsx(
+      j,
+      {
+        index: 0,
+        valuePercent: r.getThumbPercent(0),
+        value: r.values[0],
+        suffix: (e == null ? void 0 : e.left) || c,
+        modeTooltip: b,
+        positionTooltip: h,
+        showTypeValue: t,
+        isHiddenValue: v,
+        classNameThumb: d
+      }
+    ),
+    /* @__PURE__ */ l.jsx(
+      j,
+      {
+        index: 1,
+        valuePercent: r.getThumbPercent(1),
+        value: r.values[1],
+        suffix: (e == null ? void 0 : e.right) || c,
+        modeTooltip: b,
+        positionTooltip: h,
+        showTypeValue: t,
+        isHiddenValue: v,
+        classNameThumb: d
+      }
+    )
+  ] }) : /* @__PURE__ */ l.jsx(
+    j,
+    {
+      index: 0,
+      valuePercent: r.getThumbPercent(0),
+      value: r.values[0],
+      suffix: c,
+      modeTooltip: b,
+      positionTooltip: h,
+      showTypeValue: t,
+      isHiddenValue: v,
+      classNameThumb: d
+    }
+  )
+] });
 export {
-  S as SelectContent
+  T as SliderContainerTrack
 };

package/dist/index.es99.js

@@ -1,21 +1,15 @@
-import { j as t } from "./index.es52.js";
-import { cn as c } from "./index.es54.js";
-const i = ({
-  label: e,
-  description: x,
-  errorMessage: s,
-  isDisabled: l,
-  isInvalid: r,
-  children: n,
-  renderLabelIcon: m
-}) => !e && !x && !n ? null : /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col", children: [
-  e ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-x-1", children: [
-    /* @__PURE__ */ t.jsx("p", { className: c("text-sm font-semibold", l ? "text-neutral-600" : "text-neutral-900"), children: e }),
-    m ? /* @__PURE__ */ t.jsx(t.Fragment, { children: m }) : null
-  ] }) : n,
-  x && !s && /* @__PURE__ */ t.jsx("p", { className: c("text-xs", l ? "text-neutral-600" : "text-neutral-800"), children: x }),
-  r && s && /* @__PURE__ */ t.jsx("p", { className: "text-sm text-red-500", children: s })
-] });
+const o = (e, g, r = 1) => {
+  if (g === "range" && Array.isArray(e) && e.length === 2) {
+    const [t, f] = e;
+    if (f - t < r) {
+      if (t > f - r)
+        return [f - r, f];
+      if (f < t + r)
+        return [t, t + r];
+    }
+  }
+  return e;
+};
 export {
-  i as ContentSwitch
+  o as validateMinDistance
 };

package/dist/style.css

@@ -1641,6 +1641,14 @@ select {
   --tw-border-opacity: 1;
   border-color: rgb(199 201 209 / var(--tw-border-opacity));
 }
+.border-neutral-600 {
+  --tw-border-opacity: 1;
+  border-color: rgb(151 155 180 / var(--tw-border-opacity));
+}
+.border-neutral-700 {
+  --tw-border-opacity: 1;
+  border-color: rgb(115 118 140 / var(--tw-border-opacity));
+}
 .border-neutral-800 {
   --tw-border-opacity: 1;
   border-color: rgb(56 58 67 / var(--tw-border-opacity));
@@ -1728,6 +1736,10 @@ select {
   --tw-border-opacity: 1;
   border-color: rgb(255 220 115 / var(--tw-border-opacity));
 }
+.border-yellow-warning-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 204 51 / var(--tw-border-opacity));
+}
 .border-yellow-warning-800 {
   --tw-border-opacity: 1;
   border-color: rgb(146 109 0 / var(--tw-border-opacity));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simpli-route/apollo-ds",
-  "version": "0.1.87",
+  "version": "0.1.89",
   "type": "module",
   "files": [
     "dist"