@simpli-route/apollo-ds 0.1.64 → 0.1.66

package/dist/index.es19.js

@@ -1,7 +1,7 @@
-import { j as e } from "./index.es46.js";
+import { j as e } from "./index.es47.js";
 import { CrossCircleIcon as C, DownChevronIcon as V } from "./index.es48.js";
 import { Button as x, SelectValue as F } from "react-aria-components";
-import { cn as l } from "./index.es47.js";
+import { cn as l } from "./index.es49.js";
 import { invisibleSelectButtonVariants as I, invisibleSelectBadgeVariants as P } from "./index.es60.js";
 const k = ({
   ref: f,

package/dist/index.es190.js

@@ -0,0 +1,4 @@
+var o = {};
+export {
+  o as __exports
+};

package/dist/index.es2.js

@@ -1,6 +1,6 @@
-import { j } from "./index.es46.js";
+import { j } from "./index.es47.js";
 import { useState as N, useEffect as R } from "react";
-import { cn as S } from "./index.es47.js";
+import { cn as S } from "./index.es49.js";
 import { AccordionItem as b } from "./index.es3.js";
 const D = ({
   items: t,

package/dist/index.es20.js

@@ -1,12 +1,12 @@
-import { j as e } from "./index.es46.js";
+import { j as e } from "./index.es47.js";
 import { ClockIcon as A } from "./index.es48.js";
 import { forwardRef as H } from "react";
 import { TimeField as J, Group as K, DateInput as M, Button as Q, FieldError as U } from "react-aria-components";
-import { cn as r } from "./index.es47.js";
+import { cn as r } from "./index.es49.js";
 import "./index.es15.js";
 import { Label as W } from "./index.es16.js";
 import { invisibleInputLabelVariants as X, invisibleInputCaptionVariants as Y } from "./index.es65.js";
-import { useTimeField as Z } from "./index.es41.js";
+import { useTimeField as Z } from "./index.es42.js";
 import { TimePickerPopover as $ } from "./index.es21.js";
 import { TimeSegment as q } from "./index.es22.js";
 import { invisibleTimeFieldContainerVariants as z, invisibleTimeFieldGroupVariants as E, invisibleTimeFieldInputVariants as S, timeFieldButtonVariants as ee } from "./index.es61.js";

package/dist/index.es21.js

@@ -1,8 +1,8 @@
-import { j as n } from "./index.es46.js";
+import { j as n } from "./index.es47.js";
 import { Time as O } from "@internationalized/date";
 import { useRef as M, useState as P, useCallback as d, useEffect as j } from "react";
 import { Popover as $, ListBox as k, ListBoxItem as N } from "react-aria-components";
-import { cn as x } from "./index.es47.js";
+import { cn as x } from "./index.es49.js";
 import { Button as H } from "./index.es7.js";
 import { timePickerListItemVariants as A } from "./index.es61.js";
 function U(C) {

package/dist/index.es22.js

@@ -1,6 +1,6 @@
-import { j as n } from "./index.es46.js";
+import { j as n } from "./index.es47.js";
 import { DateSegment as a } from "react-aria-components";
-import { cn as i } from "./index.es47.js";
+import { cn as i } from "./index.es49.js";
 function c({ segment: t, className: o }) {
   const l = () => t.maxValue != null ? String(t.maxValue).length + "ch" : "fit-content";
   return /* @__PURE__ */ n.jsx(

package/dist/index.es23.js

@@ -1,6 +1,6 @@
-import { j as e } from "./index.es46.js";
+import { j as e } from "./index.es47.js";
 import { useVisuallyHidden as a } from "react-aria";
-import { cn as l } from "./index.es47.js";
+import { cn as l } from "./index.es49.js";
 const d = ({ className: s, label: r, size: t = "sm" }) => {
   const i = (() => {
     switch (t) {

package/dist/index.es24.js

@@ -1,8 +1,8 @@
-import { j as e } from "./index.es46.js";
+import { j as e } from "./index.es47.js";
 import { forwardRef as x } from "react";
-import { cn as y } from "./index.es47.js";
+import { cn as y } from "./index.es49.js";
 import { Loader as f } from "./index.es23.js";
-import { Overlay as u } from "./index.es77.js";
+import { Overlay as u } from "./index.es75.js";
 const v = (s, a) => {
   const {
     className: l,

package/dist/index.es25.js

@@ -1,8 +1,8 @@
-import { j as e } from "./index.es46.js";
+import { j as e } from "./index.es47.js";
 import { UpChevronIcon as B, DownChevronIcon as R } from "./index.es48.js";
 import { forwardRef as U } from "react";
 import { NumberField as _, Group as k, Input as A, Button as d, FieldError as H } from "react-aria-components";
-import { cn as r } from "./index.es47.js";
+import { cn as r } from "./index.es49.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.es65.js";

package/dist/index.es26.js

@@ -1,10 +1,10 @@
-import { j as r } from "./index.es46.js";
+import { j as r } from "./index.es47.js";
 import { NumberField as w, Group as B, Input as E } from "react-aria-components";
-import { cn as t } from "./index.es47.js";
+import { cn as t } from "./index.es49.js";
 import "./index.es15.js";
 import { Label as G } from "./index.es16.js";
-import { CaptionNumberField as S } from "./index.es78.js";
-import { StepperButton as V } from "./index.es79.js";
+import { CaptionNumberField as S } from "./index.es79.js";
+import { StepperButton as V } from "./index.es80.js";
 import { inputNumberVariant as _ } from "./index.es62.js";
 const K = ({
   size: o = "sm",

package/dist/index.es27.js

@@ -1,22 +1,22 @@
-import { j as t } from "./index.es46.js";
+import { j as t } from "./index.es47.js";
 import { motion as D } from "framer-motion";
 import { ProgressBar as I } from "react-aria-components";
 import "react";
-import { cn as s } from "./index.es47.js";
+import { cn as s } from "./index.es49.js";
 import "./index.es5.js";
-import "./index.es49.js";
-import "./index.es53.js";
+import "./index.es50.js";
 import "./index.es51.js";
-import "react-aria";
 import "./index.es52.js";
+import "react-aria";
+import "./index.es53.js";
 import "@react-stately/color";
 import "./index.es54.js";
 import "./index.es55.js";
 import "./index.es56.js";
 import "./index.es15.js";
 import { Label as M } from "./index.es16.js";
-import { Tooltip as S } from "./index.es42.js";
-import { TooltipTrigger as $ } from "./index.es43.js";
+import { Tooltip as S } from "./index.es43.js";
+import { TooltipTrigger as $ } from "./index.es44.js";
 import "./index.es58.js";
 import "./index.es14.js";
 import "@internationalized/date";
@@ -41,7 +41,7 @@ import "./index.es68.js";
 import "./index.es37.js";
 import "./index.es69.js";
 import "./index.es70.js";
-import { Text as d } from "./index.es44.js";
+import { Text as d } from "./index.es45.js";
 import "./index.es71.js";
 const Bt = (f) => {
   const {

package/dist/index.es28.js

@@ -1,9 +1,9 @@
-import { j as e } from "./index.es46.js";
+import { j as e } from "./index.es47.js";
 import { isSameMonth as L, isSameDay as m, getDayOfWeek as z, startOfMonth as O, getLocalTimeZone as V } from "@internationalized/date";
 import { LeftChevronIcon as B, RightChevronIcon as E } from "./index.es48.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.es47.js";
+import { cn as g } from "./index.es49.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)

package/dist/index.es29.js

@@ -1,15 +1,15 @@
-import { j as s } from "./index.es46.js";
+import { j as s } from "./index.es47.js";
 import { useMemo as L } from "react";
 import { ComboBox as S, Input as M } from "react-aria-components";
-import { useDebouncedValue as P } from "./index.es80.js";
+import { useDebouncedValue as P } from "./index.es92.js";
 import "./index.es15.js";
 import { Label as R } from "./index.es16.js";
 import { inputVariants as V } from "./index.es65.js";
-import { MultiSearchField as v } from "./index.es81.js";
-import { SearchFieldIconContainer as y } from "./index.es82.js";
-import { SearchFieldMessages as B } from "./index.es83.js";
-import { SearchFieldPopover as D } from "./index.es84.js";
-import { getSearchFieldDefaultProps as H, getHighlightedParts as N } from "./index.es85.js";
+import { MultiSearchField as v } from "./index.es93.js";
+import { SearchFieldIconContainer as y } from "./index.es94.js";
+import { SearchFieldMessages as B } from "./index.es95.js";
+import { SearchFieldPopover as D } from "./index.es96.js";
+import { getSearchFieldDefaultProps as H, getHighlightedParts as N } from "./index.es97.js";
 const U = (t) => {
   const {
     label: i,

package/dist/index.es3.js

@@ -1,6 +1,6 @@
-import { j as r } from "./index.es46.js";
+import { j as r } from "./index.es47.js";
 import { MinusIcon as p, PlusIcon as x } from "./index.es48.js";
-import { cn as e } from "./index.es47.js";
+import { cn as e } from "./index.es49.js";
 const h = ({
   label: t,
   section: n,

package/dist/index.es30.js

@@ -1,11 +1,11 @@
-import { j as s } from "./index.es46.js";
+import { j as s } from "./index.es47.js";
 import { forwardRef as k, useState as h } from "react";
 import { useFilter as w, Select as G, Popover as H } from "react-aria-components";
-import { cn as c } from "./index.es47.js";
+import { cn as c } from "./index.es49.js";
 import "./index.es15.js";
 import { Label as J } from "./index.es16.js";
-import { PopoverContent as K } from "./index.es72.js";
-import { SelectContent as Q } from "./index.es86.js";
+import { PopoverContent as K } from "./index.es73.js";
+import { SelectContent as Q } from "./index.es98.js";
 import { selectInputPopoverVariants as U } from "./index.es54.js";
 const W = (S, b) => {
   const {

package/dist/index.es31.js

@@ -1,7 +1,7 @@
-import { j as m } from "./index.es46.js";
+import { j as m } from "./index.es47.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.es47.js";
+import { cn as F } from "./index.es49.js";
 import { SliderContainerTrack as G } from "./index.es87.js";
 import { validateMinDistance as H } from "./index.es88.js";
 const U = ({

package/dist/index.es32.js

@@ -1,8 +1,8 @@
-import { j as c } from "./index.es46.js";
+import { j as c } from "./index.es47.js";
 import { CheckIcon as h } from "./index.es48.js";
 import { useState as j } from "react";
 import { Button as S } from "react-aria-components";
-import { cn as k } from "./index.es47.js";
+import { cn as k } from "./index.es49.js";
 import { statusChipVariants as I } from "./index.es67.js";
 const F = ({
   size: m = "sm",

package/dist/index.es33.js

@@ -1,4 +1,4 @@
-import { j as p } from "./index.es46.js";
+import { j as p } from "./index.es47.js";
 import { Children as P, cloneElement as R } from "react";
 import { StepperCompleted as h } from "./index.es34.js";
 import { StepperStep as w } from "./index.es35.js";

package/dist/index.es35.js

@@ -1,12 +1,12 @@
-import { j as n } from "./index.es46.js";
+import { j as n } from "./index.es47.js";
 import { CheckIcon as I } from "./index.es48.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.es95.js";
-import B from "./index.es96.js";
-import { cn as H } from "./index.es47.js";
-import { stepVariants as R, iconVariants as $, labelVariants as E } from "./index.es97.js";
+import z from "./index.es89.js";
+import B from "./index.es90.js";
+import { cn as H } from "./index.es49.js";
+import { stepVariants as R, iconVariants as $, labelVariants as E } from "./index.es91.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

@@ -1,8 +1,8 @@
-import { j as o } from "./index.es46.js";
+import { j as o } from "./index.es47.js";
 import { Switch as u } from "react-aria-components";
-import { cn as c } from "./index.es47.js";
-import { ContentSwitch as L } from "./index.es92.js";
-import { SwitchIndicator as v } from "./index.es93.js";
+import { cn as c } from "./index.es49.js";
+import { ContentSwitch as L } from "./index.es85.js";
+import { SwitchIndicator as v } from "./index.es86.js";
 import { switchVariants as b } from "./index.es68.js";
 const E = ({
   children: f,

package/dist/index.es37.js

@@ -1,11 +1,11 @@
-import { j as s } from "./index.es46.js";
+import { j as s } from "./index.es47.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.es47.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";
+import { cn as e } from "./index.es49.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";
 const v = (a) => {
   var l;
   const {

package/dist/index.es38.js

@@ -1,6 +1,6 @@
-import { j as e } from "./index.es46.js";
+import { j as e } from "./index.es47.js";
 import { CrossCircleIcon as r, CheckCircleIcon as o } from "./index.es48.js";
-import { cn as i } from "./index.es47.js";
+import { cn as i } from "./index.es49.js";
 function m(n) {
   const { className: t, validationState: s } = n;
   return s === "invalid" ? /* @__PURE__ */ e.jsx("div", { className: i("pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3", t), children: /* @__PURE__ */ e.jsx(r, { className: "size-6 text-error-500" }) }) : s === "valid" ? /* @__PURE__ */ e.jsx("div", { className: i("pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3", t), children: /* @__PURE__ */ e.jsx(o, { className: "size-6 text-success-500" }) }) : null;

package/dist/index.es39.js

@@ -1,90 +1,152 @@
-import { j as e } from "./index.es46.js";
-import { TextField as S, TextArea as V, Input as q, Text as w, FieldError as z } from "react-aria-components";
-import { cn as i } from "./index.es47.js";
+import { j as n } from "./index.es47.js";
+import { useState as C, useRef as oe } from "react";
+import { TextField as de, Text as ce, FieldError as ue } from "react-aria-components";
+import { cn as v } from "./index.es49.js";
+import { Badge as fe } from "./index.es4.js";
+import "./index.es5.js";
 import "./index.es15.js";
-import { Label as A } from "./index.es16.js";
-import { InputValidationIcon as D } from "./index.es38.js";
-import { textFieldInputVariants as M } from "./index.es69.js";
-function H(u) {
+import { Label as pe } from "./index.es16.js";
+import { multiTextFieldContainerVariants as me } from "./index.es69.js";
+const be = (K) => {
   const {
-    size: N = "sm",
-    icon: l,
-    label: n,
-    description: c,
-    errorMessage: m,
-    placeholder: x,
-    isRequired: p = !1,
-    isDisabled: r = !1,
-    isReadOnly: d = !1,
-    className: j,
-    inputClassName: h,
-    validationState: a,
-    tooltipText: C,
-    tooltipSupportText: I,
-    tooltipProps: T,
-    labelClassName: b,
-    errorClassName: g,
-    descriptionClassName: v,
-    multiline: F = !1,
-    rows: y,
-    ...R
-  } = u, o = a === "invalid" && !r, f = (s, t) => i(
-    M({
-      size: N,
-      isHovered: s,
-      isFocused: t,
-      isDisabled: r,
-      isReadOnly: d,
-      validationState: a,
-      hasIcon: !!l || !!a
-    }),
-    h
-  ), E = i("text-sm leading-6 text-error-500", g), L = i("text-xs leading-5 text-neutral-700", v);
-  return /* @__PURE__ */ e.jsxs(
-    S,
+    label: b,
+    placeholder: L,
+    isDisabled: o = !1,
+    size: D = "sm",
+    description: j,
+    inputValue: N,
+    isInvalid: O,
+    errorMessage: I,
+    invalidInputErrorMessage: E,
+    values: R,
+    onValuesChange: a,
+    onInputChange: T,
+    validateValue: r,
+    separator: i = `
+`,
+    icon: k,
+    tooltipText: $,
+    tooltipSupportText: q,
+    tooltipProps: z,
+    labelClassName: _,
+    errorClassName: G,
+    descriptionClassName: H,
+    isRequired: A = !1,
+    isReadOnly: B = !1,
+    className: J,
+    ...Q
+  } = K, [U, W] = C(""), [X, w] = C([]), [F, d] = C(!1), S = N !== void 0, m = R !== void 0, l = S ? N : U, s = m ? R : X, c = l.trim(), Y = c !== "" && s.includes(c), Z = c !== "" && r && !r(c), x = F && (Y || Z), ee = s.length > 0, y = () => {
+    c !== "" && d(!0);
+  }, u = (e) => {
+    F && d(!1), S || W(e), T && T(e);
+  }, M = (e) => {
+    const t = e.trim();
+    if (!t || r && !r(t) || s.includes(t))
+      return !1;
+    const f = [...s, t];
+    return m || w(f), a && a(f), !0;
+  }, P = (e) => {
+    const t = s.filter((f) => f !== e);
+    m || w(t), a && a(t);
+  }, te = (e) => {
+    if (e.key === "Enter")
+      e.preventDefault(), y(), l.trim() && M(l) && (u(""), d(!1));
+    else if (e.key === " " || e.key === "Tab")
+      y(), l.trim() && (M(l) ? (u(""), d(!1)) : e.preventDefault());
+    else if (e.key === "Backspace" && l === "" && s.length > 0) {
+      e.preventDefault();
+      const t = s[s.length - 1];
+      P(t), u(t), d(!1);
+    }
+  }, se = () => {
+    y();
+  }, ne = (e) => {
+    const t = e.clipboardData.getData("text");
+    if (!(typeof i == "string" ? new RegExp(i.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")) : i).test(t))
+      return;
+    e.preventDefault();
+    const ie = t.split(i), g = [];
+    for (const V of ie) {
+      const p = V.trim();
+      p && (!r || r(p)) && !s.includes(p) && !g.includes(p) && g.push(p);
+    }
+    if (g.length > 0) {
+      const V = [...s, ...g];
+      m || w(V), a && a(V);
+    }
+    u("");
+  }, h = (O || x) && !o, le = oe(null), ae = v("text-sm leading-6 text-error-500", G), re = v("text-xs leading-5 text-neutral-700", H);
+  return /* @__PURE__ */ n.jsxs(
+    de,
     {
-      className: i("flex flex-col gap-2", j),
-      isDisabled: r,
-      isReadOnly: d,
-      isRequired: p,
-      isInvalid: o,
-      ...R,
+      className: v("flex flex-col gap-2", J),
+      isDisabled: o,
+      isReadOnly: B,
+      isRequired: A,
+      isInvalid: h,
+      ...Q,
       children: [
-        n && /* @__PURE__ */ e.jsx(
-          A,
+        b && /* @__PURE__ */ n.jsx(
+          pe,
           {
-            isRequired: p,
-            tooltipText: C,
-            tooltipSupportText: I,
-            tooltipProps: T,
-            labelClassName: b,
-            children: n
+            isRequired: A,
+            tooltipText: $,
+            tooltipSupportText: q,
+            tooltipProps: z,
+            labelClassName: _,
+            children: b
           }
         ),
-        /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
-          F ? /* @__PURE__ */ e.jsx(
-            V,
-            {
-              placeholder: x,
-              rows: y,
-              className: ({ isHovered: s, isFocused: t }) => f(s, t)
-            }
-          ) : /* @__PURE__ */ e.jsx(
-            q,
-            {
-              placeholder: x,
-              className: ({ isHovered: s, isFocused: t }) => f(s, t)
-            }
-          ),
-          l && /* @__PURE__ */ e.jsx("div", { className: "absolute inset-y-0 right-0 flex items-center pr-3 text-neutral-700", children: l }),
-          !l && /* @__PURE__ */ e.jsx(D, { validationState: a })
-        ] }),
-        c && !o && /* @__PURE__ */ e.jsx(w, { slot: "description", className: L, children: c }),
-        o && /* @__PURE__ */ e.jsx(z, { className: E, children: typeof m != "function" ? m : null })
+        /* @__PURE__ */ n.jsxs(
+          "div",
+          {
+            ref: le,
+            "data-testid": "multi-text-field-container",
+            className: me({
+              size: D,
+              isDisabled: o,
+              hasInvalidValue: x
+            }),
+            children: [
+              ee && /* @__PURE__ */ n.jsx(n.Fragment, { children: s.map((e) => /* @__PURE__ */ n.jsx(
+                fe,
+                {
+                  label: e,
+                  size: D,
+                  isDisabled: o,
+                  onDelete: () => P(e)
+                },
+                e
+              )) }),
+              /* @__PURE__ */ n.jsx(
+                "input",
+                {
+                  type: "text",
+                  value: l,
+                  placeholder: L,
+                  className: v(
+                    "min-w-[120px] flex-1 border-0 bg-transparent p-0 outline-none focus:ring-0",
+                    x && "text-error-500"
+                  ),
+                  disabled: o,
+                  readOnly: B,
+                  "aria-invalid": h,
+                  onChange: (e) => u(e.target.value),
+                  onKeyDown: te,
+                  onBlur: se,
+                  onPaste: ne
+                }
+              ),
+              k ? /* @__PURE__ */ n.jsx("div", { className: "absolute inset-y-0 right-0 flex items-center pr-3 text-neutral-700", children: k }) : null
+            ]
+          }
+        ),
+        j && !h && /* @__PURE__ */ n.jsx(ce, { slot: "description", className: re, children: j }),
+        h && /* @__PURE__ */ n.jsx(ue, { className: ae, children: I ? typeof I != "function" ? I : null : x && E ? E : null })
       ]
     }
   );
-}
+};
 export {
-  H as TextField
+  be as MultiTextField
 };

package/dist/index.es4.js

@@ -1,7 +1,7 @@
-import { j as e } from "./index.es46.js";
+import { j as e } from "./index.es47.js";
 import { CrossCircleIcon as m } from "./index.es48.js";
 import { Button as c } from "react-aria-components";
-import { cn as l } from "./index.es47.js";
+import { cn as l } from "./index.es49.js";
 import { badgeVariants as x } from "./index.es5.js";
 const h = (n) => {
   const { label: o, onDelete: a, size: r = "xs", isDisabled: s = !1, maxLength: t } = n, i = t && o.length > t ? `${o.slice(0, t)}...` : o;