@simpli-route/apollo-ds 0.1.74 → 0.1.76

package/dist/index.es101.js

@@ -1,12 +1,80 @@
-import { j as m } from "./index.es49.js";
-import { useRef as l } from "react";
-import { useTabPanel as p } from "react-aria";
-import { cn as i } from "./index.es50.js";
-const P = (r) => {
-  var t;
-  const { className: o, state: s, ...n } = r, e = l(null), { tabPanelProps: a } = p(n, s, e), c = i("", o);
-  return /* @__PURE__ */ m.jsx("div", { ...a, ref: e, className: c, children: (t = s.selectedItem) == null ? void 0 : t.props.children });
-};
+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.es51.js";
+import { Badge as w } from "./index.es6.js";
+import "./index.es7.js";
+import { selectInputButtonVariants as v } from "./index.es61.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 {
-  P as TabPanel
+  b as SelectContent
 };

package/dist/index.es102.js

@@ -1,47 +1,21 @@
-import { cva as r } from "class-variance-authority";
-const t = r("flex h-full max-h-12", {
-  variants: {
-    orientation: {
-      horizontal: "flex-col",
-      vertical: "flex-row"
-    }
-  }
-}), a = r(
-  "group inline-flex cursor-pointer items-center px-4 py-3 text-sm font-semibold focus-visible:outline-none",
-  {
-    variants: {
-      isActive: {
-        true: "bg-primary-50 text-primary-500 ",
-        false: "text-primary-300 hover:text-primary-500 hover:border-primary-500"
-      },
-      isDisabledTab: {
-        true: "",
-        false: ""
-      },
-      orientation: {
-        horizontal: "border-b-2 border-transparent",
-        vertical: "border-r-2 border-transparent"
-      }
-    },
-    compoundVariants: [
-      {
-        isDisabledTab: !0,
-        orientation: "horizontal",
-        class: "border-b-2 cursor-not-allowed !border-neutral-600 !text-neutral-600 bg-neutral-200"
-      },
-      {
-        isDisabledTab: !0,
-        orientation: "vertical",
-        class: "border-r-2 cursor-not-allowed !border-neutral-600 !text-neutral-600 bg-neutral-200"
-      },
-      { isActive: !0, orientation: "horizontal", class: "border-b-2 border-primary-500" },
-      { isActive: !1, orientation: "horizontal", class: "border-b-2 border-primary-300" },
-      { isActive: !1, orientation: "vertical", class: "border-r-2 border-primary-200" },
-      { isActive: !0, orientation: "vertical", class: "border-r-2 border-primary-500" }
-    ]
-  }
-);
+import { j as t } from "./index.es49.js";
+import { cn as c } from "./index.es51.js";
+const i = ({
+  label: e,
+  description: x,
+  errorMessage: s,
+  isDisabled: l,
+  isInvalid: r,
+  children: n,
+  renderLabelIcon: m
+}) => !e && !x && !n ? null : /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col", children: [
+  e ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-x-1", children: [
+    /* @__PURE__ */ t.jsx("p", { className: c("text-sm font-semibold", l ? "text-neutral-600" : "text-neutral-900"), children: e }),
+    m ? /* @__PURE__ */ t.jsx(t.Fragment, { children: m }) : null
+  ] }) : n,
+  x && !s && /* @__PURE__ */ t.jsx("p", { className: c("text-xs", l ? "text-neutral-600" : "text-neutral-800"), children: x }),
+  r && s && /* @__PURE__ */ t.jsx("p", { className: "text-sm text-red-500", children: s })
+] });
 export {
-  a as tabVariants,
-  t as tabsVariants
+  i as ContentSwitch
 };

package/dist/index.es103.js

