@simpli-route/apollo-ds 0.1.59 → 0.1.62

package/dist/index.es19.js

@@ -1,80 +1,80 @@
 import { j as e } from "./index.es42.js";
-import { CrossCircleIcon as w, DownChevronIcon as B } from "./index.es44.js";
-import { Button as u, SelectValue as C } from "react-aria-components";
+import { CrossCircleIcon as C, DownChevronIcon as V } from "./index.es44.js";
+import { Button as x, SelectValue as F } from "react-aria-components";
 import { cn as l } from "./index.es43.js";
-import { invisibleSelectButtonVariants as V, invisibleSelectBadgeVariants as I } from "./index.es58.js";
-const F = ({
-  ref: x,
-  isOpen: o,
-  setIsOpen: f,
-  size: a,
-  isDisabled: r,
-  buttonClassName: d,
-  selectionMode: h,
-  maxLengthTextOption: c,
-  handleDeleteOptionSelected: j,
-  placeholder: p,
-  validationState: v
+import { invisibleSelectButtonVariants as I, invisibleSelectBadgeVariants as P } from "./index.es60.js";
+const k = ({
+  ref: f,
+  isOpen: a,
+  setIsOpen: d,
+  size: s,
+  isDisabled: t,
+  buttonClassName: h,
+  selectionMode: j,
+  maxLengthTextOption: m,
+  handleDeleteOptionSelected: p,
+  placeholder: v,
+  validationState: N
 }) => {
-  const N = (t, n) => r ? "disabled" : v === "invalid" ? "error" : n || o ? "active" : t ? "hover" : "default";
-  return /* @__PURE__ */ e.jsxs(
-    u,
+  const g = (r, n) => t ? "disabled" : N === "invalid" ? "error" : n || a ? "active" : r ? "hover" : "default";
+  return /* @__PURE__ */ e.jsx(
+    x,
     {
-      ref: x,
-      className: ({ isHovered: t, isFocusVisible: n }) => l(
-        V({
-          size: a,
-          state: N(t, n)
+      ref: f,
+      className: ({ isHovered: r, isFocusVisible: n }) => l(
+        I({
+          size: s,
+          state: g(r, n)
         }),
-        d
+        h
       ),
-      onPress: () => f(!o),
-      children: [
-        /* @__PURE__ */ e.jsx(C, { className: "flex flex-1 items-center gap-1 overflow-hidden", children: ({ selectedItems: t, selectedText: n, isPlaceholder: g }) => /* @__PURE__ */ e.jsx(e.Fragment, { children: h === "multiple" && t && t.length > 0 ? /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-1", children: t.filter((s) => s != null).map((s) => {
-          const i = s.label, S = i.length > c ? `${i.slice(0, c)}...` : i, m = s.value;
-          return /* @__PURE__ */ e.jsxs("div", { className: l(I({ size: a, isDisabled: r })), children: [
-            /* @__PURE__ */ e.jsx("span", { children: S }),
+      onPress: () => d(!a),
+      children: ({ isHovered: r, isFocusVisible: n }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        /* @__PURE__ */ e.jsx(F, { className: "flex flex-1 items-center gap-1 overflow-hidden", children: ({ selectedItems: c, selectedText: S, isPlaceholder: w }) => /* @__PURE__ */ e.jsx(e.Fragment, { children: j === "multiple" && c && c.length > 0 ? /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-1", children: c.filter((o) => o != null).map((o) => {
+          const i = o.label, B = i.length > m ? `${i.slice(0, m)}...` : i, u = o.value;
+          return /* @__PURE__ */ e.jsxs("div", { className: l(P({ size: s, isDisabled: t })), children: [
+            /* @__PURE__ */ e.jsx("span", { children: B }),
             /* @__PURE__ */ e.jsx(
-              u,
+              x,
               {
-                className: l("outline-none", r ? "cursor-not-allowed" : ""),
-                isDisabled: r,
+                className: l("outline-none", t ? "cursor-not-allowed" : ""),
+                isDisabled: t,
                 slot: null,
-                onPress: () => j(m),
+                onPress: () => p(u),
                 children: /* @__PURE__ */ e.jsx(
-                  w,
+                  C,
                   {
                     className: l(
                       "text-primary-800",
-                      r ? "text-neutral-600" : "",
-                      a === "xs" || a === "sm" ? "size-3" : "size-4"
+                      t ? "text-neutral-600" : "",
+                      s === "xs" || s === "sm" ? "size-3" : "size-4"
                     )
                   }
                 )
               }
             )
-          ] }, m);
+          ] }, u);
         }) }) : /* @__PURE__ */ e.jsx(
           "span",
           {
             className: l(
               "flex-1 truncate text-left",
-              g ? "text-neutral-600" : "",
-              r ? "text-neutral-700" : ""
+              w ? "text-neutral-600" : "",
+              t ? "text-neutral-700" : ""
             ),
-            children: n || p
+            children: S || v
           }
         ) }) }),
-        /* @__PURE__ */ e.jsx(
-          B,
+        r || n || a ? /* @__PURE__ */ e.jsx(
+          V,
           {
-            className: `${o ? "rotate-180" : ""} size-4 text-blue-900 transition-transform duration-100`
+            className: `${a ? "rotate-180" : ""} size-4 text-blue-900 transition-transform duration-100`
           }
-        )
-      ]
+        ) : null
+      ] })
     }
   );
 };
 export {
-  F as InvisibleSelectContent
+  k as InvisibleSelectContent
 };

package/dist/index.es2.js

@@ -1,36 +1,41 @@
-import { j as g } from "./index.es42.js";
-import { useState as a } from "react";
-import { cn as l } from "./index.es43.js";
-import { AccordionItem as v } from "./index.es3.js";
-const S = ({
-  items: n,
-  accordionClassName: f,
-  itemClassName: p,
-  sectionClassName: h,
-  hasIcon: j,
-  allowMultipleOpen: c = !1,
-  defaultValue: r
+import { j } from "./index.es42.js";
+import { useState as N, useEffect as R } from "react";
+import { cn as S } from "./index.es43.js";
+import { AccordionItem as b } from "./index.es3.js";
+const D = ({
+  items: t,
+  accordionClassName: A,
+  itemClassName: g,
+  sectionClassName: y,
+  hasIcon: E,
+  allowMultipleOpen: m = !1,
+  defaultValue: s,
+  onChangeItem: i
 }) => {
-  const A = () => r == null ? [] : Array.isArray(r) ? c ? r.filter((o) => o >= 0 && o < n.length) : [] : r >= 0 && r < n.length ? [r] : [], [e, m] = a(A()), y = l("flex flex-col gap-y-4", f), T = (o) => {
-    m(
-      c ? (s) => s.includes(o) ? s.filter((t) => t !== o) : [...s, o] : (s) => s.includes(o) ? [] : [o]
+  const T = () => s == null ? [] : Array.isArray(s) ? m ? s.filter((r) => r >= 0 && r < t.length) : [] : s >= 0 && s < t.length ? [s] : [], [c, p] = N(T());
+  R(() => {
+    i == null || i(c);
+  }, [c, i]);
+  const l = S("flex flex-col gap-y-4", A), v = (r) => {
+    p(
+      m ? (o) => o.includes(r) ? o.filter((f) => f !== r) : [...o, r] : (o) => o.includes(r) ? [] : [r]
     );
   };
-  return /* @__PURE__ */ g.jsx("div", { className: y, children: n.map(({ label: o, section: s, isDisabled: t }, i) => /* @__PURE__ */ g.jsx(
-    v,
+  return /* @__PURE__ */ j.jsx("div", { className: l, children: t.map(({ label: r, section: o, isDisabled: f }, n) => /* @__PURE__ */ j.jsx(
+    b,
     {
-      hasIcon: j,
-      isDisabled: t,
-      label: o,
-      section: s,
-      active: e.includes(i),
-      itemClassName: p,
-      sectionClassName: h,
-      onToggle: () => T(i)
+      hasIcon: E,
+      isDisabled: f,
+      label: r,
+      section: o,
+      active: c.includes(n),
+      itemClassName: g,
+      sectionClassName: y,
+      onToggle: () => v(n)
     },
-    i
+    n
   )) });
 };
 export {
-  S as Accordion
+  D as Accordion
 };

package/dist/index.es20.js

@@ -5,10 +5,10 @@ import { TimeField as S, Group as U, DateInput as W, Button as X, FieldError as
 import { cn as s } from "./index.es43.js";
 import "./index.es15.js";
 import { Label as Z } from "./index.es16.js";
-import { invisibleInputLabelVariants as $, invisibleInputCaptionVariants as q } from "./index.es56.js";
+import { invisibleInputLabelVariants as $, invisibleInputCaptionVariants as q } from "./index.es52.js";
 import { TimePickerPopover as z } from "./index.es21.js";
 import { TimeSegment as ee } from "./index.es22.js";
-import { invisibleTimeFieldContainerVariants as ie, invisibleTimeFieldGroupVariants as se, invisibleTimeFieldInputVariants as le, timeFieldButtonVariants as ne } from "./index.es59.js";
+import { invisibleTimeFieldContainerVariants as ie, invisibleTimeFieldGroupVariants as se, invisibleTimeFieldInputVariants as le, timeFieldButtonVariants as ne } from "./index.es61.js";
 const re = K(
   ({
     size: l = "bodyDefault",

package/dist/index.es21.js

@@ -4,7 +4,7 @@ import { useRef as M, useState as P, useCallback as d, useEffect as j } from "re
 import { Popover as $, ListBox as k, ListBoxItem as N } from "react-aria-components";
 import { cn as x } from "./index.es43.js";
 import { Button as H } from "./index.es7.js";
-import { timePickerListItemVariants as A } from "./index.es59.js";
+import { timePickerListItemVariants as A } from "./index.es61.js";
 function U(C) {
   const { isOpen: i, onOpenChange: a, value: r, onChange: h, hourCycle: l = 12, containerRef: K, confirmButtonLabel: R } = C, y = M(null), g = M(null), S = M(null), [s, b] = P((r == null ? void 0 : r.hour) ?? 0), [m, v] = P((r == null ? void 0 : r.minute) ?? 0), V = Array.from({ length: l === 12 ? 12 : 24 }, (e, t) => l === 12 ? t + 1 : t), E = Array.from({ length: 60 }, (e, t) => t), f = l === 12 ? s === 0 ? 12 : s > 12 ? s - 12 : s : s, T = s >= 12 ? "PM" : "AM", [u, L] = P(T), w = d(() => {
     const e = new O(s, m, 0);

package/dist/index.es25.js

@@ -5,8 +5,8 @@ import { NumberField as _, Group as k, Input as A, Button as d, FieldError as H
 import { cn as r } from "./index.es43.js";
 import "./index.es15.js";
 import { Label as J } from "./index.es16.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.es64.js";
+import { invisibleInputContainerVariants as K, invisibleInputLabelVariants as M, invisibleInputCaptionVariants as O } from "./index.es52.js";
+import { invisibleNumberFieldGroupVariants as P, invisibleNumberFieldVariants as Q, invisibleNumberFieldStepperVariants as t } from "./index.es62.js";
 const T = U(
   ({
     size: l = "bodyDefault",

package/dist/index.es26.js

@@ -5,7 +5,7 @@ import "./index.es15.js";
 import { Label as G } from "./index.es16.js";
 import { CaptionNumberField as S } from "./index.es72.js";
 import { StepperButton as V } from "./index.es73.js";
-import { inputNumberVariant as _ } from "./index.es64.js";
+import { inputNumberVariant as _ } from "./index.es62.js";
 const K = ({
   size: o = "sm",
   label: i,

package/dist/index.es27.js

@@ -4,14 +4,14 @@ import { ProgressBar as I } from "react-aria-components";
 import "react";
 import { cn as s } from "./index.es43.js";
 import "./index.es5.js";
+import "./index.es45.js";
+import "./index.es56.js";
 import "./index.es57.js";
-import "./index.es61.js";
-import "./index.es46.js";
 import "react-aria";
-import "./index.es60.js";
+import "./index.es54.js";
 import "@react-stately/color";
-import "./index.es51.js";
-import "./index.es52.js";
+import "./index.es47.js";
+import "./index.es48.js";
 import "./index.es53.js";
 import "./index.es15.js";
 import { Label as M } from "./index.es16.js";
@@ -20,27 +20,27 @@ import { TooltipTrigger as $ } from "./index.es39.js";
 import "./index.es55.js";
 import "./index.es14.js";
 import "@internationalized/date";
-import "./index.es63.js";
+import "./index.es59.js";
 import "./index.es18.js";
-import "./index.es58.js";
+import "./index.es60.js";
 import "./index.es20.js";
-import "./index.es59.js";
+import "./index.es61.js";
 import "./index.es24.js";
 import "./index.es25.js";
+import "./index.es62.js";
+import { progressBarVariants as k, progressFillVariants as z } from "./index.es63.js";
 import "./index.es64.js";
-import { progressBarVariants as k, progressFillVariants as z } from "./index.es65.js";
-import "./index.es66.js";
-import "./index.es56.js";
-import "./index.es67.js";
+import "./index.es52.js";
+import "./index.es65.js";
 import "./index.es30.js";
-import "./index.es68.js";
+import "./index.es66.js";
 import "./index.es33.js";
 import "./index.es34.js";
 import "./index.es35.js";
-import "./index.es69.js";
+import "./index.es67.js";
 import "./index.es37.js";
 import { Text as d } from "./index.es40.js";
-import "./index.es70.js";
+import "./index.es68.js";
 const Lt = (f) => {
   const {
     className: h,

package/dist/index.es28.js

@@ -4,7 +4,7 @@ import { LeftChevronIcon as B, RightChevronIcon as E } from "./index.es44.js";
 import { useLocale as G } from "react-aria";
 import { RangeCalendar as I, Button as N, CalendarGrid as F, CalendarGridHeader as T, CalendarHeaderCell as U, CalendarGridBody as k, RangeCalendarStateContext as j, CalendarCell as A } from "react-aria-components";
 import { cn as g } from "./index.es43.js";
-import { rangeCalendarHeaderVariants as D, rangeCalendarButtonVariants as R, rangeCalendarHeaderCellVariants as W, rangeCalendarHeadingVariants as Z } from "./index.es66.js";
+import { rangeCalendarHeaderVariants as D, rangeCalendarButtonVariants as R, rangeCalendarHeaderCellVariants as W, rangeCalendarHeadingVariants as Z } from "./index.es64.js";
 const _ = ({ monthOffset: d, locale: o }) => /* @__PURE__ */ e.jsx(j.Consumer, { children: (a) => {
   if (!a)
     return null;

package/dist/index.es29.js

@@ -4,7 +4,7 @@ import { ComboBox as S, Input as M } from "react-aria-components";
 import { useDebouncedValue as P } from "./index.es74.js";
 import "./index.es15.js";
 import { Label as R } from "./index.es16.js";
-import { inputVariants as V } from "./index.es56.js";
+import { inputVariants as V } from "./index.es52.js";
 import { MultiSearchField as v } from "./index.es75.js";
 import { SearchFieldIconContainer as y } from "./index.es76.js";
 import { SearchFieldMessages as B } from "./index.es77.js";

package/dist/index.es30.js

@@ -4,9 +4,9 @@ import { useFilter as w, Select as G, Popover as H } from "react-aria-components
 import { cn as c } from "./index.es43.js";
 import "./index.es15.js";
 import { Label as J } from "./index.es16.js";
-import { PopoverContent as K } from "./index.es50.js";
-import { SelectContent as Q } from "./index.es91.js";
-import { selectInputPopoverVariants as U } from "./index.es51.js";
+import { PopoverContent as K } from "./index.es46.js";
+import { SelectContent as Q } from "./index.es82.js";
+import { selectInputPopoverVariants as U } from "./index.es47.js";
 const W = (S, b) => {
   const {
     label: p,

package/dist/index.es31.js

@@ -2,8 +2,8 @@ import { j as m } from "./index.es42.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.es43.js";
-import { SliderContainerTrack as G } from "./index.es89.js";
-import { validateMinDistance as H } from "./index.es90.js";
+import { SliderContainerTrack as G } from "./index.es80.js";
+import { validateMinDistance as H } from "./index.es81.js";
 const U = ({
   type: r = "single",
   showTypeValue: A = "default",

package/dist/index.es32.js

@@ -3,7 +3,7 @@ import { CheckIcon as h } from "./index.es44.js";
 import { useState as j } from "react";
 import { Button as S } from "react-aria-components";
 import { cn as k } from "./index.es43.js";
-import { statusChipVariants as I } from "./index.es68.js";
+import { statusChipVariants as I } from "./index.es66.js";
 const F = ({
   size: m = "sm",
   label: n,

package/dist/index.es35.js

@@ -3,10 +3,10 @@ import { CheckIcon as I } from "./index.es44.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.es80.js";
-import B from "./index.es81.js";
+import z from "./index.es83.js";
+import B from "./index.es84.js";
 import { cn as H } from "./index.es43.js";
-import { stepVariants as R, iconVariants as $, labelVariants as E } from "./index.es82.js";
+import { stepVariants as R, iconVariants as $, labelVariants as E } from "./index.es85.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.es36.js

@@ -3,7 +3,7 @@ import { Switch as u } from "react-aria-components";
 import { cn as c } from "./index.es43.js";
 import { ContentSwitch as L } from "./index.es87.js";
 import { SwitchIndicator as v } from "./index.es88.js";
-import { switchVariants as b } from "./index.es69.js";
+import { switchVariants as b } from "./index.es67.js";
 const E = ({
   children: f,
   label: m,

package/dist/index.es37.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.es43.js";
-import { Tab as j } from "./index.es83.js";
-import { TabPanel as h } from "./index.es84.js";
-import { tabsVariants as T } from "./index.es85.js";
+import { Tab as j } from "./index.es89.js";
+import { TabPanel as h } from "./index.es90.js";
+import { tabsVariants as T } from "./index.es91.js";
 const v = (a) => {
   var l;
   const {

package/dist/index.es38.js

@@ -2,7 +2,7 @@ import { j as s } from "./index.es42.js";
 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.es43.js";
-import { TooltipContext as j } from "./index.es62.js";
+import { TooltipContext as j } from "./index.es58.js";
 import { tooltipVariants as N } from "./index.es86.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);

package/dist/index.es39.js

@@ -3,7 +3,7 @@ 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.es43.js";
-import { TooltipContext as d } from "./index.es62.js";
+import { TooltipContext as d } from "./index.es58.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)

package/dist/index.es40.js

@@ -1,6 +1,6 @@
 import { j as m } from "./index.es42.js";
 import { cn as n } from "./index.es43.js";
-import { textVariants as a } from "./index.es70.js";
+import { textVariants as a } from "./index.es68.js";
 function x(t) {
   const { children: s, type: o = "body", className: r } = t, e = n(a({ type: o }), r);
   return /* @__PURE__ */ m.jsx("p", { className: e, children: s });

package/dist/index.es41.js

@@ -1,6 +1,6 @@
 import { j as m } from "./index.es42.js";
 import { cn as c } from "./index.es43.js";
-import { titleVariants as l } from "./index.es70.js";
+import { titleVariants as l } from "./index.es68.js";
 function j(s) {
   const { children: e, type: t = "h1", size: r = t, className: i, ...o } = s, n = t, a = c(l({ size: r }), i);
   return /* @__PURE__ */ m.jsx(n, { className: a, ...o, children: e });

package/dist/index.es45.js

@@ -1,32 +1,47 @@
-import { j as e } from "./index.es42.js";
-import { cn as l } from "./index.es43.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",
-    {
-      x1: 1,
-      y1: 10,
-      x2: 14,
-      y2: 10,
-      fill: "none",
-      strokeWidth: 2,
-      strokeDasharray: 14,
-      strokeDashoffset: s ? 28 : 42,
-      style: { transition: "all 400ms" }
+import { cva as e } from "class-variance-authority";
+const t = e("flex items-center gap-0.5", {
+  variants: {},
+  defaultVariants: {}
+}), a = e(
+  "inline-flex items-center gap-1 py-1 px-2 rounded text-xs font-semibold text-blue-700 outline-none transition-colors duration-200",
+  {
+    variants: {
+      isHovered: {
+        true: "text-blue-500",
+        false: ""
+      },
+      isFocusVisible: {
+        true: "border border-primary-500 text-blue-500",
+        false: "border border-transparent"
+      },
+      isCurrent: {
+        true: "cursor-default text-blue-400",
+        false: "cursor-pointer"
+      },
+      isDisabled: {
+        true: "!cursor-not-allowed !text-neutral-600",
+        false: ""
+      }
+    },
+    compoundVariants: [
+      {
+        isHovered: !0,
+        isCurrent: !1,
+        class: "text-blue-500"
+      }
+    ],
+    defaultVariants: {
+      isHovered: !1,
+      isFocusVisible: !1,
+      isCurrent: !1
     }
-  ) : /* @__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" }
-    }
-  ) });
-};
+  }
+), s = e("text-neutral-700 font-normal text-sm", {
+  variants: {},
+  defaultVariants: {}
+});
 export {
-  m as MarkIcon
+  a as breadcrumbItemVariants,
+  s as breadcrumbSeparatorVariants,
+  t as breadcrumbsContainerVariants
 };