@simpli-route/apollo-ds 0.1.25 → 0.1.26

package/dist/index.es17.js

@@ -1,80 +1,102 @@
-import { j as m } from "./index.es27.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.es28.js";
-import { SliderContainerTrack as G } from "./index.es43.js";
-import { validateMinDistance as H } from "./index.es44.js";
-const U = ({
-  type: r = "single",
-  showTypeValue: A = "default",
-  positionTooltip: S = "top",
-  modeTooltip: j = "dark",
-  isHiddenValue: w = !1,
-  maxValue: T = 100,
-  minValue: k = 0,
-  value: f = r === "range" ? [0, 5] : 0,
-  onChangeValue: i,
-  className: p,
-  classNameFilled: v,
-  classNameUnfilled: N,
-  classNameThumb: E,
-  suffix: M = "%",
-  suffixRangeCustom: P = {
-    left: "",
-    right: ""
-  },
-  step: R = 1,
-  minDistance: d = 2,
-  ...$
-}) => {
-  const [l, b] = q(r);
-  return x(() => {
-    if (r === "range" && Array.isArray(f)) {
-      const [s, t] = f;
-      if (t - s < d) {
-        const c = [s, s + d];
-        (c[0] !== f[0] || c[1] !== f[1]) && (i == null || i(c));
-      }
-    }
-  }, [r, f, i, d]), x(() => {
-    l !== r && (b(r), i == null || i(r === "range" ? [0, 5] : 0));
-  }, [r, i, l]), /* @__PURE__ */ m.jsx("div", { className: "flex w-full flex-col py-4", children: /* @__PURE__ */ m.jsx(
-    z,
-    {
-      value: f,
-      step: R,
-      maxValue: T,
-      minValue: k,
-      className: F("w-full", p),
-      onChange: (s) => {
-        const t = s;
-        if (t !== void 0) {
-          const c = Array.isArray(t), o = r === "range" && c ? H(t, r, d) : t;
-          i == null || i(
-            r === "range" ? o : Array.isArray(o) ? o[0] || 0 : o
-          );
-        }
-      },
-      ...$,
-      children: /* @__PURE__ */ m.jsx(B, { className: "relative h-3 w-full cursor-pointer", children: ({ state: s }) => /* @__PURE__ */ m.jsx(
-        G,
-        {
-          state: s,
-          type: r,
-          showTypeValue: A,
-          isHiddenValue: w,
-          suffix: M,
-          suffixRangeCustom: P,
-          classNameFilled: v,
-          classNameUnfilled: N,
-          modeTooltip: j,
-          positionTooltip: S,
-          classNameThumb: E
-        }
-      ) })
-    }
-  ) });
+import { j as n } from "./index.es24.js";
+import { CheckIcon as I } from "./index.es25.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.es43.js";
+import B from "./index.es44.js";
+import { cn as H } from "./index.es26.js";
+import { stepVariants as R, iconVariants as $, labelVariants as E } from "./index.es45.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;
+  switch (s) {
+    case "pending":
+      return ((r = e == null ? void 0 : e.neutral) == null ? void 0 : r["500"]) || "#C7C9D1";
+    case "inProgress":
+      return ((o = e == null ? void 0 : e.blue) == null ? void 0 : o["500"]) || "#2644D9";
+    case "completed":
+      return ((a = e == null ? void 0 : e.success) == null ? void 0 : a["500"]) || "#1FB576";
+    case "error":
+      return ((i = e == null ? void 0 : e.error) == null ? void 0 : i["500"]) || "#CC4033";
+    default:
+      return "#C7C9D1";
+  }
+}, G = (s, e) => {
+  const t = C(s), r = C(e);
+  return {
+    background: `linear-gradient(to right, ${t} 50%, ${r} 50%)`
+  };
 };
