@cupra/ui-kit 1.0.0-canary.8 → 1.0.0

package/dist-react/mixins/FormAssociatedMixin.js

@@ -0,0 +1,14 @@
+const i = (e) => {
+  const n = class n extends e {
+    constructor(...s) {
+      var r;
+      super(s), this._internals = (r = this.attachInternals) == null ? void 0 : r.call(this);
+    }
+  };
+  n.formAssociated = !0;
+  let t = n;
+  return t;
+};
+export {
+  i as FormAssociatedMixin
+};

package/dist-react/mixins/ViewportMixin.js

@@ -0,0 +1,32 @@
+import { breakpoints as n } from "../utils/breakpoints.js";
+import { debounce as o } from "../utils/debounce.js";
+const c = (i) => class extends i {
+  constructor() {
+    super(...arguments), this.handleResize = () => {
+      this.updateViewportWithDebounce();
+    }, this.updateViewport = () => {
+      let e = "xs";
+      const r = ["xxl", "xl", "l", "m", "s"];
+      for (const t of r)
+        if ((window == null ? void 0 : window.innerWidth) >= n[t]) {
+          e = t;
+          break;
+        }
+      e !== this.currentViewport && (this.currentViewport = e, this.requestUpdate("viewport", null));
+    };
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.updateViewportWithDebounce = o({
+      func: this.updateViewport
+    }), this.updateViewport(), window == null || window.addEventListener("resize", this.handleResize);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), window == null || window.removeEventListener("resize", this.handleResize);
+  }
+  get viewport() {
+    return this.currentViewport;
+  }
+};
+export {
+  c as ViewportMixin
+};

package/dist-react/mixins/inputStatesMixin.js

@@ -0,0 +1,46 @@
+const o = (u) => class extends u {
+  constructor() {
+    super(...arguments), this.inputStates = {
+      currentValue: "",
+      focus: !1,
+      focusVisible: !1,
+      invalid: !1,
+      filled: !1,
+      disabled: !1
+    }, this.keyboardMode = !1, this._updateStates = () => {
+      var t, e, s, i, n;
+      this.inputStates.currentValue = (t = this.nativeInput) == null ? void 0 : t.value, this.inputStates.invalid = !((e = this.nativeInput) != null && e.validity.valid), this.inputStates.focus = document.activeElement === this.nativeInput, this.inputStates.disabled = (s = this.nativeInput) == null ? void 0 : s.disabled, this.inputStates.filled = ((n = (i = this.nativeInput) == null ? void 0 : i.value) == null ? void 0 : n.length) > 0, this.requestUpdate();
+    }, this._handleKeydown = () => {
+      this.keyboardMode = !0;
+    }, this._handleMousedown = () => {
+      this.keyboardMode = !1;
+    }, this._handlePointerdown = () => {
+      this.keyboardMode = !1;
+    }, this._handleFocusIn = (t) => {
+      t.target === this.nativeInput && (this.inputStates.focus = !0, this.inputStates.focusVisible = !!this.keyboardMode, this.requestUpdate());
+    }, this._handleFocusOut = () => {
+      this.inputStates.focus = !1, this.inputStates.focusVisible = !1, this.requestUpdate();
+    };
+  }
+  onInputReady(t) {
+  }
+  firstUpdated(t) {
+    super.firstUpdated(t), window == null || window.addEventListener("keydown", this._handleKeydown), window == null || window.addEventListener("mousedown", this._handleMousedown), window == null || window.addEventListener("pointerdown", this._handlePointerdown);
+    const e = () => {
+      var i, n, a;
+      const s = this.querySelector("input") || this.querySelector("textarea") || ((i = this.shadowRoot) == null ? void 0 : i.querySelector("input")) || ((n = this.shadowRoot) == null ? void 0 : n.querySelector("textarea"));
+      s && (this.nativeInput = s, this._setupInputObservers(), this.onInputReady(s), (a = this.hostMutationObserver) == null || a.disconnect());
+    };
+    e(), this.hostMutationObserver = new MutationObserver(e), this.hostMutationObserver.observe(this, { childList: !0, subtree: !0, attributes: !0 });
+  }
+  _setupInputObservers() {
+    this.nativeInput.addEventListener("input", this._updateStates), this.nativeInput.addEventListener("focusin", this._handleFocusIn), this.nativeInput.addEventListener("focusout", this._handleFocusOut), this.inputMutationObserver = new MutationObserver(this._updateStates), this.inputMutationObserver.observe(this.nativeInput, { attributes: !0 }), this._updateStates();
+  }
+  disconnectedCallback() {
+    var t, e;
+    super.disconnectedCallback(), window == null || window.removeEventListener("keydown", this._handleKeydown), window == null || window.removeEventListener("mousedown", this._handleMousedown), window == null || window.removeEventListener("pointerdown", this._handlePointerdown), (t = this.hostMutationObserver) == null || t.disconnect(), (e = this.inputMutationObserver) == null || e.disconnect(), this.nativeInput && (this.nativeInput.removeEventListener("input", this._updateStates), this.nativeInput.removeEventListener("focusin", this._handleFocusIn), this.nativeInput.removeEventListener("focusout", this._handleFocusOut));
+  }
+};
+export {
+  o as inputStatesMixin
+};

