@simpli-route/apollo-ds 0.1.62 → 0.1.64

package/dist/index.es39.js

@@ -1,30 +1,90 @@
-import { j as i } from "./index.es42.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.es43.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)
-    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
+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 "./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) {
+  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
     }),
-    /* @__PURE__ */ i.jsx(
-      d.Provider,
-      {
-        value: {
-          state: t,
-          ...m
-        },
-        children: t.isOpen ? p : null
-      }
-    )
-  ] });
-};
+    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,
+    {
+      className: i("flex flex-col gap-2", j),
+      isDisabled: r,
+      isReadOnly: d,
+      isRequired: p,
+      isInvalid: o,
+      ...R,
+      children: [
+        n && /* @__PURE__ */ e.jsx(
+          A,
+          {
+            isRequired: p,
+            tooltipText: C,
+            tooltipSupportText: I,
+            tooltipProps: T,
+            labelClassName: b,
+            children: n
+          }
+        ),
+        /* @__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 {
-  w as TooltipTrigger
+  H as TextField
 };

package/dist/index.es4.js

@@ -1,7 +1,7 @@
-import { j as e } from "./index.es42.js";
-import { CrossCircleIcon as m } from "./index.es44.js";
+import { j as e } from "./index.es46.js";
+import { CrossCircleIcon as m } from "./index.es48.js";
 import { Button as c } from "react-aria-components";
-import { cn as l } from "./index.es43.js";
+import { cn as l } from "./index.es47.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;

package/dist/index.es40.js

@@ -1,10 +1,127 @@
-import { j as m } from "./index.es42.js";
-import { cn as n } from "./index.es43.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 });
+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 "./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) {
+  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 {
-  x as Text
+  xe as TimeField
 };

package/dist/index.es41.js

@@ -1,10 +1,18 @@
-import { j as m } from "./index.es42.js";
-import { cn as c } from "./index.es43.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 });
+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 {
-  j as Title
+  m as useTimeField
 };

package/dist/index.es42.js

@@ -1,8 +1,26 @@
-import { __module as e } from "./index.es92.js";
-import { __require as r } from "./index.es93.js";
-import { __require as o } from "./index.es94.js";
-process.env.NODE_ENV === "production" ? e.exports = r() : e.exports = o();
-var m = e.exports;
+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";
 export {
-  m as j
+  P as Tooltip
 };

package/dist/index.es43.js

@@ -1,8 +1,30 @@
-import { clsx as o } from "clsx";
-import { twMerge as t } from "tailwind-merge";
-function n(...r) {
-  return t(o(r));
-}
+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,
+      {
+        value: {
+          state: t,
+          ...m
+        },
+        children: t.isOpen ? p : null
+      }
+    )
+  ] });
+};
 export {
-  n as cn
+  w as TooltipTrigger
 };

package/dist/index.es44.js

@@ -1,33 +1,10 @@
-import { C as o } from "./index.es95.js";
-import { C as r } from "./index.es96.js";
-import { C as n } from "./index.es97.js";
-import { C as c } from "./index.es98.js";
-import { C as a } from "./index.es99.js";
-import { D as I } from "./index.es100.js";
-import { I as m } from "./index.es101.js";
-import { L as s } from "./index.es102.js";
-import { L as C } from "./index.es103.js";
-import { M as t } from "./index.es104.js";
-import { O as i } from "./index.es105.js";
-import { P as v } from "./index.es106.js";
-import { R as e } from "./index.es107.js";
-import { S as f } from "./index.es108.js";
-import { U as p } from "./index.es109.js";
-var g = o, A = r, x = n, b = c, j = a, q = I, y = m, z = s, B = C, E = t, F = i, G = v, H = e, J = f, K = p;
+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 });
+}
 export {
-  g as CalendarIcon,
-  A as CheckIcon,
-  x as ClockIcon,
-  b as CrossCircleIcon,
-  j as CrossIcon,
-  q as DownChevronIcon,
-  y as InfoIcon,
-  z as LeftArrowIcon,
-  B as LeftChevronIcon,
-  E as MinusIcon,
-  F as OptionsIcon,
-  G as PlusIcon,
-  H as RightChevronIcon,
-  J as SearchIcon,
-  K as UpChevronIcon
+  x as Text
 };

package/dist/index.es45.js

@@ -1,47 +1,10 @@
-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 { 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 });
+}
 export {
-  a as breadcrumbItemVariants,
-  s as breadcrumbSeparatorVariants,
-  t as breadcrumbsContainerVariants
+  j as Title
 };

package/dist/index.es46.js

@@ -1,81 +1,8 @@
-import { j as e } from "./index.es42.js";
-import { CrossCircleIcon as d } from "./index.es44.js";
-import { Autocomplete as p, SearchField as m, Input as f, Button as b, ListBox as h, ListBoxItem as j } from "react-aria-components";
-import { cn as n } from "./index.es43.js";
-const C = ({
-  enableSearch: a,
-  contains: o,
-  classNameSearchField: i,
-  classNameSearchFieldInput: c,
-  placeholderSearch: x,
-  items: u
-}) => /* @__PURE__ */ e.jsxs(p, { filter: o, disableAutoFocusFirst: !0, disableVirtualFocus: !0, children: [
-  a ? /* @__PURE__ */ e.jsxs(
-    m,
-    {
-      "aria-label": "Search",
-      className: n(
-        "group m-1 flex items-center rounded border border-neutral-500 bg-neutral-50",
-        i
-      ),
-      children: [
-        /* @__PURE__ */ e.jsx(
-          f,
-          {
-            placeholder: x,
-            className: n(
-              "h-8 min-w-0 flex-1 rounded border-none p-1 text-sm font-normal text-neutral-800 outline-none outline-0 placeholder:text-neutral-700 focus:outline-none focus:ring-0 [&::-webkit-search-cancel-button]:hidden",
-              c
-            )
-          }
-        ),
-        /* @__PURE__ */ e.jsx(b, { className: "pressed:bg-black/10 mr-1 flex w-6 items-center justify-center rounded-full border-0 bg-transparent p-1 text-center text-sm text-neutral-600 transition hover:bg-black/[5%] group-data-[empty]:invisible", children: /* @__PURE__ */ e.jsx(d, { "aria-hidden": !0, className: "size-4" }) })
-      ]
-    }
-  ) : null,
-  /* @__PURE__ */ e.jsx(h, { className: "lg:custom-scrollbar max-h-[260px] overflow-auto outline-none", items: u, children: (r) => /* @__PURE__ */ e.jsx(
-    j,
-    {
-      id: r.value,
-      textValue: r.label,
-      isDisabled: r.isDisabled,
-      className: ({ isSelected: l, isFocusVisible: t, isHovered: s }) => n(
-        "flex cursor-pointer flex-col px-3 py-2 text-xs font-normal outline-none",
-        l ? "bg-primary-100 text-primary-500" : "text-primary-900",
-        s && "bg-primary-50 text-primary-500",
-        (s || t) && !l && "bg-primary-50",
-        (s || t) && l && "bg-primary-200",
-        (r == null ? void 0 : r.isDisabled) && "cursor-not-allowed opacity-50"
-      ),
-      children: ({ isSelected: l, isHovered: t }) => /* @__PURE__ */ e.jsxs("div", { className: "flex w-full flex-col", children: [
-        /* @__PURE__ */ e.jsxs("div", { className: "flex w-full items-center justify-between", children: [
-          /* @__PURE__ */ e.jsx("span", { children: r.label }),
-          /* @__PURE__ */ e.jsx("span", { className: "flex w-5 items-center", children: l && /* @__PURE__ */ e.jsx("svg", { width: "14", height: "13", viewBox: "0 0 14 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e.jsx(
-            "path",
-            {
-              fillRule: "evenodd",
-              clipRule: "evenodd",
-              d: "M13.2241 0.601824C13.4808 0.780773 13.5439 1.13398 13.365 1.39073L5.69829 12.3907C5.59653 12.5367 5.43209 12.6264 5.25425 12.633C5.07641 12.6395 4.90582 12.5622 4.79359 12.4241L0.460261 7.09072C0.26291 6.84783 0.299829 6.49094 0.542723 6.29358C0.785617 6.09623 1.14251 6.13315 1.33986 6.37605L5.19872 11.1254L12.4352 0.7427C12.6141 0.485948 12.9673 0.422875 13.2241 0.601824Z",
-              fill: "#4C3BEF"
-            }
-          ) }) })
-        ] }),
-        r.description ? /* @__PURE__ */ e.jsx(
-          "span",
-          {
-            slot: "description",
-            className: n(
-              l ? "text-primary-400" : "text-neutral-700",
-              t && "text-primary-400"
-            ),
-            children: r.description
-          }
-        ) : null
-      ] })
-    },
-    r.value
-  ) })
-] });
+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;
 export {
-  C as PopoverContent
+  m as j
 };

package/dist/index.es47.js

@@ -1,83 +1,8 @@
-import { cva as e } from "class-variance-authority";
-const t = e(
-  "flex w-full items-center justify-between gap-2 py-1 rounded border bg-neutral-50 text-xs font-normal text-primary-900 outline-none transition-all duration-150",
-  {
-    variants: {
-      size: {
-        xs: "min-h-8 px-3",
-        sm: "min-h-10 px-3",
-        md: "min-h-12 px-4",
-        lg: "min-h-14 px-4"
-      },
-      isDisabled: {
-        true: "cursor-not-allowed bg-neutral-200 border-none",
-        false: ""
-      },
-      isHovered: {
-        true: "",
-        false: ""
-      },
-      isFocusVisible: {
-        true: "",
-        false: ""
-      }
-    },
-    compoundVariants: [
-      {
-        isDisabled: !1,
-        isHovered: !1,
-        isFocusVisible: !1,
-        class: "border-neutral-500"
-      },
-      {
-        isDisabled: !1,
-        isHovered: !0,
-        isFocusVisible: !1,
-        class: "border-neutral-800"
-      },
-      {
-        isDisabled: !1,
-        isFocusVisible: !0,
-        class: "border-2 border-primary-500"
-      }
-    ],
-    defaultVariants: {
-      size: "xs",
-      isDisabled: !1,
-      isHovered: !1,
-      isFocusVisible: !1
-    }
-  }
-);
-e(
-  "flex items-center gap-1 rounded bg-primary-100 font-normal text-primary-800",
-  {
-    variants: {
-      size: {
-        xs: "px-1.5 py-0.5 text-[10px]",
-        sm: "px-2 py-1 text-xs",
-        md: "px-2.5 py-1 text-sm",
-        lg: "px-3 py-1.5 text-base"
-      },
-      isDisabled: {
-        true: "bg-neutral-50 text-neutral-600",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      isDisabled: !1,
-      size: "xs"
-    }
-  }
-);
-const a = e(
-  "w-[--trigger-width] overflow-auto rounded border border-neutral-300 bg-white shadow-lg outline-none",
-  {
-    variants: {},
-    defaultVariants: {}
-  }
-);
+import { clsx as o } from "clsx";
+import { twMerge as t } from "tailwind-merge";
+function n(...r) {
+  return t(o(r));
+}
 export {
-  t as selectInputButtonVariants,
-  a as selectInputPopoverVariants
+  n as cn
 };