@simpli-route/apollo-ds 0.1.38 → 0.1.40

package/dist/index.es69.js

@@ -1,75 +1,103 @@
-import { cva as e } from "class-variance-authority";
-const r = e(
-  "flex w-fit items-center gap-2 rounded-sm border border-transparent bg-transparent transition-colors duration-200",
-  {
-    variants: {
-      size: {
-        bodySm: "px-1.5 py-1",
-        bodyDefault: "px-1.5 py-1",
-        h5: "px-2 py-1",
-        h3: "px-2 py-1"
-      },
-      state: {
-        default: "border-transparent bg-transparent",
-        hover: "border-blue-100 bg-transparent",
-        active: "!border-primary-500 !bg-neutral-50 focus-within:!border-primary-500 focus-within:!bg-neutral-50",
-        error: "!border-error-500 !bg-neutral-50 focus-within:!border-error-500 focus-within:!bg-neutral-50",
-        disabled: "border-transparent bg-transparent cursor-not-allowed opacity-60"
+import { j as l } from "./index.es36.js";
+import { cn as P } from "./index.es38.js";
+import { SliderThumb as j } from "./index.es102.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
+        ]
       }
-    },
-    defaultVariants: {
-      size: "bodyDefault",
-      state: "default"
-    }
-  }
-), a = e("flex items-center outline-none bg-transparent", {
-  variants: {
-    size: {
-      bodySm: "text-xs",
-      bodyDefault: "text-sm",
-      h5: "text-base",
-      h3: "text-[22px]"
+    ),
+    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)
     }
-  },
-  defaultVariants: {
-    size: "bodyDefault"
-  }
-}), i = e(
-  "flex items-center justify-center rounded bg-transparent text-neutral-900 transition-colors hover:bg-neutral-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-1",
-  {
-    variants: {
-      size: {
-        bodySm: "h-4 w-4",
-        bodyDefault: "h-5 w-5",
-        h5: "h-6 w-6",
-        h3: "h-7 w-7"
+  ),
+  /* @__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%"
       }
-    },
-    defaultVariants: {
-      size: "bodyDefault"
     }
-  }
-), n = e("flex w-full gap-1", {
-  variants: {
-    size: {
-      bodySm: "gap-1",
-      bodyDefault: "gap-1",
-      h5: "gap-1",
-      h3: "gap-1"
-    },
-    orientation: {
-      vertical: "flex-col",
-      horizontal: "flex-row items-center"
+  ),
+  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
     }
-  },
-  defaultVariants: {
-    size: "bodyDefault",
-    orientation: "vertical"
-  }
-});
+  )
+] });
 export {
-  n as invisibleTimeFieldContainerVariants,
-  r as invisibleTimeFieldGroupVariants,
-  a as invisibleTimeFieldInputVariants,
-  i as timeFieldButtonVariants
+  T as SliderContainerTrack
 };

package/dist/index.es7.js

@@ -1,7 +1,7 @@
 import { j as r } from "./index.es36.js";
 import { usePress as j, useHover as b, useFocusRing as F } from "react-aria";
-import { cn as N } from "./index.es37.js";
-import { assistChipVariants as C } from "./index.es42.js";
+import { cn as N } from "./index.es38.js";
+import { assistChipVariants as C } from "./index.es40.js";
 const q = (i) => {
   const {
     style: t = "square",

package/dist/index.es70.js

@@ -1,12 +1,15 @@
-import { j as n } from "./index.es36.js";
-import { cn as x } from "./index.es37.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;
+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 {
-  m as CaptionNumberField
+  o as validateMinDistance
 };

package/dist/index.es71.js

@@ -1,14 +1,15 @@
-import { j as e } from "./index.es36.js";
-import { UpChevronIcon as n, DownChevronIcon as o } from "./index.es38.js";
-import { Button as s } from "react-aria-components";
-import { cn as c } from "./index.es37.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 { useState as r, useEffect as c } from "react";
+function d(e, t = 300) {
+  const [u, o] = r(e);
+  return c(() => {
+    const n = setTimeout(() => {
+      o(e);
+    }, t);
+    return () => {
+      clearTimeout(n);
+    };
+  }, [e, t]), u;
+}
 export {
-  x as StepperButton
+  d as useDebouncedValue
 };

package/dist/index.es72.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es36.js";
-import { cn as c } from "./index.es37.js";
+import { cn as c } from "./index.es38.js";
 const i = ({
   label: e,
   description: x,

package/dist/index.es73.js

@@ -1,6 +1,6 @@
 import { j as i } from "./index.es36.js";
-import { cn as m } from "./index.es37.js";
-import { indicatorVariants as n } from "./index.es53.js";
+import { cn as m } from "./index.es38.js";
+import { indicatorVariants as n } from "./index.es54.js";
 const c = ({ isSelected: r, isDisabled: o, isHovered: f, size: a, dimensions: t }) => /* @__PURE__ */ i.jsx(
   "div",
   {

package/dist/index.es74.js

@@ -1,7 +1,7 @@
 import { j as p } from "./index.es36.js";
 import { useRef as f } from "react";
 import { useTab as u } from "react-aria";
-import { cn as x } from "./index.es37.js";
+import { cn as x } from "./index.es38.js";
 import { tabVariants as y } from "./index.es76.js";
 const D = (t) => {
   const { className: i, item: r, orientation: n, state: s, id: a = void 0 } = t, { key: e, rendered: c } = r, m = s.selectedKey === e, d = s.disabledKeys.has(e) || (s == null ? void 0 : s.isDisabled), o = f(null), { tabProps: l } = u({ key: String(e) }, s, o), b = x(y({ isActive: m, orientation: n, isDisabledTab: d }), i);

package/dist/index.es75.js

@@ -1,7 +1,7 @@
 import { j as m } from "./index.es36.js";
 import { useRef as l } from "react";
 import { useTabPanel as p } from "react-aria";
-import { cn as i } from "./index.es37.js";
+import { cn as i } from "./index.es38.js";
 const P = (r) => {
   var t;
   const { className: o, state: s, ...n } = r, e = l(null), { tabPanelProps: a } = p(n, s, e), c = i("", o);

package/dist/index.es78.js

@@ -1,4 +1,4 @@
-import { __exports as t } from "./index.es100.js";
+import { __exports as t } from "./index.es94.js";
 import R from "react";
 /**
  * @license React

package/dist/index.es79.js

@@ -1,4 +1,4 @@
-import { __exports as R } from "./index.es101.js";
+import { __exports as R } from "./index.es95.js";
 import tr from "react";
 /**
  * @license React

package/dist/index.es8.js

@@ -2,10 +2,10 @@ import { j as r } from "./index.es36.js";
 import { parseColor as h } from "@react-stately/color";
 import { useState as a, useEffect as w } from "react";
 import { ColorPicker as L, Label as R, DialogTrigger as T, Button as W, ColorSwatch as $, Popover as q, Dialog as G } from "react-aria-components";
-import { cn as J } from "./index.es37.js";
-import { ColorArea as K } from "./index.es55.js";
-import { ColorField as M } from "./index.es56.js";
-import { ColorSlider as Q } from "./index.es57.js";
+import { cn as J } from "./index.es38.js";
+import { ColorArea as K } from "./index.es60.js";
+import { ColorField as M } from "./index.es61.js";
+import { ColorSlider as Q } from "./index.es62.js";
 const ne = (v) => {
   const {
     value: l,

package/dist/index.es9.js

@@ -1,9 +1,9 @@
 import { j as c } from "./index.es36.js";
-import { CheckIcon as h } from "./index.es38.js";
+import { CheckIcon as h } from "./index.es37.js";
 import { useState as j } from "react";
 import { Button as S } from "react-aria-components";
-import { cn as n } from "./index.es37.js";
-import { filterChipVariants as k } from "./index.es43.js";
+import { cn as n } from "./index.es38.js";
+import { filterChipVariants as k } from "./index.es44.js";
 const C = ({
   size: t = "md",
   label: a,

package/dist/index.es93.js

@@ -1,6 +1,32 @@
-function e(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
-}
+import { cva as l } from "class-variance-authority";
+const e = l("absolute inset-0 z-[1000px] overflow-hidden", {
+  variants: {
+    opacity: {
+      sm: "bg-neutral-50/10",
+      md: "bg-neutral-50/20",
+      lg: "bg-neutral-50/30",
+      xl: "bg-neutral-50/50",
+      "2xl": "bg-neutral-50/60",
+      "3xl": "bg-neutral-50/75"
+    },
+    fixed: {
+      true: "fixed",
+      false: ""
+    },
+    center: {
+      true: "flex items-center justify-center",
+      false: ""
+    },
+    blur: {
+      sm: "backdrop-blur-sm",
+      md: "backdrop-blur-md",
+      lg: "backdrop-blur-lg",
+      xl: "backdrop-blur-xl",
+      "2xl": "backdrop-blur-2xl",
+      "3xl": "backdrop-blur-3xl"
+    }
+  }
+});
 export {
-  e as getDefaultExportFromCjs
+  e as overlayVariants
 };

package/dist/index.es94.js

@@ -1,28 +1,4 @@
-import { __exports as i } from "./index.es95.js";
-import "./index.es103.js";
-import "./index.es104.js";
-import { __exports as l } from "./index.es105.js";
-import { __exports as s } from "./index.es106.js";
-(function(t) {
-  Object.defineProperty(t, "__esModule", {
-    value: !0
-  }), Object.defineProperty(t, "default", {
-    enumerable: !0,
-    get: function() {
-      return f;
-    }
-  });
-  const o = /* @__PURE__ */ r(l), n = /* @__PURE__ */ r(s);
-  function r(e) {
-    return e && e.__esModule ? e : {
-      default: e
-    };
-  }
-  function f(...e) {
-    let [, ...u] = (0, n.default)(e[0]);
-    return (0, o.default)([
-      ...e,
-      ...u
-    ]);
-  }
-})(i);
+var r = {};
+export {
+  r as __exports
+};

package/dist/index.es96.js

@@ -1,10 +1,6 @@
-import { getDefaultExportFromCjs as t } from "./index.es93.js";
-import "./index.es107.js";
-import { __exports as a } from "./index.es108.js";
-let e = a;
-var o = (e.__esModule ? e : { default: e }).default;
-const r = /* @__PURE__ */ t(o);
+function e(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
 export {
-  o as d,
-  r as default
+  e as getDefaultExportFromCjs
 };