+function W(s) {
+  const {
+    step: e,
+    state: t,
+    size: r,
+    icon: o,
+    completedIcon: a,
+    onPress: i,
+    nextState: h,
+    isLastStep: d,
+    allowStepClick: b = !1,
+    isDisabled: l = !1,
+    label: m
+  } = s, j = k(null), { buttonProps: g, isPressed: p } = D(
+    {
+      ...s,
+      onPress: b ? i : void 0,
+      isDisabled: l
+    },
+    j
+  ), { hoverProps: v, isHovered: u } = V({}), w = R({ size: r, state: t, isHovered: u, isPressed: p, isDisabled: l }), N = $({ size: r, state: t, isHovered: u }), P = E({ size: r }), S = x(t === "completed" ? a || /* @__PURE__ */ n.jsx(I, {}) : o, e), y = x(m, e);
+  return /* @__PURE__ */ n.jsxs("div", { className: H("flex h-full items-center", d ? "w-fit" : "w-full"), children: [
+    /* @__PURE__ */ n.jsx("div", { className: "flex h-24 w-fit items-center justify-center py-2", children: /* @__PURE__ */ n.jsxs(
+      "button",
+      {
+        className: "z-10 flex flex-col items-center whitespace-nowrap",
+        ...v,
+        ...g,
+        "data-testid": "step-button",
+        "data-state": t,
+        "aria-disabled": l,
+        children: [
+          /* @__PURE__ */ n.jsx(
+            f.div,
+            {
+              className: w,
+              "data-testid": "step-icon-container",
+              initial: !1,
+              animate: { scale: p ? 0.95 : 1 },
+              transition: { duration: 0.2 },
+              children: /* @__PURE__ */ n.jsx(
+                f.span,
+                {
+                  className: N,
+                  initial: !1,
+                  animate: {
+                    scale: t === "completed" ? [1, 1.1, 1] : 1,
+                    rotate: t === "completed" ? [0, 10, 0] : 0
+                  },
+                  transition: { duration: 0.3 },
+                  children: S
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ n.jsx("div", { className: "mt-2 flex select-none flex-col items-center justify-between", children: m ? /* @__PURE__ */ n.jsx("span", { className: P, children: y }) : null })
+        ]
+      }
+    ) }),
+    d ? null : /* @__PURE__ */ n.jsx(
+      "div",
+      {
+        className: "mx-4 hidden h-1 w-full sm:block",
+        "data-testid": "progress-bar",
+        style: G(t, h)
+      }
+    )
+  ] });
+}
 export {
-  U as Slider
+  W as StepperStep
 };

package/dist/index.es18.js

@@ -1,50 +1,80 @@
-import { j as p } from "./index.es27.js";
-import { Children as P, cloneElement as R } from "react";
-import { StepperCompleted as h } from "./index.es19.js";
-import { StepperStep as w } from "./index.es20.js";
-function C(g) {
-  var f, a, d;
-  const {
-    children: y,
-    activeStep: n,
-    size: j = "md",
-    onStepClick: l,
-    allowNextStepsSelect: x = !1,
-    baseIcon: I,
-    completedIcon: v
-  } = g, c = P.toArray(y), r = c.filter(
-    (t) => t.type === w
-  ), s = c.find(
-    (t) => t.type === h
-  ), i = (t, e) => t.props.error ? "error" : n === e ? "inProgress" : n > e ? "completed" : "pending", A = r.reduce(
-    (t, e, o) => {
-      const m = i(e, o), u = r[o + 1], E = u ? i(u, o + 1) : "pending", S = typeof l != "function" ? !1 : typeof e.props.allowStepClick == "boolean" ? e.props.allowStepClick : m === "completed" || x;
-      return t.push(
-        R(e, {
-          icon: e.props.icon || I || o + 1,
-          key: o,
-          step: o,
-          size: j,
-          state: m,
-          onPress: () => {
-            S && (l == null || l(o));
-          },
-          allowStepClick: S,
-          completedIcon: e.props.completedIcon || v,
-          nextState: E,
-          isLastStep: o === r.length - 1
-        })
-      ), t;
-    },
-    []
-  ), N = (a = (f = r[n]) == null ? void 0 : f.props) == null ? void 0 : a.children, b = (d = s == null ? void 0 : s.props) == null ? void 0 : d.children, k = n > r.length - 1 ? b : N;
-  return /* @__PURE__ */ p.jsxs("div", { className: "flex w-full flex-col gap-2", children: [
-    /* @__PURE__ */ p.jsx("div", { className: "flex w-full items-center", children: A }),
-    /* @__PURE__ */ p.jsx("div", { className: "flex", children: k })
-  ] });
-}
-C.Completed = h;
-C.Step = w;
+import { j as o } from "./index.es24.js";
+import { Switch as u } from "react-aria-components";
+import { cn as c } from "./index.es26.js";
+import { ContentSwitch as L } from "./index.es53.js";
+import { SwitchIndicator as v } from "./index.es54.js";
+import { switchVariants as b } from "./index.es39.js";
+const E = ({
+  children: f,
+  label: m,
+  description: n,
+  errorMessage: s,
+  validationState: e,
+  size: a = "md",
+  isDisabled: r = !1,
+  isSelected: t = !1,
+  onChange: h,
+  renderLabelIcon: x = null,
+  "aria-label": p,
+  "aria-describedby": l
+}) => {
+  const j = e === "invalid" && !r, w = a === "sm" ? { offLeft: 3, onLeft: 19 } : { offLeft: 4, onLeft: 28 };
+  return /* @__PURE__ */ o.jsxs(
+    "label",
+    {
+      className: c("group flex flex-row gap-2", (m || f) && n ? "items-start" : "items-center"),
+      children: [
+        /* @__PURE__ */ o.jsx(
+          u,
+          {
+            isDisabled: r,
+            isSelected: t,
+            "aria-checked": t,
+            "aria-label": p,
+            "aria-describedby": l,
+            onChange: h,
+            children: ({ isFocusVisible: d, isHovered: i }) => /* @__PURE__ */ o.jsx(
+              "div",
+              {
+                className: c(
+                  b({
+                    isSelected: t,
+                    isDisabled: r,
+                    isFocusVisible: d,
+                    size: a,
+                    isHoveredWhenOff: i && !t
+                  })
+                ),
+                children: /* @__PURE__ */ o.jsx(
+                  v,
+                  {
+                    isSelected: t,
+                    isDisabled: r,
+                    isHovered: i,
+                    size: a,
+                    dimensions: w
+                  }
+                )
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ o.jsx(
+          L,
+          {
+            label: m,
+            description: n,
+            errorMessage: s,
+            isDisabled: r,
+            isInvalid: j,
+            renderLabelIcon: x,
+            children: f
+          }
+        )
+      ]
+    }
+  );
+};
 export {
-  C as Stepper
+  E as Switch
 };

package/dist/index.es19.js

@@ -1,5 +1,47 @@
-const e = () => null;
-e.displayName = "StepperCompleted";
+import { j as s } from "./index.es24.js";
+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.es26.js";
+import { Tab as j } from "./index.es46.js";
+import { TabPanel as h } from "./index.es47.js";
+import { tabsVariants as T } from "./index.es48.js";
+const v = (a) => {
+  var l;
+  const {
+    rootClassName: m,
+    tabClassName: n,
+    tabPanelClassName: c,
+    orientation: o = "horizontal",
+    id: f = void 0,
+    isDisabled: p
+  } = a, t = u(a), r = b(null), { tabListProps: x } = d(a, t, r);
+  return /* @__PURE__ */ s.jsxs("div", { className: e(T({ orientation: o }), m), children: [
+    /* @__PURE__ */ s.jsx(
+      "div",
+      {
+        ...x,
+        ref: r,
+        className: e("flex", o === "horizontal" ? "flex-row flex-wrap" : "flex-col"),
+        children: [...t.collection].map((i) => /* @__PURE__ */ s.jsx(j, { item: i, state: t, orientation: o, className: n, id: f }, i.key))
+      }
+    ),
+    /* @__PURE__ */ s.jsx(
+      h,
+      {
+        state: t,
+        className: e(
+          "p-2",
+          o === "horizontal" ? "pl-2" : "pt-2",
+          p ? "cursor-not-allowed opacity-50" : "",
+          c
+        )
+      },
+      (l = t.selectedItem) == null ? void 0 : l.key
+    )
+  ] });
+};
+v.Item = N;
 export {
-  e as StepperCompleted
+  v as Tabs
 };

package/dist/index.es2.js

@@ -1,35 +1,34 @@
-import { j as a } from "./index.es27.js";
-import { useState as j } from "react";
-import { cn as h } from "./index.es28.js";
-import { AccordionItem as A } from "./index.es3.js";
-const E = ({
-  items: e,
-  accordionClassName: l,
-  itemClassName: c,
-  sectionClassName: i,
-  hasIcon: n,
-  allowMultipleOpen: f = !1
+import { j as m } from "./index.es24.js";
+import { useState as g } from "react";
+import { cn as j } from "./index.es26.js";
+import { AccordionItem as h } from "./index.es30.js";
+const C = ({
+  items: a,
+  accordionClassName: e,
+  itemClassName: l,
+  sectionClassName: c,
+  hasIcon: i,
+  allowMultipleOpen: n = !1
 }) => {
-  const [p, m] = j([]), u = h("flex flex-col gap-y-4", l), g = (o) => {
-    m(
-      f ? (s) => s.includes(o) ? s.filter((t) => t !== o) : [...s, o] : (s) => s.includes(o) ? [] : [o]
+  const [f, r] = g([]), p = j("flex flex-col gap-y-4", e), u = (o) => {
+    r(
+      n ? (s) => s.includes(o) ? s.filter((t) => t !== o) : [...s, o] : (s) => s.includes(o) ? [] : [o]
     );
   };
-  return /* @__PURE__ */ a.jsx("div", { className: u, children: e.map(({ label: o, section: s, isDisabled: t }, r) => /* @__PURE__ */ a.jsx(
-    A,
+  return /* @__PURE__ */ m.jsx("div", { className: p, children: a.map(({ label: o, section: s }, t) => /* @__PURE__ */ m.jsx(
+    h,
     {
-      hasIcon: n,
-      isDisabled: t,
+      hasIcon: i,
       label: o,
       section: s,
-      active: p.includes(r),
-      itemClassName: c,
-      sectionClassName: i,
-      onToggle: () => g(r)
+      active: f.includes(t),
+      itemClassName: l,
+      sectionClassName: c,
+      onToggle: () => u(t)
     },
-    r
+    t
   )) });
 };
 export {
-  E as Accordion
+  C as Accordion
 };

package/dist/index.es20.js

@@ -1,102 +1,26 @@
-import { j as n } from "./index.es27.js";
-import { CheckIcon as I } from "./index.es29.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.es47.js";
-import B from "./index.es48.js";
-import { cn as H } from "./index.es28.js";
-import { stepVariants as R, iconVariants as $, labelVariants as E } from "./index.es49.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;
-  switch (s) {
-    case "pending":
-      return ((r = e == null ? void 0 : e.neutral) == null ? void 0 : r["500"]) || "#C7C9D1";
-    case "inProgress":
-      return ((o = e == null ? void 0 : e.blue) == null ? void 0 : o["500"]) || "#2644D9";
-    case "completed":
-      return ((a = e == null ? void 0 : e.success) == null ? void 0 : a["500"]) || "#1FB576";
-    case "error":
-      return ((i = e == null ? void 0 : e.error) == null ? void 0 : i["500"]) || "#CC4033";
-    default:
-      return "#C7C9D1";
-  }
-}, G = (s, e) => {
-  const t = C(s), r = C(e);
-  return {
-    background: `linear-gradient(to right, ${t} 50%, ${r} 50%)`
-  };
-};
-function W(s) {
-  const {
-    step: e,
-    state: t,
-    size: r,
-    icon: o,
-    completedIcon: a,
-    onPress: i,
-    nextState: h,
-    isLastStep: d,
-    allowStepClick: b = !1,
-    isDisabled: l = !1,
-    label: m
-  } = s, j = k(null), { buttonProps: g, isPressed: p } = D(
-    {
-      ...s,
-      onPress: b ? i : void 0,
-      isDisabled: l
-    },
-    j
-  ), { hoverProps: v, isHovered: u } = V({}), w = R({ size: r, state: t, isHovered: u, isPressed: p, isDisabled: l }), N = $({ size: r, state: t, isHovered: u }), P = E({ size: r }), S = x(t === "completed" ? a || /* @__PURE__ */ n.jsx(I, {}) : o, e), y = x(m, e);
-  return /* @__PURE__ */ n.jsxs("div", { className: H("flex h-full items-center", d ? "w-fit" : "w-full"), children: [
-    /* @__PURE__ */ n.jsx("div", { className: "flex h-24 w-fit items-center justify-center py-2", children: /* @__PURE__ */ n.jsxs(
-      "button",
-      {
-        className: "z-10 flex flex-col items-center whitespace-nowrap",
-        ...v,
-        ...g,
-        "data-testid": "step-button",
-        "data-state": t,
-        "aria-disabled": l,
-        children: [
-          /* @__PURE__ */ n.jsx(
-            f.div,
-            {
-              className: w,
-              "data-testid": "step-icon-container",
-              initial: !1,
-              animate: { scale: p ? 0.95 : 1 },
-              transition: { duration: 0.2 },
-              children: /* @__PURE__ */ n.jsx(
-                f.span,
-                {
-                  className: N,
-                  initial: !1,
-                  animate: {
-                    scale: t === "completed" ? [1, 1.1, 1] : 1,
-                    rotate: t === "completed" ? [0, 10, 0] : 0
-                  },
-                  transition: { duration: 0.3 },
-                  children: S
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ n.jsx("div", { className: "mt-2 flex select-none flex-col items-center justify-between", children: m ? /* @__PURE__ */ n.jsx("span", { className: P, children: y }) : null })
-        ]
-      }
-    ) }),
-    d ? null : /* @__PURE__ */ n.jsx(
+import { j as s } from "./index.es24.js";
+import { forwardRef as u, useContext as T } from "react";
+import { useTooltip as h, mergeProps as j } from "react-aria";
+import { cn as e } from "./index.es26.js";
+import { TooltipContext as N } from "./index.es38.js";
+import { tooltipVariants as P } from "./index.es37.js";
+const C = u((p, i) => {
+  const { placement: m = "bottom", size: l = "md", className: a, mode: o = "dark", supportText: t, children: n, ...r } = p, { state: c, ...x } = T(N), { tooltipProps: d } = h(r, c), f = e(P({ placement: m, size: l, mode: o, hasSupportText: !!t }), a);
+  return /* @__PURE__ */ s.jsxs("span", { className: f, ...j(r, d, x), ref: i, children: [
+    n,
+    t ? /* @__PURE__ */ s.jsx(
       "div",
       {
-        className: "mx-4 hidden h-1 w-full sm:block",
-        "data-testid": "progress-bar",
-        style: G(t, h)
+        className: e(
+          "!text-sm !font-normal !leading-[19.07px]",
+          o === "dark" ? "!text-blue-50" : "!text-neutral-700"
+        ),
+        children: t
       }
-    )
+    ) : null
   ] });
-}
+});
+C.displayName = "Tooltip";
 export {
-  W as StepperStep
+  C as Tooltip
 };

package/dist/index.es21.js

@@ -1,80 +1,30 @@
-import { j as o } from "./index.es27.js";
-import { Switch as u } from "react-aria-components";
-import { cn as c } from "./index.es28.js";
-import { ContentSwitch as L } from "./index.es50.js";
-import { SwitchIndicator as v } from "./index.es51.js";
-import { switchVariants as b } from "./index.es41.js";
-const E = ({
-  children: f,
-  label: m,
-  description: n,
-  errorMessage: s,
-  validationState: e,
-  size: a = "md",
-  isDisabled: r = !1,
-  isSelected: t = !1,
-  onChange: h,
-  renderLabelIcon: x = null,
-  "aria-label": p,
-  "aria-describedby": l
-}) => {
-  const j = e === "invalid" && !r, w = a === "sm" ? { offLeft: 3, onLeft: 19 } : { offLeft: 4, onLeft: 28 };
-  return /* @__PURE__ */ o.jsxs(
-    "label",
-    {
-      className: c("group flex flex-row gap-2", (m || f) && n ? "items-start" : "items-center"),
-      children: [
-        /* @__PURE__ */ o.jsx(
-          u,
-          {
-            isDisabled: r,
-            isSelected: t,
-            "aria-checked": t,
-            "aria-label": p,
-            "aria-describedby": l,
-            onChange: h,
-            children: ({ isFocusVisible: d, isHovered: i }) => /* @__PURE__ */ o.jsx(
-              "div",
-              {
-                className: c(
-                  b({
-                    isSelected: t,
-                    isDisabled: r,
-                    isFocusVisible: d,
-                    size: a,
-                    isHoveredWhenOff: i && !t
-                  })
-                ),
-                children: /* @__PURE__ */ o.jsx(
-                  v,
-                  {
-                    isSelected: t,
-                    isDisabled: r,
-                    isHovered: i,
-                    size: a,
-                    dimensions: w
-                  }
-                )
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ o.jsx(
-          L,
-          {
-            label: m,
-            description: n,
-            errorMessage: s,
-            isDisabled: r,
-            isInvalid: j,
-            renderLabelIcon: x,
-            children: f
-          }
-        )
-      ]
-    }
-  );
+import { j as i } from "./index.es24.js";
+import { useRef as a, Children as f, cloneElement as u } from "react";
+import { useTooltipTrigger as T } from "react-aria";
+import { useTooltipTriggerState as h } from "react-stately";
+import { cn as x } from "./index.es26.js";
+import { TooltipContext as d } from "./index.es38.js";
+const w = (e) => {
+  const { children: r, isDisabled: s, trigger: l, className: n } = e, t = h(e), o = a(null), { triggerProps: g, tooltipProps: m } = T({ isDisabled: s, trigger: l }, t, o), [c, p] = f.toArray(r);
+  if (!Array.isArray(r) || r.length > 2)
+    throw new Error("TooltipTrigger must have exactly 2 children");
+  return /* @__PURE__ */ i.jsxs("span", { className: x("relative inline-flex items-center", n), children: [
+    u(c, {
+      ...g,
+      ref: o
+    }),
+    /* @__PURE__ */ i.jsx(
+      d.Provider,
+      {
+        value: {
+          state: t,
+          ...m
+        },
+        children: t.isOpen ? p : null
+      }
+    )
+  ] });
 };
 export {
-  E as Switch
+  w as TooltipTrigger
 };