@ucalgary-design-system/all-components 1.0.1

package/bundle/index.js

@@ -0,0 +1,1909 @@
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const ie = globalThis, ye = ie.ShadowRoot && (ie.ShadyCSS === void 0 || ie.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, ge = Symbol(), Ce = /* @__PURE__ */ new WeakMap();
+let Ne = class {
+  constructor(t, r, i) {
+    if (this._$cssResult$ = !0, i !== ge) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    this.cssText = t, this.t = r;
+  }
+  get styleSheet() {
+    let t = this.o;
+    const r = this.t;
+    if (ye && t === void 0) {
+      const i = r !== void 0 && r.length === 1;
+      i && (t = Ce.get(r)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && Ce.set(r, t));
+    }
+    return t;
+  }
+  toString() {
+    return this.cssText;
+  }
+};
+const w = (e) => new Ne(typeof e == "string" ? e : e + "", void 0, ge), ce = (e, ...t) => {
+  const r = e.length === 1 ? e[0] : t.reduce((i, o, s) => i + ((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.");
+  })(o) + e[s + 1], e[0]);
+  return new Ne(r, e, ge);
+}, Ze = (e, t) => {
+  if (ye) e.adoptedStyleSheets = t.map((r) => r instanceof CSSStyleSheet ? r : r.styleSheet);
+  else for (const r of t) {
+    const i = document.createElement("style"), o = ie.litNonce;
+    o !== void 0 && i.setAttribute("nonce", o), i.textContent = r.cssText, e.appendChild(i);
+  }
+}, Se = ye ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
+  let r = "";
+  for (const i of t.cssRules) r += i.cssText;
+  return w(r);
+})(e) : e;
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const { is: Ye, defineProperty: Qe, getOwnPropertyDescriptor: et, getOwnPropertyNames: tt, getOwnPropertySymbols: rt, getPrototypeOf: ot } = Object, T = globalThis, Oe = T.trustedTypes, it = Oe ? Oe.emptyScript : "", pe = T.reactiveElementPolyfillSupport, F = (e, t) => e, se = { toAttribute(e, t) {
+  switch (t) {
+    case Boolean:
+      e = e ? it : null;
+      break;
+    case Object:
+    case Array:
+      e = e == null ? e : JSON.stringify(e);
+  }
+  return e;
+}, fromAttribute(e, t) {
+  let r = e;
+  switch (t) {
+    case Boolean:
+      r = e !== null;
+      break;
+    case Number:
+      r = e === null ? null : Number(e);
+      break;
+    case Object:
+    case Array:
+      try {
+        r = JSON.parse(e);
+      } catch {
+        r = null;
+      }
+  }
+  return r;
+} }, xe = (e, t) => !Ye(e, t), Pe = { attribute: !0, type: String, converter: se, reflect: !1, hasChanged: xe };
+Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), T.litPropertyMetadata ?? (T.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+class M extends HTMLElement {
+  static addInitializer(t) {
+    this._$Ei(), (this.l ?? (this.l = [])).push(t);
+  }
+  static get observedAttributes() {
+    return this.finalize(), this._$Eh && [...this._$Eh.keys()];
+  }
+  static createProperty(t, r = Pe) {
+    if (r.state && (r.attribute = !1), this._$Ei(), this.elementProperties.set(t, r), !r.noAccessor) {
+      const i = Symbol(), o = this.getPropertyDescriptor(t, i, r);
+      o !== void 0 && Qe(this.prototype, t, o);
+    }
+  }
+  static getPropertyDescriptor(t, r, i) {
+    const { get: o, set: s } = et(this.prototype, t) ?? { get() {
+      return this[r];
+    }, set(n) {
+      this[r] = n;
+    } };
+    return { get() {
+      return o == null ? void 0 : o.call(this);
+    }, set(n) {
+      const d = o == null ? void 0 : o.call(this);
+      s.call(this, n), this.requestUpdate(t, d, i);
+    }, configurable: !0, enumerable: !0 };
+  }
+  static getPropertyOptions(t) {
+    return this.elementProperties.get(t) ?? Pe;
+  }
+  static _$Ei() {
+    if (this.hasOwnProperty(F("elementProperties"))) return;
+    const t = ot(this);
+    t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
+  }
+  static finalize() {
+    if (this.hasOwnProperty(F("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(F("properties"))) {
+      const r = this.properties, i = [...tt(r), ...rt(r)];
+      for (const o of i) this.createProperty(o, r[o]);
+    }
+    const t = this[Symbol.metadata];
+    if (t !== null) {
+      const r = litPropertyMetadata.get(t);
+      if (r !== void 0) for (const [i, o] of r) this.elementProperties.set(i, o);
+    }
+    this._$Eh = /* @__PURE__ */ new Map();
+    for (const [r, i] of this.elementProperties) {
+      const o = this._$Eu(r, i);
+      o !== void 0 && this._$Eh.set(o, r);
+    }
+    this.elementStyles = this.finalizeStyles(this.styles);
+  }
+  static finalizeStyles(t) {
+    const r = [];
+    if (Array.isArray(t)) {
+      const i = new Set(t.flat(1 / 0).reverse());
+      for (const o of i) r.unshift(Se(o));
+    } else t !== void 0 && r.push(Se(t));
+    return r;
+  }
+  static _$Eu(t, r) {
+    const i = r.attribute;
+    return i === !1 ? void 0 : typeof i == "string" ? i : typeof t == "string" ? t.toLowerCase() : void 0;
+  }
+  constructor() {
+    super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
+  }
+  _$Ev() {
+    var t;
+    this._$ES = new Promise((r) => this.enableUpdating = r), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), (t = this.constructor.l) == null || t.forEach((r) => r(this));
+  }
+  addController(t) {
+    var r;
+    (this._$EO ?? (this._$EO = /* @__PURE__ */ new Set())).add(t), this.renderRoot !== void 0 && this.isConnected && ((r = t.hostConnected) == null || r.call(t));
+  }
+  removeController(t) {
+    var r;
+    (r = this._$EO) == null || r.delete(t);
+  }
+  _$E_() {
+    const t = /* @__PURE__ */ new Map(), r = this.constructor.elementProperties;
+    for (const i of r.keys()) this.hasOwnProperty(i) && (t.set(i, this[i]), delete this[i]);
+    t.size > 0 && (this._$Ep = t);
+  }
+  createRenderRoot() {
+    const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
+    return Ze(t, this.constructor.elementStyles), t;
+  }
+  connectedCallback() {
+    var t;
+    this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (t = this._$EO) == null || t.forEach((r) => {
+      var i;
+      return (i = r.hostConnected) == null ? void 0 : i.call(r);
+    });
+  }
+  enableUpdating(t) {
+  }
+  disconnectedCallback() {
+    var t;
+    (t = this._$EO) == null || t.forEach((r) => {
+      var i;
+      return (i = r.hostDisconnected) == null ? void 0 : i.call(r);
+    });
+  }
+  attributeChangedCallback(t, r, i) {
+    this._$AK(t, i);
+  }
+  _$EC(t, r) {
+    var s;
+    const i = this.constructor.elementProperties.get(t), o = this.constructor._$Eu(t, i);
+    if (o !== void 0 && i.reflect === !0) {
+      const n = (((s = i.converter) == null ? void 0 : s.toAttribute) !== void 0 ? i.converter : se).toAttribute(r, i.type);
+      this._$Em = t, n == null ? this.removeAttribute(o) : this.setAttribute(o, n), this._$Em = null;
+    }
+  }
+  _$AK(t, r) {
+    var s;
+    const i = this.constructor, o = i._$Eh.get(t);
+    if (o !== void 0 && this._$Em !== o) {
+      const n = i.getPropertyOptions(o), d = typeof n.converter == "function" ? { fromAttribute: n.converter } : ((s = n.converter) == null ? void 0 : s.fromAttribute) !== void 0 ? n.converter : se;
+      this._$Em = o, this[o] = d.fromAttribute(r, n.type), this._$Em = null;
+    }
+  }
+  requestUpdate(t, r, i) {
+    if (t !== void 0) {
+      if (i ?? (i = this.constructor.getPropertyOptions(t)), !(i.hasChanged ?? xe)(this[t], r)) return;
+      this.P(t, r, i);
+    }
+    this.isUpdatePending === !1 && (this._$ES = this._$ET());
+  }
+  P(t, r, i) {
+    this._$AL.has(t) || this._$AL.set(t, r), i.reflect === !0 && this._$Em !== t && (this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Set())).add(t);
+  }
+  async _$ET() {
+    this.isUpdatePending = !0;
+    try {
+      await this._$ES;
+    } catch (r) {
+      Promise.reject(r);
+    }
+    const t = this.scheduleUpdate();
+    return t != null && await t, !this.isUpdatePending;
+  }
+  scheduleUpdate() {
+    return this.performUpdate();
+  }
+  performUpdate() {
+    var i;
+    if (!this.isUpdatePending) return;
+    if (!this.hasUpdated) {
+      if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
+        for (const [s, n] of this._$Ep) this[s] = n;
+        this._$Ep = void 0;
+      }
+      const o = this.constructor.elementProperties;
+      if (o.size > 0) for (const [s, n] of o) n.wrapped !== !0 || this._$AL.has(s) || this[s] === void 0 || this.P(s, this[s], n);
+    }
+    let t = !1;
+    const r = this._$AL;
+    try {
+      t = this.shouldUpdate(r), t ? (this.willUpdate(r), (i = this._$EO) == null || i.forEach((o) => {
+        var s;
+        return (s = o.hostUpdate) == null ? void 0 : s.call(o);
+      }), this.update(r)) : this._$EU();
+    } catch (o) {
+      throw t = !1, this._$EU(), o;
+    }
+    t && this._$AE(r);
+  }
+  willUpdate(t) {
+  }
+  _$AE(t) {
+    var r;
+    (r = this._$EO) == null || r.forEach((i) => {
+      var o;
+      return (o = i.hostUpdated) == null ? void 0 : o.call(i);
+    }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
+  }
+  _$EU() {
+    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
+  }
+  get updateComplete() {
+    return this.getUpdateComplete();
+  }
+  getUpdateComplete() {
+    return this._$ES;
+  }
+  shouldUpdate(t) {
+    return !0;
+  }
+  update(t) {
+    this._$Ej && (this._$Ej = this._$Ej.forEach((r) => this._$EC(r, this[r]))), this._$EU();
+  }
+  updated(t) {
+  }
+  firstUpdated(t) {
+  }
+}
+M.elementStyles = [], M.shadowRootOptions = { mode: "open" }, M[F("elementProperties")] = /* @__PURE__ */ new Map(), M[F("finalized")] = /* @__PURE__ */ new Map(), pe == null || pe({ ReactiveElement: M }), (T.reactiveElementVersions ?? (T.reactiveElementVersions = [])).push("2.0.4");
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const K = globalThis, ne = K.trustedTypes, Ee = ne ? ne.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, He = "$lit$", I = `lit$${Math.random().toFixed(9).slice(2)}$`, ze = "?" + I, st = `<${ze}>`, U = document, W = () => U.createComment(""), G = (e) => e === null || typeof e != "object" && typeof e != "function", $e = Array.isArray, nt = (e) => $e(e) || typeof (e == null ? void 0 : e[Symbol.iterator]) == "function", ue = `[ 	
+\f\r]`, V = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Ie = /-->/g, Te = />/g, L = RegExp(`>|${ue}(?:([^\\s"'>=/]+)(${ue}*=${ue}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), De = /'/g, Re = /"/g, Me = /^(?:script|style|textarea|title)$/i, lt = (e) => (t, ...r) => ({ _$litType$: e, strings: t, values: r }), h = lt(1), R = Symbol.for("lit-noChange"), c = Symbol.for("lit-nothing"), Le = /* @__PURE__ */ new WeakMap(), q = U.createTreeWalker(U, 129);
+function je(e, t) {
+  if (!$e(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return Ee !== void 0 ? Ee.createHTML(t) : t;
+}
+const at = (e, t) => {
+  const r = e.length - 1, i = [];
+  let o, s = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", n = V;
+  for (let d = 0; d < r; d++) {
+    const a = e[d];
+    let f, b, u = -1, C = 0;
+    for (; C < a.length && (n.lastIndex = C, b = n.exec(a), b !== null); ) C = n.lastIndex, n === V ? b[1] === "!--" ? n = Ie : b[1] !== void 0 ? n = Te : b[2] !== void 0 ? (Me.test(b[2]) && (o = RegExp("</" + b[2], "g")), n = L) : b[3] !== void 0 && (n = L) : n === L ? b[0] === ">" ? (n = o ?? V, u = -1) : b[1] === void 0 ? u = -2 : (u = n.lastIndex - b[2].length, f = b[1], n = b[3] === void 0 ? L : b[3] === '"' ? Re : De) : n === Re || n === De ? n = L : n === Ie || n === Te ? n = V : (n = L, o = void 0);
+    const E = n === L && e[d + 1].startsWith("/>") ? " " : "";
+    s += n === V ? a + st : u >= 0 ? (i.push(f), a.slice(0, u) + He + a.slice(u) + I + E) : a + I + (u === -2 ? d : E);
+  }
+  return [je(e, s + (e[r] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), i];
+};
+class J {
+  constructor({ strings: t, _$litType$: r }, i) {
+    let o;
+    this.parts = [];
+    let s = 0, n = 0;
+    const d = t.length - 1, a = this.parts, [f, b] = at(t, r);
+    if (this.el = J.createElement(f, i), q.currentNode = this.el.content, r === 2 || r === 3) {
+      const u = this.el.content.firstChild;
+      u.replaceWith(...u.childNodes);
+    }
+    for (; (o = q.nextNode()) !== null && a.length < d; ) {
+      if (o.nodeType === 1) {
+        if (o.hasAttributes()) for (const u of o.getAttributeNames()) if (u.endsWith(He)) {
+          const C = b[n++], E = o.getAttribute(u).split(I), re = /([.?@])?(.*)/.exec(C);
+          a.push({ type: 1, index: s, name: re[2], strings: E, ctor: re[1] === "." ? dt : re[1] === "?" ? ht : re[1] === "@" ? pt : de }), o.removeAttribute(u);
+        } else u.startsWith(I) && (a.push({ type: 6, index: s }), o.removeAttribute(u));
+        if (Me.test(o.tagName)) {
+          const u = o.textContent.split(I), C = u.length - 1;
+          if (C > 0) {
+            o.textContent = ne ? ne.emptyScript : "";
+            for (let E = 0; E < C; E++) o.append(u[E], W()), q.nextNode(), a.push({ type: 2, index: ++s });
+            o.append(u[C], W());
+          }
+        }
+      } else if (o.nodeType === 8) if (o.data === ze) a.push({ type: 2, index: s });
+      else {
+        let u = -1;
+        for (; (u = o.data.indexOf(I, u + 1)) !== -1; ) a.push({ type: 7, index: s }), u += I.length - 1;
+      }
+      s++;
+    }
+  }
+  static createElement(t, r) {
+    const i = U.createElement("template");
+    return i.innerHTML = t, i;
+  }
+}
+function j(e, t, r = e, i) {
+  var n, d;
+  if (t === R) return t;
+  let o = i !== void 0 ? (n = r._$Co) == null ? void 0 : n[i] : r._$Cl;
+  const s = G(t) ? void 0 : t._$litDirective$;
+  return (o == null ? void 0 : o.constructor) !== s && ((d = o == null ? void 0 : o._$AO) == null || d.call(o, !1), s === void 0 ? o = void 0 : (o = new s(e), o._$AT(e, r, i)), i !== void 0 ? (r._$Co ?? (r._$Co = []))[i] = o : r._$Cl = o), o !== void 0 && (t = j(e, o._$AS(e, t.values), o, i)), t;
+}
+class ct {
+  constructor(t, r) {
+    this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = r;
+  }
+  get parentNode() {
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  u(t) {
+    const { el: { content: r }, parts: i } = this._$AD, o = ((t == null ? void 0 : t.creationScope) ?? U).importNode(r, !0);
+    q.currentNode = o;
+    let s = q.nextNode(), n = 0, d = 0, a = i[0];
+    for (; a !== void 0; ) {
+      if (n === a.index) {
+        let f;
+        a.type === 2 ? f = new Q(s, s.nextSibling, this, t) : a.type === 1 ? f = new a.ctor(s, a.name, a.strings, this, t) : a.type === 6 && (f = new ut(s, this, t)), this._$AV.push(f), a = i[++d];
+      }
+      n !== (a == null ? void 0 : a.index) && (s = q.nextNode(), n++);
+    }
+    return q.currentNode = U, o;
+  }
+  p(t) {
+    let r = 0;
+    for (const i of this._$AV) i !== void 0 && (i.strings !== void 0 ? (i._$AI(t, i, r), r += i.strings.length - 2) : i._$AI(t[r])), r++;
+  }
+}
+class Q {
+  get _$AU() {
+    var t;
+    return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
+  }
+  constructor(t, r, i, o) {
+    this.type = 2, this._$AH = c, this._$AN = void 0, this._$AA = t, this._$AB = r, this._$AM = i, this.options = o, this._$Cv = (o == null ? void 0 : o.isConnected) ?? !0;
+  }
+  get parentNode() {
+    let t = this._$AA.parentNode;
+    const r = this._$AM;
+    return r !== void 0 && (t == null ? void 0 : t.nodeType) === 11 && (t = r.parentNode), t;
+  }
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    return this._$AB;
+  }
+  _$AI(t, r = this) {
+    t = j(this, t, r), G(t) ? t === c || t == null || t === "" ? (this._$AH !== c && this._$AR(), this._$AH = c) : t !== this._$AH && t !== R && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : nt(t) ? this.k(t) : this._(t);
+  }
+  O(t) {
+    return this._$AA.parentNode.insertBefore(t, this._$AB);
+  }
+  T(t) {
+    this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
+  }
+  _(t) {
+    this._$AH !== c && G(this._$AH) ? this._$AA.nextSibling.data = t : this.T(U.createTextNode(t)), this._$AH = t;
+  }
+  $(t) {
+    var s;
+    const { values: r, _$litType$: i } = t, o = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = J.createElement(je(i.h, i.h[0]), this.options)), i);
+    if (((s = this._$AH) == null ? void 0 : s._$AD) === o) this._$AH.p(r);
+    else {
+      const n = new ct(o, this), d = n.u(this.options);
+      n.p(r), this.T(d), this._$AH = n;
+    }
+  }
+  _$AC(t) {
+    let r = Le.get(t.strings);
+    return r === void 0 && Le.set(t.strings, r = new J(t)), r;
+  }
+  k(t) {
+    $e(this._$AH) || (this._$AH = [], this._$AR());
+    const r = this._$AH;
+    let i, o = 0;
+    for (const s of t) o === r.length ? r.push(i = new Q(this.O(W()), this.O(W()), this, this.options)) : i = r[o], i._$AI(s), o++;
+    o < r.length && (this._$AR(i && i._$AB.nextSibling, o), r.length = o);
+  }
+  _$AR(t = this._$AA.nextSibling, r) {
+    var i;
+    for ((i = this._$AP) == null ? void 0 : i.call(this, !1, !0, r); t && t !== this._$AB; ) {
+      const o = t.nextSibling;
+      t.remove(), t = o;
+    }
+  }
+  setConnected(t) {
+    var r;
+    this._$AM === void 0 && (this._$Cv = t, (r = this._$AP) == null || r.call(this, t));
+  }
+}
+class de {
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  constructor(t, r, i, o, s) {
+    this.type = 1, this._$AH = c, this._$AN = void 0, this.element = t, this.name = r, this._$AM = o, this.options = s, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = c;
+  }
+  _$AI(t, r = this, i, o) {
+    const s = this.strings;
+    let n = !1;
+    if (s === void 0) t = j(this, t, r, 0), n = !G(t) || t !== this._$AH && t !== R, n && (this._$AH = t);
+    else {
+      const d = t;
+      let a, f;
+      for (t = s[0], a = 0; a < s.length - 1; a++) f = j(this, d[i + a], r, a), f === R && (f = this._$AH[a]), n || (n = !G(f) || f !== this._$AH[a]), f === c ? t = c : t !== c && (t += (f ?? "") + s[a + 1]), this._$AH[a] = f;
+    }
+    n && !o && this.j(t);
+  }
+  j(t) {
+    t === c ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
+  }
+}
+class dt extends de {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(t) {
+    this.element[this.name] = t === c ? void 0 : t;
+  }
+}
+class ht extends de {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(t) {
+    this.element.toggleAttribute(this.name, !!t && t !== c);
+  }
+}
+class pt extends de {
+  constructor(t, r, i, o, s) {
+    super(t, r, i, o, s), this.type = 5;
+  }
+  _$AI(t, r = this) {
+    if ((t = j(this, t, r, 0) ?? c) === R) return;
+    const i = this._$AH, o = t === c && i !== c || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, s = t !== c && (i === c || o);
+    o && this.element.removeEventListener(this.name, this, i), s && this.element.addEventListener(this.name, this, t), this._$AH = t;
+  }
+  handleEvent(t) {
+    var r;
+    typeof this._$AH == "function" ? this._$AH.call(((r = this.options) == null ? void 0 : r.host) ?? this.element, t) : this._$AH.handleEvent(t);
+  }
+}
+class ut {
+  constructor(t, r, i) {
+    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = r, this.options = i;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t) {
+    j(this, t);
+  }
+}
+const fe = K.litHtmlPolyfillSupport;
+fe == null || fe(J, Q), (K.litHtmlVersions ?? (K.litHtmlVersions = [])).push("3.2.1");
+const ft = (e, t, r) => {
+  const i = (r == null ? void 0 : r.renderBefore) ?? t;
+  let o = i._$litPart$;
+  if (o === void 0) {
+    const s = (r == null ? void 0 : r.renderBefore) ?? null;
+    i._$litPart$ = o = new Q(t.insertBefore(W(), s), s, void 0, r ?? {});
+  }
+  return o._$AI(e), o;
+};
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+let D = class extends M {
+  constructor() {
+    super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
+  }
+  createRenderRoot() {
+    var r;
+    const t = super.createRenderRoot();
+    return (r = this.renderOptions).renderBefore ?? (r.renderBefore = t.firstChild), t;
+  }
+  update(t) {
+    const r = this.render();
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = ft(r, this.renderRoot, this.renderOptions);
+  }
+  connectedCallback() {
+    var t;
+    super.connectedCallback(), (t = this._$Do) == null || t.setConnected(!0);
+  }
+  disconnectedCallback() {
+    var t;
+    super.disconnectedCallback(), (t = this._$Do) == null || t.setConnected(!1);
+  }
+  render() {
+    return R;
+  }
+};
+var Ue;
+D._$litElement$ = !0, D.finalized = !0, (Ue = globalThis.litElementHydrateSupport) == null || Ue.call(globalThis, { LitElement: D });
+const be = globalThis.litElementPolyfillSupport;
+be == null || be({ LitElement: D });
+(globalThis.litElementVersions ?? (globalThis.litElementVersions = [])).push("4.1.1");
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const v = (e) => (t, r) => {
+  r !== void 0 ? r.addInitializer(() => {
+    customElements.define(e, t);
+  }) : customElements.define(e, t);
+};
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const bt = { attribute: !0, type: String, converter: se, reflect: !1, hasChanged: xe }, mt = (e = bt, t, r) => {
+  const { kind: i, metadata: o } = r;
+  let s = globalThis.litPropertyMetadata.get(o);
+  if (s === void 0 && globalThis.litPropertyMetadata.set(o, s = /* @__PURE__ */ new Map()), s.set(r.name, e), i === "accessor") {
+    const { name: n } = r;
+    return { set(d) {
+      const a = t.get.call(this);
+      t.set.call(this, d), this.requestUpdate(n, a, e);
+    }, init(d) {
+      return d !== void 0 && this.P(n, void 0, e), d;
+    } };
+  }
+  if (i === "setter") {
+    const { name: n } = r;
+    return function(d) {
+      const a = this[n];
+      t.call(this, d), this.requestUpdate(n, a, e);
+    };
+  }
+  throw Error("Unsupported decorator location: " + i);
+};
+function l(e) {
+  return (t, r) => typeof r == "object" ? mt(e, t, r) : ((i, o, s) => {
+    const n = o.hasOwnProperty(s);
+    return o.constructor.createProperty(s, n ? { ...i, wrapped: !0 } : i), n ? Object.getOwnPropertyDescriptor(o, s) : void 0;
+  })(e, t, r);
+}
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function _e(e) {
+  return l({ ...e, state: !0, attribute: !1 });
+}
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const Be = (e, t, r) => (r.configurable = !0, r.enumerable = !0, Reflect.decorate && typeof t != "object" && Object.defineProperty(e, t, r), r);
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function Ve(e) {
+  return (t, r) => {
+    const { slot: i, selector: o } = e ?? {}, s = "slot" + (i ? `[name=${i}]` : ":not([name])");
+    return Be(t, r, { get() {
+      var a;
+      const n = (a = this.renderRoot) == null ? void 0 : a.querySelector(s), d = (n == null ? void 0 : n.assignedElements(e)) ?? [];
+      return o === void 0 ? d : d.filter((f) => f.matches(o));
+    } });
+  };
+}
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function vt(e) {
+  return (t, r) => {
+    const { slot: i } = {}, o = "slot" + (i ? `[name=${i}]` : ":not([name])");
+    return Be(t, r, { get() {
+      var n;
+      const s = (n = this.renderRoot) == null ? void 0 : n.querySelector(o);
+      return (s == null ? void 0 : s.assignedNodes(e)) ?? [];
+    } });
+  };
+}
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const qe = (e) => e ?? c;
+var yt = Object.getOwnPropertyDescriptor, gt = (e, t, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? yt(t, r) : t, s = e.length - 1, n; s >= 0; s--)
+    (n = e[s]) && (o = n(o) || o);
+  return o;
+};
+let p = class extends D {
+};
+p.styles = ce`
+    
+    :host {
+      font-family: var(--ucds-font-sans-serif-family);
+      font-size: var(--ucds-font-base-size);
+      line-height: var(--ucds-font-base-line-height);
+      color: var(--ucds-color-text-primary);
+
+      /* Try to make font rendering consistent across various systems. */
+      -webkit-font-smoothing: antialiased;
+      text-rendering: optimizeLegibility;
+      
+      *,
+      *:before,
+      *:after {
+        box-sizing: border-box;
+      }
+    }
+    
+    button,
+    input,
+    textarea,
+    select {
+      font: inherit;
+      color: inherit;
+    }
+  `;
+p = gt([
+  v("base-element")
+], p);
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const Fe = { ATTRIBUTE: 1, CHILD: 2 }, Ke = (e) => (...t) => ({ _$litDirective$: e, values: t });
+class We {
+  constructor(t) {
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AT(t, r, i) {
+    this._$Ct = t, this._$AM = r, this._$Ci = i;
+  }
+  _$AS(t, r) {
+    return this.update(t, r);
+  }
+  update(t, r) {
+    return this.render(...r);
+  }
+}
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+let me = class extends We {
+  constructor(t) {
+    if (super(t), this.it = c, t.type !== Fe.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
+  }
+  render(t) {
+    if (t === c || t == null) return this._t = void 0, this.it = t;
+    if (t === R) return t;
+    if (typeof t != "string") throw Error(this.constructor.directiveName + "() called with a non-string value");
+    if (t === this.it) return this._t;
+    this.it = t;
+    const r = [t];
+    return r.raw = r, this._t = { _$litType$: this.constructor.resultType, strings: r, values: [] };
+  }
+};
+me.directiveName = "unsafeHTML", me.resultType = 1;
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+class ve extends me {
+}
+ve.directiveName = "unsafeSVG", ve.resultType = 2;
+const xt = Ke(ve);
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const Ge = Ke(class extends We {
+  constructor(e) {
+    var t;
+    if (super(e), e.type !== Fe.ATTRIBUTE || e.name !== "class" || ((t = e.strings) == null ? void 0 : t.length) > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
+  }
+  render(e) {
+    return " " + Object.keys(e).filter((t) => e[t]).join(" ") + " ";
+  }
+  update(e, [t]) {
+    var i, o;
+    if (this.st === void 0) {
+      this.st = /* @__PURE__ */ new Set(), e.strings !== void 0 && (this.nt = new Set(e.strings.join(" ").split(/\s/).filter((s) => s !== "")));
+      for (const s in t) t[s] && !((i = this.nt) != null && i.has(s)) && this.st.add(s);
+      return this.render(t);
+    }
+    const r = e.element.classList;
+    for (const s of this.st) s in t || (r.remove(s), this.st.delete(s));
+    for (const s in t) {
+      const n = !!t[s];
+      n === this.st.has(s) || (o = this.nt) != null && o.has(s) || (n ? (r.add(s), this.st.add(s)) : (r.remove(s), this.st.delete(s)));
+    }
+    return R;
+  }
+}), oe = {
+  arrowDown: () => import("./ArrowDown-Cl_pe6x-.js").then((e) => e.default),
+  arrowLeft: () => import("./ArrowLeft-D_pb7-h_.js").then((e) => e.default),
+  arrowRight: () => import("./ArrowRight-0rOUWttV.js").then((e) => e.default),
+  arrowUp: () => import("./ArrowUp-Kh8KmpaI.js").then((e) => e.default),
+  arrowUpDown: () => import("./ArrowUpDown-SqD4IUq6.js").then((e) => e.default),
+  attachment: () => import("./Attachment-DMa7gLVG.js").then((e) => e.default),
+  camera: () => import("./Camera-BisfqTvi.js").then((e) => e.default),
+  chat: () => import("./Chat-DQxghIy_.js").then((e) => e.default),
+  checkmark: () => import("./Checkmark-BKXPef9h.js").then((e) => e.default),
+  checkmarkCircle: () => import("./CheckmarkCircle-ChmWwela.js").then((e) => e.default),
+  checkmarkCircleFilled: () => import("./CheckmarkCircleFilled-Cqky64AP.js").then((e) => e.default),
+  chevronDown: () => import("./ChevronDown-CkkPhuqR.js").then((e) => e.default),
+  chevronDownCircle: () => import("./ChevronDownCircle-Bzjl-oG1.js").then((e) => e.default),
+  chevronDownCircleFilled: () => import("./ChevronDownCircleFilled-BZZIQ64Y.js").then((e) => e.default),
+  chevronLeft: () => import("./ChevronLeft-wuwMWp0P.js").then((e) => e.default),
+  chevronLeftCircle: () => import("./ChevronLeftCircle-C5GskojN.js").then((e) => e.default),
+  chevronLeftCircleFilled: () => import("./ChevronLeftCircleFilled-Fx_qs9nb.js").then((e) => e.default),
+  chevronRight: () => import("./ChevronRight-PCxxo-vc.js").then((e) => e.default),
+  chevronRightCircle: () => import("./ChevronRightCircle-Dkk7XKGY.js").then((e) => e.default),
+  chevronRightCircleFilled: () => import("./ChevronRightCircleFilled-DNCABv_Q.js").then((e) => e.default),
+  chevronUp: () => import("./ChevronUp-CjSX0sjw.js").then((e) => e.default),
+  chevronUpCircle: () => import("./ChevronUpCircle-DRUN_nTK.js").then((e) => e.default),
+  chevronUpCircleFilled: () => import("./ChevronUpCircleFilled-DehyXbZK.js").then((e) => e.default),
+  chevronsDown: () => import("./ChevronsDown-Lh2I5g0q.js").then((e) => e.default),
+  chevronsLeft: () => import("./ChevronsLeft-Dfl7AHgm.js").then((e) => e.default),
+  chevronsRight: () => import("./ChevronsRight-BN_IZIoy.js").then((e) => e.default),
+  chevronsUp: () => import("./ChevronsUp-BfPLVHMy.js").then((e) => e.default),
+  clock: () => import("./Clock-CSuR6yaZ.js").then((e) => e.default),
+  close: () => import("./Close-Q4saba4i.js").then((e) => e.default),
+  closeCircle: () => import("./CloseCircle-CvQ3NuZa.js").then((e) => e.default),
+  closeCircleFilled: () => import("./CloseCircleFilled-D2iZDSfq.js").then((e) => e.default),
+  closeOctagon: () => import("./CloseOctagon-DMLRi0q5.js").then((e) => e.default),
+  closeOctagonFilled: () => import("./CloseOctagonFilled-CMwoRq8j.js").then((e) => e.default),
+  cloudArrowUp: () => import("./CloudArrowUp-C2uwNhcc.js").then((e) => e.default),
+  code: () => import("./Code-ohqcUUQN.js").then((e) => e.default),
+  copy: () => import("./Copy-CpvqWx-k.js").then((e) => e.default),
+  dot: () => import("./Dot-Cumkgd-m.js").then((e) => e.default),
+  download: () => import("./Download-BJ_DfleZ.js").then((e) => e.default),
+  ellipsis: () => import("./Ellipsis-CpY1HejQ.js").then((e) => e.default),
+  ellipsisVertical: () => import("./EllipsisVertical-CEEYMsqG.js").then((e) => e.default),
+  exclamationMark: () => import("./ExclamationMark-exzrOBwL.js").then((e) => e.default),
+  externalLink: () => import("./ExternalLink-eS9P88AV.js").then((e) => e.default),
+  eye: () => import("./Eye-w9TfhO68.js").then((e) => e.default),
+  eyeOff: () => import("./EyeOff-DUEm4ukn.js").then((e) => e.default),
+  file: () => import("./File-Cybg1CXH.js").then((e) => e.default),
+  fileInput: () => import("./FileInput-1n1FWyo-.js").then((e) => e.default),
+  filter: () => import("./Filter-D9y9ugj2.js").then((e) => e.default),
+  folder: () => import("./Folder-CU8qYUHQ.js").then((e) => e.default),
+  gridView: () => import("./GridView-BPdfFYj_.js").then((e) => e.default),
+  home: () => import("./Home-ChwjHVJb.js").then((e) => e.default),
+  image: () => import("./Image-ChylX7xd.js").then((e) => e.default),
+  link: () => import("./Link-BKFFnXyT.js").then((e) => e.default),
+  listView: () => import("./ListView-U-9qAnWr.js").then((e) => e.default),
+  lock: () => import("./Lock-Bwz5_UjA.js").then((e) => e.default),
+  logIn: () => import("./LogIn-U5Bnfjit.js").then((e) => e.default),
+  logOut: () => import("./LogOut-CX1os0_t.js").then((e) => e.default),
+  mail: () => import("./Mail-B2VEFWPt.js").then((e) => e.default),
+  map: () => import("./Map-D5XWb3YY.js").then((e) => e.default),
+  megaphone: () => import("./Megaphone-Do5-_w2j.js").then((e) => e.default),
+  menu: () => import("./Menu-Brh_TbFf.js").then((e) => e.default),
+  minus: () => import("./Minus-CueXUCgb.js").then((e) => e.default),
+  minusCircle: () => import("./MinusCircle-DUmUcGyz.js").then((e) => e.default),
+  minusCircleFilled: () => import("./MinusCircleFilled-Cq7IrW21.js").then((e) => e.default),
+  mobile: () => import("./Mobile-D7KMmpMV.js").then((e) => e.default),
+  move: () => import("./Move-CX01BEbW.js").then((e) => e.default),
+  notification: () => import("./Notification-Ds-KwATs.js").then((e) => e.default),
+  play: () => import("./Play-nTzXnaQP.js").then((e) => e.default),
+  plus: () => import("./Plus-Dh_kC216.js").then((e) => e.default),
+  plusCircle: () => import("./PlusCircle-CdRf8LPK.js").then((e) => e.default),
+  plusCircleFilled: () => import("./PlusCircleFilled-DfOMIUx7.js").then((e) => e.default),
+  questionMark: () => import("./QuestionMark-DOiTgLQi.js").then((e) => e.default),
+  questionMarkFilled: () => import("./QuestionMarkFilled-BBfYnj6K.js").then((e) => e.default),
+  reload: () => import("./Reload-_znxvsCW.js").then((e) => e.default),
+  search: () => import("./Search-BFX6nBPy.js").then((e) => e.default),
+  send: () => import("./Send-kLNJhN0M.js").then((e) => e.default),
+  settings: () => import("./Settings-Dx5Wxwg6.js").then((e) => e.default),
+  shield: () => import("./Shield-B3tfbLxv.js").then((e) => e.default),
+  shoppingCart: () => import("./ShoppingCart-DeZy9s4R.js").then((e) => e.default),
+  shuffle: () => import("./Shuffle-DPJBz-Nj.js").then((e) => e.default),
+  sparkles: () => import("./Sparkles-By12VrmM.js").then((e) => e.default),
+  split: () => import("./Split-ByvhCugq.js").then((e) => e.default),
+  thumbUp: () => import("./ThumbUp-BqCiXb5D.js").then((e) => e.default),
+  trashCan: () => import("./TrashCan-B1y4NnTj.js").then((e) => e.default),
+  upload: () => import("./Upload-DXqVc3Ix.js").then((e) => e.default),
+  userProfile: () => import("./UserProfile-DXmBd5b6.js").then((e) => e.default),
+  warning: () => import("./Warning-CE3ENqy1.js").then((e) => e.default),
+  warningFilled: () => import("./WarningFilled-B3b0eySj.js").then((e) => e.default),
+  warningOctagon: () => import("./WarningOctagon-DPF5eWBs.js").then((e) => e.default),
+  warningOctagonFilled: () => import("./WarningOctagonFilled-km4EmkS4.js").then((e) => e.default),
+  warningTriangle: () => import("./WarningTriangle-CKnOc38N.js").then((e) => e.default),
+  warningTriangleFilled: () => import("./WarningTriangleFilled-CbuoHfN_.js").then((e) => e.default),
+  zoomIn: () => import("./ZoomIn-BT-hX4R6.js").then((e) => e.default),
+  zoomOut: () => import("./ZoomOut-B6ILbkP8.js").then((e) => e.default)
+};
+async function $t(e) {
+  try {
+    return e in oe ? await oe[e]() : (console.warn(`[ucds-icon] Icon "${e}" was not found. Falling back to questionMark.`), await oe.questionMark());
+  } catch (t) {
+    return console.warn(`[ucds-icon] Failed to load "${e}". Falling back to questionMark.`, t), oe.questionMark();
+  }
+}
+const _t = ":host{display:inline-flex;align-items:center;justify-content:center;height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content}.icon{display:inline-flex;width:24px;height:24px;color:currentColor}.icon svg{width:100%;height:100%;fill:currentColor}.icon--color-primary{color:var(--ucds-color-icon-primary)}.icon--color-primary-inverse{color:var(--ucds-color-icon-primary-inverse)}.icon--color-action-rest{color:var(--ucds-color-action-rest)}.icon--color-berry{color:var(--ucds-color-palette-berry-600)}.icon--color-disabled{color:var(--ucds-color-forms-input-element-disabled)}.icon--size-16{width:16px;height:16px}.icon--size-20{width:20px;height:20px}.icon--size-24{width:24px;height:24px}.icon--size-32{width:32px;height:32px}";
+var wt = Object.defineProperty, kt = Object.getOwnPropertyDescriptor, H = (e, t, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? kt(t, r) : t, s = e.length - 1, n; s >= 0; s--)
+    (n = e[s]) && (o = (i ? n(t, r, o) : n(o)) || o);
+  return i && o && wt(t, r, o), o;
+};
+let S = class extends p {
+  constructor() {
+    super(...arguments), this.size = "24", this.accessible = !1, this.svg = null;
+  }
+  async willUpdate(e) {
+    this.name === void 0 && (console.warn("[ucds-icon] No icon name was found. Falling back to questionMark."), this.name = "questionMark"), e.has("name") && this.name && (this.svg = await $t(this.name));
+  }
+  render() {
+    const e = {
+      icon: !0,
+      [`icon--color-${this.color}`]: !!this.color,
+      [`icon--size-${this.size}`]: !!this.size
+    };
+    let t = this.svg;
+    return t && (this.accessible ? this.accessibleLabel ? t = t.replace(/<svg\b([^>]*)>/, `<svg$1 role="img" aria-label="${this.accessibleLabel}">`) : console.warn("[ucds-icon] Icon marked as accessible, but no accessible-label provided.") : t = t.replace(/<svg\b([^>]*)>/, '<svg$1 aria-hidden="true">')), h`<span class=${Ge(e)}>${xt(t)}</span>`;
+  }
+};
+S.styles = [
+  p.styles,
+  w(_t)
+];
+H([
+  l({ type: String, attribute: "accessible-label" })
+], S.prototype, "accessibleLabel", 2);
+H([
+  l({ type: String })
+], S.prototype, "color", 2);
+H([
+  l({ type: String })
+], S.prototype, "name", 2);
+H([
+  l({ type: String })
+], S.prototype, "size", 2);
+H([
+  l({ type: Boolean })
+], S.prototype, "accessible", 2);
+H([
+  _e()
+], S.prototype, "svg", 2);
+S = H([
+  v("ucds-icon")
+], S);
+const At = ":host{display:block}button{all:unset}.btn{display:inline-block;position:relative;padding:16px 36px;border-radius:50px;font-size:16px;line-height:16px;font-weight:600;text-decoration:none;color:var(--ucds-color-text-primary-inverse);transition:background-color .5s ease;cursor:pointer}.btn:active{padding:14px 34px;margin:2px}.btn:focus-visible{outline:var(--ucds-color-action-focus) 2px solid;outline-offset:2px}.btn.inverse{background-color:var(--ucds-color-action-inverse-rest);color:var(--ucds-color-text-primary)}.btn.inverse:hover,.btn.inverse:focus{background-color:var(--ucds-color-action-inverse-hover);border-color:var(--ucds-color-action-inverse-hover);color:var(--ucds-color-text-primary)}.btn.inverse:active{background-color:var(--ucds-color-action-inverse-active)}.btn.inverse:focus-visible{outline:var(--ucds-color-action-inverse-focus) 2px solid;outline-offset:2px}ucds-icon{color:currentColor;opacity:0;transition:right .5s,opacity .5s;position:absolute;right:50px;top:50%;transform:translateY(-50%)}.btn:hover ucds-icon,.btn:focus ucds-icon,.btn:active ucds-icon{opacity:1;right:12px}.solid{background-color:var(--ucds-color-action-rest)}.solid:hover,.solid:focus{background-color:var(--ucds-color-action-hover)}.solid:active{background-color:var(--ucds-color-action-active)}.outline{padding:14px 34px;border:2px solid var(--ucds-color-action-secondary-rest);color:var(--ucds-color-action-secondary-rest)}.outline:hover,.outline:focus,.outline:active{color:var(--ucds-color-text-primary-inverse)}.outline:hover,.outline:focus{background-color:var(--ucds-color-action-secondary-hover);border-color:var(--ucds-color-action-secondary-hover)}.outline:active{padding:12px 32px;background-color:var(--ucds-color-action-secondary-active);border-color:var(--ucds-color-action-secondary-active)}.outline.inverse{background-color:transparent;color:var(--ucds-color-text-primary-inverse);border-color:var(--ucds-color-action-inverse-rest)}.solid-accent{background-color:var(--ucds-color-action-secondary-rest);border-color:var(--ucds-color-action-secondary-rest);color:var(--ucds-color-text-primary-inverse)}.solid-accent:hover,.solid-accent:focus{background-color:var(--ucds-color-action-secondary-hover)}.solid-accent:active{background-color:var(--ucds-color-action-secondary-active)}";
+var Ct = Object.defineProperty, St = Object.getOwnPropertyDescriptor, ee = (e, t, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? St(t, r) : t, s = e.length - 1, n; s >= 0; s--)
+    (n = e[s]) && (o = (i ? n(t, r, o) : n(o)) || o);
+  return i && o && Ct(t, r, o), o;
+};
+let N = class extends p {
+  constructor() {
+    super(...arguments), this._variant = "solid", this.href = "", this.type = "button", this.inverse = !1;
+  }
+  get variant() {
+    return this._variant;
+  }
+  set variant(e) {
+    const t = ["solid", "outline", "solid-accent"];
+    this._variant = t.includes(e) ? e : "solid";
+  }
+  handleClick(e) {
+    if (this.type === "submit") {
+      const t = this.closest("form");
+      t && (e.preventDefault(), t.requestSubmit());
+    } else if (this.type === "reset") {
+      const t = this.closest("form");
+      t && (e.preventDefault(), t.reset());
+    }
+  }
+  render() {
+    const e = `btn ${this.variant} ${this.inverse ? "inverse" : ""}`, t = h`
+      <slot></slot>
+      <ucds-icon name="arrowRight" size="20"></ucds-icon>
+    `;
+    return this.href ? h`
+        <a class=${e} href=${qe(this.href)} @click=${this.handleClick}>
+          ${t}
+        </a>` : h`
+        <button class=${e} type=${qe(this.type)} @click=${this.handleClick}>
+          ${t}
+        </button>`;
+  }
+};
+N.styles = [
+  p.styles,
+  w(At)
+];
+ee([
+  l({ type: String })
+], N.prototype, "variant", 1);
+ee([
+  l({ type: String })
+], N.prototype, "href", 2);
+ee([
+  l({ type: String })
+], N.prototype, "type", 2);
+ee([
+  l({ type: Boolean })
+], N.prototype, "inverse", 2);
+N = ee([
+  v("ucds-button")
+], N);
+const Ot = ".button-group{display:flex;gap:16px;flex-direction:row;align-items:flex-start;flex-wrap:wrap}.button-group.align-center{align-items:center}.button-group.vertical{flex-direction:column}.button-group.horizontal.align-center{justify-content:center}";
+var Pt = Object.defineProperty, Et = Object.getOwnPropertyDescriptor, we = (e, t, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? Et(t, r) : t, s = e.length - 1, n; s >= 0; s--)
+    (n = e[s]) && (o = (i ? n(t, r, o) : n(o)) || o);
+  return i && o && Pt(t, r, o), o;
+};
+let X = class extends p {
+  constructor() {
+    super(...arguments), this.alignment = "start", this.vertical = !1;
+  }
+  render() {
+    return h`
+      <div class="button-group 
+        ${`align-${this.alignment}`}
+        ${this.vertical ? "vertical" : "horizontal"}
+      ">
+        <slot></slot>
+      </div>
+    `;
+  }
+};
+X.styles = [
+  p.styles,
+  w(Ot)
+];
+we([
+  l({ type: String })
+], X.prototype, "alignment", 2);
+we([
+  l({ type: Boolean, reflect: !0 })
+], X.prototype, "vertical", 2);
+X = we([
+  v("ucds-button-group")
+], X);
+var It = Object.defineProperty, Tt = Object.getOwnPropertyDescriptor, Je = (e, t, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? Tt(t, r) : t, s = e.length - 1, n; s >= 0; s--)
+    (n = e[s]) && (o = (i ? n(t, r, o) : n(o)) || o);
+  return i && o && It(t, r, o), o;
+};
+let le = class extends D {
+  constructor() {
+    super(...arguments), this.text = "";
+  }
+  get errorText() {
+    return this.text.trim() || "An error has occurred.";
+  }
+  render() {
+    return h`
+      <span class="error-text">
+        <ucds-icon name="warningTriangleFilled" size="20" color="action-rest"></ucds-icon>
+        ${this.errorText}
+      </span>
+    `;
+  }
+};
+le.styles = ce`
+    
+    :host {
+      font-size: 14px;
+      line-height: 18px;
+    }
+    
+    .error-text {
+      display: flex;
+      gap: 4px;
+      vertical-align: center;
+      color: var(--ucds-color-feedback-error-light);
+    }
+    
+    ucds-icon {
+      fill: var(--ucds-color-feedback-error-light);
+    }
+  `;
+Je([
+  l({ type: String })
+], le.prototype, "text", 2);
+le = Je([
+  v("form-error-message")
+], le);
+var Dt = Object.defineProperty, Rt = Object.getOwnPropertyDescriptor, ke = (e, t, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? Rt(t, r) : t, s = e.length - 1, n; s >= 0; s--)
+    (n = e[s]) && (o = (i ? n(t, r, o) : n(o)) || o);
+  return i && o && Dt(t, r, o), o;
+};
+let Z = class extends D {
+  constructor() {
+    super(...arguments), this.text = "";
+  }
+  render() {
+    return h`
+      <span class="help-text" ?disabled="${this.disabled}">
+        ${this.text}
+      </span>
+    `;
+  }
+};
+Z.styles = ce`
+    
+    :host {
+      font-size: 14px;
+      line-height: 18px;
+    }
+    
+    .help-text {
+      display: flex;
+      color: var(--ucds-color-text-secondary);
+    }
+    
+    [disabled] {
+      color: var(--ucds-color-text-disabled);
+    }
+  `;
+ke([
+  l({ type: String })
+], Z.prototype, "text", 2);
+ke([
+  l({ type: Boolean, reflect: !0 })
+], Z.prototype, "disabled", 2);
+Z = ke([
+  v("form-help-message")
+], Z);
+var Lt = Object.defineProperty, qt = Object.getOwnPropertyDescriptor, te = (e, t, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? qt(t, r) : t, s = e.length - 1, n; s >= 0; s--)
+    (n = e[s]) && (o = (i ? n(t, r, o) : n(o)) || o);
+  return i && o && Lt(t, r, o), o;
+};
+let y = class extends D {
+  constructor() {
+    super(...arguments), this.for = "", this.text = "", this.disabled = !1, this.required = !1;
+  }
+  static requiredAsteriskTemplate() {
+    return h`<span class="required-asterisk" aria-hidden="true">*</span><span class="visible-hidden">required</span>`;
+  }
+  render() {
+    return h`
+      <label class="form-label" for="${this.for}" ?disabled=${this.disabled}>
+        ${this.text}${this.required ? h`${y.requiredAsteriskTemplate()}` : c}
+      </label>
+    `;
+  }
+};
+y.styles = ce`
+    
+    :host {
+      display: flex;
+      line-height: 20px;
+    }
+
+    .form-label {
+      font-weight: var(--ucds-font-base-weight-bold);
+      text-align: left;
+    }
+    
+    .required-asterisk {
+      margin-left: 4px;
+    }
+
+    /* @todo: Better Way??? */
+    .visible-hidden {
+      clip: rect(1px, 1px, 1px, 1px);
+      height: 1px;
+      overflow: hidden;
+      position: absolute;
+      white-space: nowrap;
+      width: 1px;
+    }
+    
+    [disabled] {
+      color: var(--ucds-color-text-disabled);
+    }
+  `;
+te([
+  l({ type: String })
+], y.prototype, "for", 2);
+te([
+  l({ type: String })
+], y.prototype, "text", 2);
+te([
+  l({ type: Boolean, reflect: !0 })
+], y.prototype, "disabled", 2);
+te([
+  l({ type: Boolean })
+], y.prototype, "required", 2);
+y = te([
+  v("form-label")
+], y);
+const Ut = ':host{display:block}.form-checkbox{display:flex;flex-direction:column;gap:var(--ucds-form-component-intra-spacing);width:var(--ucds-form-element-width);max-width:var(--ucds-form-element-maxwidth);--formRadioCheckboxHeight: 1.25rem;--checkmarkHeight: .625rem;--radioHeight: .625rem}.form-checkbox input[type=checkbox],.form-checkbox input[type=radio]{position:absolute;opacity:0}.form-checkbox input[type=checkbox]+label,.form-checkbox input[type=radio]+label{display:flex;position:relative;width:100%;max-width:555px;padding-left:28px;line-height:var(--formRadioCheckboxHeight);cursor:pointer}.form-checkbox input[type=checkbox]+label .checkbox-control,.form-checkbox input[type=radio]+label .checkbox-control{content:"";display:block;position:absolute;width:var(--formRadioCheckboxHeight);height:var(--formRadioCheckboxHeight);top:0;left:0;background-color:var(--ucds-color-palette-white);border:var(--ucds-form-element-border-width) solid var(--ucds-color-forms-input-border-rest);transition:background-color .5s ease,border-color .5s ease}.form-checkbox input[type=checkbox]:hover+label .checkbox-control,.form-checkbox input[type=radio]:hover+label .checkbox-control{border-color:var(--ucds-color-forms-input-border-hover)}.form-checkbox input[type=checkbox]:active:not(:disabled)+label .checkbox-control,.form-checkbox input[type=checkbox]:focus:not(:disabled)+label .checkbox-control,.form-checkbox input[type=radio]:active:not(:disabled)+label .checkbox-control,.form-checkbox input[type=radio]:focus:not(:disabled)+label .checkbox-control{outline:var(--ucds-color-action-focus) 2px solid;outline-offset:2px}.form-checkbox input[type=checkbox]:checked+label .checkbox-control,.form-checkbox input[type=radio]:checked+label .checkbox-control{background-color:var(--ucds-color-forms-input-background-selected);border-color:var(--ucds-color-forms-input-border-selected)}.form-checkbox input[type=checkbox]:checked+label .checkbox-control ucds-icon,.form-checkbox input[type=radio]:checked+label .checkbox-control ucds-icon{color:var(--ucds-color-icon-primary-inverse)}.form-checkbox input[type=checkbox]:disabled+label,.form-checkbox input[type=radio]:disabled+label{color:var(--ucds-color-text-disabled);cursor:default}.form-checkbox input[type=checkbox]:disabled+label .checkbox-control,.form-checkbox input[type=radio]:disabled+label .checkbox-control{background-color:transparent;border-color:var(--ucds-color-forms-input-border-disabled)}.form-checkbox input[type=checkbox]:disabled:checked+label .checkbox-control,.form-checkbox input[type=radio]:disabled:checked+label .checkbox-control{background-color:var(--ucds-color-forms-input-background-disabled);border-color:var(--ucds-color-forms-input-border-disabled)}.form-checkbox input[type=checkbox][error]:not(:disabled)+label .checkbox-control,.form-checkbox input[type=checkbox][errors]:not(:disabled)+label .checkbox-control,.form-checkbox input[type=radio][error]:not(:disabled)+label .checkbox-control,.form-checkbox input[type=radio][errors]:not(:disabled)+label .checkbox-control{background-color:var(--ucds-color-feedback-error-background-light);border-color:var(--ucds-color-feedback-error-light)}.form-checkbox input[type=checkbox][error]:not(:disabled)+label .checkbox-control ucds-icon,.form-checkbox input[type=checkbox][errors]:not(:disabled)+label .checkbox-control ucds-icon,.form-checkbox input[type=radio][error]:not(:disabled)+label .checkbox-control ucds-icon,.form-checkbox input[type=radio][errors]:not(:disabled)+label .checkbox-control ucds-icon{color:var(--ucds-color-feedback-error-light)}.form-checkbox input[type=checkbox]+label .checkbox-control{border-radius:4px}';
+var Nt = Object.defineProperty, Ht = Object.getOwnPropertyDescriptor, k = (e, t, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? Ht(t, r) : t, s = e.length - 1, n; s >= 0; s--)
+    (n = e[s]) && (o = (i ? n(t, r, o) : n(o)) || o);
+  return i && o && Nt(t, r, o), o;
+};
+let g = class extends p {
+  constructor() {
+    super(), this.checkboxID = "checkbox", this.checkboxName = "", this.value = "", this.checked = !1, this.disabled = !1, this.required = !1, this.errors = !1, this.error = !1, this.internals = this.attachInternals();
+  }
+  // Update the internal form value.
+  _updateInternals() {
+    var t;
+    this.internals.setFormValue(this.checked ? this.value : null, this.checked ? "true" : ""), this.setAttribute("aria-checked", String(this.checked));
+    const e = (t = this.shadowRoot) == null ? void 0 : t.querySelector("input");
+    e.checked = this.checked;
+  }
+  // Handle change event.
+  _handleChange({ target: e }) {
+    const t = e;
+    this.checked = t.checked, this._updateInternals();
+  }
+  // Initialize component and warn if required properties have not been set.
+  firstUpdated(e) {
+    super.firstUpdated(e), this.form = this.internals.form, this._updateInternals(), this.checkboxName || console.error(`${this.localName}: Property 'name' is required and was not set.`), this.value || console.error(`${this.localName}: Property 'value' is required and was not set.`);
+  }
+  // Catch non-click changes.
+  update(e) {
+    super.update(e), e.has("checked") && e.get("checked") !== void 0 && this._updateInternals();
+  }
+  // Reset form state.
+  formResetCallback() {
+    this.checked = !1, this._updateInternals();
+  }
+  formStateRestoreCallback(e) {
+    this.checked = String(e).toLowerCase() === "true";
+  }
+  render() {
+    return h`
+      <div class="form-checkbox">
+        <input 
+          type="checkbox" 
+          id="${this.checkboxID}"
+          name="${this.checkboxName}"
+          .value="${this.value}"
+          ?checked="${this.checked}"
+          ?disabled="${this.disabled}"
+          ?required="${this.required}"
+          ?errors="${this.errors}"
+          ?error="${this.error}"
+          @change=${this._handleChange}
+        />
+        <label for="${this.checkboxID}" ?disabled=${this.disabled}>
+          <span class="checkbox-control">
+            ${this.checked ? h`<ucds-icon name="checkmark" size="16"></ucds-icon>` : ""}
+          </span>
+          <span><slot>Checkbox Label</slot>${this.required ? h`${y.requiredAsteriskTemplate()}` : c}</span>
+        </label>
+        ${this.error && !this.disabled ? h`<form-error-message text="${this.errorText}"></form-error-message>` : c}
+        ${this.helpText ? h`<form-help-message text="${this.helpText}" ?disabled="${this.disabled}"></form-help-message>` : c}
+      </div>
+    `;
+  }
+};
+g.styles = [
+  p.styles,
+  y.styles,
+  w(Ut)
+];
+g.formAssociated = !0;
+k([
+  l({ type: String, attribute: "input-id" })
+], g.prototype, "checkboxID", 2);
+k([
+  l({ type: String, attribute: "name" })
+], g.prototype, "checkboxName", 2);
+k([
+  l({ type: String })
+], g.prototype, "value", 2);
+k([
+  l({ type: Boolean, reflect: !0 })
+], g.prototype, "checked", 2);
+k([
+  l({ type: Boolean, reflect: !0 })
+], g.prototype, "disabled", 2);
+k([
+  l({ type: Boolean, reflect: !0 })
+], g.prototype, "required", 2);
+k([
+  l({ type: Boolean, reflect: !0 })
+], g.prototype, "errors", 2);
+k([
+  l({ type: Boolean, reflect: !0 })
+], g.prototype, "error", 2);
+k([
+  l({ type: String, attribute: "error-text" })
+], g.prototype, "errorText", 2);
+k([
+  l({ type: String, attribute: "help-text" })
+], g.prototype, "helpText", 2);
+g = k([
+  v("ucds-checkbox")
+], g);
+const zt = ":host{display:block;max-width:100%}.chip{position:relative;display:inline-flex;flex-direction:row;align-items:center;gap:4px;max-width:100%;height:32px;padding:4px 10px 4px 12px;border-radius:50px;border:1px solid var(--ucds-color-action-secondary-rest);transition:background-color .5s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.chip .label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chip .label,.chip ucds-icon{color:var(--ucds-color-action-secondary-rest)}.chip:hover .label,.chip:hover ucds-icon,.chip:focus .label,.chip:focus ucds-icon,.chip:active .label,.chip:active ucds-icon{color:var(--ucds-color-text-primary-inverse)}.chip:hover,.chip:focus{background-color:var(--ucds-color-action-secondary-hover);border-color:var(--ucds-color-action-secondary-hover)}.chip:active{background-color:var(--ucds-color-action-secondary-active);border-color:var(--ucds-color-action-secondary-active);height:30px;padding-right:9px;padding-left:11px;margin:1px}.chip:focus-visible{outline:var(--ucds-color-action-focus) 2px solid;outline-offset:2px}";
+var Mt = Object.defineProperty, jt = Object.getOwnPropertyDescriptor, he = (e, t, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? jt(t, r) : t, s = e.length - 1, n; s >= 0; s--)
+    (n = e[s]) && (o = (i ? n(t, r, o) : n(o)) || o);
+  return i && o && Mt(t, r, o), o;
+};
+let B = class extends p {
+  // Allow component .focus() to highlight the shadow chip element.
+  focus() {
+    var t;
+    const e = (t = this.shadowRoot) == null ? void 0 : t.querySelector("[tabindex]");
+    e == null || e.focus();
+  }
+  // Remove the Chip from the DOM.
+  removeChip() {
+    if (this.chipID) {
+      const e = new CustomEvent("chipRemoved", {
+        bubbles: !0,
+        composed: !0,
+        detail: { element: this }
+      });
+      this.dispatchEvent(e);
+    }
+    this.remove();
+  }
+  // Handle click event.
+  _handleClick() {
+    this.removeChip();
+  }
+  // Handle keydown event (backspace/delete to remove).
+  _handleKeydown(e) {
+    (e.key === "Backspace" || e.key === "Delete") && (e.preventDefault(), this.removeChip());
+  }
+  // Update the Aria label to include slot text + accessibility instructions.
+  _handleSlotChange() {
+    var t;
+    const e = this._defaultSlotNodes;
+    if (e[0].nodeType === Node.TEXT_NODE) {
+      const r = (t = e[0].textContent) == null ? void 0 : t.trim();
+      this.ariaLabel = `${r} (Press backspace/delete key to remove)`;
+    }
+  }
+  render() {
+    return h`
+      <div id="${this.chipID ?? c}" class="chip" role="button" aria-label="${this.ariaLabel}" tabindex="0" @keydown="${this._handleKeydown}">
+        <span class="label"><slot @slotchange="${this._handleSlotChange}">...</slot></span>
+        <ucds-icon name="close" size="16" accessible-label="Remove" accessible="true" @click=${this._handleClick}></ucds-icon>
+      </div>
+    `;
+  }
+};
+B.styles = [
+  p.styles,
+  w(zt)
+];
+he([
+  vt()
+], B.prototype, "_defaultSlotNodes", 2);
+he([
+  l({ type: String })
+], B.prototype, "ariaLabel", 2);
+he([
+  l({ type: String, attribute: "chip-id" })
+], B.prototype, "chipID", 2);
+B = he([
+  v("ucds-chip")
+], B);
+const Bt = ":host{display:block}.chip-group{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:16px}";
+var Vt = Object.defineProperty, Ft = Object.getOwnPropertyDescriptor, Xe = (e, t, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? Ft(t, r) : t, s = e.length - 1, n; s >= 0; s--)
+    (n = e[s]) && (o = (i ? n(t, r, o) : n(o)) || o);
+  return i && o && Vt(t, r, o), o;
+};
+let ae = class extends p {
+  // Focus the next sibling of the Chip being removed.
+  _focusNextSiblingOf(e) {
+    const t = this._defaultSlotNodes, r = t.indexOf(e);
+    if (r >= 0) {
+      const i = t[r + 1] || t[r - 1];
+      i instanceof HTMLElement && i.focus();
+    }
+  }
+  // Capture the removal of a child Chip.
+  _onChildRemove(e) {
+    const t = e.detail.element;
+    this._focusNextSiblingOf(t);
+  }
+  connectedCallback() {
+    super.connectedCallback && super.connectedCallback(), this.addEventListener("chipRemoved", this._onChildRemove);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback && super.disconnectedCallback(), this.removeEventListener("chipRemoved", this._onChildRemove);
+  }
+  render() {
+    return h`
+      <div class="chip-group">
+        <slot></slot>
+      </div>
+    `;
+  }
+};
+ae.styles = [
+  p.styles,
+  w(Bt)
+];
+Xe([
+  Ve()
+], ae.prototype, "_defaultSlotNodes", 2);
+ae = Xe([
+  v("ucds-chip-group")
+], ae);
+const Kt = ':host{position:relative;display:block}.dropdown-wrapper{display:flex;flex-direction:column;gap:8px;align-items:start}.dropdown,.menu,.toggle,.dropdown-wrapper{min-width:115px;max-width:var(--ucds-form-element-maxwidth);width:var(--ucds-form-element-width)}.dropdown{position:relative}.toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;height:48px;padding:0 var(--ucds-form-element-horizontal-padding);font-family:var(--ucds-font-proxima-nova-family);font-size:var(--ucds-font-base-size);border:var(--ucds-color-forms-input-border-rest) solid var(--ucds-form-element-border-width);border-radius:var(--ucds-form-element-border-radius);background-color:var(--ucds-color-forms-input-background-rest)}.toggle:focus{outline:var(--ucds-color-action-focus) 2px solid;outline-offset:2px}.toggle .selected-label-wrapper{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toggle ucds-icon{color:var(--ucds-color-action-rest);transition:transform .5s ease}.toggle.error{background-color:var(--ucds-color-feedback-error-background-light);border-color:var(--ucds-color-feedback-error-light)}.toggle:hover{border-color:var(--ucds-color-forms-input-border-hover);cursor:pointer}.toggle.disabled{border-color:var(--ucds-color-forms-input-border-disabled);color:var(--ucds-color-text-disabled);cursor:not-allowed;pointer-events:none}.toggle.disabled ucds-icon{color:var(--ucds-color-forms-input-element-disabled)}.menu{position:absolute;background:var(--ucds-color-forms-input-background-rest);border:var(--ucds-color-forms-input-border-rest) solid var(--ucds-form-element-border-width);border-radius:var(--ucds-form-element-border-radius);display:none;cursor:pointer;list-style:none;margin:0;padding:12px;flex-direction:column;gap:8px;overflow-y:auto;z-index:100;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}:host([open]) .menu{display:flex}:host([open]) ucds-icon{transform:rotateX(180deg)}:host([data-open-direction="up"]) .menu{bottom:calc(100% + 8px)}:host([data-open-direction="down"]) .menu{top:calc(100% + 8px)}';
+var Wt = Object.defineProperty, Gt = Object.getOwnPropertyDescriptor, $ = (e, t, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? Gt(t, r) : t, s = e.length - 1, n; s >= 0; s--)
+    (n = e[s]) && (o = (i ? n(t, r, o) : n(o)) || o);
+  return i && o && Wt(t, r, o), o;
+};
+let m = class extends p {
+  // == Constructor ==
+  constructor() {
+    super(), this.initialValue = "", this.initialLabel = "", this._isOutsideClickListenerAttached = !1, this.scrollHandler = () => this._adjustDropdownDirection(), this.resizeObserver = new ResizeObserver(() => this._adjustDropdownDirection()), this.errorText = "", this.inputId = "", this.label = "", this.name = "", this.selectedLabel = "- Select -", this.disabled = !1, this.error = !1, this.open = !1, this.required = !1, this.activeIndex = -1, this._value = "", this.internals = this.attachInternals();
+  }
+  // == Accessors ==
+  /** Returns the current value of the dropdown. */
+  get value() {
+    return this._value;
+  }
+  /** Updates the value, triggers reactivity and form value update. */
+  set value(e) {
+    const t = this._value;
+    this._value = e, this.internals.setFormValue(this._value), this.requestUpdate("value", t);
+  }
+  // == Lifecycle methods ==
+  connectedCallback() {
+    super.connectedCallback && super.connectedCallback(), this.addEventListener("keydown", this._handleKeydown), this._boundOutsideClickHandler = this._handleOutsideClick.bind(this);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback && super.disconnectedCallback(), this.removeEventListener("keydown", this._handleKeydown), this._removeOutsideClickListener();
+  }
+  firstUpdated() {
+    const e = this.items.find((t) => t.hasAttribute("selected"));
+    queueMicrotask(() => {
+      var t;
+      !this.value && e ? (this.initialValue = e.value, this.initialLabel = (t = e.textContent) == null ? void 0 : t.trim(), this.value = this.initialValue, this.selectedLabel = this.initialLabel, this.activeIndex = this.items.indexOf(e)) : (this.initialValue = "", this.initialLabel = this.selectedLabel), this._syncSelectedItem();
+    });
+  }
+  // == Event handlers ==
+  /** Handles keyboard navigation and interaction. */
+  _handleKeydown(e) {
+    var r, i;
+    const t = (r = this.shadowRoot) == null ? void 0 : r.querySelector(".toggle");
+    if (!this.open) {
+      if (["ArrowDown", "ArrowUp", " "].includes(e.key)) {
+        this._toggleMenu();
+        const o = this.items.findIndex((s) => s.hasAttribute("selected"));
+        this.activeIndex = o >= 0 ? o : 0, this.updateComplete.then(() => this._focusActiveItem()), e.preventDefault(), e.stopImmediatePropagation();
+      } else if (["ArrowLeft", "ArrowRight"].includes(e.key)) {
+        e.preventDefault(), e.stopImmediatePropagation();
+        const o = this.items.find((d) => d.hasAttribute("selected")), s = o ? this.items.indexOf(o) : -1;
+        let n = s;
+        e.key === "ArrowLeft" ? n = Math.max(s - 1, 0) : e.key === "ArrowRight" && (n = Math.min(s + 1, this.items.length - 1)), n !== this.activeIndex && (this.activeIndex = n, this.value = this.items[this.activeIndex].value, this.selectedLabel = (i = this.items[this.activeIndex].textContent) == null ? void 0 : i.trim(), this._syncSelectedItem(), this.dispatchEvent(new CustomEvent("change", {
+          detail: { value: this.value, selectedLabel: this.selectedLabel },
+          bubbles: !0,
+          composed: !0
+        })));
+      }
+      return;
+    }
+    switch (e.key) {
+      case "ArrowDown":
+        e.preventDefault(), this.activeIndex = Math.min(this.activeIndex + 1, this.items.length - 1), this._focusActiveItem();
+        break;
+      case "ArrowUp":
+        e.preventDefault(), this.activeIndex = Math.max(this.activeIndex - 1, 0), this._focusActiveItem();
+        break;
+      case "Escape":
+        this._toggleMenu(), t == null || t.focus();
+        break;
+    }
+  }
+  /** Handles selection of an item via custom `dropdown-select` event. */
+  _handleSelection(e) {
+    this.value = e.detail.value, this.selectedLabel = e.detail.selectedLabel, this._syncSelectedItem(), queueMicrotask(() => {
+      var i;
+      const t = this.items.find((o) => o.hasAttribute("selected"));
+      this.activeIndex = this.items.indexOf(t), this._toggleMenu();
+      const r = (i = this.shadowRoot) == null ? void 0 : i.querySelector(".toggle");
+      r == null || r.focus();
+    });
+  }
+  /** Closes the dropdown when clicking outside. */
+  _handleOutsideClick(e) {
+    var t;
+    if (this.open) {
+      const r = e.composedPath(), i = (t = this.shadowRoot) == null ? void 0 : t.querySelector(".menu");
+      (!i || !r.includes(i)) && (this.open = !1, this._removeOutsideClickListener());
+    }
+  }
+  // == Form-associated methods ==
+  /** Called when parent form is reset. */
+  formResetCallback() {
+    var t;
+    this.value = this.initialValue;
+    const e = this.items.find((r) => r.value === this.initialValue);
+    e ? (this.selectedLabel = (t = e.textContent) == null ? void 0 : t.trim(), this.activeIndex = this.items.indexOf(e)) : (this.selectedLabel = this.initialLabel, this.activeIndex = -1), this._syncSelectedItem();
+  }
+  /** Called when form state is restored. */
+  formStateRestoreCallback(e) {
+    var r;
+    const t = this.items.find((i) => i.value === e);
+    t ? (this.selectedLabel = (r = t.textContent) == null ? void 0 : r.trim(), this.activeIndex = this.items.indexOf(t), this._syncSelectedItem(), this.value = e) : console.warn("No matching item found during restore");
+  }
+  // == Private methods ==
+  /** Opens or closes the dropdown. */
+  _toggleMenu() {
+    this.disabled || (this.open = !this.open), this.open ? (this._adjustDropdownDirection(), window.addEventListener("scroll", this.scrollHandler, !0), window.addEventListener("resize", this.scrollHandler), this.resizeObserver.observe(this), this._isOutsideClickListenerAttached || setTimeout(() => {
+      document.addEventListener("click", this._boundOutsideClickHandler), this._isOutsideClickListenerAttached = !0;
+    }, 0)) : (this._removeOutsideClickListener(), window.removeEventListener("scroll", this.scrollHandler, !0), window.removeEventListener("resize", this.scrollHandler), this.resizeObserver.disconnect());
+  }
+  /** Marks selected item visually based on value. */
+  _syncSelectedItem() {
+    this.items.forEach((e) => {
+      const t = e;
+      t.selected = t.value === this.value;
+    });
+  }
+  /** Determines if dropdown should open upward or downward based on viewport space. */
+  _adjustDropdownDirection() {
+    var n, d;
+    const t = ((n = this.shadowRoot) == null ? void 0 : n.querySelector(".dropdown")).getBoundingClientRect(), r = t.top, i = window.innerHeight - t.bottom, o = i >= r ? "down" : "up";
+    this.setAttribute("data-open-direction", o);
+    const s = (d = this.shadowRoot) == null ? void 0 : d.querySelector(".menu");
+    if (s) {
+      const a = o === "down" ? i - 16 : r - 16;
+      s.style.maxHeight = `${a}px`;
+    }
+  }
+  /** Focuses the currently active item (for keyboard nav). */
+  _focusActiveItem() {
+    var e, t;
+    if (this.items.length > 0 && this.activeIndex > -1) {
+      const r = (t = (e = this.items[this.activeIndex]) == null ? void 0 : e.shadowRoot) == null ? void 0 : t.querySelector(".dropdown-item");
+      r == null || r.focus();
+    }
+  }
+  /** Helper to remove the outside click handler and update _isOutsideClickListenerAttached at the same time. */
+  _removeOutsideClickListener() {
+    this._isOutsideClickListenerAttached && (document.removeEventListener("click", this._boundOutsideClickHandler), this._isOutsideClickListenerAttached = !1);
+  }
+  // == Render ==
+  render() {
+    const e = {
+      disabled: this.disabled,
+      error: this.error
+    };
+    return h`
+      <div class="dropdown-wrapper">
+        ${this.label ? h`
+          <form-label id="${this.inputId}-label" for="${this.inputId}" text="${this.label}" ?required="${this.required}" ?disabled="${this.disabled}"></form-label>` : c}
+        <div class="dropdown">
+          <div class="toggle ${Ge(e)}"
+               aria-disabled="${this.disabled ? !0 : c}"
+               role="button"
+               tabindex="${this.disabled ? "-1" : "0"}"
+               @click="${this._toggleMenu}"
+               @keydown=${this._handleKeydown}
+               aria-expanded="${this.open}">
+            <div class="selected-label-wrapper">
+              ${this.selectedLabel}
+            </div>
+            <ucds-icon name="chevronDown" size="24"></ucds-icon>
+          </div>
+          <div class="menu" ?open="${this.open}" role="listbox" aria-labelledby="${this.inputId}-label" @dropdown-select=${this._handleSelection}>
+            <slot></slot>
+          </div>
+        </div>
+        ${this.error ? h`<form-error-message text="${this.errorText}"></form-error-message>` : c}
+      </div>
+    `;
+  }
+};
+m.styles = [
+  p.styles,
+  w(Kt)
+];
+m.formAssociated = !0;
+$([
+  l({ type: String, attribute: "error-text" })
+], m.prototype, "errorText", 2);
+$([
+  l({ type: String, attribute: "input-id" })
+], m.prototype, "inputId", 2);
+$([
+  l({ type: String })
+], m.prototype, "label", 2);
+$([
+  l({ type: String, reflect: !0 })
+], m.prototype, "name", 2);
+$([
+  l({ type: String, attribute: "selected-label" })
+], m.prototype, "selectedLabel", 2);
+$([
+  l({ type: Boolean, reflect: !0 })
+], m.prototype, "disabled", 2);
+$([
+  l({ type: Boolean, reflect: !0 })
+], m.prototype, "error", 2);
+$([
+  l({ type: Boolean, reflect: !0 })
+], m.prototype, "open", 2);
+$([
+  l({ type: Boolean, reflect: !0 })
+], m.prototype, "required", 2);
+$([
+  _e()
+], m.prototype, "activeIndex", 2);
+$([
+  _e()
+], m.prototype, "_value", 2);
+$([
+  Ve({ selector: "ucds-dropdown-item" })
+], m.prototype, "items", 2);
+m = $([
+  v("ucds-dropdown")
+], m);
+const Jt = ".dropdown-item{display:flex;gap:4px;align-items:center;padding:10px 6px 10px 26px;border-radius:8px}.dropdown-item ucds-icon{display:none}.dropdown-item .dropdown-item-text{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-item:hover,.dropdown-item:active,.dropdown-item:focus{background-color:var(--ucds-color-palette-berry-900);outline:none}.dropdown-item.selected{padding-left:6px}.dropdown-item.selected ucds-icon{display:inline-flex}";
+var Xt = Object.defineProperty, Zt = Object.getOwnPropertyDescriptor, Ae = (e, t, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? Zt(t, r) : t, s = e.length - 1, n; s >= 0; s--)
+    (n = e[s]) && (o = (i ? n(t, r, o) : n(o)) || o);
+  return i && o && Xt(t, r, o), o;
+};
+let Y = class extends p {
+  constructor() {
+    super(...arguments), this.value = "", this.selected = !1;
+  }
+  // == Private methods ==
+  /** Called when the item is clicked or activated via keyboard. */
+  _select() {
+    var t;
+    const e = (t = this.textContent) == null ? void 0 : t.trim();
+    this.selected = !0, this.dispatchEvent(new CustomEvent("dropdown-select", {
+      detail: { value: this.value, selectedLabel: e },
+      bubbles: !0,
+      composed: !0
+    }));
+  }
+  /** Handle Enter, Tab, or Esc key to activate the item. */
+  _handleKeydown(e) {
+    (e.key === "Enter" || e.key === "Tab" || e.key === "Esc") && (e.preventDefault(), this._select());
+  }
+  // == Render ==
+  render() {
+    return h`
+      <div class="dropdown-item ${this.selected ? "selected" : ""}"
+        aria-selected="${this.selected ? !0 : c}"
+        role="option"
+        tabindex="-1"
+        @click=${this._select}
+        @keydown=${this._handleKeydown}
+      >
+        <ucds-icon name="checkmark" size="16" color="berry"></ucds-icon>
+        <span class="dropdown-item-text"><slot></slot></span>
+      </div>
+    `;
+  }
+};
+Y.styles = [
+  p.styles,
+  w(Jt)
+];
+Ae([
+  l({ type: String })
+], Y.prototype, "value", 2);
+Ae([
+  l({ type: Boolean, reflect: !0 })
+], Y.prototype, "selected", 2);
+Y = Ae([
+  v("ucds-dropdown-item")
+], Y);
+const Yt = ":host{display:block}.form-fieldset{width:var(--ucds-form-element-width);max-width:var(--ucds-form-element-maxwidth);display:flex;flex-direction:column;gap:var(--ucds-form-component-intra-spacing)}.form-fieldset fieldset{border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--ucds-form-component-inter-spacing)}.form-fieldset fieldset legend{font-weight:var(--ucds-font-base-weight-bold);margin-bottom:var(--ucds-form-component-inter-spacing);padding:0}.form-fieldset fieldset legend:disabled{color:var(--ucds-color-text-disabled)}.form-fieldset fieldset:not(:last-child){margin-bottom:var(--ucds-form-component-intra-spacing)}";
+var Qt = Object.defineProperty, er = Object.getOwnPropertyDescriptor, z = (e, t, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? er(t, r) : t, s = e.length - 1, n; s >= 0; s--)
+    (n = e[s]) && (o = (i ? n(t, r, o) : n(o)) || o);
+  return i && o && Qt(t, r, o), o;
+};
+let O = class extends p {
+  constructor() {
+    super(...arguments), this.label = "", this.disabled = !1, this.required = !1, this.error = !1;
+  }
+  // Iterate over children (checkboxes/radios) and update disabled/errored states.
+  _updateChildren() {
+    if (this.hasChildNodes())
+      for (const e of this.children)
+        e.disabled = this.disabled, e.errors = this.error, e.error = !1, e.required = !1;
+  }
+  // Catch & handle any updates to the fieldset disabled/errored states.
+  update(e) {
+    super.update(e), (e.has("disabled") || e.has("error")) && this._updateChildren();
+  }
+  // Initialize component and warn if required properties have not been set.
+  firstUpdated(e) {
+    super.firstUpdated(e), this.label || console.error(`${this.localName}: Property 'label' is required and was not set.`);
+  }
+  render() {
+    return h`
+      <div class="form-fieldset">
+        <fieldset ?error=${this.error} ?disabled=${this.disabled}>
+          ${this.label ? h`<legend ?disabled=${this.disabled}>${this.label}${this.required ? h`${y.requiredAsteriskTemplate()}` : c}</legend>` : c}
+          <slot>Please provide at least two &lt;ucds-radio&gt; or &lt;ucds-checkbox&gt; child elements</slot>
+        </fieldset>
+        ${this.error && !this.disabled ? h`<form-error-message text="${this.errorText}"></form-error-message>` : c}
+        ${this.helpText ? h`<form-help-message text="${this.helpText}" ?disabled="${this.disabled}"></form-help-message>` : c}
+      </div>
+    `;
+  }
+};
+O.styles = [
+  p.styles,
+  y.styles,
+  w(Yt)
+];
+z([
+  l({ type: String })
+], O.prototype, "label", 2);
+z([
+  l({ type: Boolean, reflect: !0 })
+], O.prototype, "disabled", 2);
+z([
+  l({ type: Boolean, reflect: !0 })
+], O.prototype, "required", 2);
+z([
+  l({ type: Boolean, reflect: !0 })
+], O.prototype, "error", 2);
+z([
+  l({ type: String, attribute: "error-text" })
+], O.prototype, "errorText", 2);
+z([
+  l({ type: String, attribute: "help-text" })
+], O.prototype, "helpText", 2);
+O = z([
+  v("ucds-fieldset")
+], O);
+const tr = ':host{display:block}.form-radio{display:flex;flex-direction:column;gap:var(--ucds-form-component-intra-spacing);width:var(--ucds-form-element-width);max-width:var(--ucds-form-element-maxwidth);--formRadioCheckboxHeight: 1.25rem;--checkmarkHeight: .625rem;--radioHeight: .625rem}.form-radio input[type=checkbox],.form-radio input[type=radio]{position:absolute;opacity:0}.form-radio input[type=checkbox]+label,.form-radio input[type=radio]+label{display:flex;position:relative;width:100%;max-width:555px;padding-left:28px;line-height:var(--formRadioCheckboxHeight);cursor:pointer}.form-radio input[type=checkbox]+label .radio-control,.form-radio input[type=radio]+label .radio-control{content:"";display:block;position:absolute;width:var(--formRadioCheckboxHeight);height:var(--formRadioCheckboxHeight);top:0;left:0;background-color:var(--ucds-color-palette-white);border:var(--ucds-form-element-border-width) solid var(--ucds-color-forms-input-border-rest);transition:background-color .5s ease,border-color .5s ease}.form-radio input[type=checkbox]:hover+label .radio-control,.form-radio input[type=radio]:hover+label .radio-control{border-color:var(--ucds-color-forms-input-border-hover)}.form-radio input[type=checkbox]:active:not(:disabled)+label .radio-control,.form-radio input[type=checkbox]:focus:not(:disabled)+label .radio-control,.form-radio input[type=radio]:active:not(:disabled)+label .radio-control,.form-radio input[type=radio]:focus:not(:disabled)+label .radio-control{outline:var(--ucds-color-action-focus) 2px solid;outline-offset:2px}.form-radio input[type=checkbox]:checked+label .radio-control,.form-radio input[type=radio]:checked+label .radio-control{background-color:var(--ucds-color-forms-input-background-selected);border-color:var(--ucds-color-forms-input-border-selected)}.form-radio input[type=checkbox]:checked+label .radio-control ucds-icon,.form-radio input[type=radio]:checked+label .radio-control ucds-icon{transform:scale(75%);color:var(--ucds-color-icon-primary-inverse)}.form-radio input[type=checkbox]:disabled+label,.form-radio input[type=radio]:disabled+label{color:var(--ucds-color-text-disabled);cursor:default}.form-radio input[type=checkbox]:disabled+label .radio-control,.form-radio input[type=radio]:disabled+label .radio-control{background-color:transparent;border-color:var(--ucds-color-forms-input-border-disabled)}.form-radio input[type=checkbox]:disabled:checked+label .radio-control,.form-radio input[type=radio]:disabled:checked+label .radio-control{background-color:var(--ucds-color-forms-input-background-disabled);border-color:var(--ucds-color-forms-input-border-disabled)}.form-radio input[type=checkbox][error]:not(:disabled)+label .radio-control,.form-radio input[type=checkbox][errors]:not(:disabled)+label .radio-control,.form-radio input[type=radio][error]:not(:disabled)+label .radio-control,.form-radio input[type=radio][errors]:not(:disabled)+label .radio-control{background-color:var(--ucds-color-feedback-error-background-light);border-color:var(--ucds-color-feedback-error-light)}.form-radio input[type=checkbox][error]:not(:disabled)+label .radio-control ucds-icon,.form-radio input[type=checkbox][errors]:not(:disabled)+label .radio-control ucds-icon,.form-radio input[type=radio][error]:not(:disabled)+label .radio-control ucds-icon,.form-radio input[type=radio][errors]:not(:disabled)+label .radio-control ucds-icon{color:var(--ucds-color-feedback-error-light)}.form-radio input[type=radio]+label .radio-control{border-radius:50%}';
+var rr = Object.defineProperty, or = Object.getOwnPropertyDescriptor, A = (e, t, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? or(t, r) : t, s = e.length - 1, n; s >= 0; s--)
+    (n = e[s]) && (o = (i ? n(t, r, o) : n(o)) || o);
+  return i && o && rr(t, r, o), o;
+};
+let x = class extends p {
+  constructor() {
+    super(), this.radioID = "radio", this.radioName = "", this.value = "", this.checked = !1, this.disabled = !1, this.required = !1, this.errors = !1, this.error = !1, this.internals = this.attachInternals();
+  }
+  // Iterate over sibling radios and reset form state.
+  _uncheckOtherRadios() {
+    var r;
+    if (!this.radioName) {
+      console.error(`${this.localName}: Property 'name' is required for radio button group functionality and was not set.`);
+      return;
+    }
+    const e = this.form || this.getRootNode(), t = Array.from(e.querySelectorAll(this.localName));
+    for (const i of t)
+      i !== this && i.form === this.form && i.radioName === this.radioName && (i.checked = !1, (r = i._updateInternals) == null || r.call(i));
+  }
+  // Update the internal form value.
+  _updateInternals() {
+    var t;
+    this.internals.setFormValue(this.checked ? this.value : null, this.checked ? "true" : ""), this.setAttribute("aria-checked", String(this.checked));
+    const e = (t = this.shadowRoot) == null ? void 0 : t.querySelector("input");
+    e.checked = this.checked;
+  }
+  // Handle change event.
+  _handleChange({ target: e }) {
+    const t = e;
+    this.checked = t.checked, this._updateInternals(), this._uncheckOtherRadios();
+  }
+  // Initialize component and warn if required properties have not been set.
+  firstUpdated(e) {
+    super.firstUpdated(e), this.form = this.internals.form, this._updateInternals(), this.radioName || console.error(`${this.localName}: Property 'name' is required and was not set.`), this.value || console.error(`${this.localName}: Property 'value' is required and was not set.`);
+  }
+  // Catch non-click changes.
+  update(e) {
+    super.update(e), e.has("checked") && e.get("checked") !== void 0 && this._updateInternals();
+  }
+  // Reset form state.
+  formResetCallback() {
+    this.checked = !1, this._updateInternals();
+  }
+  formStateRestoreCallback(e) {
+    this.checked = String(e).toLowerCase() === "true", this.checked && this._uncheckOtherRadios();
+  }
+  render() {
+    return h`
+      <div class="form-radio">
+        <input 
+          type="radio" 
+          id="${this.radioID}"
+          name="${this.radioName}"
+          .value="${this.value}"
+          ?checked="${this.checked}"
+          ?disabled="${this.disabled}"
+          ?required="${this.required}"
+          ?errors="${this.errors}"
+          ?error="${this.error}"
+          @change=${this._handleChange}
+        />
+        <label for="${this.radioID}" ?disabled=${this.disabled}>
+          <span class="radio-control">
+            ${this.checked ? h`<ucds-icon name="dot" size="16"></ucds-icon>` : ""}
+          </span>
+          <span><slot>Radio Label</slot>${this.required ? h`${y.requiredAsteriskTemplate()}` : c}</span>
+        </label>
+        ${this.error && !this.disabled ? h`<form-error-message text="${this.errorText}"></form-error-message>` : c}
+        ${this.helpText ? h`<form-help-message text="${this.helpText}" ?disabled="${this.disabled}"></form-help-message>` : c}
+      </div>
+    `;
+  }
+};
+x.styles = [
+  p.styles,
+  y.styles,
+  w(tr)
+];
+x.formAssociated = !0;
+A([
+  l({ type: String, attribute: "input-id" })
+], x.prototype, "radioID", 2);
+A([
+  l({ type: String, attribute: "name" })
+], x.prototype, "radioName", 2);
+A([
+  l({ type: String })
+], x.prototype, "value", 2);
+A([
+  l({ type: Boolean, reflect: !0 })
+], x.prototype, "checked", 2);
+A([
+  l({ type: Boolean, reflect: !0 })
+], x.prototype, "disabled", 2);
+A([
+  l({ type: Boolean, reflect: !0 })
+], x.prototype, "required", 2);
+A([
+  l({ type: Boolean, reflect: !0 })
+], x.prototype, "errors", 2);
+A([
+  l({ type: Boolean, reflect: !0 })
+], x.prototype, "error", 2);
+A([
+  l({ type: String, attribute: "error-text" })
+], x.prototype, "errorText", 2);
+A([
+  l({ type: String, attribute: "help-text" })
+], x.prototype, "helpText", 2);
+x = A([
+  v("ucds-radio")
+], x);
+const ir = ":host{display:block}.form-text{display:flex;flex-direction:column;gap:var(--ucds-form-component-intra-spacing);align-items:start;max-width:var(--ucds-form-element-maxwidth)}.form-text input{display:block;height:var(--ucds-form-element-height);width:var(--ucds-form-element-width);padding-left:var(--ucds-form-element-horizontal-padding);padding-right:var(--ucds-form-element-horizontal-padding);line-height:16px;background-color:var(--ucds-color-forms-input-background-rest);border:var(--ucds-form-element-border-width) solid var(--ucds-color-forms-input-border-rest);border-radius:var(--ucds-form-element-border-radius);transition:border-color .5s ease;text-align:left}.form-text input::-moz-placeholder{font-style:italic;color:var(--ucds-color-text-secondary)}.form-text input::placeholder{font-style:italic;color:var(--ucds-color-text-secondary)}.form-text input[error]{background-color:var(--ucds-color-feedback-error-background-light);border-color:var(--ucds-color-feedback-error-light)}.form-text input:hover{border-color:var(--ucds-color-forms-input-border-hover)}.form-text input:focus{outline:var(--ucds-color-action-focus) 2px solid;outline-offset:2px}.form-text.disabled input{color:var(--ucds-color-text-disabled);background-color:transparent;border-color:var(--ucds-color-forms-input-border-disabled)}.form-text.disabled input::-moz-placeholder{color:var(--ucds-color-text-disabled)}.form-text.disabled input::placeholder{color:var(--ucds-color-text-disabled)}";
+var sr = Object.defineProperty, nr = Object.getOwnPropertyDescriptor, P = (e, t, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? nr(t, r) : t, s = e.length - 1, n; s >= 0; s--)
+    (n = e[s]) && (o = (i ? n(t, r, o) : n(o)) || o);
+  return i && o && sr(t, r, o), o;
+};
+let _ = class extends p {
+  constructor() {
+    super(), this.errorText = "", this.helpText = "", this.inputId = "", this.label = "", this._value = "", this.disabled = !1, this.error = !1, this.required = !1, this.internals = this.attachInternals();
+  }
+  get value() {
+    return this._value;
+  }
+  set value(e) {
+    const t = this._value;
+    e !== t && (this._value = e, this.requestUpdate("value", t), this.internals.setFormValue(this._value));
+  }
+  updated(e) {
+    e.has("label") && !this.label && console.error("Property 'label' is required and was not set.");
+  }
+  handleInput(e) {
+    const t = e.target;
+    this.value = t.value;
+  }
+  formResetCallback() {
+    this.value = "";
+  }
+  formStateRestoreCallback(e) {
+    this.value = e;
+  }
+  checkValidity() {
+    return this.internals.checkValidity();
+  }
+  reportValidity() {
+    return this.internals.reportValidity();
+  }
+  render() {
+    return h`
+      <div class="form-text ${this.disabled ? "disabled" : ""} ${this.required ? "required" : ""}">
+        ${this.label ? h`<form-label for="${this.inputId}" text="${this.label}" ?required="${this.required}" ?disabled="${this.disabled}"></form-label>` : c}
+        <input
+          type="text" 
+          id="${this.inputId}"
+          ?disabled=${this.disabled}
+          ?required=${this.required}
+          ?error=${this.error}
+          .value="${this.value}"
+          placeholder="${this.placeholder ?? c}"
+          @input=${this.handleInput}>
+        ${this.error ? h`<form-error-message text="${this.errorText}"></form-error-message>` : c}
+        ${this.helpText ? h`<form-help-message text="${this.helpText}" ?disabled="${this.disabled}"></form-help-message>` : c}
+      </div>
+    `;
+  }
+};
+_.styles = [
+  p.styles,
+  w(ir)
+];
+_.formAssociated = !0;
+P([
+  l({ type: String, attribute: "error-text" })
+], _.prototype, "errorText", 2);
+P([
+  l({ type: String, attribute: "help-text" })
+], _.prototype, "helpText", 2);
+P([
+  l({ type: String, attribute: "input-id" })
+], _.prototype, "inputId", 2);
+P([
+  l({ type: String })
+], _.prototype, "label", 2);
+P([
+  l({ type: String, reflect: !0 })
+], _.prototype, "placeholder", 2);
+P([
+  l({ type: Boolean, reflect: !0 })
+], _.prototype, "disabled", 2);
+P([
+  l({ type: Boolean, reflect: !0 })
+], _.prototype, "error", 2);
+P([
+  l({ type: Boolean, reflect: !0 })
+], _.prototype, "required", 2);
+_ = P([
+  v("ucds-text-input")
+], _);
+export {
+  N as Button,
+  X as ButtonGroup,
+  g as Checkbox,
+  B as Chip,
+  ae as ChipGroup,
+  m as Dropdown,
+  Y as DropdownItem,
+  O as Fieldset,
+  S as Icon,
+  x as Radio,
+  _ as TextInput
+};