package/dist-react/node_modules/.pnpm/@floating-ui_core@1.7.3/node_modules/@floating-ui/core/dist/floating-ui.core.js

@@ -0,0 +1,430 @@
+import { evaluate as H, getSide as B, getSideAxis as $, getOppositePlacement as N, getExpandedPlacements as Q, getOppositeAxisPlacements as U, getAlignmentSides as Z, clamp as _, getPaddingObject as q, getAlignmentAxis as G, getAlignment as Y, min as W, max as j, rectToClientRect as X, getOppositeAxis as tt, getAxisLength as J } from "../../../../../@floating-ui_utils@0.2.10/node_modules/@floating-ui/utils/dist/floating-ui.utils.js";
+function I(a, e, d) {
+  let {
+    reference: o,
+    floating: f
+  } = a;
+  const n = $(e), c = G(e), r = J(c), g = B(e), x = n === "y", i = o.x + o.width / 2 - f.width / 2, s = o.y + o.height / 2 - f.height / 2, m = o[r] / 2 - f[r] / 2;
+  let t;
+  switch (g) {
+    case "top":
+      t = {
+        x: i,
+        y: o.y - f.height
+      };
+      break;
+    case "bottom":
+      t = {
+        x: i,
+        y: o.y + o.height
+      };
+      break;
+    case "right":
+      t = {
+        x: o.x + o.width,
+        y: s
+      };
+      break;
+    case "left":
+      t = {
+        x: o.x - f.width,
+        y: s
+      };
+      break;
+    default:
+      t = {
+        x: o.x,
+        y: o.y
+      };
+  }
+  switch (Y(e)) {
+    case "start":
+      t[c] -= m * (d && x ? -1 : 1);
+      break;
+    case "end":
+      t[c] += m * (d && x ? -1 : 1);
+      break;
+  }
+  return t;
+}
+const ot = async (a, e, d) => {
+  const {
+    placement: o = "bottom",
+    strategy: f = "absolute",
+    middleware: n = [],
+    platform: c
+  } = d, r = n.filter(Boolean), g = await (c.isRTL == null ? void 0 : c.isRTL(e));
+  let x = await c.getElementRects({
+    reference: a,
+    floating: e,
+    strategy: f
+  }), {
+    x: i,
+    y: s
+  } = I(x, o, g), m = o, t = {}, l = 0;
+  for (let u = 0; u < r.length; u++) {
+    const {
+      name: w,
+      fn: p
+    } = r[u], {
+      x: h,
+      y,
+      data: b,
+      reset: v
+    } = await p({
+      x: i,
+      y: s,
+      initialPlacement: o,
+      placement: m,
+      strategy: f,
+      middlewareData: t,
+      rects: x,
+      platform: c,
+      elements: {
+        reference: a,
+        floating: e
+      }
+    });
+    i = h ?? i, s = y ?? s, t = {
+      ...t,
+      [w]: {
+        ...t[w],
+        ...b
+      }
+    }, v && l <= 50 && (l++, typeof v == "object" && (v.placement && (m = v.placement), v.rects && (x = v.rects === !0 ? await c.getElementRects({
+      reference: a,
+      floating: e,
+      strategy: f
+    }) : v.rects), {
+      x: i,
+      y: s
+    } = I(x, m, g)), u = -1);
+  }
+  return {
+    x: i,
+    y: s,
+    placement: m,
+    strategy: f,
+    middlewareData: t
+  };
+};
+async function z(a, e) {
+  var d;
+  e === void 0 && (e = {});
+  const {
+    x: o,
+    y: f,
+    platform: n,
+    rects: c,
+    elements: r,
+    strategy: g
+  } = a, {
+    boundary: x = "clippingAncestors",
+    rootBoundary: i = "viewport",
+    elementContext: s = "floating",
+    altBoundary: m = !1,
+    padding: t = 0
+  } = H(e, a), l = q(t), w = r[m ? s === "floating" ? "reference" : "floating" : s], p = X(await n.getClippingRect({
+    element: (d = await (n.isElement == null ? void 0 : n.isElement(w))) == null || d ? w : w.contextElement || await (n.getDocumentElement == null ? void 0 : n.getDocumentElement(r.floating)),
+    boundary: x,
+    rootBoundary: i,
+    strategy: g
+  })), h = s === "floating" ? {
+    x: o,
+    y: f,
+    width: c.floating.width,
+    height: c.floating.height
+  } : c.reference, y = await (n.getOffsetParent == null ? void 0 : n.getOffsetParent(r.floating)), b = await (n.isElement == null ? void 0 : n.isElement(y)) ? await (n.getScale == null ? void 0 : n.getScale(y)) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  }, v = X(n.convertOffsetParentRelativeRectToViewportRelativeRect ? await n.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: r,
+    rect: h,
+    offsetParent: y,
+    strategy: g
+  }) : h);
+  return {
+    top: (p.top - v.top + l.top) / b.y,
+    bottom: (v.bottom - p.bottom + l.bottom) / b.y,
+    left: (p.left - v.left + l.left) / b.x,
+    right: (v.right - p.right + l.right) / b.x
+  };
+}
+const st = (a) => ({
+  name: "arrow",
+  options: a,
+  async fn(e) {
+    const {
+      x: d,
+      y: o,
+      placement: f,
+      rects: n,
+      platform: c,
+      elements: r,
+      middlewareData: g
+    } = e, {
+      element: x,
+      padding: i = 0
+    } = H(a, e) || {};
+    if (x == null)
+      return {};
+    const s = q(i), m = {
+      x: d,
+      y: o
+    }, t = G(f), l = J(t), u = await c.getDimensions(x), w = t === "y", p = w ? "top" : "left", h = w ? "bottom" : "right", y = w ? "clientHeight" : "clientWidth", b = n.reference[l] + n.reference[t] - m[t] - n.floating[l], v = m[t] - n.reference[t], T = await (c.getOffsetParent == null ? void 0 : c.getOffsetParent(x));
+    let O = T ? T[y] : 0;
+    (!O || !await (c.isElement == null ? void 0 : c.isElement(T))) && (O = r.floating[y] || n.floating[l]);
+    const k = b / 2 - v / 2, S = O / 2 - u[l] / 2 - 1, P = W(s[p], S), L = W(s[h], S), C = P, M = O - u[l] - L, A = O / 2 - u[l] / 2 + k, F = _(C, A, M), E = !g.arrow && Y(f) != null && A !== F && n.reference[l] / 2 - (A < C ? P : L) - u[l] / 2 < 0, R = E ? A < C ? A - C : A - M : 0;
+    return {
+      [t]: m[t] + R,
+      data: {
+        [t]: F,
+        centerOffset: A - F - R,
+        ...E && {
+          alignmentOffset: R
+        }
+      },
+      reset: E
+    };
+  }
+}), at = function(a) {
+  return a === void 0 && (a = {}), {
+    name: "flip",
+    options: a,
+    async fn(e) {
+      var d, o;
+      const {
+        placement: f,
+        middlewareData: n,
+        rects: c,
+        initialPlacement: r,
+        platform: g,
+        elements: x
+      } = e, {
+        mainAxis: i = !0,
+        crossAxis: s = !0,
+        fallbackPlacements: m,
+        fallbackStrategy: t = "bestFit",
+        fallbackAxisSideDirection: l = "none",
+        flipAlignment: u = !0,
+        ...w
+      } = H(a, e);
+      if ((d = n.arrow) != null && d.alignmentOffset)
+        return {};
+      const p = B(f), h = $(r), y = B(r) === r, b = await (g.isRTL == null ? void 0 : g.isRTL(x.floating)), v = m || (y || !u ? [N(r)] : Q(r)), T = l !== "none";
+      !m && T && v.push(...U(r, u, l, b));
+      const O = [r, ...v], k = await z(e, w), S = [];
+      let P = ((o = n.flip) == null ? void 0 : o.overflows) || [];
+      if (i && S.push(k[p]), s) {
+        const A = Z(f, c, b);
+        S.push(k[A[0]], k[A[1]]);
+      }
+      if (P = [...P, {
+        placement: f,
+        overflows: S
+      }], !S.every((A) => A <= 0)) {
+        var L, C;
+        const A = (((L = n.flip) == null ? void 0 : L.index) || 0) + 1, F = O[A];
+        if (F && (!(s === "alignment" ? h !== $(F) : !1) || // We leave the current main axis only if every placement on that axis
+        // overflows the main axis.
+        P.every((D) => $(D.placement) === h ? D.overflows[0] > 0 : !0)))
+          return {
+            data: {
+              index: A,
+              overflows: P
+            },
+            reset: {
+              placement: F
+            }
+          };
+        let E = (C = P.filter((R) => R.overflows[0] <= 0).sort((R, D) => R.overflows[1] - D.overflows[1])[0]) == null ? void 0 : C.placement;
+        if (!E)
+          switch (t) {
+            case "bestFit": {
+              var M;
+              const R = (M = P.filter((D) => {
+                if (T) {
+                  const V = $(D.placement);
+                  return V === h || // Create a bias to the `y` side axis due to horizontal
+                  // reading directions favoring greater width.
+                  V === "y";
+                }
+                return !0;
+              }).map((D) => [D.placement, D.overflows.filter((V) => V > 0).reduce((V, K) => V + K, 0)]).sort((D, V) => D[1] - V[1])[0]) == null ? void 0 : M[0];
+              R && (E = R);
+              break;
+            }
+            case "initialPlacement":
+              E = r;
+              break;
+          }
+        if (f !== E)
+          return {
+            reset: {
+              placement: E
+            }
+          };
+      }
+      return {};
+    }
+  };
+}, et = /* @__PURE__ */ new Set(["left", "top"]);
+async function nt(a, e) {
+  const {
+    placement: d,
+    platform: o,
+    elements: f
+  } = a, n = await (o.isRTL == null ? void 0 : o.isRTL(f.floating)), c = B(d), r = Y(d), g = $(d) === "y", x = et.has(c) ? -1 : 1, i = n && g ? -1 : 1, s = H(e, a);
+  let {
+    mainAxis: m,
+    crossAxis: t,
+    alignmentAxis: l
+  } = typeof s == "number" ? {
+    mainAxis: s,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: s.mainAxis || 0,
+    crossAxis: s.crossAxis || 0,
+    alignmentAxis: s.alignmentAxis
+  };
+  return r && typeof l == "number" && (t = r === "end" ? l * -1 : l), g ? {
+    x: t * i,
+    y: m * x
+  } : {
+    x: m * x,
+    y: t * i
+  };
+}
+const lt = function(a) {
+  return a === void 0 && (a = 0), {
+    name: "offset",
+    options: a,
+    async fn(e) {
+      var d, o;
+      const {
+        x: f,
+        y: n,
+        placement: c,
+        middlewareData: r
+      } = e, g = await nt(e, a);
+      return c === ((d = r.offset) == null ? void 0 : d.placement) && (o = r.arrow) != null && o.alignmentOffset ? {} : {
+        x: f + g.x,
+        y: n + g.y,
+        data: {
+          ...g,
+          placement: c
+        }
+      };
+    }
+  };
+}, ct = function(a) {
+  return a === void 0 && (a = {}), {
+    name: "shift",
+    options: a,
+    async fn(e) {
+      const {
+        x: d,
+        y: o,
+        placement: f
+      } = e, {
+        mainAxis: n = !0,
+        crossAxis: c = !1,
+        limiter: r = {
+          fn: (w) => {
+            let {
+              x: p,
+              y: h
+            } = w;
+            return {
+              x: p,
+              y: h
+            };
+          }
+        },
+        ...g
+      } = H(a, e), x = {
+        x: d,
+        y: o
+      }, i = await z(e, g), s = $(B(f)), m = tt(s);
+      let t = x[m], l = x[s];
+      if (n) {
+        const w = m === "y" ? "top" : "left", p = m === "y" ? "bottom" : "right", h = t + i[w], y = t - i[p];
+        t = _(h, t, y);
+      }
+      if (c) {
+        const w = s === "y" ? "top" : "left", p = s === "y" ? "bottom" : "right", h = l + i[w], y = l - i[p];
+        l = _(h, l, y);
+      }
+      const u = r.fn({
+        ...e,
+        [m]: t,
+        [s]: l
+      });
+      return {
+        ...u,
+        data: {
+          x: u.x - d,
+          y: u.y - o,
+          enabled: {
+            [m]: n,
+            [s]: c
+          }
+        }
+      };
+    }
+  };
+}, rt = function(a) {
+  return a === void 0 && (a = {}), {
+    name: "size",
+    options: a,
+    async fn(e) {
+      var d, o;
+      const {
+        placement: f,
+        rects: n,
+        platform: c,
+        elements: r
+      } = e, {
+        apply: g = () => {
+        },
+        ...x
+      } = H(a, e), i = await z(e, x), s = B(f), m = Y(f), t = $(f) === "y", {
+        width: l,
+        height: u
+      } = n.floating;
+      let w, p;
+      s === "top" || s === "bottom" ? (w = s, p = m === (await (c.isRTL == null ? void 0 : c.isRTL(r.floating)) ? "start" : "end") ? "left" : "right") : (p = s, w = m === "end" ? "top" : "bottom");
+      const h = u - i.top - i.bottom, y = l - i.left - i.right, b = W(u - i[w], h), v = W(l - i[p], y), T = !e.middlewareData.shift;
+      let O = b, k = v;
+      if ((d = e.middlewareData.shift) != null && d.enabled.x && (k = y), (o = e.middlewareData.shift) != null && o.enabled.y && (O = h), T && !m) {
+        const P = j(i.left, 0), L = j(i.right, 0), C = j(i.top, 0), M = j(i.bottom, 0);
+        t ? k = l - 2 * (P !== 0 || L !== 0 ? P + L : j(i.left, i.right)) : O = u - 2 * (C !== 0 || M !== 0 ? C + M : j(i.top, i.bottom));
+      }
+      await g({
+        ...e,
+        availableWidth: k,
+        availableHeight: O
+      });
+      const S = await c.getDimensions(r.floating);
+      return l !== S.width || u !== S.height ? {
+        reset: {
+          rects: !0
+        }
+      } : {};
+    }
+  };
+};
+export {
+  st as arrow,
+  ot as computePosition,
+  z as detectOverflow,
+  at as flip,
+  lt as offset,
+  X as rectToClientRect,
+  ct as shift,
+  rt as size
+};