@simpli-route/apollo-ds 0.1.72 → 0.1.73

package/dist/index.es58.js

@@ -1,36 +1,45 @@
 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"
+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"
+      }
     },
-    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"
-    }
+    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 {
-  t as assistChipVariants
+  i as checkboxVariants
 };

package/dist/index.es78.js

@@ -1,20 +1,42 @@
-import { j as r } from "./index.es49.js";
-import { ColorArea as s, ColorThumb as l } from "react-aria-components";
-function t({ color: o, onChange: e, ...a }) {
-  return /* @__PURE__ */ r.jsx(
-    s,
+import { j as e } from "./index.es49.js";
+import { CrossCircleIcon as c } from "./index.es51.js";
+import { Autocomplete as d, SearchField as m, Input as x, Button as p, Virtualizer as b, ListLayout as f } from "react-aria-components";
+import { cn as t } from "./index.es50.js";
+import { SelectListBox as o } from "./index.es123.js";
+const N = ({
+  enableSearch: n,
+  contains: l,
+  classNameSearchField: s,
+  classNameSearchFieldInput: a,
+  placeholderSearch: i,
+  items: r,
+  virtualizedList: u = !1
+}) => /* @__PURE__ */ e.jsxs(d, { filter: l, disableAutoFocusFirst: !0, disableVirtualFocus: !0, children: [
+  n ? /* @__PURE__ */ e.jsxs(
+    m,
     {
-      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" })
+      "aria-label": "Search",
+      className: t(
+        "group m-1 flex items-center rounded border border-neutral-500 bg-neutral-50",
+        s
+      ),
+      children: [
+        /* @__PURE__ */ e.jsx(
+          x,
+          {
+            placeholder: i,
+            className: t(
+              "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",
+              a
+            )
+          }
+        ),
+        /* @__PURE__ */ e.jsx(p, { 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(c, { "aria-hidden": !0, className: "size-4" }) })
+      ]
     }
-  );
-}
+  ) : null,
+  u ? /* @__PURE__ */ e.jsx(b, { layout: f, children: /* @__PURE__ */ e.jsx(o, { items: r }) }) : /* @__PURE__ */ e.jsx(o, { items: r })
+] });
 export {
-  t as ColorArea
+  N as PopoverContent
 };

package/dist/index.es79.js

