@simpli-route/apollo-ds 0.1.56 → 0.1.58

package/dist/index.es107.js

@@ -1,4 +1,21 @@
-var e = {};
+import n from "react";
+const e = n, l = ({
+  title: r,
+  titleId: a,
+  ...t
+}, o) => /* @__PURE__ */ e.createElement("svg", Object.assign({
+  fill: "currentColor",
+  "aria-hidden": "true",
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg",
+  ref: o,
+  "aria-labelledby": a
+}, t), r ? /* @__PURE__ */ e.createElement("title", {
+  id: a
+}, r) : null, /* @__PURE__ */ e.createElement("path", {
+  d: "M8.108 2a.83.83 0 0 1 .591.242l6.807 6.807a4.165 4.165 0 0 1 0 5.899L8.7 21.755a.837.837 0 0 1-1.183-1.183l6.807-6.807a2.5 2.5 0 0 0 0-3.533L7.516 3.425A.833.833 0 0 1 8.108 2"
+})), c = e.forwardRef(l);
+var s = c;
 export {
-  e as __exports
+  s as R
 };

package/dist/index.es108.js

@@ -1,10 +1,21 @@
-import { getDefaultExportFromCjs as t } from "./index.es105.js";
-import "./index.es117.js";
-import { __exports as a } from "./index.es118.js";
-let e = a;
-var o = (e.__esModule ? e : { default: e }).default;
-const r = /* @__PURE__ */ t(o);
+import c from "react";
+const e = c, n = ({
+  title: r,
+  titleId: a,
+  ...t
+}, o) => /* @__PURE__ */ e.createElement("svg", Object.assign({
+  fill: "currentColor",
+  "aria-hidden": "true",
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg",
+  ref: o,
+  "aria-labelledby": a
+}, t), r ? /* @__PURE__ */ e.createElement("title", {
+  id: a
+}, r) : null, /* @__PURE__ */ e.createElement("path", {
+  d: "m21.766 20.589-4.97-4.97a8.34 8.34 0 1 0-1.177 1.177l4.97 4.97a.833.833 0 0 0 1.177-1.177m-11.413-3.575a6.66 6.66 0 1 1 6.661-6.66 6.67 6.67 0 0 1-6.66 6.66Z"
+})), l = e.forwardRef(n);
+var i = l;
 export {
-  o as d,
-  r as default
+  i as S
 };

package/dist/index.es109.js

