@simpli-route/apollo-ds 0.1.53 → 0.1.54

package/dist/index.es112.js

@@ -1,59 +1,168 @@
-import { j as r } from "./index.es40.js";
-import { SliderThumb as m } from "react-aria-components";
-import { cn as i } from "./index.es41.js";
-import { Tooltip as c } from "./index.es36.js";
-import { TooltipTrigger as d } from "./index.es37.js";
-const y = ({
-  index: o,
-  valuePercent: n,
-  value: a,
-  suffix: p,
-  modeTooltip: g,
-  positionTooltip: t,
-  showTypeValue: s,
-  classNameThumb: e,
-  isHiddenValue: l
-}) => /* @__PURE__ */ r.jsx(
-  "div",
+import { getDefaultExportFromCjs as r } from "./index.es107.js";
+import { p as o } from "./index.es120.js";
+const l = o;
+function e(a) {
+  return Object.fromEntries(
+    Object.entries(a).filter(([i]) => i !== "DEFAULT")
+  );
+}
+var s = l(
+  ({ addUtilities: a, matchUtilities: i, theme: n }) => {
+    a({
+      "@keyframes enter": n("keyframes.enter"),
+      "@keyframes exit": n("keyframes.exit"),
+      ".animate-in": {
+        animationName: "enter",
+        animationDuration: n("animationDuration.DEFAULT"),
+        "--tw-enter-opacity": "initial",
+        "--tw-enter-scale": "initial",
+        "--tw-enter-rotate": "initial",
+        "--tw-enter-translate-x": "initial",
+        "--tw-enter-translate-y": "initial"
+      },
+      ".animate-out": {
+        animationName: "exit",
+        animationDuration: n("animationDuration.DEFAULT"),
+        "--tw-exit-opacity": "initial",
+        "--tw-exit-scale": "initial",
+        "--tw-exit-rotate": "initial",
+        "--tw-exit-translate-x": "initial",
+        "--tw-exit-translate-y": "initial"
+      }
+    }), i(
+      {
+        "fade-in": (t) => ({ "--tw-enter-opacity": t }),
+        "fade-out": (t) => ({ "--tw-exit-opacity": t })
+      },
+      { values: n("animationOpacity") }
+    ), i(
+      {
+        "zoom-in": (t) => ({ "--tw-enter-scale": t }),
+        "zoom-out": (t) => ({ "--tw-exit-scale": t })
+      },
+      { values: n("animationScale") }
+    ), i(
+      {
+        "spin-in": (t) => ({ "--tw-enter-rotate": t }),
+        "spin-out": (t) => ({ "--tw-exit-rotate": t })
+      },
+      { values: n("animationRotate") }
+    ), i(
+      {
+        "slide-in-from-top": (t) => ({
+          "--tw-enter-translate-y": `-${t}`
+        }),
+        "slide-in-from-bottom": (t) => ({
+          "--tw-enter-translate-y": t
+        }),
+        "slide-in-from-left": (t) => ({
+          "--tw-enter-translate-x": `-${t}`
+        }),
+        "slide-in-from-right": (t) => ({
+          "--tw-enter-translate-x": t
+        }),
+        "slide-out-to-top": (t) => ({
+          "--tw-exit-translate-y": `-${t}`
+        }),
+        "slide-out-to-bottom": (t) => ({
+          "--tw-exit-translate-y": t
+        }),
+        "slide-out-to-left": (t) => ({
+          "--tw-exit-translate-x": `-${t}`
+        }),
+        "slide-out-to-right": (t) => ({
+          "--tw-exit-translate-x": t
+        })
+      },
+      { values: n("animationTranslate") }
+    ), i(
+      { duration: (t) => ({ animationDuration: t }) },
+      { values: e(n("animationDuration")) }
+    ), i(
+      { delay: (t) => ({ animationDelay: t }) },
+      { values: n("animationDelay") }
+    ), i(
+      { ease: (t) => ({ animationTimingFunction: t }) },
+      { values: e(n("animationTimingFunction")) }
+    ), a({
+      ".running": { animationPlayState: "running" },
+      ".paused": { animationPlayState: "paused" }
+    }), i(
+      { "fill-mode": (t) => ({ animationFillMode: t }) },
+      { values: n("animationFillMode") }
+    ), i(
+      { direction: (t) => ({ animationDirection: t }) },
+      { values: n("animationDirection") }
+    ), i(
+      { repeat: (t) => ({ animationIterationCount: t }) },
+      { values: n("animationRepeat") }
+    );
+  },
   {
-    className: i("absolute", s === "tooltip" && !l ? "top-[-6px]" : "top-1/2"),
-    style: { left: `${n * 100}%`, transform: "translate(-50%, -50%)" },
-    children: s === "tooltip" && !l ? /* @__PURE__ */ r.jsxs(d, { closeDelay: 100, delay: 100, children: [
-      /* @__PURE__ */ r.jsx("div", { children: /* @__PURE__ */ r.jsx(
-        m,
-        {
-          index: o,
-          className: i(
-            "dragging:bg-primary-100 size-5 rounded-full bg-primary-500 outline-none ring-black transition focus-visible:ring-2",
-            e
-          )
-        }
-      ) }),
-      /* @__PURE__ */ r.jsxs(
-        c,
-        {
-          mode: g,
-          placement: t,
-          size: "sm",
-          className: i("!text-sm", t === "top" ? "!mb-6" : "!mt-6"),
-          children: [
-            a,
-            p
-          ]
+    theme: {
+      extend: {
+        animationDelay: ({ theme: a }) => ({
+          ...a("transitionDelay")
+        }),
+        animationDuration: ({ theme: a }) => ({
+          0: "0ms",
+          ...a("transitionDuration")
+        }),
+        animationTimingFunction: ({ theme: a }) => ({
+          ...a("transitionTimingFunction")
+        }),
+        animationFillMode: {
+          none: "none",
+          forwards: "forwards",
+          backwards: "backwards",
+          both: "both"
+        },
+        animationDirection: {
+          normal: "normal",
+          reverse: "reverse",
+          alternate: "alternate",
+          "alternate-reverse": "alternate-reverse"
+        },
+        animationOpacity: ({ theme: a }) => ({
+          DEFAULT: 0,
+          ...a("opacity")
+        }),
+        animationTranslate: ({ theme: a }) => ({
+          DEFAULT: "100%",
+          ...a("translate")
+        }),
+        animationScale: ({ theme: a }) => ({
+          DEFAULT: 0,
+          ...a("scale")
+        }),
+        animationRotate: ({ theme: a }) => ({
+          DEFAULT: "30deg",
+          ...a("rotate")
+        }),
+        animationRepeat: {
+          0: "0",
+          1: "1",
+          infinite: "infinite"
+        },
+        keyframes: {
+          enter: {
+            from: {
+              opacity: "var(--tw-enter-opacity, 1)",
+              transform: "translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))"
+            }
+          },
+          exit: {
+            to: {
+              opacity: "var(--tw-exit-opacity, 1)",
+              transform: "translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))"
+            }
+          }
         }
-      )
-    ] }) : /* @__PURE__ */ r.jsx(
-      m,
-      {
-        index: o,
-        className: i(
-          "dragging:bg-primary-100 size-5 rounded-full bg-primary-500 outline-none ring-black transition focus-visible:ring-2",
-          e
-        )
       }
-    )
+    }
   }
 );
+const u = /* @__PURE__ */ r(s);
 export {
-  y as SliderThumb
+  u as default
 };

package/dist/index.es12.js

@@ -2,7 +2,7 @@ import { j as o } from "./index.es40.js";
 import { forwardRef as h } from "react";
 import { useContextProps as B, ButtonContext as j, Button as N } from "react-aria-components";
 import { cn as w } from "./index.es41.js";
-import { buttonVariants as C } from "./index.es72.js";
+import { buttonVariants as C } from "./index.es68.js";
 function I(r, i) {
   const [a, c] = B(r, i, j), {
     intent: m = "secondary",

package/dist/index.es22.js

@@ -2,7 +2,7 @@ import { j as e } from "./index.es40.js";
 import { forwardRef as x } from "react";
 import { cn as y } from "./index.es41.js";
 import { Loader as f } from "./index.es21.js";
-import { Overlay as u } from "./index.es68.js";
+import { Overlay as u } from "./index.es69.js";
 const v = (s, a) => {
   const {
     className: l,

package/dist/index.es24.js

@@ -3,8 +3,8 @@ import { NumberField as w, Group as B, Input as E } from "react-aria-components"
 import { cn as t } from "./index.es41.js";
 import "./index.es13.js";
 import { Label as G } from "./index.es14.js";
-import { CaptionNumberField as S } from "./index.es69.js";
-import { StepperButton as V } from "./index.es70.js";
+import { CaptionNumberField as S } from "./index.es71.js";
+import { StepperButton as V } from "./index.es72.js";
 import { inputNumberVariant as _ } from "./index.es55.js";
 const K = ({
   size: o = "sm",

package/dist/index.es27.js

@@ -3,7 +3,7 @@ import { SearchIcon as P, CrossIcon as y } from "./index.es42.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.es41.js";
-import { useDebouncedValue as _ } from "./index.es71.js";
+import { useDebouncedValue as _ } from "./index.es70.js";
 import { IconButton as T } from "./index.es12.js";
 import "./index.es13.js";
 import { Label as $ } from "./index.es14.js";

package/dist/index.es29.js

@@ -2,8 +2,8 @@ import { j as m } from "./index.es40.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.es41.js";
-import { SliderContainerTrack as G } from "./index.es78.js";
-import { validateMinDistance as H } from "./index.es79.js";
+import { SliderContainerTrack as G } from "./index.es74.js";
+import { validateMinDistance as H } from "./index.es75.js";
 const U = ({
   type: r = "single",
   showTypeValue: A = "default",

package/dist/index.es33.js

@@ -3,10 +3,10 @@ import { CheckIcon as I } from "./index.es42.js";
 import { motion as f } from "framer-motion";
 import { useRef as k } from "react";
 import { useButton as D, useHover as V } from "react-aria";
-import z from "./index.es75.js";
-import B from "./index.es76.js";
+import z from "./index.es76.js";
+import B from "./index.es77.js";
 import { cn as H } from "./index.es41.js";
-import { stepVariants as R, iconVariants as $, labelVariants as E } from "./index.es77.js";
+import { stepVariants as R, iconVariants as $, labelVariants as E } from "./index.es78.js";
 const c = z(B), x = (s, e) => typeof s == "function" ? /* @__PURE__ */ n.jsx(s, { step: e || 0 }) : s, C = (s) => {
   var t, r, o, a, i;
   const e = (t = c == null ? void 0 : c.theme) == null ? void 0 : t.colors;

package/dist/index.es34.js

@@ -1,8 +1,8 @@
 import { j as o } from "./index.es40.js";
 import { Switch as u } from "react-aria-components";
 import { cn as c } from "./index.es41.js";
-import { ContentSwitch as L } from "./index.es80.js";
-import { SwitchIndicator as v } from "./index.es81.js";
+import { ContentSwitch as L } from "./index.es79.js";
+import { SwitchIndicator as v } from "./index.es80.js";
 import { switchVariants as b } from "./index.es61.js";
 const E = ({
   children: f,

package/dist/index.es35.js

@@ -3,9 +3,9 @@ import { useRef as b } from "react";
 import { useTabList as d } from "react-aria";
 import { useTabListState as u, Item as N } from "react-stately";
 import { cn as e } from "./index.es41.js";
-import { Tab as j } from "./index.es82.js";
-import { TabPanel as h } from "./index.es83.js";
-import { tabsVariants as T } from "./index.es84.js";
+import { Tab as j } from "./index.es81.js";
+import { TabPanel as h } from "./index.es82.js";
+import { tabsVariants as T } from "./index.es83.js";
 const v = (a) => {
   var l;
   const {

package/dist/index.es36.js

@@ -3,7 +3,7 @@ import { forwardRef as f, useContext as u } from "react";
 import { useTooltip as T, mergeProps as h } from "react-aria";
 import { cn as e } from "./index.es41.js";
 import { TooltipContext as j } from "./index.es50.js";
-import { tooltipVariants as N } from "./index.es74.js";
+import { tooltipVariants as N } from "./index.es84.js";
 const P = f((p, i) => {
   const { placement: l = "bottom", className: m, mode: o = "dark", supportText: t, children: a, ...r } = p, { state: n, ...c } = u(j), { tooltipProps: x } = T(r, n), d = e(N({ placement: l, mode: o, hasSupportText: !!t }), m);
   return /* @__PURE__ */ s.jsxs("span", { className: d, ...h(r, x, c), ref: i, children: [

package/dist/index.es52.js

@@ -1,5 +1,5 @@
 import { cva as e } from "class-variance-authority";
-const r = e("font-normal text-neutral-800", {
+const a = e("font-normal text-neutral-800", {
   variants: {
     size: {
       bodySm: "text-xs",
@@ -9,7 +9,7 @@ const r = e("font-normal text-neutral-800", {
   defaultVariants: {
     size: "bodyDefault"
   }
-}), a = e(
+}), r = e(
   "flex w-fit items-center gap-2 rounded-sm border border-transparent bg-transparent transition-colors duration-200",
   {
     variants: {
@@ -22,7 +22,7 @@ const r = e("font-normal text-neutral-800", {
         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"
+        disabled: "border-transparent bg-transparent cursor-not-allowed opacity-50"
       }
     },
     defaultVariants: {
@@ -51,7 +51,7 @@ const r = e("font-normal text-neutral-800", {
     size: "bodyDefault"
   }
 }), i = e(
-  "flex items-center justify-center rounded bg-transparent text-primary-500 transition-colors hover:bg-neutral-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-1",
+  "flex items-center justify-center rounded bg-transparent text-primary-500 transition-colors hover:bg-neutral-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent",
   {
     variants: {
       size: {
@@ -92,7 +92,7 @@ const r = e("font-normal text-neutral-800", {
         false: ""
       },
       isDisabled: {
-        true: "cursor-not-allowed text-neutral-300",
+        true: "!cursor-not-allowed text-neutral-300 opacity-30",
         false: ""
       },
       isOutsideMonth: {
@@ -118,6 +118,11 @@ const r = e("font-normal text-neutral-800", {
         isSelected: !1,
         isDisabled: !1,
         class: "rounded-full bg-neutral-100"
+      },
+      {
+        isDisabled: !0,
+        isSelected: !0,
+        class: "bg-neutral-300 text-neutral-500 opacity-50 cursor-not-allowed"
       }
     ],
     defaultVariants: {
@@ -139,9 +144,9 @@ export {
   l as calendarVariants,
   i as datepickerButtonVariants,
   s as datepickerCaptionVariants,
-  a as datepickerGroupVariants,
+  r as datepickerGroupVariants,
   n as datepickerInputVariants,
-  r as datepickerLabelVariants,
+  a as datepickerLabelVariants,
   o as datepickerSegmentVariants,
   p as popoverVariants
 };

package/dist/index.es6.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es40.js";
 import { Checkbox as h } from "react-aria-components";
 import { cn as m } from "./index.es41.js";
-import { MarkIcon as i } from "./index.es66.js";
+import { MarkIcon as i } from "./index.es63.js";
 import { checkboxVariants as j } from "./index.es45.js";
 const g = ({
   isIndeterminate: x = !1,

package/dist/index.es63.js

@@ -1,20 +1,32 @@
-import { j as r } from "./index.es40.js";
-import { ColorArea as s, ColorThumb as l } from "react-aria-components";
-function t({ color: o, onChange: e, ...a }) {
-  return /* @__PURE__ */ r.jsx(
-    s,
+import { j as e } from "./index.es40.js";
+import { cn as l } from "./index.es41.js";
+const m = (r) => {
+  const { isIndeterminate: t, isSelected: s, className: n, isHovered: a } = r, o = a && !s && !t ? "text-neutral-500" : "", i = !!(o || s);
+  return /* @__PURE__ */ e.jsx("svg", { className: l("stroke-current", o, n), viewBox: "-1 1 17 17", children: t ? /* @__PURE__ */ e.jsx(
+    "line",
     {
-      colorSpace: "hsb",
-      xChannel: "saturation",
-      yChannel: "brightness",
-      value: o,
-      className: "mb-2 h-32 w-48 rounded border",
-      onChange: e,
-      ...a,
-      children: /* @__PURE__ */ r.jsx(l, { className: "box-border size-5 rounded-full border-2 border-white shadow-[0_0_0_1px_black,inset_0_0_0_1px_black] data-[focus-visible]:size-6" })
+      x1: 1,
+      y1: 10,
+      x2: 14,
+      y2: 10,
+      fill: "none",
+      strokeWidth: 2,
+      strokeDasharray: 14,
+      strokeDashoffset: s ? 28 : 42,
+      style: { transition: "all 400ms" }
     }
-  );
-}
+  ) : /* @__PURE__ */ e.jsx(
+    "polyline",
+    {
+      points: "1 9 7 14 15 4",
+      fill: "none",
+      strokeWidth: 2,
+      strokeDasharray: 22,
+      strokeDashoffset: i ? 44 : 66,
+      style: { transition: "all 400ms" }
+    }
+  ) });
+};
 export {
-  t as ColorArea
+  m as MarkIcon
 };

package/dist/index.es64.js

@@ -1,19 +1,20 @@
-import { j as e } from "./index.es40.js";
-import { ColorField as n, Input as t } from "react-aria-components";
-function p(o) {
-  const { isDisabled: l, inputProps: r = {}, ...s } = o;
-  return /* @__PURE__ */ e.jsx(n, { className: "relative flex h-8 w-32 items-center", isDisabled: l, ...s, children: /* @__PURE__ */ e.jsx(
-    t,
+import { j as r } from "./index.es40.js";
+import { ColorArea as s, ColorThumb as l } from "react-aria-components";
+function t({ color: o, onChange: e, ...a }) {
+  return /* @__PURE__ */ r.jsx(
+    s,
     {
-      className: "size-full border-none bg-transparent p-0 outline-none focus:outline-none focus:ring-0",
-      maxLength: 7,
-      "aria-label": "Color hex",
-      spellCheck: !1,
-      autoComplete: "off",
-      ...r
+      colorSpace: "hsb",
+      xChannel: "saturation",
+      yChannel: "brightness",
+      value: o,
+      className: "mb-2 h-32 w-48 rounded border",
+      onChange: e,
+      ...a,
+      children: /* @__PURE__ */ r.jsx(l, { className: "box-border size-5 rounded-full border-2 border-white shadow-[0_0_0_1px_black,inset_0_0_0_1px_black] data-[focus-visible]:size-6" })
     }
-  ) });
+  );
 }
 export {
-  p as ColorField
+  t as ColorArea
 };

package/dist/index.es65.js

@@ -1,18 +1,19 @@
-import { j as r } from "./index.es40.js";
-import { ColorSlider as f, SliderTrack as l, ColorThumb as i } from "react-aria-components";
-function d(e) {
-  const { color: o } = e;
-  return /* @__PURE__ */ r.jsx(
-    f,
+import { j as e } from "./index.es40.js";
+import { ColorField as n, Input as t } from "react-aria-components";
+function p(o) {
+  const { isDisabled: l, inputProps: r = {}, ...s } = o;
+  return /* @__PURE__ */ e.jsx(n, { className: "relative flex h-8 w-32 items-center", isDisabled: l, ...s, children: /* @__PURE__ */ e.jsx(
+    t,
     {
-      channel: "hue",
-      value: o,
-      className: "mb-2 h-4 w-48 rounded border bg-[linear-gradient(to_right,#ff0000,#ffff00,#00ff00,#00ffff,#0000ff,#ff00ff,#ff0000)]",
-      ...e,
-      children: /* @__PURE__ */ r.jsx(l, { className: "size-full", children: /* @__PURE__ */ r.jsx(i, { className: "box-border size-5 rounded-full border-2 border-white shadow-[0_0_0_1px_black,inset_0_0_0_1px_black] data-[focus-visible]:size-6" }) })
+      className: "size-full border-none bg-transparent p-0 outline-none focus:outline-none focus:ring-0",
+      maxLength: 7,
+      "aria-label": "Color hex",
+      spellCheck: !1,
+      autoComplete: "off",
+      ...r
     }
-  );
+  ) });
 }
 export {
-  d as ColorSlider
+  p as ColorField
 };

package/dist/index.es66.js

@@ -1,32 +1,18 @@
-import { j as e } from "./index.es40.js";
-import { cn as l } from "./index.es41.js";
-const m = (r) => {
-  const { isIndeterminate: t, isSelected: s, className: n, isHovered: a } = r, o = a && !s && !t ? "text-neutral-500" : "", i = !!(o || s);
-  return /* @__PURE__ */ e.jsx("svg", { className: l("stroke-current", o, n), viewBox: "-1 1 17 17", children: t ? /* @__PURE__ */ e.jsx(
-    "line",
+import { j as r } from "./index.es40.js";
+import { ColorSlider as f, SliderTrack as l, ColorThumb as i } from "react-aria-components";
+function d(e) {
+  const { color: o } = e;
+  return /* @__PURE__ */ r.jsx(
+    f,
     {
-      x1: 1,
-      y1: 10,
-      x2: 14,
-      y2: 10,
-      fill: "none",
-      strokeWidth: 2,
-      strokeDasharray: 14,
-      strokeDashoffset: s ? 28 : 42,
-      style: { transition: "all 400ms" }
+      channel: "hue",
+      value: o,
+      className: "mb-2 h-4 w-48 rounded border bg-[linear-gradient(to_right,#ff0000,#ffff00,#00ff00,#00ffff,#0000ff,#ff00ff,#ff0000)]",
+      ...e,
+      children: /* @__PURE__ */ r.jsx(l, { className: "size-full", children: /* @__PURE__ */ r.jsx(i, { className: "box-border size-5 rounded-full border-2 border-white shadow-[0_0_0_1px_black,inset_0_0_0_1px_black] data-[focus-visible]:size-6" }) })
     }
-  ) : /* @__PURE__ */ e.jsx(
-    "polyline",
-    {
-      points: "1 9 7 14 15 4",
-      fill: "none",
-      strokeWidth: 2,
-      strokeDasharray: 22,
-      strokeDashoffset: i ? 44 : 66,
-      style: { transition: "all 400ms" }
-    }
-  ) });
-};
+  );
+}
 export {
-  m as MarkIcon
+  d as ColorSlider
 };