@simpli-route/apollo-ds 0.1.64 → 0.1.66

package/dist/index.es40.js

@@ -1,127 +1,90 @@
-import { j as e } from "./index.es46.js";
-import { ClockIcon as w } from "./index.es48.js";
-import { TimeField as A, Group as H, DateInput as J, Button as K, Text as Q, FieldError as U } from "react-aria-components";
-import { cn as a } from "./index.es47.js";
+import { j as e } from "./index.es47.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.es49.js";
 import "./index.es15.js";
-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.es41.js";
-import { timeFieldGroupVariants as ae, timeFieldInputVariants as ie, timeFieldButtonVariants as se } from "./index.es70.js";
-function xe(N) {
+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) {
   const {
-    size: i = "sm",
+    size: N = "sm",
     icon: l,
     label: n,
-    description: o,
+    description: c,
     errorMessage: m,
-    isRequired: c = !1,
+    placeholder: x,
+    isRequired: p = !1,
     isDisabled: r = !1,
     isReadOnly: d = !1,
     className: j,
-    inputClassName: v,
-    validationState: p,
-    tooltipText: F,
-    tooltipSupportText: T,
-    tooltipProps: V,
+    inputClassName: h,
+    validationState: a,
+    tooltipText: C,
+    tooltipSupportText: I,
+    tooltipProps: T,
     labelClassName: b,
-    errorClassName: O,
-    descriptionClassName: P,
-    dateSegmentClassName: k,
-    granularity: S = "minute",
-    hourCycle: u,
-    hideTimeZone: I,
-    shouldForceLeadingZeros: y,
-    placeholderValue: z,
-    minValue: L,
-    maxValue: R,
-    value: B,
-    defaultValue: D,
-    onChange: E,
-    confirmButtonLabel: G = "Ok",
-    ...Z
-  } = N, { currentValue: x, isPickerOpen: f, setIsPickerOpen: h, handleChange: g, containerRef: C } = ee({
-    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);
+    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(
-    A,
+    S,
     {
-      value: x,
-      className: a("flex flex-col gap-2", j),
+      className: i("flex flex-col gap-2", j),
       isDisabled: r,
       isReadOnly: d,
-      isRequired: c,
-      isInvalid: t,
-      granularity: S,
-      hourCycle: u,
-      hideTimeZone: I,
-      shouldForceLeadingZeros: y,
-      placeholderValue: z,
-      minValue: L,
-      maxValue: R,
-      onChange: g,
-      ...Z,
+      isRequired: p,
+      isInvalid: o,
+      ...R,
       children: [
         n && /* @__PURE__ */ e.jsx(
-          W,
+          A,
           {
-            isRequired: c,
-            tooltipText: F,
-            tooltipSupportText: T,
-            tooltipProps: V,
+            isRequired: p,
+            tooltipText: C,
+            tooltipSupportText: I,
+            tooltipProps: T,
             labelClassName: b,
             children: n
           }
         ),
-        /* @__PURE__ */ e.jsxs(
-          H,
-          {
-            ref: C,
-            className: ({ isFocusWithin: s, isHovered: $ }) => a(
-              ae({
-                size: i,
-                isHovered: $,
-                isFocused: s || f,
-                isDisabled: r,
-                isReadOnly: d,
-                validationState: q()
-              }),
-              v
-            ),
-            children: [
-              /* @__PURE__ */ e.jsx(J, { className: a(ie({ size: i })), children: (s) => /* @__PURE__ */ e.jsx(Y, { segment: s, className: k }) }),
-              l ? /* @__PURE__ */ e.jsx("div", { className: "flex items-center text-neutral-700", children: l }) : /* @__PURE__ */ e.jsx(
-                K,
-                {
-                  className: a(se({ size: i })),
-                  "aria-label": "Time Picker",
-                  onPress: () => h((s) => !s),
-                  children: /* @__PURE__ */ e.jsx(w, { className: i === "xs" ? "size-4" : i === "lg" ? "size-6" : "size-5" })
-                }
-              )
-            ]
-          }
-        ),
-        o && !t && /* @__PURE__ */ e.jsx(Q, { slot: "description", className: _, children: o }),
-        t && /* @__PURE__ */ e.jsx(U, { className: M, children: typeof m != "function" ? m : null }),
-        /* @__PURE__ */ e.jsx(
-          X,
-          {
-            isOpen: f,
-            value: x,
-            hourCycle: u,
-            containerRef: C,
-            confirmButtonLabel: G,
-            onOpenChange: h,
-            onChange: g
-          }
-        )
+        /* @__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 })
       ]
     }
   );
 }
 export {
-  xe as TimeField
+  H as TextField
 };

package/dist/index.es41.js

@@ -1,18 +1,127 @@
-import { useState as u, useRef as f, useEffect as d } from "react";
-function m(a) {
-  const { value: e, defaultValue: s, onChange: n } = a, [o, r] = u(!1), [c, t] = u(e || s || null), i = f(null);
-  return d(() => {
-    e !== void 0 && t(e);
-  }, [e]), {
-    currentValue: e !== void 0 ? e : c,
-    isPickerOpen: o,
-    setIsPickerOpen: r,
-    handleChange: (l) => {
-      t(l), n == null || n(l);
-    },
-    containerRef: i
-  };
+import { j as e } from "./index.es47.js";
+import { ClockIcon as w } from "./index.es48.js";
+import { TimeField as A, Group as H, DateInput as J, Button as K, Text as Q, FieldError as U } from "react-aria-components";
+import { cn as a } from "./index.es49.js";
+import "./index.es15.js";
+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.es70.js";
+function xe(N) {
+  const {
+    size: i = "sm",
+    icon: l,
+    label: n,
+    description: o,
+    errorMessage: m,
+    isRequired: c = !1,
+    isDisabled: r = !1,
+    isReadOnly: d = !1,
+    className: j,
+    inputClassName: v,
+    validationState: p,
+    tooltipText: F,
+    tooltipSupportText: T,
+    tooltipProps: V,
+    labelClassName: b,
+    errorClassName: O,
+    descriptionClassName: P,
+    dateSegmentClassName: k,
+    granularity: S = "minute",
+    hourCycle: u,
+    hideTimeZone: I,
+    shouldForceLeadingZeros: y,
+    placeholderValue: z,
+    minValue: L,
+    maxValue: R,
+    value: B,
+    defaultValue: D,
+    onChange: E,
+    confirmButtonLabel: G = "Ok",
+    ...Z
+  } = N, { currentValue: x, isPickerOpen: f, setIsPickerOpen: h, handleChange: g, containerRef: C } = ee({
+    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);
+  return /* @__PURE__ */ e.jsxs(
+    A,
+    {
+      value: x,
+      className: a("flex flex-col gap-2", j),
+      isDisabled: r,
+      isReadOnly: d,
+      isRequired: c,
+      isInvalid: t,
+      granularity: S,
+      hourCycle: u,
+      hideTimeZone: I,
+      shouldForceLeadingZeros: y,
+      placeholderValue: z,
+      minValue: L,
+      maxValue: R,
+      onChange: g,
+      ...Z,
+      children: [
+        n && /* @__PURE__ */ e.jsx(
+          W,
+          {
+            isRequired: c,
+            tooltipText: F,
+            tooltipSupportText: T,
+            tooltipProps: V,
+            labelClassName: b,
+            children: n
+          }
+        ),
+        /* @__PURE__ */ e.jsxs(
+          H,
+          {
+            ref: C,
+            className: ({ isFocusWithin: s, isHovered: $ }) => a(
+              ae({
+                size: i,
+                isHovered: $,
+                isFocused: s || f,
+                isDisabled: r,
+                isReadOnly: d,
+                validationState: q()
+              }),
+              v
+            ),
+            children: [
+              /* @__PURE__ */ e.jsx(J, { className: a(ie({ size: i })), children: (s) => /* @__PURE__ */ e.jsx(Y, { segment: s, className: k }) }),
+              l ? /* @__PURE__ */ e.jsx("div", { className: "flex items-center text-neutral-700", children: l }) : /* @__PURE__ */ e.jsx(
+                K,
+                {
+                  className: a(se({ size: i })),
+                  "aria-label": "Time Picker",
+                  onPress: () => h((s) => !s),
+                  children: /* @__PURE__ */ e.jsx(w, { className: i === "xs" ? "size-4" : i === "lg" ? "size-6" : "size-5" })
+                }
+              )
+            ]
+          }
+        ),
+        o && !t && /* @__PURE__ */ e.jsx(Q, { slot: "description", className: _, children: o }),
+        t && /* @__PURE__ */ e.jsx(U, { className: M, children: typeof m != "function" ? m : null }),
+        /* @__PURE__ */ e.jsx(
+          X,
+          {
+            isOpen: f,
+            value: x,
+            hourCycle: u,
+            containerRef: C,
+            confirmButtonLabel: G,
+            onOpenChange: h,
+            onChange: g
+          }
+        )
+      ]
+    }
+  );
 }
 export {
-  m as useTimeField
+  xe as TimeField
 };

package/dist/index.es42.js

@@ -1,26 +1,18 @@
-import { j as s } from "./index.es46.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.es47.js";
-import { TooltipContext as j } from "./index.es57.js";
-import { tooltipVariants as N } from "./index.es94.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: [
-    a,
-    t ? /* @__PURE__ */ s.jsx(
-      "div",
-      {
-        className: e(
-          "!text-sm !font-normal !leading-[19.07px]",
-          o === "dark" ? "!text-blue-50" : "!text-neutral-700"
-        ),
-        children: t
-      }
-    ) : null
-  ] });
-});
-P.displayName = "Tooltip";
+import { useState as u, useRef as f, useEffect as d } from "react";
+function m(a) {
+  const { value: e, defaultValue: s, onChange: n } = a, [o, r] = u(!1), [c, t] = u(e || s || null), i = f(null);
+  return d(() => {
+    e !== void 0 && t(e);
+  }, [e]), {
+    currentValue: e !== void 0 ? e : c,
+    isPickerOpen: o,
+    setIsPickerOpen: r,
+    handleChange: (l) => {
+      t(l), n == null || n(l);
+    },
+    containerRef: i
+  };
+}
 export {
-  P as Tooltip
+  m as useTimeField
 };