@@ -1,342 +1,21 @@
-import { getDefaultExportFromCjs as h } from "./index.es105.js";
-import { m as k } from "./index.es119.js";
-import { p as y } from "./index.es120.js";
-import { d as v } from "./index.es108.js";
-import { c as x } from "./index.es121.js";
-const d = k, z = y, b = v, o = x, [C, { lineHeight: $ }] = b.fontSize.base, { spacing: e, borderWidth: f, borderRadius: u } = b;
-function r(a, n) {
-  return a.replace("<alpha-value>", `var(${n}, 1)`);
-}
-const j = z.withOptions(function(a = { strategy: void 0 }) {
-  return function({ addBase: n, addComponents: w, theme: t }) {
-    function g(s, i) {
-      let c = t(s);
-      return !c || c.includes("var(") ? i : c.replace("<alpha-value>", "1");
-    }
-    const l = a.strategy === void 0 ? ["base", "class"] : [a.strategy], m = [
-      {
-        base: [
-          "[type='text']",
-          "input:where(:not([type]))",
-          "[type='email']",
-          "[type='url']",
-          "[type='password']",
-          "[type='number']",
-          "[type='date']",
-          "[type='datetime-local']",
-          "[type='month']",
-          "[type='search']",
-          "[type='tel']",
-          "[type='time']",
-          "[type='week']",
-          "[multiple]",
-          "textarea",
-          "select"
-        ],
-        class: [".form-input", ".form-textarea", ".form-select", ".form-multiselect"],
-        styles: {
-          appearance: "none",
-          "background-color": "#fff",
-          "border-color": r(
-            t("colors.gray.500", o.gray[500]),
-            "--tw-border-opacity"
-          ),
-          "border-width": f.DEFAULT,
-          "border-radius": u.none,
-          "padding-top": e[2],
-          "padding-right": e[3],
-          "padding-bottom": e[2],
-          "padding-left": e[3],
-          "font-size": C,
-          "line-height": $,
-          "--tw-shadow": "0 0 #0000",
-          "&:focus": {
-            outline: "2px solid transparent",
-            "outline-offset": "2px",
-            "--tw-ring-inset": "var(--tw-empty,/*!*/ /*!*/)",
-            "--tw-ring-offset-width": "0px",
-            "--tw-ring-offset-color": "#fff",
-            "--tw-ring-color": r(
-              t("colors.blue.600", o.blue[600]),
-              "--tw-ring-opacity"
-            ),
-            "--tw-ring-offset-shadow": "var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)",
-            "--tw-ring-shadow": "var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)",
-            "box-shadow": "var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)",
-            "border-color": r(
-              t("colors.blue.600", o.blue[600]),
-              "--tw-border-opacity"
-            )
-          }
-        }
-      },
-      {
-        base: ["input::placeholder", "textarea::placeholder"],
-        class: [".form-input::placeholder", ".form-textarea::placeholder"],
-        styles: {
-          color: r(t("colors.gray.500", o.gray[500]), "--tw-text-opacity"),
-          opacity: "1"
-        }
-      },
-      {
-        base: ["::-webkit-datetime-edit-fields-wrapper"],
-        class: [".form-input::-webkit-datetime-edit-fields-wrapper"],
-        styles: {
-          padding: "0"
-        }
-      },
-      {
-        // Unfortunate hack until https://bugs.webkit.org/show_bug.cgi?id=198959 is fixed.
-        // This sucks because users can't change line-height with a utility on date inputs now.
-        // Reference: https://github.com/twbs/bootstrap/pull/31993
-        base: ["::-webkit-date-and-time-value"],
-        class: [".form-input::-webkit-date-and-time-value"],
-        styles: {
-          "min-height": "1.5em"
-        }
-      },
-      {
-        // In Safari on iOS date and time inputs are centered instead of left-aligned and can't be
-        // changed with `text-align` utilities on the input by default. Resetting this to `inherit`
-        // makes them left-aligned by default and makes it possible to override the alignment with
-        // utility classes without using an arbitrary variant to target the pseudo-elements.
-        base: ["::-webkit-date-and-time-value"],
-        class: [".form-input::-webkit-date-and-time-value"],
-        styles: {
-          "text-align": "inherit"
-        }
-      },
-      {
-        // In Safari on macOS date time inputs that are set to `display: block` have unexpected
-        // extra bottom spacing. This can be corrected by setting the `::-webkit-datetime-edit`
-        // pseudo-element to `display: inline-flex`, instead of the browser default of
-        // `display: inline-block`.
-        base: ["::-webkit-datetime-edit"],
-        class: [".form-input::-webkit-datetime-edit"],
-        styles: {
-          display: "inline-flex"
-        }
-      },
-      {
-        // In Safari on macOS date time inputs are 4px taller than normal inputs
-        // This is because there is extra padding on the datetime-edit and datetime-edit-{part}-field pseudo elements
-        // See https://github.com/tailwindlabs/tailwindcss-forms/issues/95
-        base: [
-          "::-webkit-datetime-edit",
-          "::-webkit-datetime-edit-year-field",
-          "::-webkit-datetime-edit-month-field",
-          "::-webkit-datetime-edit-day-field",
-          "::-webkit-datetime-edit-hour-field",
-          "::-webkit-datetime-edit-minute-field",
-          "::-webkit-datetime-edit-second-field",
-          "::-webkit-datetime-edit-millisecond-field",
-          "::-webkit-datetime-edit-meridiem-field"
-        ],
-        class: [
-          ".form-input::-webkit-datetime-edit",
-          ".form-input::-webkit-datetime-edit-year-field",
-          ".form-input::-webkit-datetime-edit-month-field",
-          ".form-input::-webkit-datetime-edit-day-field",
-          ".form-input::-webkit-datetime-edit-hour-field",
-          ".form-input::-webkit-datetime-edit-minute-field",
-          ".form-input::-webkit-datetime-edit-second-field",
-          ".form-input::-webkit-datetime-edit-millisecond-field",
-          ".form-input::-webkit-datetime-edit-meridiem-field"
-        ],
-        styles: {
-          "padding-top": 0,
-          "padding-bottom": 0
-        }
-      },
-      {
-        base: ["select"],
-        class: [".form-select"],
-        styles: {
-          "background-image": `url("${d(
-            `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"><path stroke="${g(
-              "colors.gray.500",
-              o.gray[500]
-            )}" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6 8l4 4 4-4"/></svg>`
-          )}")`,
-          "background-position": `right ${e[2]} center`,
-          "background-repeat": "no-repeat",
-          "background-size": "1.5em 1.5em",
-          "padding-right": e[10],
-          "print-color-adjust": "exact"
-        }
-      },
-      {
-        base: ["[multiple]", '[size]:where(select:not([size="1"]))'],
-        class: ['.form-select:where([size]:not([size="1"]))'],
-        styles: {
-          "background-image": "initial",
-          "background-position": "initial",
-          "background-repeat": "unset",
-          "background-size": "initial",
-          "padding-right": e[3],
-          "print-color-adjust": "unset"
-        }
-      },
-      {
-        base: ["[type='checkbox']", "[type='radio']"],
-        class: [".form-checkbox", ".form-radio"],
-        styles: {
-          appearance: "none",
-          padding: "0",
-          "print-color-adjust": "exact",
-          display: "inline-block",
-          "vertical-align": "middle",
-          "background-origin": "border-box",
-          "user-select": "none",
-          "flex-shrink": "0",
-          height: e[4],
-          width: e[4],
-          color: r(t("colors.blue.600", o.blue[600]), "--tw-text-opacity"),
-          "background-color": "#fff",
-          "border-color": r(
-            t("colors.gray.500", o.gray[500]),
-            "--tw-border-opacity"
-          ),
-          "border-width": f.DEFAULT,
-          "--tw-shadow": "0 0 #0000"
-        }
-      },
-      {
-        base: ["[type='checkbox']"],
-        class: [".form-checkbox"],
-        styles: {
-          "border-radius": u.none
-        }
-      },
-      {
-        base: ["[type='radio']"],
-        class: [".form-radio"],
-        styles: {
-          "border-radius": "100%"
-        }
-      },
-      {
-        base: ["[type='checkbox']:focus", "[type='radio']:focus"],
-        class: [".form-checkbox:focus", ".form-radio:focus"],
-        styles: {
-          outline: "2px solid transparent",
-          "outline-offset": "2px",
-          "--tw-ring-inset": "var(--tw-empty,/*!*/ /*!*/)",
-          "--tw-ring-offset-width": "2px",
-          "--tw-ring-offset-color": "#fff",
-          "--tw-ring-color": r(
-            t("colors.blue.600", o.blue[600]),
-            "--tw-ring-opacity"
-          ),
-          "--tw-ring-offset-shadow": "var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)",
-          "--tw-ring-shadow": "var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)",
-          "box-shadow": "var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)"
-        }
-      },
-      {
-        base: ["[type='checkbox']:checked", "[type='radio']:checked"],
-        class: [".form-checkbox:checked", ".form-radio:checked"],
-        styles: {
-          "border-color": "transparent",
-          "background-color": "currentColor",
-          "background-size": "100% 100%",
-          "background-position": "center",
-          "background-repeat": "no-repeat"
-        }
-      },
-      {
-        base: ["[type='checkbox']:checked"],
-        class: [".form-checkbox:checked"],
-        styles: {
-          "background-image": `url("${d(
-            '<svg viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg"><path d="M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z"/></svg>'
-          )}")`,
-          "@media (forced-colors: active) ": {
-            appearance: "auto"
-          }
-        }
-      },
-      {
-        base: ["[type='radio']:checked"],
-        class: [".form-radio:checked"],
-        styles: {
-          "background-image": `url("${d(
-            '<svg viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg"><circle cx="8" cy="8" r="3"/></svg>'
-          )}")`,
-          "@media (forced-colors: active) ": {
-            appearance: "auto"
-          }
-        }
-      },
-      {
-        base: [
-          "[type='checkbox']:checked:hover",
-          "[type='checkbox']:checked:focus",
-          "[type='radio']:checked:hover",
-          "[type='radio']:checked:focus"
-        ],
-        class: [
-          ".form-checkbox:checked:hover",
-          ".form-checkbox:checked:focus",
-          ".form-radio:checked:hover",
-          ".form-radio:checked:focus"
-        ],
-        styles: {
-          "border-color": "transparent",
-          "background-color": "currentColor"
-        }
-      },
-      {
-        base: ["[type='checkbox']:indeterminate"],
-        class: [".form-checkbox:indeterminate"],
-        styles: {
-          "background-image": `url("${d(
-            '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 8h8"/></svg>'
-          )}")`,
-          "border-color": "transparent",
-          "background-color": "currentColor",
-          "background-size": "100% 100%",
-          "background-position": "center",
-          "background-repeat": "no-repeat",
-          "@media (forced-colors: active) ": {
-            appearance: "auto"
-          }
-        }
-      },
-      {
-        base: ["[type='checkbox']:indeterminate:hover", "[type='checkbox']:indeterminate:focus"],
-        class: [".form-checkbox:indeterminate:hover", ".form-checkbox:indeterminate:focus"],
-        styles: {
-          "border-color": "transparent",
-          "background-color": "currentColor"
-        }
-      },
-      {
-        base: ["[type='file']"],
-        class: null,
-        styles: {
-          background: "unset",
-          "border-color": "inherit",
-          "border-width": "0",
-          "border-radius": "0",
-          padding: "0",
-          "font-size": "unset",
-          "line-height": "inherit"
-        }
-      },
-      {
-        base: ["[type='file']:focus"],
-        class: null,
-        styles: {
-          outline: ["1px solid ButtonText", "1px auto -webkit-focus-ring-color"]
-        }
-      }
-    ], p = (s) => m.map((i) => i[s] === null ? null : { [i[s]]: i.styles }).filter(Boolean);
-    l.includes("base") && n(p("base")), l.includes("class") && w(p("class"));
-  };
-});
-var B = j;
-const U = /* @__PURE__ */ h(B);
+import l from "react";
+const e = l, n = ({
+  title: r,
+  titleId: a,
+  ...o
+}, t) => /* @__PURE__ */ e.createElement("svg", Object.assign({
+  fill: "currentColor",
+  "aria-hidden": "true",
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg",
+  ref: t,
+  "aria-labelledby": a
+}, o), r ? /* @__PURE__ */ e.createElement("title", {
+  id: a
+}, r) : null, /* @__PURE__ */ e.createElement("path", {
+  d: "M2 15.892a.83.83 0 0 1 .242-.591l6.807-6.807a4.166 4.166 0 0 1 5.899 0l6.807 6.806a.835.835 0 0 1-.912 1.365.8.8 0 0 1-.271-.181l-6.807-6.807a2.5 2.5 0 0 0-3.533 0l-6.807 6.806A.833.833 0 0 1 2 15.893Z"
+})), c = e.forwardRef(n);
+var i = c;
 export {
-  U as default
+  i as U
 };