@@ -1,19 +1,20 @@
-import { j as e } from "./index.es49.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,
+import { j as r } from "./index.es49.js";
+import { ColorArea as s, ColorThumb as l } from "react-aria-components";
+function t({ color: o, onChange: e, ...a }) {
+  return /* @__PURE__ */ r.jsx(
+    s,
     {
-      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
+      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 {
-  p as ColorField
+  t as ColorArea
 };

package/dist/index.es8.js

@@ -2,7 +2,7 @@ import { j as r } from "./index.es49.js";
 import { LeftArrowIcon as m } from "./index.es51.js";
 import { Breadcrumbs as C, Breadcrumb as F, Link as f } from "react-aria-components";
 import { cn as s } from "./index.es50.js";
-import { breadcrumbsContainerVariants as V, breadcrumbItemVariants as o, breadcrumbSeparatorVariants as y } from "./index.es55.js";
+import { breadcrumbsContainerVariants as V, breadcrumbItemVariants as o, breadcrumbSeparatorVariants as y } from "./index.es56.js";
 const S = ({
   items: a = [],
   className: h,

package/dist/index.es80.js

@@ -1,18 +1,19 @@
-import { j as r } from "./index.es49.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,
+import { j as e } from "./index.es49.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,
     {
-      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" }) })
+      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 {
-  d as ColorSlider
+  p as ColorField
 };

package/dist/index.es81.js

@@ -1,42 +1,18 @@
-import { j as e } from "./index.es49.js";
-import { CrossCircleIcon as c } from "./index.es51.js";
-import { Autocomplete as d, SearchField as m, Input as x, Button as p, Virtualizer as b, ListLayout as f } from "react-aria-components";
-import { cn as t } from "./index.es50.js";
-import { SelectListBox as o } from "./index.es123.js";
-const N = ({
-  enableSearch: n,
-  contains: l,
-  classNameSearchField: s,
-  classNameSearchFieldInput: a,
-  placeholderSearch: i,
-  items: r,
-  virtualizedList: u = !1
-}) => /* @__PURE__ */ e.jsxs(d, { filter: l, disableAutoFocusFirst: !0, disableVirtualFocus: !0, children: [
-  n ? /* @__PURE__ */ e.jsxs(
-    m,
+import { j as r } from "./index.es49.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,
     {
-      "aria-label": "Search",
-      className: t(
-        "group m-1 flex items-center rounded border border-neutral-500 bg-neutral-50",
-        s
-      ),
-      children: [
-        /* @__PURE__ */ e.jsx(
-          x,
-          {
-            placeholder: i,
-            className: t(
-              "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",
-              a
-            )
-          }
-        ),
-        /* @__PURE__ */ e.jsx(p, { 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(c, { "aria-hidden": !0, className: "size-4" }) })
-      ]
+      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" }) })
     }
-  ) : null,
-  u ? /* @__PURE__ */ e.jsx(b, { layout: f, children: /* @__PURE__ */ e.jsx(o, { items: r }) }) : /* @__PURE__ */ e.jsx(o, { items: r })
-] });
+  );
+}
 export {
-  N as PopoverContent
+  d as ColorSlider
 };

package/dist/index.es83.js

@@ -1,12 +1,12 @@
-import { j as n } from "./index.es49.js";
-import { cn as x } from "./index.es50.js";
-const m = ({
-  description: t,
-  descriptionClasses: i,
-  errorMessage: r,
-  errorClasses: s,
-  isInvalidField: e
-}) => t && !e ? /* @__PURE__ */ n.jsx("div", { slot: "description", className: x("text-xs leading-3 text-neutral-700", i), children: t }) : r && e ? /* @__PURE__ */ n.jsx("div", { className: x("text-xs leading-3 text-error-500", s), children: r }) : null;
+import { j as d } from "./index.es49.js";
+import { forwardRef as p } from "react";
+import { cn as f } from "./index.es50.js";
+import { overlayVariants as v } from "./index.es124.js";
+const y = (e, a) => {
+  const { zIndex: s = 200, opacity: t = "md", blur: o = "sm", children: m, className: c, center: r = !0, fixed: i, ...n } = e, l = f(v({ opacity: t, fixed: i, center: r, blur: o }), `z-[${s}]`, c);
+  return /* @__PURE__ */ d.jsx("div", { ref: a, className: l, "data-center": r || void 0, ...n, children: m });
+}, x = p(y);
+x.displayName = "Overlay";
 export {
-  m as CaptionNumberField
+  x as Overlay
 };

package/dist/index.es84.js

@@ -1,14 +1,12 @@
-import { j as e } from "./index.es49.js";
-import { UpChevronIcon as n, DownChevronIcon as o } from "./index.es51.js";
-import { Button as s } from "react-aria-components";
-import { cn as c } from "./index.es50.js";
-const x = ({ isDisabled: r }) => {
-  const t = c("flex items-center justify-center", r ? "text-neutral-600" : "text-primary-500");
-  return /* @__PURE__ */ e.jsxs("div", { className: "absolute inset-y-0 right-0 flex flex-col items-center justify-center space-y-0.5 pr-2", children: [
-    /* @__PURE__ */ e.jsx(s, { slot: "increment", className: t, children: /* @__PURE__ */ e.jsx(n, { className: "size-3.5" }) }),
-    /* @__PURE__ */ e.jsx(s, { slot: "decrement", className: t, children: /* @__PURE__ */ e.jsx(o, { className: "size-3.5" }) })
-  ] });
-};
+import { j as n } from "./index.es49.js";
+import { cn as x } from "./index.es50.js";
+const m = ({
+  description: t,
+  descriptionClasses: i,
+  errorMessage: r,
+  errorClasses: s,
+  isInvalidField: e
+}) => t && !e ? /* @__PURE__ */ n.jsx("div", { slot: "description", className: x("text-xs leading-3 text-neutral-700", i), children: t }) : r && e ? /* @__PURE__ */ n.jsx("div", { className: x("text-xs leading-3 text-error-500", s), children: r }) : null;
 export {
-  x as StepperButton
+  m as CaptionNumberField
 };

package/dist/index.es85.js

@@ -1,12 +1,14 @@
-import { j as d } from "./index.es49.js";
-import { forwardRef as p } from "react";
-import { cn as f } from "./index.es50.js";
-import { overlayVariants as v } from "./index.es124.js";
-const y = (e, a) => {
-  const { zIndex: s = 200, opacity: t = "md", blur: o = "sm", children: m, className: c, center: r = !0, fixed: i, ...n } = e, l = f(v({ opacity: t, fixed: i, center: r, blur: o }), `z-[${s}]`, c);
-  return /* @__PURE__ */ d.jsx("div", { ref: a, className: l, "data-center": r || void 0, ...n, children: m });
-}, x = p(y);
-x.displayName = "Overlay";
+import { j as e } from "./index.es49.js";
+import { UpChevronIcon as n, DownChevronIcon as o } from "./index.es51.js";
+import { Button as s } from "react-aria-components";
+import { cn as c } from "./index.es50.js";
+const x = ({ isDisabled: r }) => {
+  const t = c("flex items-center justify-center", r ? "text-neutral-600" : "text-primary-500");
+  return /* @__PURE__ */ e.jsxs("div", { className: "absolute inset-y-0 right-0 flex flex-col items-center justify-center space-y-0.5 pr-2", children: [
+    /* @__PURE__ */ e.jsx(s, { slot: "increment", className: t, children: /* @__PURE__ */ e.jsx(n, { className: "size-3.5" }) }),
+    /* @__PURE__ */ e.jsx(s, { slot: "decrement", className: t, children: /* @__PURE__ */ e.jsx(o, { className: "size-3.5" }) })
+  ] });
+};
 export {
-  x as Overlay
+  x as StepperButton
 };

package/dist/index.es86.js

@@ -1,15 +1,80 @@
-import { useState as r, useEffect as c } from "react";
-function d(e, t = 300) {
-  const [u, o] = r(e);
-  return c(() => {
-    const n = setTimeout(() => {
-      o(e);
-    }, t);
-    return () => {
-      clearTimeout(n);
-    };
-  }, [e, t]), u;
-}
+import { j as t } from "./index.es49.js";
+import { Button as g, SelectValue as j } from "react-aria-components";
+import { cn as i } from "./index.es50.js";
+import { Badge as w } from "./index.es6.js";
+import "./index.es7.js";
+import { selectInputButtonVariants as v } from "./index.es59.js";
+const b = ({
+  ref: C,
+  isOpen: l,
+  setIsOpen: m,
+  size: o,
+  isDisabled: n,
+  classNameButton: x,
+  selectionMode: c,
+  maxLengthTextOption: f,
+  handleDeleteOptionSelected: p,
+  placeholder: u
+}) => /* @__PURE__ */ t.jsxs(
+  g,
+  {
+    ref: C,
+    className: ({ isFocusVisible: e, isHovered: a }) => i(
+      v({
+        size: o,
+        isDisabled: n,
+        isFocusVisible: e || l,
+        isHovered: a
+      }),
+      x
+    ),
+    onPress: () => m(!l),
+    children: [
+      /* @__PURE__ */ t.jsx(j, { className: "flex flex-1 items-center gap-1 overflow-hidden", children: ({ selectedItems: e, selectedText: a, isPlaceholder: h }) => /* @__PURE__ */ t.jsx(t.Fragment, { children: c === "multiple" && e && e.length > 0 ? /* @__PURE__ */ t.jsx("div", { className: "flex flex-wrap gap-1", children: e.filter((r) => r != null).map((r) => {
+        const d = r.label, s = r.value;
+        return /* @__PURE__ */ t.jsx(
+          w,
+          {
+            label: d,
+            size: o,
+            isDisabled: n,
+            maxLength: f,
+            onDelete: () => p(s)
+          },
+          s
+        );
+      }) }) : /* @__PURE__ */ t.jsx(
+        "span",
+        {
+          className: i(
+            "flex-1 truncate text-left",
+            h ? "text-neutral-600" : "",
+            n ? "text-neutral-700" : ""
+          ),
+          children: a || u
+        }
+      ) }) }),
+      /* @__PURE__ */ t.jsx(
+        "svg",
+        {
+          className: `${l ? "rotate-180" : ""} transition-transform duration-100`,
+          width: "20",
+          height: "10",
+          viewBox: "0 0 20 10",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: /* @__PURE__ */ t.jsx(
+            "path",
+            {
+              d: "M20 0.838022C20.0006 0.947676 19.9796 1.05638 19.9381 1.15789C19.8967 1.2594 19.8356 1.35173 19.7584 1.42959L12.9512 8.23676C12.5642 8.62472 12.1045 8.93252 11.5984 9.14254C11.0922 9.35256 10.5497 9.46066 10.0017 9.46066C9.45373 9.46066 8.91115 9.35256 8.40502 9.14254C7.8989 8.93252 7.43918 8.62472 7.0522 8.23676L0.245034 1.42959C0.167349 1.3519 0.105725 1.25968 0.0636824 1.15818C0.0216393 1.05667 5.62088e-09 0.947886 0 0.838023C-5.62081e-09 0.728159 0.0216393 0.619372 0.0636824 0.51787C0.105725 0.41637 0.167349 0.324143 0.245034 0.246458C0.32272 0.168773 0.414946 0.107149 0.516447 0.0651056C0.617948 0.0230624 0.726736 0.00142351 0.8366 0.00142351C0.946464 0.00142351 1.05525 0.0230624 1.15675 0.0651055C1.25825 0.107149 1.35048 0.168773 1.42817 0.246458L8.23533 7.05363C8.704 7.52171 9.33931 7.78463 10.0017 7.78463C10.6641 7.78463 11.2994 7.52171 11.7681 7.05363L18.5752 0.246457C18.6527 0.168363 18.7448 0.106378 18.8464 0.0640783C18.9479 0.0217776 19.0568 4.80781e-09 19.1668 0C19.2768 -4.80789e-09 19.3857 0.0217776 19.4872 0.0640782C19.5888 0.106378 19.6809 0.168363 19.7584 0.246457C19.8356 0.324311 19.8967 0.41664 19.9381 0.518154C19.9796 0.619668 20.0006 0.728369 20 0.838022Z",
+              fill: "#73768C"
+            }
+          )
+        }
+      )
+    ]
+  }
+);
 export {
-  d as useDebouncedValue
+  b as SelectContent
 };