package/dist/index.es43.js

@@ -1,30 +1,26 @@
-import { j as i } from "./index.es46.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.es47.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)
-    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,
+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.es49.js";
+import { TooltipContext as j } from "./index.es57.js";
+import { tooltipVariants as N } from "./index.es81.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: [
+    a,
+    t ? /* @__PURE__ */ s.jsx(
+      "div",
       {
-        value: {
-          state: t,
-          ...m
-        },
-        children: t.isOpen ? p : null
+        className: e(
+          "!text-sm !font-normal !leading-[19.07px]",
+          o === "dark" ? "!text-blue-50" : "!text-neutral-700"
+        ),
+        children: t
       }
-    )
+    ) : null
   ] });
-};
+});
+P.displayName = "Tooltip";
 export {
-  w as TooltipTrigger
+  P as Tooltip
 };

package/dist/index.es44.js

@@ -1,10 +1,30 @@
-import { j as m } from "./index.es46.js";
-import { cn as n } from "./index.es47.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 });
-}
+import { j as i } from "./index.es47.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.es49.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)
+    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 {
-  x as Text
+  w as TooltipTrigger
 };

package/dist/index.es45.js

@@ -1,10 +1,10 @@
-import { j as m } from "./index.es46.js";
-import { cn as c } from "./index.es47.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 });
+import { j as m } from "./index.es47.js";
+import { cn as n } from "./index.es49.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 });
 }
 export {
-  j as Title
+  x as Text
 };

