@simpli-route/apollo-ds 0.1.65 → 0.1.67

package/dist/index.es39.js

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

package/dist/index.es40.js

@@ -4,7 +4,7 @@ import { cn as i } from "./index.es48.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.es72.js";
+import { textFieldInputVariants as M } from "./index.es69.js";
 function H(u) {
   const {
     size: N = "sm",

package/dist/index.es41.js

@@ -7,7 +7,7 @@ import { Label as W } from "./index.es16.js";
 import { TimePickerPopover as X } from "./index.es21.js";
 import { TimeSegment as Y } from "./index.es22.js";
 import { useTimeField as ee } from "./index.es42.js";
-import { timeFieldGroupVariants as ae, timeFieldInputVariants as ie, timeFieldButtonVariants as se } from "./index.es73.js";
+import { timeFieldGroupVariants as ae, timeFieldInputVariants as ie, timeFieldButtonVariants as se } from "./index.es70.js";
 function xe(N) {
   const {
     size: i = "sm",
@@ -16,7 +16,7 @@ function xe(N) {
     description: o,
     errorMessage: m,
     isRequired: c = !1,
-    isDisabled: r = !1,
+    isDisabled: t = !1,
     isReadOnly: d = !1,
     className: j,
     inputClassName: v,
@@ -44,16 +44,16 @@ function xe(N) {
     value: B,
     defaultValue: D,
     onChange: E
-  }), t = p === "invalid" && !r, q = () => p === "valid" ? "valid" : t ? "invalid" : "default", M = a("text-sm leading-6 text-error-500", O), _ = a("text-xs leading-5 text-neutral-700", P);
+  }), r = p === "invalid" && !t, q = () => p === "valid" ? "valid" : r ? "invalid" : "default", M = a("text-sm leading-6 text-error-500", O), _ = a("text-xs leading-5 text-neutral-700", P);
   return /* @__PURE__ */ e.jsxs(
     A,
     {
       value: x,
       className: a("flex flex-col gap-2", j),
-      isDisabled: r,
+      isDisabled: t,
       isReadOnly: d,
       isRequired: c,
-      isInvalid: t,
+      isInvalid: r,
       granularity: S,
       hourCycle: u,
       hideTimeZone: I,
@@ -84,7 +84,7 @@ function xe(N) {
                 size: i,
                 isHovered: $,
                 isFocused: s || f,
-                isDisabled: r,
+                isDisabled: t,
                 isReadOnly: d,
                 validationState: q()
               }),
@@ -97,6 +97,7 @@ function xe(N) {
                 {
                   className: a(se({ size: i })),
                   "aria-label": "Time Picker",
+                  isDisabled: t,
                   onPress: () => h((s) => !s),
                   children: /* @__PURE__ */ e.jsx(w, { className: i === "xs" ? "size-4" : i === "lg" ? "size-6" : "size-5" })
                 }
@@ -104,8 +105,8 @@ function xe(N) {
             ]
           }
         ),
-        o && !t && /* @__PURE__ */ e.jsx(Q, { slot: "description", className: _, children: o }),
-        t && /* @__PURE__ */ e.jsx(U, { className: M, children: typeof m != "function" ? m : null }),
+        o && !r && /* @__PURE__ */ e.jsx(Q, { slot: "description", className: _, children: o }),
+        r && /* @__PURE__ */ e.jsx(U, { className: M, children: typeof m != "function" ? m : null }),
         /* @__PURE__ */ e.jsx(
           X,
           {

package/dist/index.es43.js

@@ -2,8 +2,8 @@ import { j as s } from "./index.es47.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.es48.js";
-import { TooltipContext as j } from "./index.es60.js";
-import { tooltipVariants as N } from "./index.es98.js";
+import { TooltipContext as j } from "./index.es57.js";
+import { tooltipVariants as N } from "./index.es95.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.es44.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.es48.js";
-import { TooltipContext as d } from "./index.es60.js";
+import { TooltipContext as d } from "./index.es57.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.es45.js

@@ -1,6 +1,6 @@
 import { j as m } from "./index.es47.js";
 import { cn as n } from "./index.es48.js";
-import { textVariants as a } from "./index.es74.js";
+import { textVariants as a } from "./index.es71.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.es46.js

@@ -1,6 +1,6 @@
 import { j as m } from "./index.es47.js";
 import { cn as c } from "./index.es48.js";
-import { titleVariants as l } from "./index.es74.js";
+import { titleVariants as l } from "./index.es71.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.es50.js

@@ -1,20 +1,47 @@
-import { j as r } from "./index.es47.js";
-import { ColorArea as s, ColorThumb as l } from "react-aria-components";
-function t({ color: o, onChange: e, ...a }) {
-  return /* @__PURE__ */ r.jsx(
-    s,
-    {
-      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" })
+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
     }
-  );
-}
+  }
+), s = e("text-neutral-700 font-normal text-sm", {
+  variants: {},
+  defaultVariants: {}
+});
 export {
-  t as ColorArea
+  a as breadcrumbItemVariants,
+  s as breadcrumbSeparatorVariants,
+  t as breadcrumbsContainerVariants
 };

package/dist/index.es51.js

@@ -1,19 +1,173 @@
-import { j as e } from "./index.es47.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,
-    {
-      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
-    }
-  ) });
-}
+import { cva as r } from "class-variance-authority";
+const t = r(
+  "inline-flex select-none items-center justify-center text-center text-xs font-semibold leading-6 transition duration-150 ease-in-out focus:outline-none",
+  {
+    variants: {
+      intent: {
+        primary: "bg-primary-500 text-primary-50",
+        secondary: "border border-primary-500 bg-primary-50 text-primary-500",
+        tertiary: "text-primary-500",
+        outline: "border border-primary-500 text-primary-500",
+        success: "border bg-success-500 text-success-50",
+        error: "border bg-error-500 text-error-50",
+        orangeWarning: "border bg-orange-warning-500 text-orange-warning-50",
+        yellowWarning: "border bg-yellow-warning-500 text-yellow-warning-900",
+        info: "border bg-blue-500 text-blue-50"
+      },
+      size: {
+        xs: "rounded px-3 py-1",
+        sm: "rounded px-3 py-2",
+        md: "rounded px-4 py-3",
+        lg: "rounded-lg px-6 py-4"
+      },
+      isDisabled: {
+        true: "pointer-events-none cursor-not-allowed border-none bg-neutral-400 text-neutral-600"
+      },
+      isHovered: {
+        true: ""
+      },
+      isActive: {
+        true: ""
+      },
+      fullWidth: {
+        true: "w-full",
+        false: "w-fit"
+      },
+      isLoading: {
+        true: "pointer-events-none cursor-not-allowed opacity-70"
+      },
+      isFocused: {
+        true: "focus:outline-none focus:ring-2 focus:ring-sky-400 focus:ring-offset-[0.4px] border-none",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      intent: "primary",
+      size: "md"
+    },
+    compoundVariants: [
+      /* Hover State */
+      {
+        intent: "primary",
+        isHovered: !0,
+        class: "bg-primary-700"
+      },
+      {
+        intent: "secondary",
+        isHovered: !0,
+        class: "bg-primary-200"
+      },
+      {
+        intent: "tertiary",
+        isHovered: !0,
+        class: "bg-primary-300 text-primary-800"
+      },
+      {
+        intent: "outline",
+        isHovered: !0,
+        class: "bg-primary-500 text-primary-50"
+      },
+      {
+        intent: "success",
+        isHovered: !0,
+        class: "bg-success-700 text-neutral-50"
+      },
+      {
+        intent: "error",
+        isHovered: !0,
+        class: "bg-error-700 text-error-50"
+      },
+      {
+        intent: "orangeWarning",
+        isHovered: !0,
+        class: "bg-orange-warning-700 text-orange-warning-50"
+      },
+      {
+        intent: "yellowWarning",
+        isHovered: !0,
+        class: "bg-yellow-warning-700 text-neutral-50"
+      },
+      {
+        intent: "info",
+        isHovered: !0,
+        class: "bg-blue-700 text-blue-50"
+      },
+      /* /Focus State */
+      {
+        intent: "success",
+        isFocused: !0,
+        class: "border-[1.5px] focus:ring-success-500"
+      },
+      {
+        intent: "error",
+        isFocused: !0,
+        class: "border-[1.5px] focus:ring-error-500"
+      },
+      {
+        intent: "orangeWarning",
+        isFocused: !0,
+        class: "border-[1.5px] focus:ring-orange-500"
+      },
+      {
+        intent: "yellowWarning",
+        isFocused: !0,
+        class: "border-[1.5px] focus:ring-yellow-500"
+      },
+      {
+        intent: "info",
+        isFocused: !0,
+        class: "border-[1.5px] focus:ring-blue-500"
+      },
+      /* Active State */
+      {
+        intent: "primary",
+        isActive: !0,
+        class: "bg-primary-900"
+      },
+      {
+        intent: "secondary",
+        isActive: !0,
+        class: "bg-primary-300"
+      },
+      {
+        intent: "tertiary",
+        isActive: !0,
+        class: "bg-primary-500 text-white"
+      },
+      {
+        intent: "outline",
+        isActive: !0,
+        class: "border border-primary-500 bg-primary-300 text-primary-500"
+      },
+      {
+        intent: "success",
+        isActive: !0,
+        class: "border border-transparent bg-success-300 text-success-900"
+      },
+      {
+        intent: "error",
+        isActive: !0,
+        class: "border border-transparent bg-error-300 text-error-900"
+      },
+      {
+        intent: "orangeWarning",
+        isActive: !0,
+        class: "border border-transparent bg-orange-warning-300 text-orange-warning-900"
+      },
+      {
+        intent: "yellowWarning",
+        isActive: !0,
+        class: "border border-transparent bg-yellow-warning-300 text-yellow-warning-900"
+      },
+      {
+        intent: "info",
+        isActive: !0,
+        class: "border border-transparent bg-blue-200 text-blue-900"
+      }
+      /* /Active State */
+    ]
+  }
+);
 export {
-  p as ColorField
+  t as buttonVariants
 };

package/dist/index.es52.js

@@ -1,18 +1,45 @@
-import { j as r } from "./index.es47.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,
-    {
-      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" }) })
-    }
-  );
-}
+import { cva as r } from "class-variance-authority";
+const i = r(
+  "flex h-5 w-5 shrink-0 cursor-pointer items-center justify-center rounded border-2 border-primary-200 text-white transition duration-150 ease-in-out",
+  {
+    variants: {
+      isHovered: {
+        true: ""
+      },
+      isSelected: {
+        true: "border-primary-500 bg-primary-500",
+        false: "bg-white"
+      },
+      isFocusVisible: {
+        true: "border-primary-500 group-active:border-primary-500"
+      },
+      isDisabled: {
+        true: "border-neutral-500 cursor-not-allowed"
+      },
+      label: {
+        true: "mr-2"
+      }
+    },
+    compoundVariants: [
+      {
+        isHovered: !0,
+        isSelected: !0,
+        class: "border-none bg-primary-600 group-active:bg-primary-600"
+      },
+      {
+        isHovered: !0,
+        isSelected: !1,
+        isDisabled: !1,
+        class: "border-primary-700 group-active:bg-primary-600"
+      },
+      {
+        isDisabled: !0,
+        isSelected: !0,
+        class: "bg-neutral-500"
+      }
+    ]
+  }
+);
 export {
-  d as ColorSlider
+  i as checkboxVariants
 };