@@ -1,42 +1,22 @@
-import { cva as e } from "class-variance-authority";
-const t = 'after:content-[""] after:absolute after:border-8 after:border-x-transparent', o = `${t} after:left-4 after:top-[100%] after:border-b-transparent`, a = `${t} after:left-1/2 after:top-[100%] after:-translate-x-1/2 after:border-b-transparent`, b = `${t} after:right-4 after:top-[100%] after:border-b-transparent`, l = `${t} after:left-4 after:bottom-[100%] after:border-t-transparent`, f = `${t} after:left-1/2 after:bottom-[100%] after:-translate-x-1/2 after:border-t-transparent`, n = `${t} after:right-4 after:bottom-[100%] after:border-t-transparent`, r = 'before:content-[""] before:absolute before:top-1/2 before:-translate-y-1/2 before:border-8 before:border-y-transparent', s = `${r} before:right-[100%] before:border-l-transparent`, p = `${r} before:left-[100%] before:border-r-transparent`, u = e(
-  "absolute z-20 w-max max-w-[250px] whitespace-normal break-words rounded-lg transition duration-150 ease-in-out shadow-[0px_2px_4px_-2px_#22242A0F,0px_4px_8px_-2px_#22242A1A] py-2 px-3",
+import { j as i } from "./index.es49.js";
+import { cn as m } from "./index.es51.js";
+import { indicatorVariants as n } from "./index.es79.js";
+const c = ({ isSelected: r, isDisabled: o, isHovered: f, size: a, dimensions: t }) => /* @__PURE__ */ i.jsx(
+  "div",
   {
-    variants: {
-      mode: {
-        light: "bg-blue-50 text-neutral-900 after:border-t-blue-50 after:border-b-blue-50 before:border-r-blue-50 before:border-l-blue-50",
-        dark: "bg-blue-900 text-blue-50 after:border-t-blue-900 after:border-b-blue-900 before:border-r-blue-900 before:border-l-blue-900"
-      },
-      hasSupportText: {
-        true: "",
-        false: ""
-      },
-      placement: {
-        none: "bottom-full left-1/2 mb-3 -translate-x-1/2",
-        "top-start": `bottom-full left-0 mb-3 ${o}`,
-        top: `bottom-full left-1/2 mb-3 -translate-x-1/2 ${a}`,
-        "top-end": `bottom-full right-0 mb-3 ${b}`,
-        right: `left-full top-1/2 ml-3 -translate-y-1/2 ${s}`,
-        "bottom-start": `left-0 top-full mt-3 ${l}`,
-        bottom: `left-1/2 top-full mt-3 -translate-x-1/2 ${f}`,
-        "bottom-end": `right-0 top-full mt-3 ${n}`,
-        left: `right-full top-1/2 mr-3 -translate-y-1/2 ${p}`
-      }
-    },
-    compoundVariants: [
-      {
-        hasSupportText: !0,
-        mode: "dark",
-        class: "text-[16px] text-blue-50 font-semibold leading-5"
-      },
-      {
-        hasSupportText: !0,
-        mode: "light",
-        class: "text-[16px] text-neutral-900 font-semibold leading-5"
-      }
-    ]
+    className: m(
+      n({
+        isSelected: r,
+        isDisabled: o,
+        size: a,
+        isHoveredWhenOff: f && !r
+      })
+    ),
+    style: {
+      left: r ? `${t.onLeft}px` : `${t.offLeft}px`
+    }
   }
 );
 export {
-  u as tooltipVariants
+  c as SwitchIndicator
 };

package/dist/index.es105.js

@@ -1,4 +1,4 @@
-import { __exports as t } from "./index.es136.js";
+import { __exports as t } from "./index.es124.js";
 import R from "react";
 /**
  * @license React

package/dist/index.es106.js

@@ -1,4 +1,4 @@
-import { __exports as R } from "./index.es137.js";
+import { __exports as R } from "./index.es125.js";
 import tr from "react";
 /**
  * @license React

package/dist/index.es11.js

@@ -1,7 +1,7 @@
 import { j as r } from "./index.es49.js";
 import { usePress as j, useHover as b, useFocusRing as F } from "react-aria";
-import { cn as N } from "./index.es50.js";
-import { assistChipVariants as C } from "./index.es58.js";
+import { cn as N } from "./index.es51.js";
+import { assistChipVariants as C } from "./index.es69.js";
 const q = (i) => {
   const {
     style: t = "square",

package/dist/index.es12.js

@@ -2,10 +2,10 @@ import { j as r } from "./index.es49.js";
 import { parseColor as h } from "@react-stately/color";
 import { useState as a, useEffect as w } from "react";
 import { ColorPicker as L, Label as R, DialogTrigger as T, Button as W, ColorSwatch as $, Popover as q, Dialog as G } from "react-aria-components";
-import { cn as J } from "./index.es50.js";
-import { ColorArea as K } from "./index.es78.js";
-import { ColorField as M } from "./index.es79.js";
-import { ColorSlider as Q } from "./index.es80.js";
+import { cn as J } from "./index.es51.js";
+import { ColorArea as K } from "./index.es57.js";
+import { ColorField as M } from "./index.es58.js";
+import { ColorSlider as Q } from "./index.es59.js";
 const ne = (v) => {
   const {
     value: l,

package/dist/index.es123.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es49.js";
 import { ListBox as o, ListBoxItem as x } from "react-aria-components";
-import { cn as t } from "./index.es50.js";
+import { cn as t } from "./index.es51.js";
 const d = ({ items: n }) => /* @__PURE__ */ r.jsx(o, { className: "lg:custom-scrollbar max-h-[260px] overflow-auto outline-none", items: n, children: (l) => /* @__PURE__ */ r.jsx(
   x,
   {

package/dist/index.es124.js

@@ -1,32 +1,4 @@
-import { cva as l } from "class-variance-authority";
-const e = l("absolute inset-0 z-[1000px] overflow-hidden", {
-  variants: {
-    opacity: {
-      sm: "bg-neutral-50/10",
-      md: "bg-neutral-50/20",
-      lg: "bg-neutral-50/30",
-      xl: "bg-neutral-50/50",
-      "2xl": "bg-neutral-50/60",
-      "3xl": "bg-neutral-50/75"
-    },
-    fixed: {
-      true: "fixed",
-      false: ""
-    },
-    center: {
-      true: "flex items-center justify-center",
-      false: ""
-    },
-    blur: {
-      sm: "backdrop-blur-sm",
-      md: "backdrop-blur-md",
-      lg: "backdrop-blur-lg",
-      xl: "backdrop-blur-xl",
-      "2xl": "backdrop-blur-2xl",
-      "3xl": "backdrop-blur-3xl"
-    }
-  }
-});
+var r = {};
 export {
-  e as overlayVariants
+  r as __exports
 };

package/dist/index.es125.js

@@ -1,7 +1,4 @@
-import { j as t } from "./index.es49.js";
-import { CrossIcon as s } from "./index.es51.js";
-import { IconButton as e } from "./index.es16.js";
-const m = ({ icon: o, onPress: n, isDisabled: r }) => /* @__PURE__ */ t.jsx(e, { intent: "minimal", size: "xxs", "data-testid": "clear-icon-button", isDisabled: r, onPress: n, children: o ?? /* @__PURE__ */ t.jsx(s, { className: "size-5 text-neutral-700", "data-testid": "clear-icon" }) });
+var e = {};
 export {
-  m as ClearIconButton
+  e as __exports
 };

package/dist/index.es126.js

@@ -1,6 +1,32 @@
-import { j as t } from "./index.es49.js";
-import { SearchIcon as e } from "./index.es51.js";
-const s = ({ icon: r }) => r ?? /* @__PURE__ */ t.jsx(e, { className: "size-6 text-neutral-700", "data-testid": "search-icon" });
+import { cva as l } from "class-variance-authority";
+const e = l("absolute inset-0 z-[1000px] overflow-hidden", {
+  variants: {
+    opacity: {
+      sm: "bg-neutral-50/10",
+      md: "bg-neutral-50/20",
+      lg: "bg-neutral-50/30",
+      xl: "bg-neutral-50/50",
+      "2xl": "bg-neutral-50/60",
+      "3xl": "bg-neutral-50/75"
+    },
+    fixed: {
+      true: "fixed",
+      false: ""
+    },
+    center: {
+      true: "flex items-center justify-center",
+      false: ""
+    },
+    blur: {
+      sm: "backdrop-blur-sm",
+      md: "backdrop-blur-md",
+      lg: "backdrop-blur-lg",
+      xl: "backdrop-blur-xl",
+      "2xl": "backdrop-blur-2xl",
+      "3xl": "backdrop-blur-3xl"
+    }
+  }
+});
 export {
-  s as SearchIcon
+  e as overlayVariants
 };

package/dist/index.es127.js

@@ -1,5 +1,6 @@
-import { j as e } from "./index.es49.js";
-const o = ({ text: t }) => /* @__PURE__ */ e.jsx("div", { className: "max-h-60 overflow-auto p-4 text-center text-sm text-neutral-600", children: t ?? "No results found" });
+function e(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
 export {
-  o as NoResultsMessage
+  e as getDefaultExportFromCjs
 };

package/dist/index.es128.js

@@ -1,21 +1,28 @@
-import { j as t } from "./index.es49.js";
-import { ListBox as n, ListBoxItem as r } from "react-aria-components";
-import { searchOptionVariants as h } from "./index.es71.js";
-const m = ({
-  items: a,
-  onItemSelect: l
-}) => /* @__PURE__ */ t.jsx(n, { items: a, className: "max-h-60 overflow-auto outline-none", children: (o) => /* @__PURE__ */ t.jsx(
-  r,
-  {
-    id: o.id,
-    textValue: o.label,
-    className: ({ isDisabled: s, isSelected: i, isFocused: e }) => h({ isFocused: e, isSelected: i, isDisabled: s }),
-    onAction: l ? () => l(o.id) : void 0,
-    children: o.shouldHighlight ? /* @__PURE__ */ t.jsx("span", { children: o.highlightedParts.map(
-      (s, i) => s.highlight ? /* @__PURE__ */ t.jsx("span", { className: "font-bold text-neutral-900", children: s.text }, s.text + i) : s.text
-    ) }) : o.label
+import { __exports as i } from "./index.es129.js";
+import "./index.es138.js";
+import "./index.es139.js";
+import { __exports as l } from "./index.es140.js";
+import { __exports as s } from "./index.es141.js";
+(function(t) {
+  Object.defineProperty(t, "__esModule", {
+    value: !0
+  }), Object.defineProperty(t, "default", {
+    enumerable: !0,
+    get: function() {
+      return f;
+    }
+  });
+  const o = /* @__PURE__ */ r(l), n = /* @__PURE__ */ r(s);
+  function r(e) {
+    return e && e.__esModule ? e : {
+      default: e
+    };
   }
-) });
-export {
-  m as SearchListBox
-};
+  function f(...e) {
+    let [, ...u] = (0, n.default)(e[0]);
+    return (0, o.default)([
+      ...e,
+      ...u
+    ]);
+  }
+})(i);

package/dist/index.es129.js

@@ -1,59 +1,4 @@
-import { j as r } from "./index.es49.js";
-import { SliderThumb as m } from "react-aria-components";
-import { cn as i } from "./index.es50.js";
-import { Tooltip as c } from "./index.es45.js";
-import { TooltipTrigger as d } from "./index.es46.js";
-const y = ({
-  index: o,
-  valuePercent: n,
-  value: a,
-  suffix: p,
-  modeTooltip: g,
-  positionTooltip: t,
-  showTypeValue: s,
-  classNameThumb: e,
-  isHiddenValue: l
-}) => /* @__PURE__ */ r.jsx(
-  "div",
-  {
-    className: i("absolute", s === "tooltip" && !l ? "top-[-6px]" : "top-1/2"),
-    style: { left: `${n * 100}%`, transform: "translate(-50%, -50%)" },
-    children: s === "tooltip" && !l ? /* @__PURE__ */ r.jsxs(d, { closeDelay: 100, delay: 100, children: [
-      /* @__PURE__ */ r.jsx("div", { children: /* @__PURE__ */ r.jsx(
-        m,
-        {
-          index: o,
-          className: i(
-            "dragging:bg-primary-100 size-5 rounded-full bg-primary-500 outline-none ring-black transition focus-visible:ring-2",
-            e
-          )
-        }
-      ) }),
-      /* @__PURE__ */ r.jsxs(
-        c,
-        {
-          mode: g,
-          placement: t,
-          size: "sm",
-          className: i("!text-sm", t === "top" ? "!mb-6" : "!mt-6"),
-          children: [
-            a,
-            p
-          ]
-        }
-      )
-    ] }) : /* @__PURE__ */ r.jsx(
-      m,
-      {
-        index: o,
-        className: i(
-          "dragging:bg-primary-100 size-5 rounded-full bg-primary-500 outline-none ring-black transition focus-visible:ring-2",
-          e
-        )
-      }
-    )
-  }
-);
+var e = {};
 export {
-  y as SliderThumb
+  e as __exports
 };

package/dist/index.es13.js

@@ -1,12 +1,12 @@
 import { j as e } from "./index.es49.js";
-import { OptionsIcon as J } from "./index.es51.js";
+import { OptionsIcon as J } from "./index.es50.js";
 import { useState as N } from "react";
 import { useFilter as K, Button as Q, Select as T, Popover as U } from "react-aria-components";
-import { cn as p } from "./index.es50.js";
+import { cn as p } from "./index.es51.js";
 import { Loader as W } from "./index.es25.js";
-import { PopoverContent as X } from "./index.es81.js";
-import { selectInputPopoverVariants as Y } from "./index.es59.js";
-import { filterButtonVariants as Z, filterButtonBadgeVariants as _ } from "./index.es60.js";
+import { PopoverContent as X } from "./index.es60.js";
+import { selectInputPopoverVariants as Y } from "./index.es61.js";
+import { filterButtonVariants as Z, filterButtonBadgeVariants as _ } from "./index.es62.js";
 const $ = ({
   renderPosition: t,
   leftIcon: f,

package/dist/index.es130.js

@@ -1,6 +1,10 @@
-function e(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
-}
+import { getDefaultExportFromCjs as t } from "./index.es127.js";
+import "./index.es142.js";
+import { __exports as a } from "./index.es143.js";
+let e = a;
+var o = (e.__esModule ? e : { default: e }).default;
+const r = /* @__PURE__ */ t(o);
 export {
-  e as getDefaultExportFromCjs
+  o as d,
+  r as default
 };