@cupra/ui-kit 0.2.0-canary.0 → 1.0.0-canary.10

package/dist/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/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/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/node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/context-request-event.js

@@ -0,0 +1,13 @@
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+let r = class extends Event {
+  constructor(t, e, s, c) {
+    super("context-request", { bubbles: !0, composed: !0 }), this.context = t, this.contextTarget = e, this.callback = s, this.subscribe = c ?? !1;
+  }
+};
+export {
+  r as ContextRequestEvent
+};

package/dist/node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/controllers/context-consumer.js

@@ -0,0 +1,29 @@
+import { ContextRequestEvent as b } from "../context-request-event.js";
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+class r {
+  constructor(e, t, h, c) {
+    if (this.subscribe = !1, this.provided = !1, this.value = void 0, this.t = (s, i) => {
+      this.unsubscribe && (this.unsubscribe !== i && (this.provided = !1, this.unsubscribe()), this.subscribe || this.unsubscribe()), this.value = s, this.host.requestUpdate(), this.provided && !this.subscribe || (this.provided = !0, this.callback && this.callback(s, i)), this.unsubscribe = i;
+    }, this.host = e, t.context !== void 0) {
+      const s = t;
+      this.context = s.context, this.callback = s.callback, this.subscribe = s.subscribe ?? !1;
+    } else this.context = t, this.callback = h, this.subscribe = c ?? !1;
+    this.host.addController(this);
+  }
+  hostConnected() {
+    this.dispatchRequest();
+  }
+  hostDisconnected() {
+    this.unsubscribe && (this.unsubscribe(), this.unsubscribe = void 0);
+  }
+  dispatchRequest() {
+    this.host.dispatchEvent(new b(this.context, this.host, this.t, this.subscribe));
+  }
+}
+export {
+  r as ContextConsumer
+};

package/dist/node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/controllers/context-provider.js

@@ -0,0 +1,37 @@
+import { ContextRequestEvent as d } from "../context-request-event.js";
+import { ValueNotifier as x } from "../value-notifier.js";
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+class u extends Event {
+  constructor(o, e) {
+    super("context-provider", { bubbles: !0, composed: !0 }), this.context = o, this.contextTarget = e;
+  }
+}
+class l extends x {
+  constructor(o, e, a) {
+    var i, r;
+    super(e.context !== void 0 ? e.initialValue : a), this.onContextRequest = (t) => {
+      if (t.context !== this.context) return;
+      const s = t.contextTarget ?? t.composedPath()[0];
+      s !== this.host && (t.stopPropagation(), this.addCallback(t.callback, s, t.subscribe));
+    }, this.onProviderRequest = (t) => {
+      if (t.context !== this.context || (t.contextTarget ?? t.composedPath()[0]) === this.host) return;
+      const s = /* @__PURE__ */ new Set();
+      for (const [n, { consumerHost: c }] of this.subscriptions) s.has(n) || (s.add(n), c.dispatchEvent(new d(this.context, c, n, !0)));
+      t.stopPropagation();
+    }, this.host = o, e.context !== void 0 ? this.context = e.context : this.context = e, this.attachListeners(), (r = (i = this.host).addController) == null || r.call(i, this);
+  }
+  attachListeners() {
+    this.host.addEventListener("context-request", this.onContextRequest), this.host.addEventListener("context-provider", this.onProviderRequest);
+  }
+  hostConnected() {
+    this.host.dispatchEvent(new u(this.context, this.host));
+  }
+}
+export {
+  l as ContextProvider,
+  u as ContextProviderEvent
+};

package/dist/node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/create-context.js

@@ -0,0 +1,11 @@
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function e(t) {
+  return t;
+}
+export {
+  e as createContext
+};

package/dist/node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/decorators/consume.js

@@ -0,0 +1,22 @@
+import { ContextConsumer as n } from "../controllers/context-consumer.js";
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function a({ context: e, subscribe: s }) {
+  return (i, c) => {
+    typeof c == "object" ? c.addInitializer((function() {
+      new n(this, { context: e, callback: (t) => {
+        i.set.call(this, t);
+      }, subscribe: s });
+    })) : i.constructor.addInitializer(((t) => {
+      new n(t, { context: e, callback: (o) => {
+        t[c] = o;
+      }, subscribe: s });
+    }));
+  };
+}
+export {
+  a as consume
+};

