@simpli-route/apollo-ds 0.1.43 → 0.1.44

package/dist/index.es17.js

@@ -5,10 +5,10 @@ import { TimeField as S, Group as U, DateInput as W, Button as X, FieldError as
 import { cn as s } from "./index.es39.js";
 import "./index.es12.js";
 import { Label as Z } from "./index.es13.js";
-import { invisibleInputLabelVariants as $, invisibleInputCaptionVariants as q } from "./index.es52.js";
+import { invisibleInputLabelVariants as $, invisibleInputCaptionVariants as q } from "./index.es57.js";
 import { TimePickerPopover as z } from "./index.es18.js";
 import { TimeSegment as ee } from "./index.es19.js";
-import { invisibleTimeFieldContainerVariants as ie, invisibleTimeFieldGroupVariants as se, invisibleTimeFieldInputVariants as le, timeFieldButtonVariants as ne } from "./index.es49.js";
+import { invisibleTimeFieldContainerVariants as ie, invisibleTimeFieldGroupVariants as se, invisibleTimeFieldInputVariants as le, timeFieldButtonVariants as ne } from "./index.es54.js";
 const re = K(
   ({
     size: l = "bodyDefault",

package/dist/index.es18.js

@@ -4,7 +4,7 @@ import { useRef as M, useState as P, useCallback as d, useEffect as j } from "re
 import { Popover as $, ListBox as k, ListBoxItem as N } from "react-aria-components";
 import { cn as x } from "./index.es39.js";
 import { Button as H } from "./index.es5.js";
-import { timePickerListItemVariants as A } from "./index.es49.js";
+import { timePickerListItemVariants as A } from "./index.es54.js";
 function U(C) {
   const { isOpen: i, onOpenChange: a, value: r, onChange: h, hourCycle: l = 12, containerRef: K, confirmButtonLabel: R } = C, y = M(null), g = M(null), S = M(null), [s, b] = P((r == null ? void 0 : r.hour) ?? 0), [m, v] = P((r == null ? void 0 : r.minute) ?? 0), V = Array.from({ length: l === 12 ? 12 : 24 }, (e, t) => l === 12 ? t + 1 : t), E = Array.from({ length: 60 }, (e, t) => t), f = l === 12 ? s === 0 ? 12 : s > 12 ? s - 12 : s : s, T = s >= 12 ? "PM" : "AM", [u, L] = P(T), w = d(() => {
     const e = new O(s, m, 0);

package/dist/index.es21.js

@@ -2,7 +2,7 @@ import { j as e } from "./index.es38.js";
 import { forwardRef as x } from "react";
 import { cn as y } from "./index.es39.js";
 import { Loader as f } from "./index.es20.js";
-import { Overlay as u } from "./index.es63.js";
+import { Overlay as u } from "./index.es67.js";
 const v = (s, a) => {
   const {
     className: l,

package/dist/index.es22.js

@@ -5,8 +5,8 @@ import { NumberField as _, Group as k, Input as A, Button as d, FieldError as H
 import { cn as r } from "./index.es39.js";
 import "./index.es12.js";
 import { Label as J } from "./index.es13.js";
-import { invisibleInputContainerVariants as K, invisibleInputLabelVariants as M, invisibleInputCaptionVariants as O } from "./index.es52.js";
-import { invisibleNumberFieldGroupVariants as P, invisibleNumberFieldVariants as Q, invisibleNumberFieldStepperVariants as t } from "./index.es50.js";
+import { invisibleInputContainerVariants as K, invisibleInputLabelVariants as M, invisibleInputCaptionVariants as O } from "./index.es57.js";
+import { invisibleNumberFieldGroupVariants as P, invisibleNumberFieldVariants as Q, invisibleNumberFieldStepperVariants as t } from "./index.es55.js";
 const T = U(
   ({
     size: l = "bodyDefault",

package/dist/index.es23.js

@@ -3,9 +3,9 @@ import { NumberField as w, Group as B, Input as E } from "react-aria-components"
 import { cn as t } from "./index.es39.js";
 import "./index.es12.js";
 import { Label as G } from "./index.es13.js";
-import { CaptionNumberField as S } from "./index.es64.js";
-import { StepperButton as V } from "./index.es65.js";
-import { inputNumberVariant as _ } from "./index.es50.js";
+import { CaptionNumberField as S } from "./index.es68.js";
+import { StepperButton as V } from "./index.es69.js";
+import { inputNumberVariant as _ } from "./index.es55.js";
 const K = ({
   size: o = "sm",
   label: i,

package/dist/index.es24.js

@@ -4,40 +4,41 @@ import { ProgressBar as I } from "react-aria-components";
 import "react";
 import { cn as s } from "./index.es39.js";
 import "./index.es41.js";
-import "./index.es42.js";
+import "./index.es48.js";
 import "./index.es43.js";
 import "react-aria";
-import "./index.es44.js";
+import "./index.es47.js";
 import "@react-stately/color";
-import "./index.es45.js";
-import "./index.es46.js";
+import "./index.es49.js";
+import "./index.es50.js";
+import "./index.es51.js";
 import "./index.es11.js";
 import "./index.es12.js";
 import { Label as M } from "./index.es13.js";
 import "@internationalized/date";
-import "./index.es47.js";
+import "./index.es52.js";
 import "./index.es15.js";
-import "./index.es48.js";
+import "./index.es53.js";
 import "./index.es17.js";
-import "./index.es49.js";
+import "./index.es54.js";
 import "./index.es21.js";
 import "./index.es22.js";
-import "./index.es50.js";
-import { progressBarVariants as S, progressFillVariants as $ } from "./index.es51.js";
-import "./index.es52.js";
-import "./index.es53.js";
+import "./index.es55.js";
+import { progressBarVariants as S, progressFillVariants as $ } from "./index.es56.js";
+import "./index.es57.js";
+import "./index.es58.js";
 import "./index.es26.js";
 import { Tooltip as k } from "./index.es34.js";
 import { TooltipTrigger as z } from "./index.es35.js";
-import "./index.es55.js";
+import "./index.es60.js";
 import "./index.es29.js";
 import "./index.es30.js";
 import "./index.es31.js";
-import "./index.es56.js";
+import "./index.es61.js";
 import "./index.es33.js";
 import { Text as d } from "./index.es36.js";
-import "./index.es57.js";
-const yt = (f) => {
+import "./index.es62.js";
+const vt = (f) => {
   const {
     className: h,
     classNameLabel: N,
@@ -109,5 +110,5 @@ const yt = (f) => {
   ) });
 };
 export {
-  yt as ProgressBar
+  vt as ProgressBar
 };

package/dist/index.es25.js

@@ -3,12 +3,12 @@ import { SearchIcon as P, CrossIcon as y } from "./index.es40.js";
 import { useMemo as z } from "react";
 import { ComboBox as D, Input as H, Text as R, FieldError as E, Popover as O, ListBox as F, ListBoxItem as M } from "react-aria-components";
 import { cn as S } from "./index.es39.js";
-import { useDebouncedValue as _ } from "./index.es66.js";
+import { useDebouncedValue as _ } from "./index.es70.js";
 import { IconButton as T } from "./index.es11.js";
 import "./index.es12.js";
 import { Label as $ } from "./index.es13.js";
-import { inputVariants as k } from "./index.es52.js";
-import { popoverVariants as q, searchOptionVariants as A } from "./index.es53.js";
+import { inputVariants as k } from "./index.es57.js";
+import { popoverVariants as q, searchOptionVariants as A } from "./index.es58.js";
 const te = (i) => {
   const {
     label: n,

package/dist/index.es26.js

@@ -4,9 +4,9 @@ import { useFilter as w, Select as G, Popover as H } from "react-aria-components
 import { cn as c } from "./index.es39.js";
 import "./index.es12.js";
 import { Label as J } from "./index.es13.js";
-import { PopoverContent as K } from "./index.es67.js";
-import { SelectContent as Q } from "./index.es68.js";
-import { selectInputPopoverVariants as U } from "./index.es69.js";
+import { PopoverContent as K } from "./index.es66.js";
+import { SelectContent as Q } from "./index.es71.js";
+import { selectInputPopoverVariants as U } from "./index.es49.js";
 const W = (S, v) => {
   const {
     label: p,

package/dist/index.es27.js

@@ -2,8 +2,8 @@ import { j as m } from "./index.es38.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.es39.js";
-import { SliderContainerTrack as G } from "./index.es70.js";
-import { validateMinDistance as H } from "./index.es71.js";
+import { SliderContainerTrack as G } from "./index.es63.js";
+import { validateMinDistance as H } from "./index.es64.js";
 const U = ({
   type: r = "single",
   showTypeValue: A = "default",

package/dist/index.es28.js

@@ -3,7 +3,7 @@ import { CheckIcon as h } from "./index.es40.js";
 import { useState as j } from "react";
 import { Button as S } from "react-aria-components";
 import { cn as k } from "./index.es39.js";
-import { statusChipVariants as I } from "./index.es55.js";
+import { statusChipVariants as I } from "./index.es60.js";
 const F = ({
   size: m = "sm",
   label: n,

package/dist/index.es32.js

@@ -1,9 +1,9 @@
 import { j as o } from "./index.es38.js";
 import { Switch as u } from "react-aria-components";
 import { cn as c } from "./index.es39.js";
-import { ContentSwitch as L } from "./index.es78.js";
-import { SwitchIndicator as v } from "./index.es79.js";
-import { switchVariants as b } from "./index.es56.js";
+import { ContentSwitch as L } from "./index.es75.js";
+import { SwitchIndicator as v } from "./index.es76.js";
+import { switchVariants as b } from "./index.es61.js";
 const E = ({
   children: f,
   label: m,

package/dist/index.es33.js

@@ -3,9 +3,9 @@ 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.es39.js";
-import { Tab as j } from "./index.es75.js";
-import { TabPanel as h } from "./index.es76.js";
-import { tabsVariants as T } from "./index.es77.js";
+import { Tab as j } from "./index.es77.js";
+import { TabPanel as h } from "./index.es78.js";
+import { tabsVariants as T } from "./index.es79.js";
 const v = (a) => {
   var l;
   const {

package/dist/index.es34.js

@@ -2,7 +2,7 @@ import { j as s } from "./index.es38.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.es39.js";
-import { TooltipContext as j } from "./index.es54.js";
+import { TooltipContext as j } from "./index.es59.js";
 import { tooltipVariants as N } from "./index.es80.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);

package/dist/index.es35.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.es39.js";
-import { TooltipContext as d } from "./index.es54.js";
+import { TooltipContext as d } from "./index.es59.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.es36.js

@@ -1,6 +1,6 @@
 import { j as m } from "./index.es38.js";
 import { cn as n } from "./index.es39.js";
-import { textVariants as a } from "./index.es57.js";
+import { textVariants as a } from "./index.es62.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.es37.js

@@ -1,6 +1,6 @@
 import { j as m } from "./index.es38.js";
 import { cn as c } from "./index.es39.js";
-import { titleVariants as l } from "./index.es57.js";
+import { titleVariants as l } from "./index.es62.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.es42.js

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

package/dist/index.es44.js

@@ -1,36 +1,20 @@
-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.es38.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" })
     }
-  }
-});
+  );
+}
 export {
-  t as assistChipVariants
+  t as ColorArea
 };

package/dist/index.es45.js

@@ -1,125 +1,19 @@
-import { cva as e } from "class-variance-authority";
-const r = e(
-  "group inline-flex select-none items-center justify-center gap-1 text-sm font-semibold rounded p-2 h-10 transition duration-150 ease-in-out focus:outline-none",
-  {
-    variants: {
-      isActive: {
-        true: "bg-primary-50 text-primary-500",
-        false: "bg-neutral-50 text-primary-500"
-      },
-      isHovered: {
-        true: "",
-        false: ""
-      },
-      isFocused: {
-        true: "",
-        false: ""
-      },
-      isPressed: {
-        true: "",
-        false: ""
-      },
-      isDisabled: {
-        true: "cursor-not-allowed",
-        false: ""
-      }
-    },
-    compoundVariants: [
-      // Inactive states
-      {
-        isActive: !1,
-        isHovered: !0,
-        isDisabled: !1,
-        class: "bg-primary-50"
-      },
-      {
-        isActive: !1,
-        isFocused: !0,
-        isDisabled: !1,
-        class: "bg-primary-50 border border-primary-500"
-      },
-      {
-        isActive: !1,
-        isPressed: !0,
-        isDisabled: !1,
-        class: "bg-primary-50 border border-primary-500"
-      },
-      {
-        isActive: !1,
-        isDisabled: !0,
-        class: "bg-neutral-50 text-neutral-600"
-      },
-      // Active states
-      {
-        isActive: !0,
-        isHovered: !0,
-        isDisabled: !1,
-        class: "bg-primary-100"
-      },
-      {
-        isActive: !0,
-        isFocused: !0,
-        isDisabled: !1,
-        class: "bg-primary-100 border border-primary-500"
-      },
-      {
-        isActive: !0,
-        isPressed: !0,
-        isDisabled: !1,
-        class: "bg-primary-100 border border-primary-500"
-      },
-      {
-        isActive: !0,
-        isDisabled: !0,
-        class: "bg-neutral-100 text-neutral-600"
-      }
-    ],
-    defaultVariants: {
-      isActive: !1,
-      isHovered: !1,
-      isFocused: !1,
-      isPressed: !1,
-      isDisabled: !1
+import { j as e } from "./index.es38.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
     }
-  }
-), i = e(
-  "inline-flex items-center justify-center w-4 h-4 rounded-full text-sm font-semibold ml-0.5",
-  {
-    variants: {
-      isActive: {
-        true: "bg-primary-500 text-primary-50",
-        false: ""
-      },
-      isHovered: {
-        true: "",
-        false: ""
-      },
-      isDisabled: {
-        true: "bg-neutral-400 text-neutral-50",
-        false: ""
-      }
-    },
-    compoundVariants: [
-      {
-        isActive: !0,
-        isHovered: !0,
-        isDisabled: !1,
-        class: "bg-primary-500 text-primary-100"
-      },
-      {
-        isActive: !0,
-        isDisabled: !0,
-        class: "bg-neutral-400 text-neutral-50"
-      }
-    ],
-    defaultVariants: {
-      isActive: !1,
-      isHovered: !1,
-      isDisabled: !1
-    }
-  }
-);
+  ) });
+}
 export {
-  i as filterButtonBadgeVariants,
-  r as filterButtonVariants
+  p as ColorField
 };