@simpli-route/apollo-ds 0.1.64 → 0.1.66

package/dist/index.es127.js

@@ -1,4 +1,168 @@
-var e = {};
+import { getDefaultExportFromCjs as r } from "./index.es122.js";
+import { p as o } from "./index.es139.js";
+const l = o;
+function e(a) {
+  return Object.fromEntries(
+    Object.entries(a).filter(([i]) => i !== "DEFAULT")
+  );
+}
+var s = l(
+  ({ addUtilities: a, matchUtilities: i, theme: n }) => {
+    a({
+      "@keyframes enter": n("keyframes.enter"),
+      "@keyframes exit": n("keyframes.exit"),
+      ".animate-in": {
+        animationName: "enter",
+        animationDuration: n("animationDuration.DEFAULT"),
+        "--tw-enter-opacity": "initial",
+        "--tw-enter-scale": "initial",
+        "--tw-enter-rotate": "initial",
+        "--tw-enter-translate-x": "initial",
+        "--tw-enter-translate-y": "initial"
+      },
+      ".animate-out": {
+        animationName: "exit",
+        animationDuration: n("animationDuration.DEFAULT"),
+        "--tw-exit-opacity": "initial",
+        "--tw-exit-scale": "initial",
+        "--tw-exit-rotate": "initial",
+        "--tw-exit-translate-x": "initial",
+        "--tw-exit-translate-y": "initial"
+      }
+    }), i(
+      {
+        "fade-in": (t) => ({ "--tw-enter-opacity": t }),
+        "fade-out": (t) => ({ "--tw-exit-opacity": t })
+      },
+      { values: n("animationOpacity") }
+    ), i(
+      {
+        "zoom-in": (t) => ({ "--tw-enter-scale": t }),
+        "zoom-out": (t) => ({ "--tw-exit-scale": t })
+      },
+      { values: n("animationScale") }
+    ), i(
+      {
+        "spin-in": (t) => ({ "--tw-enter-rotate": t }),
+        "spin-out": (t) => ({ "--tw-exit-rotate": t })
+      },
+      { values: n("animationRotate") }
+    ), i(
+      {
+        "slide-in-from-top": (t) => ({
+          "--tw-enter-translate-y": `-${t}`
+        }),
+        "slide-in-from-bottom": (t) => ({
+          "--tw-enter-translate-y": t
+        }),
+        "slide-in-from-left": (t) => ({
+          "--tw-enter-translate-x": `-${t}`
+        }),
+        "slide-in-from-right": (t) => ({
+          "--tw-enter-translate-x": t
+        }),
+        "slide-out-to-top": (t) => ({
+          "--tw-exit-translate-y": `-${t}`
+        }),
+        "slide-out-to-bottom": (t) => ({
+          "--tw-exit-translate-y": t
+        }),
+        "slide-out-to-left": (t) => ({
+          "--tw-exit-translate-x": `-${t}`
+        }),
+        "slide-out-to-right": (t) => ({
+          "--tw-exit-translate-x": t
+        })
+      },
+      { values: n("animationTranslate") }
+    ), i(
+      { duration: (t) => ({ animationDuration: t }) },
+      { values: e(n("animationDuration")) }
+    ), i(
+      { delay: (t) => ({ animationDelay: t }) },
+      { values: n("animationDelay") }
+    ), i(
+      { ease: (t) => ({ animationTimingFunction: t }) },
+      { values: e(n("animationTimingFunction")) }
+    ), a({
+      ".running": { animationPlayState: "running" },
+      ".paused": { animationPlayState: "paused" }
+    }), i(
+      { "fill-mode": (t) => ({ animationFillMode: t }) },
+      { values: n("animationFillMode") }
+    ), i(
+      { direction: (t) => ({ animationDirection: t }) },
+      { values: n("animationDirection") }
+    ), i(
+      { repeat: (t) => ({ animationIterationCount: t }) },
+      { values: n("animationRepeat") }
+    );
+  },
+  {
+    theme: {
+      extend: {
+        animationDelay: ({ theme: a }) => ({
+          ...a("transitionDelay")
+        }),
+        animationDuration: ({ theme: a }) => ({
+          0: "0ms",
+          ...a("transitionDuration")
+        }),
+        animationTimingFunction: ({ theme: a }) => ({
+          ...a("transitionTimingFunction")
+        }),
+        animationFillMode: {
+          none: "none",
+          forwards: "forwards",
+          backwards: "backwards",
+          both: "both"
+        },
+        animationDirection: {
+          normal: "normal",
+          reverse: "reverse",
+          alternate: "alternate",
+          "alternate-reverse": "alternate-reverse"
+        },
+        animationOpacity: ({ theme: a }) => ({
+          DEFAULT: 0,
+          ...a("opacity")
+        }),
+        animationTranslate: ({ theme: a }) => ({
+          DEFAULT: "100%",
+          ...a("translate")
+        }),
+        animationScale: ({ theme: a }) => ({
+          DEFAULT: 0,
+          ...a("scale")
+        }),
+        animationRotate: ({ theme: a }) => ({
+          DEFAULT: "30deg",
+          ...a("rotate")
+        }),
+        animationRepeat: {
+          0: "0",
+          1: "1",
+          infinite: "infinite"
+        },
+        keyframes: {
+          enter: {
+            from: {
+              opacity: "var(--tw-enter-opacity, 1)",
+              transform: "translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))"
+            }
+          },
+          exit: {
+            to: {
+              opacity: "var(--tw-exit-opacity, 1)",
+              transform: "translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))"
+            }
+          }
+        }
+      }
+    }
+  }
+);
+const u = /* @__PURE__ */ r(s);
 export {
-  e as __exports
+  u as default
 };