package/dist/node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/decorators/provide.js

@@ -0,0 +1,42 @@
+import { ContextProvider as c } from "../controllers/context-provider.js";
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function l({ context: a }) {
+  return (r, o) => {
+    const s = /* @__PURE__ */ new WeakMap();
+    if (typeof o == "object") return { get() {
+      return r.get.call(this);
+    }, set(t) {
+      return s.get(this).setValue(t), r.set.call(this, t);
+    }, init(t) {
+      return s.set(this, new c(this, { context: a, initialValue: t })), t;
+    } };
+    {
+      r.constructor.addInitializer(((e) => {
+        s.set(e, new c(e, { context: a }));
+      }));
+      const t = Object.getOwnPropertyDescriptor(r, o);
+      let n;
+      if (t === void 0) {
+        const e = /* @__PURE__ */ new WeakMap();
+        n = { get() {
+          return e.get(this);
+        }, set(i) {
+          s.get(this).setValue(i), e.set(this, i);
+        }, configurable: !0, enumerable: !0 };
+      } else {
+        const e = t.set;
+        n = { ...t, set(i) {
+          s.get(this).setValue(i), e == null || e.call(this, i);
+        } };
+      }
+      return void Object.defineProperty(r, o, n);
+    }
+  };
+}
+export {
+  l as provide
+};

package/dist/node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/value-notifier.js

@@ -0,0 +1,36 @@
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+class r {
+  get value() {
+    return this.o;
+  }
+  set value(s) {
+    this.setValue(s);
+  }
+  setValue(s, t = !1) {
+    const i = t || !Object.is(s, this.o);
+    this.o = s, i && this.updateObservers();
+  }
+  constructor(s) {
+    this.subscriptions = /* @__PURE__ */ new Map(), this.updateObservers = () => {
+      for (const [t, { disposer: i }] of this.subscriptions) t(this.o, i);
+    }, s !== void 0 && (this.value = s);
+  }
+  addCallback(s, t, i) {
+    if (!i) return void s(this.value);
+    this.subscriptions.has(s) || this.subscriptions.set(s, { disposer: () => {
+      this.subscriptions.delete(s);
+    }, consumerHost: t });
+    const { disposer: e } = this.subscriptions.get(s);
+    s(this.value, e);
+  }
+  clearCallbacks() {
+    this.subscriptions.clear();
+  }
+}
+export {
+  r as ValueNotifier
+};

package/dist/node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js

