@simpli-route/apollo-ds 0.1.49 → 0.1.51

package/dist/index.es109.js

@@ -1,342 +1,4 @@
-import { getDefaultExportFromCjs as h } from "./index.es105.js";
-import { m as k } from "./index.es117.js";
-import { p as y } from "./index.es118.js";
-import { d as v } from "./index.es108.js";
-import { c as x } from "./index.es119.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);
+var e = {};
 export {
-  U as default
+  e as __exports
 };

package/dist/index.es11.js

@@ -1,101 +1,123 @@
-import { j as t } from "./index.es39.js";
-import { CrossCircleIcon as w, DownChevronIcon as b } from "./index.es41.js";
-import { useState as g } from "react";
-import { DialogTrigger as y, Button as a, Popover as T } from "react-aria-components";
-import { cn as r } from "./index.es40.js";
+import { j as e } from "./index.es40.js";
+import { CrossCircleIcon as z, DownChevronIcon as E } from "./index.es42.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.es41.js";
 import "./index.es13.js";
-import { Label as k } from "./index.es14.js";
-import { Text as P } from "./index.es37.js";
-import "./index.es49.js";
-import { filterTypeChipVariants as v, filterTypeChipPopoverVariants as I } from "./index.es50.js";
-const q = ({
-  isDisabled: e = !1,
-  classNameLabel: n = "",
-  classNameValue: i = "",
-  isRequired: m = !1,
-  tooltipText: p = "",
-  tooltipSupportText: c = "",
-  tooltipProps: x = {},
-  filterLabel: u = "Filter label",
-  value: f,
-  placeholder: h,
-  className: j,
-  onRemove: o,
-  children: N,
-  placementPopover: d = "bottom start",
-  classNamePopover: C
+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.es52.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"
 }) => {
-  const [s, l] = g(!1);
-  return /* @__PURE__ */ t.jsxs(y, { children: [
-    /* @__PURE__ */ t.jsxs(
-      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(v({ isDisabled: e, isActive: s }), j),
-        isDisabled: e,
-        onPress: () => l(!s),
+        className: r(A({ isDisabled: t, isActive: s }), N),
+        isDisabled: t,
+        onPress: () => m(!s),
         children: [
-          /* @__PURE__ */ t.jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-0.5", children: [
-            /* @__PURE__ */ t.jsx(
-              a,
+          /* @__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", e ? "cursor-not-allowed" : ""),
+                className: r("shrink-0 p-0.5 outline-none focus:outline-none", t ? "cursor-not-allowed" : ""),
                 type: "button",
-                isDisabled: e,
+                isDisabled: t,
                 slot: null,
                 onPress: () => {
-                  o == null || o();
+                  i == null || i();
                 },
-                children: /* @__PURE__ */ t.jsx(w, { className: r("size-5 ", e ? "text-neutral-600" : "text-primary-400") })
+                children: /* @__PURE__ */ e.jsx(z, { className: r("size-5 ", t ? "text-neutral-600" : "text-primary-400") })
               }
             ),
-            /* @__PURE__ */ t.jsx(
-              k,
+            /* @__PURE__ */ e.jsx(
+              F,
               {
                 labelClassName: r("shrink-0 text-left text-blue-800 cursor-pointer", {
-                  "text-neutral-600 cursor-not-allowed": e,
-                  [n || ""]: !!n
+                  "text-neutral-600 cursor-not-allowed": t,
+                  [c || ""]: !!c
                 }),
-                isRequired: m,
-                tooltipText: p,
-                tooltipSupportText: c,
-                tooltipProps: x,
-                children: u
+                isRequired: u,
+                tooltipText: d,
+                tooltipSupportText: h,
+                tooltipProps: j,
+                children: w
               }
             ),
-            /* @__PURE__ */ t.jsx("div", { className: "w-3 shrink-0 rotate-90 border-[0.5px] border-blue-200" }),
-            /* @__PURE__ */ t.jsx(
-              P,
+            /* @__PURE__ */ e.jsx("div", { className: "w-3 shrink-0 rotate-90 border-[0.5px] border-blue-200" }),
+            /* @__PURE__ */ e.jsxs(
+              W,
               {
-                className: r(
-                  "min-w-0 text-sm font-semibold ",
-                  i,
-                  e ? "font-normal text-neutral-600" : "text-blue-800"
-                ),
-                children: f || h
+                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__ */ t.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ t.jsx(
-            b,
+          /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ e.jsx(
+            E,
             {
-              className: r("size-3 ", e ? "text-neutral-600" : "text-blue-800", s ? "rotate-180" : "")
+              className: r("size-3 ", t ? "text-neutral-600" : "text-blue-800", s ? "rotate-180" : "")
             }
           ) })
         ]
       }
     ),
-    /* @__PURE__ */ t.jsx(
-      T,
+    /* @__PURE__ */ e.jsx(
+      O,
       {
         isOpen: s,
-        className: r(I(), C),
-        placement: d,
-        onOpenChange: l,
-        children: N
+        className: r(B(), g),
+        placement: C,
+        onOpenChange: m,
+        children: T
       }
     )
   ] });
 };
 export {
-  q as FilterTypeChip
+  X as FilterTypeChip
 };