@simpli-route/apollo-ds 0.1.64 → 0.1.65

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.es49.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.es48.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.es73.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.es48.js";
+import { TooltipContext as j } from "./index.es60.js";
+import { tooltipVariants as N } from "./index.es98.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.es48.js";
+import { TooltipContext as d } from "./index.es60.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.es48.js";
+import { textVariants as a } from "./index.es74.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.es48.js";
+import { titleVariants as l } from "./index.es74.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,35 +1,8 @@
-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";
-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;
+import { clsx as o } from "clsx";
+import { twMerge as t } from "tailwind-merge";
+function n(...r) {
+  return t(o(r));
+}
 export {
-  x as CalendarIcon,
-  b as CheckCircleIcon,
-  j as CheckIcon,
-  q as ClockIcon,
-  y as CrossCircleIcon,
-  z as CrossIcon,
-  B as DownChevronIcon,
-  E as InfoIcon,
-  F as LeftArrowIcon,
-  G as LeftChevronIcon,
-  H as MinusIcon,
-  J as OptionsIcon,
-  K as PlusIcon,
-  N as RightChevronIcon,
-  Q as SearchIcon,
-  T as UpChevronIcon
+  n as cn
 };

package/dist/index.es49.js

@@ -1,47 +1,35 @@
-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 { 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 {
-  a as breadcrumbItemVariants,
-  s as breadcrumbSeparatorVariants,
-  t as breadcrumbsContainerVariants
+  x as CalendarIcon,
+  b as CheckCircleIcon,
+  j as CheckIcon,
+  q as ClockIcon,
+  y as CrossCircleIcon,
+  z as CrossIcon,
+  B as DownChevronIcon,
+  E as InfoIcon,
+  F as LeftArrowIcon,
+  G as LeftChevronIcon,
+  H as MinusIcon,
+  J as OptionsIcon,
+  K as PlusIcon,
+  N as RightChevronIcon,
+  Q as SearchIcon,
+  T as UpChevronIcon
 };

package/dist/index.es50.js

@@ -1,32 +1,20 @@
-import { j as e } from "./index.es46.js";
-import { cn as l } from "./index.es47.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",
+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,
     {
-      x1: 1,
-      y1: 10,
-      x2: 14,
-      y2: 10,
-      fill: "none",
-      strokeWidth: 2,
-      strokeDasharray: 14,
-      strokeDashoffset: s ? 28 : 42,
-      style: { transition: "all 400ms" }
+      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" })
     }
-  ) : /* @__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" }
-    }
-  ) });
-};
+  );
+}
 export {
-  m as MarkIcon
+  t as ColorArea
 };

package/dist/index.es51.js

@@ -1,45 +1,19 @@
-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"
-      }
-    ]
-  }
-);
+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
+    }
+  ) });
+}
 export {
-  i as checkboxVariants
+  p as ColorField
 };

package/dist/index.es52.js

@@ -1,36 +1,18 @@
-import { cva as r } from "class-variance-authority";
-const t = r("bg-primary-50 inline-flex items-center select-none border border-transparent", {
-  variants: {
-    style: {
-      square: "rounded-md",
-      rounded: "rounded-full"
-    },
-    size: {
-      xs: [
-        "gap-1 py-[2px] pr-[6px] pl-1 font-normal text-neutral-900 text-[10px]",
-        "[&_svg]:w-[10px] [&_svg]:h-[10px]"
-      ],
-      sm: ["gap-1 py-[2px] pr-[6px] pl-1 font-normal text-neutral-900 text-xs", "[&_svg]:w-3 [&_svg]:h-3"],
-      md: ["gap-1 py-1 pr-3 pl-2 font-normal text-neutral-900 text-sm", "[&_svg]:w-4 [&_svg]:h-4"],
-      lg: ["gap-2 py-1 pr-3 pl-2 font-normal text-neutral-900 text-sm", "[&_svg]:w-4 [&_svg]:h-4"]
-    },
-    pressable: {
-      true: "cursor-pointer"
-    },
-    isFocused: {
-      true: "border-primary-500"
-    },
-    isHovered: {
-      true: "border-primary-300"
-    },
-    isPressed: {
-      true: "bg-primary-200"
-    },
-    isDisabled: {
-      true: "bg-neutral-50 text-neutral-600 [&_svg]:text-neutral-600 cursor-not-allowed"
+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" }) })
     }
-  }
-});
+  );
+}
 export {
-  t as assistChipVariants
+  d as ColorSlider
 };