@@ -0,0 +1,50 @@
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const r = globalThis, c = r.ShadowRoot && (r.ShadyCSS === void 0 || r.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, a = Symbol(), i = /* @__PURE__ */ new WeakMap();
+class l {
+  constructor(s, t, o) {
+    if (this._$cssResult$ = !0, o !== a) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    this.cssText = s, this.t = t;
+  }
+  get styleSheet() {
+    let s = this.o;
+    const t = this.t;
+    if (c && s === void 0) {
+      const o = t !== void 0 && t.length === 1;
+      o && (s = i.get(t)), s === void 0 && ((this.o = s = new CSSStyleSheet()).replaceSync(this.cssText), o && i.set(t, s));
+    }
+    return s;
+  }
+  toString() {
+    return this.cssText;
+  }
+}
+const h = (e) => new l(typeof e == "string" ? e : e + "", void 0, a), p = (e, ...s) => {
+  const t = e.length === 1 ? e[0] : s.reduce(((o, S, u) => o + ((n) => {
+    if (n._$cssResult$ === !0) return n.cssText;
+    if (typeof n == "number") return n;
+    throw Error("Value passed to 'css' function must be a 'css' function result: " + n + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
+  })(S) + e[u + 1]), e[0]);
+  return new l(t, e, a);
+}, d = (e, s) => {
+  if (c) e.adoptedStyleSheets = s.map(((t) => t instanceof CSSStyleSheet ? t : t.styleSheet));
+  else for (const t of s) {
+    const o = document.createElement("style"), S = r.litNonce;
+    S !== void 0 && o.setAttribute("nonce", S), o.textContent = t.cssText, e.appendChild(o);
+  }
+}, y = c ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((s) => {
+  let t = "";
+  for (const o of s.cssRules) t += o.cssText;
+  return h(t);
+})(e) : e;
+export {
+  l as CSSResult,
+  d as adoptStyles,
+  p as css,
+  y as getCompatibleStyle,
+  c as supportsAdoptingStyleSheets,
+  h as unsafeCSS
+};

package/dist/node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/base.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const o = (r, t, e) => (e.configurable = !0, e.enumerable = !0, Reflect.decorate && typeof t != "object" && Object.defineProperty(r, t, e), e);
+export {
+  o as desc
+};

package/dist/node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js

@@ -0,0 +1,37 @@
+import { notEqual as p, defaultConverter as l } from "../reactive-element.js";
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const d = { attribute: !0, type: String, converter: l, reflect: !1, hasChanged: p }, u = (t = d, s, e) => {
+  const { kind: n, metadata: i } = e;
+  let r = globalThis.litPropertyMetadata.get(i);
+  if (r === void 0 && globalThis.litPropertyMetadata.set(i, r = /* @__PURE__ */ new Map()), n === "setter" && ((t = Object.create(t)).wrapped = !0), r.set(e.name, t), n === "accessor") {
+    const { name: o } = e;
+    return { set(a) {
+      const c = s.get.call(this);
+      s.set.call(this, a), this.requestUpdate(o, c, t);
+    }, init(a) {
+      return a !== void 0 && this.C(o, void 0, t, a), a;
+    } };
+  }
+  if (n === "setter") {
+    const { name: o } = e;
+    return function(a) {
+      const c = this[o];
+      s.call(this, a), this.requestUpdate(o, c, t);
+    };
+  }
+  throw Error("Unsupported decorator location: " + n);
+};
+function f(t) {
+  return (s, e) => typeof e == "object" ? u(t, s, e) : ((n, i, r) => {
+    const o = i.hasOwnProperty(r);
+    return i.constructor.createProperty(r, n), o ? Object.getOwnPropertyDescriptor(i, r) : void 0;
+  })(t, s, e);
+}
+export {
+  f as property,
+  u as standardProperty
+};

package/dist/node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-elements.js

@@ -0,0 +1,19 @@
+import { desc as a } from "./base.js";
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function d(t) {
+  return (c, i) => {
+    const { slot: r, selector: s } = t ?? {}, l = "slot" + (r ? `[name=${r}]` : ":not([name])");
+    return a(c, i, { get() {
+      var o;
+      const e = (o = this.renderRoot) == null ? void 0 : o.querySelector(l), n = (e == null ? void 0 : e.assignedElements(t)) ?? [];
+      return s === void 0 ? n : n.filter(((m) => m.matches(s)));
+    } });
+  };
+}
+export {
+  d as queryAssignedElements
+};

package/dist/node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-nodes.js

@@ -0,0 +1,19 @@
+import { desc as u } from "./base.js";
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function c(s) {
+  return (t, n) => {
+    const { slot: o } = s ?? {}, d = "slot" + (o ? `[name=${o}]` : ":not([name])");
+    return u(t, n, { get() {
+      var r;
+      const e = (r = this.renderRoot) == null ? void 0 : r.querySelector(d);
+      return (e == null ? void 0 : e.assignedNodes(s)) ?? [];
+    } });
+  };
+}
+export {
+  c as queryAssignedNodes
+};

package/dist/node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query.js

@@ -0,0 +1,20 @@
+import { desc as s } from "./base.js";
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function a(e, c) {
+  return (t, o, i) => {
+    const n = (u) => {
+      var r;
+      return ((r = u.renderRoot) == null ? void 0 : r.querySelector(e)) ?? null;
+    };
+    return s(t, o, { get() {
+      return n(this);
+    } });
+  };
+}
+export {
+  a as query
+};

package/dist/node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.js

@@ -0,0 +1,12 @@
+import { property as r } from "./property.js";
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function a(t) {
+  return r({ ...t, state: !0, attribute: !1 });
+}
+export {
+  a as state
+};