package/dist/index.es46.js

@@ -1,8 +1,10 @@
-import { __module as e } from "./index.es98.js";
-import { __require as r } from "./index.es99.js";
-import { __require as o } from "./index.es100.js";
-process.env.NODE_ENV === "production" ? e.exports = r() : e.exports = o();
-var m = e.exports;
+import { j as m } from "./index.es47.js";
+import { cn as c } from "./index.es49.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 });
+}
 export {
-  m as j
+  j as Title
 };

package/dist/index.es47.js

@@ -1,8 +1,8 @@
-import { clsx as o } from "clsx";
-import { twMerge as t } from "tailwind-merge";
-function n(...r) {
-  return t(o(r));
-}
+import { __module as e } from "./index.es99.js";
+import { __require as r } from "./index.es100.js";
+import { __require as o } from "./index.es101.js";
+process.env.NODE_ENV === "production" ? e.exports = r() : e.exports = o();
+var m = e.exports;
 export {
-  n as cn
+  m as j
 };

package/dist/index.es48.js

@@ -1,19 +1,19 @@
-import { C as o } from "./index.es101.js";
-import { C as r } from "./index.es102.js";
-import { C as n } from "./index.es103.js";
-import { C as c } from "./index.es104.js";
-import { C as a } from "./index.es105.js";
-import { C as I } from "./index.es106.js";
-import { D as m } from "./index.es107.js";
-import { I as s } from "./index.es108.js";
-import { L as C } from "./index.es109.js";
-import { L as i } from "./index.es110.js";
-import { M as e } from "./index.es111.js";
-import { O as t } from "./index.es112.js";
-import { P as v } from "./index.es113.js";
-import { R as f } from "./index.es114.js";
-import { S as p } from "./index.es115.js";
-import { U as h } from "./index.es116.js";
+import { C as o } from "./index.es102.js";
+import { C as r } from "./index.es103.js";
+import { C as n } from "./index.es104.js";
+import { C as c } from "./index.es105.js";
+import { C as a } from "./index.es106.js";
+import { C as I } from "./index.es107.js";
+import { D as m } from "./index.es108.js";
+import { I as s } from "./index.es109.js";
+import { L as C } from "./index.es110.js";
+import { L as i } from "./index.es111.js";
+import { M as e } from "./index.es112.js";
+import { O as t } from "./index.es113.js";
+import { P as v } from "./index.es114.js";
+import { R as f } from "./index.es115.js";
+import { S as p } from "./index.es116.js";
+import { U as h } from "./index.es117.js";
 var x = o, b = r, j = n, q = c, y = a, z = I, B = m, E = s, F = C, G = i, H = e, J = t, K = v, N = f, Q = p, T = h;
 export {
   x as CalendarIcon,

package/dist/index.es49.js

@@ -1,47 +1,8 @@
-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: {}
-});
+import { clsx as o } from "clsx";
+import { twMerge as t } from "tailwind-merge";
+function n(...r) {
+  return t(o(r));
+}
 export {
-  a as breadcrumbItemVariants,
-  s as breadcrumbSeparatorVariants,
-  t as breadcrumbsContainerVariants
+  n as cn
 };