package/dist/index.es11.js

@@ -1,123 +1,140 @@
-import { j as e } from "./index.es40.js";
-import { CrossCircleIcon as z, DownChevronIcon as E } from "./index.es41.js";
-import { useState as x, useRef as I, useEffect as P } from "react";
-import { DialogTrigger as L, Button as p, Popover as O } from "react-aria-components";
-import { cn as r } from "./index.es42.js";
-import "./index.es13.js";
-import { Label as F } from "./index.es14.js";
-import { Tooltip as V } from "./index.es36.js";
-import { TooltipTrigger as W } from "./index.es37.js";
-import { filterTypeChipVariants as A, filterTypeChipPopoverVariants as B } from "./index.es54.js";
-const X = ({
-  isDisabled: t = !1,
-  classNameLabel: c = "",
-  classNameValue: f = "",
-  isRequired: u = !1,
-  tooltipText: d = "",
-  tooltipSupportText: h = "",
-  tooltipProps: j = {},
-  filterLabel: w = "Filter label",
-  value: o,
-  placeholder: l,
-  className: N,
-  onRemove: i,
-  children: T,
-  placementPopover: C = "bottom start",
-  classNamePopover: g,
-  modeTooltip: y = "dark",
-  placementTooltip: k = "top"
+import { j as e } from "./index.es42.js";
+import { OptionsIcon as J } from "./index.es43.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.es44.js";
+import { Loader as W } from "./index.es23.js";
+import { PopoverContent as X } from "./index.es69.js";
+import { selectInputPopoverVariants as Y } from "./index.es49.js";
+import { filterButtonVariants as Z, filterButtonBadgeVariants as _ } from "./index.es50.js";
+const $ = ({
+  renderPosition: t,
+  leftIcon: f,
+  rightIcon: r,
+  isLoading: n,
+  loaderPosition: l,
+  loaderProps: a
 }) => {
-  const [s, m] = x(!1), [b, v] = x(!1), n = I(null);
-  return P(() => {
-    const a = () => {
-      n.current && v(n.current.scrollWidth > n.current.clientWidth);
-    };
-    return a(), window.addEventListener("resize", a), () => {
-      window.removeEventListener("resize", a);
-    };
-  }, [o, l]), /* @__PURE__ */ e.jsxs(L, { children: [
-    /* @__PURE__ */ e.jsxs(
-      p,
-      {
-        className: r(A({ isDisabled: t, isActive: s }), N),
-        isDisabled: t,
-        onPress: () => m(!s),
-        children: [
-          /* @__PURE__ */ e.jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-0.5", children: [
-            /* @__PURE__ */ e.jsx(
-              p,
-              {
-                className: r("shrink-0 p-0.5 outline-none focus:outline-none", t ? "cursor-not-allowed" : ""),
-                type: "button",
-                isDisabled: t,
-                slot: null,
-                onPress: () => {
-                  i == null || i();
-                },
-                children: /* @__PURE__ */ e.jsx(z, { className: r("size-5 ", t ? "text-neutral-600" : "text-primary-400") })
-              }
-            ),
-            /* @__PURE__ */ e.jsx(
-              F,
-              {
-                labelClassName: r("shrink-0 text-left text-blue-800 cursor-pointer", {
-                  "text-neutral-600 cursor-not-allowed": t,
-                  [c || ""]: !!c
-                }),
-                isRequired: u,
-                tooltipText: d,
-                tooltipSupportText: h,
-                tooltipProps: j,
-                children: w
-              }
+  const c = t === "left" ? f : t === "right" ? r : null;
+  return c || n && l === t ? /* @__PURE__ */ e.jsx("span", { className: t === "left" ? "mr-1" : "ml-1", children: n && l === t ? /* @__PURE__ */ e.jsx(W, { size: "sm", ...a }) : c }) : null;
+}, ae = ({
+  leftIcon: t,
+  size: f = "md",
+  isDisabled: r,
+  children: n,
+  className: l,
+  isLoading: a,
+  loaderPosition: c = "left",
+  loaderProps: C,
+  unstyled: F = !1,
+  isMobileFullWidth: S = !1,
+  hideBadgeFilterSelected: V = !1,
+  items: s,
+  value: x,
+  onChange: j,
+  enableSearch: y = !1,
+  placeholderSearch: O = "Search",
+  classNameSearchField: b,
+  classNameSearchFieldInput: w,
+  classNamePopover: A,
+  "aria-label": v = "Filter",
+  classNameBadge: P,
+  placementPopover: z = "bottom start",
+  ...R
+}) => {
+  const { contains: E } = K({ sensitivity: "base" }), [m, u] = N(!1), [H, M] = N([]), g = x !== void 0, d = g ? x : H, B = s && d ? d.length : 0, h = B > 0, k = (o) => {
+    const i = o instanceof Set ? Array.from(o) : o;
+    g || M(i), j && j(i), u(!1);
+  }, q = () => {
+    s && u(!m);
+  }, I = /* @__PURE__ */ e.jsxs(
+    Q,
+    {
+      "data-disabled": r || void 0,
+      "data-loading": a || void 0,
+      isDisabled: r,
+      ...s ? {} : { "aria-label": v },
+      className: ({ isHovered: o, isFocusVisible: i }) => p(
+        F ? "" : Z({
+          size: f,
+          isActive: h,
+          isHovered: o,
+          isFocused: i,
+          isPressed: s ? m : !1,
+          isDisabled: r
+        }),
+        l
+      ),
+      onPress: q,
+      ...R,
+      children: [
+        /* @__PURE__ */ e.jsx(
+          $,
+          {
+            renderPosition: "left",
+            loaderPosition: c,
+            loaderProps: C,
+            isLoading: a,
+            leftIcon: t || /* @__PURE__ */ e.jsx(J, { className: "size-[18px]" })
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          "span",
+          {
+            className: p("flex h-full items-center overflow-hidden whitespace-nowrap", S ? "w-full" : ""),
+            children: n
+          }
+        ),
+        h && !V && /* @__PURE__ */ e.jsx(
+          "span",
+          {
+            className: p(
+              _({
+                isActive: h,
+                isHovered: !1,
+                isDisabled: r
+              }),
+              !r && "group-hover:bg-primary-500 group-hover:text-primary-100",
+              P
             ),
-            /* @__PURE__ */ e.jsx("div", { className: "w-3 shrink-0 rotate-90 border-[0.5px] border-blue-200" }),
-            /* @__PURE__ */ e.jsxs(
-              W,
-              {
-                isDisabled: t || !b,
-                closeDelay: 100,
-                delay: 100,
-                className: "flex min-w-0 flex-1",
-                children: [
-                  /* @__PURE__ */ e.jsx("div", { className: "flex min-w-0", children: /* @__PURE__ */ e.jsx(
-                    "span",
-                    {
-                      ref: n,
-                      className: r(
-                        "min-w-0 text-sm font-semibold ",
-                        f,
-                        t ? "font-normal text-neutral-600" : "text-blue-800"
-                      ),
-                      children: o || l
-                    }
-                  ) }),
-                  /* @__PURE__ */ e.jsx(V, { mode: y, placement: k, className: r("!text-xs"), children: o || l })
-                ]
-              }
-            )
-          ] }),
-          /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ e.jsx(
-            E,
-            {
-              className: r("size-3 ", t ? "text-neutral-600" : "text-blue-800", s ? "rotate-180" : "")
-            }
-          ) })
-        ]
-      }
-    ),
+            children: B
+          }
+        )
+      ]
+    }
+  );
+  if (!s)
+    return I;
+  const G = {
+    selectionMode: "multiple",
+    value: d,
+    onChange: k,
+    "aria-label": v
+  };
+  return /* @__PURE__ */ e.jsxs(T, { ...G, children: [
+    I,
     /* @__PURE__ */ e.jsx(
-      O,
+      U,
       {
-        isOpen: s,
-        className: r(B(), g),
-        placement: C,
-        onOpenChange: m,
-        children: T
+        className: p(Y(), "min-w-[200px]", A),
+        isOpen: m,
+        placement: z,
+        onOpenChange: u,
+        children: /* @__PURE__ */ e.jsx(
+          X,
+          {
+            enableSearch: y,
+            contains: E,
+            classNameSearchField: b,
+            classNameSearchFieldInput: w,
+            placeholderSearch: O,
+            items: s
+          }
+        )
       }
     )
   ] });
 };
 export {
-  X as FilterTypeChip
+  ae as FilterButton
 };