package/dist/index.es128.js

@@ -1,10 +1,7 @@
-import { getDefaultExportFromCjs as t } from "./index.es125.js";
-import "./index.es135.js";
-import { __exports as a } from "./index.es136.js";
-let e = a;
-var o = (e.__esModule ? e : { default: e }).default;
-const r = /* @__PURE__ */ t(o);
+import { j as t } from "./index.es47.js";
+import { CrossIcon as s } from "./index.es48.js";
+import { IconButton as e } from "./index.es14.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" }) });
 export {
-  o as d,
-  r as default
+  m as ClearIconButton
 };

package/dist/index.es129.js

@@ -1,342 +1,6 @@
-import { getDefaultExportFromCjs as h } from "./index.es125.js";
-import { m as k } from "./index.es137.js";
-import { p as y } from "./index.es138.js";
-import { d as v } from "./index.es128.js";
-import { c as x } from "./index.es139.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 { j as t } from "./index.es47.js";
+import { SearchIcon as e } from "./index.es48.js";
+const s = ({ icon: r }) => r ?? /* @__PURE__ */ t.jsx(e, { className: "size-6 text-neutral-700", "data-testid": "search-icon" });
 export {
-  U as default
+  s as SearchIcon
 };

package/dist/index.es13.js

@@ -1,12 +1,12 @@
-import { j as e } from "./index.es46.js";
+import { j as e } from "./index.es47.js";
 import { CrossCircleIcon as z, DownChevronIcon as E } from "./index.es48.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.es47.js";
+import { cn as r } from "./index.es49.js";
 import "./index.es15.js";
 import { Label as F } from "./index.es16.js";
-import { Tooltip as V } from "./index.es42.js";
-import { TooltipTrigger as W } from "./index.es43.js";
+import { Tooltip as V } from "./index.es43.js";
+import { TooltipTrigger as W } from "./index.es44.js";
 import { filterTypeChipVariants as A, filterTypeChipPopoverVariants as B } from "./index.es58.js";
 const X = ({
   isDisabled: t = !1,