@telia-ace/knowledge-widget-types-grid 1.0.54 → 1.1.1-rc.2

package/index-a20f39e4.mjs

@@ -0,0 +1,1709 @@
+var Ye = Object.defineProperty;
+var je = (t, e, o) => e in t ? Ye(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
+var _ = (t, e, o) => (je(t, typeof e != "symbol" ? e + "" : e, o), o);
+import { a9 as Oe, aa as C, ab as Re, o as Q, l as Le, ac as re, ad as se, ae as Y, af as J, ag as ne, ah as le, ai as M, aj as F, ak as E, al as me, am as U, an as X, ao as Ve, ap as x, aq as j, ar as ce, as as Be, at as G, au as He, av as P, aw as de, ax as fe, ay as _e, az as qe } from "./index-4a7683d6.mjs";
+import { jsx as c, jsxs as y, Fragment as Ge } from "react/jsx-runtime";
+import { css as g, keyframes as he } from "@emotion/react";
+import { useState as ge, useEffect as Z, lazy as Je, forwardRef as L, useCallback as A, useMemo as Ue, useRef as Ze, useImperativeHandle as Ke } from "react";
+import "react-dom";
+import "react-transition-group";
+import m from "@emotion/styled";
+import { c as O } from "./create-params-4e652cc7.mjs";
+import "react-router-dom";
+import "react-router";
+const ee = (t) => {
+  if (!t)
+    return "";
+  const e = [
+    { from: /[äæǽ]+/gi, to: "ae" },
+    { from: /[öœ]+/gi, to: "oe" },
+    { from: /[ü]+/gi, to: "ue" },
+    { from: /[Ä]+/gi, to: "Ae" },
+    { from: /[Ü]+/gi, to: "Ue" },
+    { from: /[Ö]+/gi, to: "Oe" },
+    { from: /[ÀÁÂÃÄÅǺĀĂĄǍΑΆẢẠẦẪẨẬẰẮẴẲẶА]+/gi, to: "A" },
+    { from: /[àáâãåǻāăąǎªαάảạầấẫẩậằắẵẳặа]+/gi, to: "a" },
+    { from: /[Б]+/gi, to: "B" },
+    { from: /[б]+/gi, to: "b" },
+    { from: /[ÇĆĈĊČ]+/gi, to: "C" },
+    { from: /[çćĉċč]+/gi, to: "c" },
+    { from: /[Д]+/gi, to: "D" },
+    { from: /[д]+/gi, to: "d" },
+    { from: /[ÐĎĐΔ]+/gi, to: "Dj" },
+    { from: /[ðďđδ]+/gi, to: "dj" },
+    { from: /[ÈÉÊËĒĔĖĘĚΕΈẼẺẸỀẾỄỂỆЕЭ]+/gi, to: "E" },
+    { from: /[èéêëēĕėęěέεẽẻẹềếễểệеэ]+/gi, to: "e" },
+    { from: /[Ф]+/gi, to: "F" },
+    { from: /[ф]+/gi, to: "f" },
+    { from: /[ĜĞĠĢΓГҐ]+/gi, to: "G" },
+    { from: /[ĝğġģγгґ]+/gi, to: "g" },
+    { from: /[ĤĦ]+/gi, to: "H" },
+    { from: /[ĥħ]+/gi, to: "h" },
+    { from: /[ÌÍÎÏĨĪĬǏĮİΗΉΊΙΪỈỊИЫ]+/gi, to: "I" },
+    { from: /[ìíîïĩīĭǐįıηήίιϊỉịиыї]+/gi, to: "i" },
+    { from: /[Ĵ]+/gi, to: "J" },
+    { from: /[ĵ]+/gi, to: "j" },
+    { from: /[ĶΚК]+/gi, to: "K" },
+    { from: /[ķκк]+/gi, to: "k" },
+    { from: /[ĹĻĽĿŁΛЛ]+/gi, to: "L" },
+    { from: /[ĺļľŀłλл]+/gi, to: "l" },
+    { from: /[М]+/gi, to: "M" },
+    { from: /[м]+/gi, to: "m" },
+    { from: /[ÑŃŅŇΝН]+/gi, to: "N" },
+    { from: /[ñńņňʼnνн]+/gi, to: "n" },
+    { from: /[ÒÓÔÕŌŎǑŐƠØǾΟΌΩΏỎỌỒỐỖỔỘỜỚỠỞỢО]+/gi, to: "O" },
+    { from: /[òóôõōŏǒőơøǿºοόωώỏọồốỗổộờớỡởợо]+/gi, to: "o" },
+    { from: /[П]+/gi, to: "P" },
+    { from: /[п]+/gi, to: "p" },
+    { from: /[ŔŖŘΡР]+/gi, to: "R" },
+    { from: /[ŕŗřρр]+/gi, to: "r" },
+    { from: /[ŚŜŞȘŠΣС]+/gi, to: "S" },
+    { from: /[śŝşșšſσςс]+/gi, to: "s" },
+    { from: /[ȚŢŤŦτТ]+/gi, to: "T" },
+    { from: /[țţťŧт]+/gi, to: "t" },
+    { from: /[ÙÚÛŨŪŬŮŰŲƯǓǕǗǙǛŨỦỤỪỨỮỬỰУ]+/gi, to: "U" },
+    { from: /[ùúûũūŭůűųưǔǖǘǚǜυύϋủụừứữửựу]+/gi, to: "u" },
+    { from: /[ÝŸŶΥΎΫỲỸỶỴЙ]+/gi, to: "Y" },
+    { from: /[ýÿŷỳỹỷỵй]+/gi, to: "y" },
+    { from: /[В]+/gi, to: "V" },
+    { from: /[в]+/gi, to: "v" },
+    { from: /[Ŵ]+/gi, to: "W" },
+    { from: /[ŵ]+/gi, to: "w" },
+    { from: /[ŹŻŽΖЗ]+/gi, to: "Z" },
+    { from: /[źżžζз]+/gi, to: "z" },
+    { from: /[ÆǼ]+/gi, to: "AE" },
+    { from: /[ß]+/gi, to: "ss" },
+    { from: /[IJ]+/gi, to: "IJ" },
+    { from: /[ij]+/gi, to: "ij" },
+    { from: /[Œ]+/gi, to: "OE" },
+    { from: /[ƒ]+/gi, to: "f" },
+    { from: /[ξ]+/gi, to: "ks" },
+    { from: /[π]+/gi, to: "p" },
+    { from: /[β]+/gi, to: "v" },
+    { from: /[μ]+/gi, to: "m" },
+    { from: /[ψ]+/gi, to: "ps" },
+    { from: /[Ё]+/gi, to: "Yo" },
+    { from: /[ё]+/gi, to: "yo" },
+    { from: /[Є]+/gi, to: "Ye" },
+    { from: /[є]+/gi, to: "ye" },
+    { from: /[Ї]+/gi, to: "Yi" },
+    { from: /[Ж]+/gi, to: "Zh" },
+    { from: /[ж]+/gi, to: "zh" },
+    { from: /[Х]+/gi, to: "Kh" },
+    { from: /[х]+/gi, to: "kh" },
+    { from: /[Ц]+/gi, to: "Ts" },
+    { from: /[ц]+/gi, to: "ts" },
+    { from: /[Ч]+/gi, to: "Ch" },
+    { from: /[ч]+/gi, to: "ch" },
+    { from: /[Ш]+/gi, to: "Sh" },
+    { from: /[ш]+/gi, to: "sh" },
+    { from: /[Щ]+/gi, to: "Shch" },
+    { from: /[щ]+/gi, to: "shch" },
+    { from: /[ЪъЬь]+/gi, to: "" },
+    { from: /[Ю]+/gi, to: "Yu" },
+    { from: /[ю]+/gi, to: "yu" },
+    { from: /[Я]+/gi, to: "Ya" },
+    { from: /[я]+/gi, to: "ya" }
+  ], o = /[^a-zA-Z0-9]+/g, i = /[-]$/;
+  let a = t;
+  for (const r in e)
+    e.hasOwnProperty(r) && e[r].from.test(t) && (a = a.replace(e[r].from, e[r].to));
+  return a = a.replace(o, "-"), a = a.replace(i, ""), a = a.toLowerCase(), a || "humany";
+}, We = (t) => {
+  let e;
+  t.split(",")[0].indexOf("base64") !== -1 ? e = atob(t.split(",")[1]) : e = decodeURI(t.split(",")[1]);
+  const o = t.split(",")[0].split(":")[1].split(";")[0], i = [];
+  for (let a = 0; a < e.length; a++)
+    i[a] = e.charCodeAt(a);
+  return new Blob([new Uint8Array(i)], { type: o });
+}, Qe = (t, e) => {
+  if (!t || !e)
+    return !0;
+  let o = e.parentNode, i = !1;
+  for (; o !== null; )
+    o === t && (i = !0), o = o.parentNode;
+  return i;
+}, ue = (t, e = {}, o = {}, i = () => {
+}) => {
+  t.properties && Object.keys(t.properties).forEach((a) => {
+    const r = {
+      schema: t.properties[a],
+      layout: e[a],
+      data: o[a]
+    }, n = { data: { options: (o["data:options"] || {})[a] } };
+    i(new Oe(a, r), n), typeof r.schema == "object" && ue(
+      r.schema,
+      r.layout,
+      r.data,
+      i
+    );
+  });
+};
+class Xe {
+  constructor(e) {
+    this.form = e;
+  }
+  findValue(e) {
+  }
+  traverse(e) {
+    const { schema: o, layout: i, data: a } = this.form;
+    ue(o, i, a, e);
+  }
+  export(e = !1) {
+    const o = new FormData(), i = {}, a = {};
+    return this.traverse((r, s) => {
+      switch (r.component) {
+        case "Name":
+        case "Address":
+        case "Fieldset":
+        case "Submit":
+          break;
+        case "File":
+          const { data: n } = s, { options: l } = n;
+          if (l) {
+            const { fileName: f } = l;
+            i[r.name] = f;
+          }
+          if (e)
+            a[r.name] = { component: r, extra: s };
+          else if (r.value) {
+            const f = s.data.options.fileName || r.name, d = We(r.value);
+            o.append(r.name, d, f);
+          }
+          break;
+        default:
+          i[r.name] = r.value;
+          break;
+      }
+    }), o.append("components", JSON.stringify(i)), { formData: o, values: i, excluded: a };
+  }
+}
+const et = () => {
+  const [t, e] = ge(!1);
+  return Z(() => {
+    const o = () => {
+      e(!1);
+    }, i = (a) => {
+      a.keyCode === 9 && e(!0);
+    };
+    return window.addEventListener("keydown", i), window.addEventListener("click", o), () => {
+      window.removeEventListener("keydown", i), window.removeEventListener("click", o);
+    };
+  }, []), t;
+};
+var pe = /* @__PURE__ */ ((t) => (t.HH_MM = "hh:mm", t.YYYY_MM_DD = "yyyy-mm-dd", t.YYYY_MM_DD_HH_MM = "yyyy-mm-dd hh:mm", t))(pe || {});
+const ye = ({ className: t = "", format: e = "hh:mm", timestamp: o }) => /* @__PURE__ */ c("span", { className: C(t, "humany-timestamp"), children: tt(o, e) }), te = (t) => `0${t}`.slice(-2);
+function tt(t, e) {
+  const o = new Date(t), i = o.toTimeString().split(" ")[0].split(":"), a = i.length > 1 ? `${i[0]}:${i[1]}` : i[0], r = o.getFullYear(), s = o.getMonth() + 1, n = o.getDate(), l = `${r}-${te(s)}-${te(n)}`;
+  return e === "yyyy-mm-dd" ? l : e === "hh:mm" ? a : `${l} ${a}`;
+}
+const ve = (t, e, o = !1) => t.getManyAsync("matchingClient", "router").then((i) => {
+  const { formData: a } = new Xe(e.body.form).export(o), { router: r, matchingClient: s } = i, { params: n } = r.getRouteData();
+  return s.customRequest(
+    `contactmethods/${e.id}${o ? "/validatedwithpayload" : ""}`,
+    "POST",
+    {
+      body: a,
+      configuration: {
+        guideId: e.body.guideId || n.guideId
+      }
+    }
+  );
+}), ot = (t, e) => ve(t, e, !0).then((o) => ({
+  valid: o.Validation.IsValid,
+  errors: o.Validation.Errors,
+  errorTypes: o.Validation.ErrorTypes
+})), it = (t, e) => ve(t, e, !0).then(
+  (o) => Re.fromLegacyForm(e.id, o.ContactMethod.Form).get()
+), at = (t, e) => t.getAsync("matchingClient").then((o) => {
+  o.completeContactMethod(e.id);
+}), rt = async (t, e) => {
+  const o = t.get(e.clientName);
+  let { description: i, disabled: a, onClick: r } = e;
+  if (o) {
+    const { handleClick: s, handleDescription: n, handleDisabled: l } = o;
+    typeof s == "function" && (r = await Promise.resolve(s(e))), typeof n == "function" && (i = await Promise.resolve(n(e))), typeof l == "function" && (a = await Promise.resolve(l(e)));
+  }
+  return Promise.resolve({
+    ...e,
+    description: i,
+    disabled: a,
+    onClick: r
+  });
+};
+class R {
+  constructor(e, o) {
+    _(this, "adapters", /* @__PURE__ */ new Map());
+    _(this, "subs", []);
+    if (this.container = e, this.componentPlatform = o, o) {
+      o.components().ofType("contact-list").select().actions.watch(
+        "contact-list.fetched",
+        async (s, n) => {
+          const { contactMethods: l } = s;
+          if (l) {
+            const f = Promise.all(
+              l.map(
+                (d) => this.handleAdapters(d)
+              )
+            );
+            await Promise.resolve(f).then((d) => {
+              s.contactMethods = d;
+            });
+          }
+          return n(s);
+        }
+      );
+      const a = o.components().ofType("guide").select();
+      a.actions.watch("guide.fetched", async (s, n) => {
+        const { contactMethods: l } = s;
+        if (l) {
+          const f = Promise.all(
+            l.map(
+              (d) => this.handleAdapters(d)
+            )
+          );
+          await Promise.resolve(f).then((d) => {
+            s.contactMethods = d;
+          });
+        }
+        return n(s);
+      }), a.actions.watch("guide.handover", async (s, n) => {
+        const { handoverContactMethods: l } = s;
+        if (l) {
+          const f = Promise.all(
+            l.map(
+              (d) => this.handleAdapters(d)
+            )
+          );
+          await Promise.resolve(f).then((d) => {
+            s.handoverContactMethods = d;
+          });
+        }
+        return n(s);
+      }), o.components().ofType("contact-method").select().actions.watch(
+        "contact-method.fetched",
+        async (s, n) => {
+          const { contactMethod: l } = s;
+          return l ? this.handleAdapters(l).then((f) => n({ ...s, contactMethod: f })) : n(s);
+        }
+      );
+    }
+  }
+  static create(e) {
+    return Q.getInstance(e).then((o) => new R(e, o));
+  }
+  handleAdapters(e) {
+    return rt(this.adapters, e);
+  }
+  static getInstance(e, o = "contactMethods") {
+    return Le(e)(() => e.getAsync(o).then((i) => {
+      let a = i;
+      return a || Q.getInstance(e).then((r) => (a = new R(
+        e,
+        r
+      ), e.registerAsync(o, () => a), a));
+    }));
+  }
+  track(e = {}, o) {
+    const { events: i } = this.container.get("$widget");
+    i.dispatch("tracking:service-client-response", {
+      type: o,
+      data: e
+    });
+  }
+  complete(e) {
+    const { id: o, title: i, clientName: a, expanded: r, body: s } = e;
+    this.track(
+      {
+        contactMethod: { id: o, title: i, expanded: r, type: a },
+        hasGuide: !!s.guideId
+      },
+      "contact-method-complete"
+      /* ContactMethodComplete */
+    );
+    const n = this.adapters.get(a);
+    if (n && n.onComplete)
+      return n.onComplete(e);
+  }
+  evaluate(e) {
+    const { clientName: o } = e, i = this.adapters.get(o);
+    return i && i.onEvaluate ? Promise.resolve(i.onEvaluate(e)) : Promise.resolve(e.body.form);
+  }
+  validate(e) {
+    const { id: o, title: i, clientName: a } = e, r = this.adapters.get(a);
+    return r && r.onValidate ? Promise.resolve(r.onValidate(e)).then(
+      (s) => {
+        this.track(
+          {
+            contactMethod: { id: o, title: i, type: a },
+            isValid: s.valid
+          },
+          "contact-method-validate"
+          /* ContactMethodValidate */
+        );
+        const { events: n } = this.container.get("$widget");
+        return n.dispatch("form:validated", { isValid: s.valid }), s;
+      }
+    ) : Promise.resolve({ valid: !0 });
+  }
+  submit(e) {
+    const { clientName: o } = e, i = this.adapters.get(o);
+    return i && i.onSubmit ? Promise.resolve(i.onSubmit(e)).then((a) => (this.complete(e), a)) : Promise.resolve("");
+  }
+  create(e) {
+    const { clientName: o, render: i } = e;
+    return this.adapters.set(o, {
+      onValidate: (a) => ot(this.container, a),
+      onEvaluate: (a) => it(this.container, a),
+      onComplete: (a) => at(this.container, a),
+      ...e
+    }), this.container.getAsync("componentResolver").then((a) => {
+      typeof i == "string" ? this.subs.push(a.registerAlias(o, i)) : this.subs.push(
+        a.registerComponent(
+          o,
+          Je(() => i)
+        )
+      );
+    });
+  }
+  dispose() {
+    this.subs.forEach((e) => e());
+  }
+}
+const Yt = R, st = ({
+  title: t = "",
+  className: e,
+  id: o,
+  parent: i,
+  connection: a,
+  type: r,
+  target: s,
+  href: n,
+  children: l,
+  connectionKey: f
+}) => {
+  const d = {}, { name: h, params: p } = re();
+  switch (r) {
+    case "default":
+    case "guide":
+      const { id: k, title: b } = i;
+      let w = f || a;
+      k !== o && !f && (w = void 0), d.routeName = h, d.params = O({
+        ...p,
+        guide: o,
+        connection: w,
+        uriName: ee(o === k ? b : t)
+      });
+      break;
+    case "link":
+      d.href = n, d.target = s;
+      break;
+  }
+  return /* @__PURE__ */ c(
+    se,
+    {
+      className: C(e, "humany-dialog-link"),
+      ...d,
+      children: l || /* @__PURE__ */ y(Ge, { children: [
+        r === "link" && /* @__PURE__ */ c(Y, { faIcon: "link" }),
+        /* @__PURE__ */ c("span", { children: t })
+      ] })
+    }
+  );
+};
+L(
+  ({ className: t, dialog: e, ...o }, i) => e.length ? /* @__PURE__ */ c(
+    nt,
+    {
+      className: C(t, "humany-dialog"),
+      items: e,
+      renderItem: (a) => /* @__PURE__ */ c("li", { "data-dialog": a.connection, children: /* @__PURE__ */ c(st, { ...a }) }, a.connection),
+      ...o,
+      ref: i
+    }
+  ) : null
+);
+const nt = m(J)`
+  ${ne}
+  a {
+    min-width: 150px;
+    max-width: 400px;
+    display: block;
+    white-space: normal;
+    ${(t) => {
+  var e, o;
+  return ((e = t.theme.colors) == null ? void 0 : e.primary) && le({
+    primaryColor: (o = t.theme.colors) == null ? void 0 : o.primary,
+    secondaryColor: "#FFFFFF",
+    theme: t.theme
+  });
+}}
+  }
+
+  i {
+    margin: 0 ${(t) => {
+  var e;
+  return (e = t.theme.sizes) == null ? void 0 : e.small;
+}} 0 0;
+  }
+`;
+m(M)`
+    ${F}
+    font-family: ${(t) => {
+  var e;
+  return (e = t.theme.fonts) == null ? void 0 : e.type;
+}};
+    padding: ${(t) => {
+  var e;
+  return (e = t.theme.sizes) == null ? void 0 : e.medium;
+}};
+    > ul > li {
+        overflow: visible;
+        font-weight: 300;
+        font-size: ${(t) => {
+  var e;
+  return (e = t.theme.fonts) == null ? void 0 : e.normal;
+}};
+    }
+`;
+m.div`
+    background: #fff;
+    border: #ccc 1px solid;
+    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
+    font-family: ${(t) => {
+  var e;
+  return (e = t.theme.fonts) == null ? void 0 : e.type;
+}};
+    font-size: ${(t) => {
+  var e;
+  return (e = t.theme.fonts) == null ? void 0 : e.normal;
+}};
+`;
+m.div`
+    padding: ${(t) => {
+  var e;
+  return (e = t.theme.sizes) == null ? void 0 : e.normal;
+}};
+    padding-bottom: 0;
+    font-size: ${(t) => {
+  var e;
+  return (e = t.theme.fonts) == null ? void 0 : e.normal;
+}};
+    font-weight: normal;
+    white-space: nowrap;
+    display: flex;
+    align-items: center;
+
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+        margin: 0;
+        font-weight: normal;
+        padding-bottom: 0;
+    }
+
+    svg,
+    i {
+        margin-right: ${(t) => {
+  var e;
+  return (e = t.theme.sizes) == null ? void 0 : e.small;
+}};
+    }
+`;
+m(J)`
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    padding: ${(t) => {
+  var e;
+  return (e = t.theme.sizes) == null ? void 0 : e.small;
+}} 0;
+
+    li {
+        background: #fff;
+
+        a {
+            display: block;
+            font-size: ${(t) => {
+  var e;
+  return (e = t.theme.fonts) == null ? void 0 : e.small;
+}};
+            padding: ${(t) => {
+  var e, o;
+  return `${(e = t.theme.sizes) == null ? void 0 : e.small} ${(o = t.theme.sizes) == null ? void 0 : o.normal}`;
+}};
+            cursor: pointer;
+            color: #555;
+            text-decoration: none;
+
+            &:hover {
+                background: #f9f9f9;
+                color: ${(t) => {
+  var e;
+  return (e = t.theme.colors) == null ? void 0 : e.primary;
+}};
+            }
+        }
+    }
+`;
+m(M)`
+    ${F}
+    font-family: ${(t) => {
+  var e;
+  return (e = t.theme.fonts) == null ? void 0 : e.type;
+}};
+    > div {
+        ${(t) => {
+  var e;
+  return E(t)(
+    "> h1",
+    g`
+                    font-size: ${(e = t.theme.fonts) == null ? void 0 : e.normal};
+                    line-height: 1.2em;
+                `
+  );
+}}
+    }
+    > ul > li {
+        overflow: visible;
+        font-weight: 300;
+        font-size: ${(t) => {
+  var e;
+  return (e = t.theme.fonts) == null ? void 0 : e.normal;
+}};
+
+        a {
+            display: inline-block;
+
+            @media (hover: hover) {
+                &:hover {
+                    text-decoration: underline;
+                }
+            }
+        }
+    }
+`;
+const lt = (t) => g`
+    ${t["data-loading"] && "position: relative;"};
+    ${t["data-loading"] && "min-height: 150px;"}
+    > * {
+        transition: 200ms ease-out opacity;
+        opacity: ${t["data-loading"] ? "0.5" : "1"};
+    }
+    .humany-loader {
+        opacity: ${t["data-loading"] ? "1" : "0"};
+    }
+`;
+m(Y)`
+    && {
+        font-size: ${(t) => {
+  var e;
+  return (e = t.theme.fonts) == null ? void 0 : e.small;
+}};
+    }
+    width: 1.2em;
+`;
+m(me)`
+    font-size: ${(t) => {
+  var e;
+  return (e = t.theme.fonts) == null ? void 0 : e.medium;
+}};
+    font-weight: normal;
+    line-height: 1.2em;
+    color: ${(t) => {
+  var e;
+  return (e = t.theme.colors) == null ? void 0 : e.text;
+}};
+`;
+const mt = m(U)`
+    display: flex;
+    align-items: center;
+
+    ${(t) => {
+  var e;
+  return t["data-has-label"] === "true" && t["data-has-symbol"] === "true" && `
+        svg, i    {
+            margin: 0 ${(e = t.theme.sizes) == null ? void 0 : e.small} 0 0;
+        }
+    `;
+}}
+
+    &:focus-visible {
+        ${(t) => t["data-has-label"] === "true" && X}
+
+        svg, i {
+            ${(t) => t["data-has-label"] === "false" && t["data-has-symbol"] === "true" && g`
+                    ${X(t)}
+                    box-sizing: content-box;
+                `}
+        }
+    }
+
+    span {
+        flex: 1;
+        font-weight: 300;
+    }
+`, ct = ({
+  addFavoriteTooltip: t,
+  removeFavoriteCancelLabel: e,
+  removeFavoriteConfirmLabel: o,
+  removeFavoriteHeader: i,
+  removeFavoriteLabel: a,
+  removeFavoriteTooltip: r,
+  id: s,
+  isFavorite: n,
+  guideTitle: l,
+  buttonLabel: f = "",
+  actions: { addFavorite: d, removeFavorite: h }
+}) => {
+  const p = A(() => {
+    h(s);
+  }, [s, h]), k = A(() => {
+    d(s);
+  }, [s, d]), b = `${n ? r : t}${l ? `: "${l}"` : ""}`;
+  return n ? /* @__PURE__ */ c(
+    Ve,
+    {
+      trigger: /* @__PURE__ */ y(
+        oe,
+        {
+          className: "humany-favorite-button",
+          title: b,
+          "aria-label": b,
+          "data-favorite": "true",
+          "data-has-label": f ? "true" : "false",
+          "data-has-symbol": "true",
+          children: [
+            /* @__PURE__ */ c(
+              x,
+              {
+                size: 16,
+                symbol: { type: "Svg", content: "star-empty" }
+              }
+            ),
+            f && /* @__PURE__ */ c(j, { children: f })
+          ]
+        }
+      ),
+      onConfirm: p,
+      cancelLabel: e,
+      confirmLabel: o,
+      header: i,
+      text: a
+    }
+  ) : /* @__PURE__ */ y(
+    oe,
+    {
+      className: "humany-favorite-button",
+      title: b,
+      "aria-label": b,
+      onClick: k,
+      "data-favorite": "false",
+      "data-has-label": f ? "true" : "false",
+      "data-has-symbol": "true",
+      children: [
+        /* @__PURE__ */ c(x, { size: 16, symbol: { type: "Svg", content: "star-empty" } }),
+        f && /* @__PURE__ */ c(j, { children: f })
+      ]
+    }
+  );
+}, oe = m(mt)`
+  grid-area: favorite;
+
+  &:focus-visible {
+    svg {
+      ${(t) => {
+  var e, o;
+  return t["data-favorite"] === "true" ? `
+          fill: transparent;
+
+          path {
+            fill: transparent;
+          }
+        ` : `
+          fill: ${(e = t.theme.colors) == null ? void 0 : e.text};
+
+          path {
+            fill: ${(o = t.theme.colors) == null ? void 0 : o.text};
+          }
+        `;
+}}
+    }
+  }
+
+  ${(t) => {
+  var e, o, i, a, r, s, n;
+  return ((e = t.theme.colors) == null ? void 0 : e.text) && g`
+      svg {
+        stroke: ${(o = t.theme.colors) == null ? void 0 : o.text};
+
+        path {
+          stroke: ${(i = t.theme.colors) == null ? void 0 : i.text};
+        }
+
+        ${t["data-favorite"] === "true" && `
+          fill: ${(a = t.theme.colors) == null ? void 0 : a.text};
+
+          path {
+            fill: ${(r = t.theme.colors) == null ? void 0 : r.text};
+          }
+        `};
+      }
+
+      &:hover {
+        svg {
+          ${t["data-favorite"] === "true" ? `
+          fill: transparent;
+
+          path {
+            fill: transparent;
+          }
+        ` : `
+          fill: ${(s = t.theme.colors) == null ? void 0 : s.text};
+
+          path {
+            fill: ${(n = t.theme.colors) == null ? void 0 : n.text};
+          }
+        `};
+        }
+      }
+    `;
+}}
+`;
+L(
+  ({
+    onFeedback: t = () => {
+    },
+    direction: e = "horizontal",
+    className: o,
+    header: i,
+    positive: a,
+    negative: r,
+    selected: s,
+    ...n
+  }, l) => /* @__PURE__ */ y(
+    ft,
+    {
+      className: C(o, "humany-feedback"),
+      "data-direction": e,
+      ...ce(n),
+      ref: l,
+      children: [
+        !!i && /* @__PURE__ */ c(dt, { children: i }),
+        /* @__PURE__ */ y(
+          ie,
+          {
+            className: "humany-feedback-button",
+            disabled: !!s,
+            "data-selected": s === "positive",
+            "data-direction": e,
+            onClick: () => t("positive"),
+            children: [
+              /* @__PURE__ */ c(Y, { faIcon: "smile-o" }),
+              /* @__PURE__ */ c("span", { children: a })
+            ]
+          }
+        ),
+        /* @__PURE__ */ y(
+          ie,
+          {
+            className: "humany-feedback-button",
+            disabled: !!s,
+            "data-selected": s === "negative",
+            "data-direction": e,
+            onClick: () => t("negative"),
+            children: [
+              /* @__PURE__ */ c(Y, { faIcon: "frown-o" }),
+              /* @__PURE__ */ c("span", { children: r })
+            ]
+          }
+        )
+      ]
+    }
+  )
+);
+const dt = m(j)`
+    font-weight: normal;
+    margin: 0 0 ${(t) => {
+  var e;
+  return (e = t.theme.sizes) == null ? void 0 : e.normal;
+}};
+    font-size: ${(t) => {
+  var e;
+  return (e = t.theme.fonts) == null ? void 0 : e.normal;
+}};
+    display: block;
+`, ie = m(U)`
+    display: inline-block;
+    font-size: ${(t) => {
+  var e;
+  return (e = t.theme.fonts) == null ? void 0 : e.normal;
+}};
+    font-weight: 300;
+    && {
+        margin-right: ${(t) => {
+  var e;
+  return (e = t.theme.sizes) == null ? void 0 : e.large;
+}};
+    }
+
+    ${(t) => {
+  var e, o;
+  return t["data-direction"] === "horizontal" && g`
+            width: 225px;
+            max-width: calc(50% - ${(e = t.theme.sizes) == null ? void 0 : e.large} - ${(o = t.theme.sizes) == null ? void 0 : o.small});
+        `;
+}}
+
+    ${(t) => t["data-direction"] === "vertical" && g`
+            min-width: 190px;
+        `}
+
+  ${(t) => {
+  var e, o;
+  return ((e = t.theme.colors) == null ? void 0 : e.primary) && le({
+    active: t["data-selected"],
+    primaryColor: (o = t.theme.colors) == null ? void 0 : o.primary,
+    secondaryColor: "#FFFFFF",
+    theme: t.theme
+  });
+}}
+
+  i {
+        margin: 0 ${(t) => {
+  var e;
+  return (e = t.theme.sizes) == null ? void 0 : e.small;
+}} 0 0;
+    }
+`, ft = m.div`
+    ${(t) => {
+  var e;
+  return t["data-direction"] === "vertical" && g`
+            > button {
+                width: 100%;
+                &:not(:last-child) {
+                    margin-bottom: ${(e = t.theme.sizes) == null ? void 0 : e.normal};
+                }
+            }
+        `;
+}}
+`, ht = () => {
+  const t = Be(), [e, o] = ge([]), i = t.get("favorites");
+  Z(() => {
+    if (i) {
+      o(i.get());
+      const { events: l } = t.get("$widget");
+      return l.subscribe(
+        "widget:favorites-updated",
+        (d, { updated: h }) => {
+          o([...h]);
+        }
+      );
+    }
+  }, []);
+  const a = (l) => i ? i.add(l) : Promise.resolve([]), r = (l) => i ? i.remove(l) : Promise.resolve([]), s = () => i ? i.clear() : Promise.resolve([]), n = A(
+    (l) => e.indexOf(l) > -1 ? r(l) : a(l),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [e]
+  );
+  return [
+    e,
+    Ue(
+      () => ({
+        addFavorite: a,
+        removeFavorite: r,
+        clearFavorites: s,
+        toggleFavorite: n
+      }),
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      [e]
+    )
+  ];
+}, gt = ({
+  format: t = pe.YYYY_MM_DD_HH_MM,
+  className: e = "",
+  byLabel: o = "",
+  modifiedLabel: i = "",
+  publishedLabel: a = "",
+  modifiedBy: r = "",
+  publishedBy: s = "",
+  showModified: n = !1,
+  showPublished: l = !1,
+  modified: f,
+  published: d
+}) => {
+  const h = l && d ? /* @__PURE__ */ c(ae, { format: t, timestamp: d }) : null, p = n && f ? /* @__PURE__ */ c(ae, { format: t, timestamp: f }) : null;
+  return !h && !p ? null : /* @__PURE__ */ y(q, { className: C(e, "humany-metadata"), children: [
+    h && /* @__PURE__ */ y(q, { className: "humany-published", children: [
+      a,
+      h,
+      o && s && ` ${o.replace("{{editor}}", s)}`
+    ] }),
+    p && /* @__PURE__ */ y(q, { className: "humany-modified", children: [
+      h && ", ",
+      i,
+      p,
+      o && r && ` ${o.replace("{{editor}}", r)}`
+    ] })
+  ] });
+}, ae = m(ye)`
+    &:not(:first-child) {
+        margin-left: 4px;
+    }
+    &:not(:last-child) {
+        margin-right: 4px;
+    }
+`, q = m(me)`
+    font-style: italic;
+`, ut = ({ tags: t }) => t.filter((e) => e.symbol).length ? /* @__PURE__ */ c(
+  vt,
+  {
+    className: "humany-guide-list-tags",
+    items: t,
+    renderItem: ({ id: e, symbol: o, title: i }) => o && /* @__PURE__ */ c("li", { "data-tag": e, children: /* @__PURE__ */ c($t, { size: 18, symbol: o, title: i }) }, e)
+  }
+) : null;
+L(({ title: t, id: e, route: o, symbolSize: i, collapseUri: a, children: r }, s) => {
+  const { params: n } = re();
+  return /* @__PURE__ */ y(pt, { ref: s, "data-guide": e, children: [
+    /* @__PURE__ */ c(
+      G,
+      {
+        title: t,
+        "aria-label": t,
+        routeName: o,
+        params: O({
+          ...n,
+          uriName: a || void 0,
+          id: void 0,
+          guide: void 0,
+          accordion: void 0
+        }),
+        text: t,
+        children: /* @__PURE__ */ c(
+          x,
+          {
+            size: i,
+            symbol: { type: "Svg", content: "caret-up" }
+          }
+        )
+      }
+    ),
+    r
+  ] });
+});
+const pt = m.li`
+  > a {
+    grid-column: 1/-1;
+    font-weight: bold;
+    margin: 0 0 ${(t) => {
+  var e;
+  return (e = t.theme.sizes) == null ? void 0 : e.normal;
+}} 0;
+  }
+
+  > div {
+    grid-column: 1/-1;
+  }
+`;
+L(
+  ({
+    expandable: t = !1,
+    routing: e = {},
+    paramMappers: o = {},
+    symbolSize: i = 11,
+    pageRole: a = "link",
+    pageCaret: r = "down",
+    showTags: s = !1,
+    showFavoriteToggle: n = !1,
+    localPaging: l = !1,
+    onItemClick: f = () => {
+    },
+    dispatch: d = () => {
+    },
+    metadata: h = {},
+    pageLabel: p,
+    className: k,
+    children: b,
+    items: w,
+    renderItem: V,
+    addFavoriteTooltip: $e,
+    removeFavoriteCancelLabel: be,
+    removeFavoriteConfirmLabel: we,
+    removeFavoriteHeader: xe,
+    removeFavoriteLabel: ke,
+    removeFavoriteTooltip: ze,
+    ...Ce
+  }, Ne) => {
+    const K = et(), N = Ze(), S = He(w), { guide: Se = "guide", page: Te = "index" } = e, {
+      guide: Pe = ({ id: u }) => O({ guide: u }),
+      page: W = () => O()
+    } = o, [Ae, Me] = ht();
+    Ke(Ne, () => N.current);
+    const B = (u) => {
+      const { id: $, title: v, tags: z, published: I, modified: T, publishedBy: D, modifiedBy: H } = u;
+      return /* @__PURE__ */ y(
+        "li",
+        {
+          "data-guide": $,
+          "has-metadata": (!!(h != null && h.showPublished) && !!I || !!(h != null && h.showModified) && !!T).toString(),
+          children: [
+            /* @__PURE__ */ c(
+              G,
+              {
+                className: "humany-guide-link",
+                title: v,
+                "aria-label": v,
+                routeName: Se,
+                onClick: (De) => f(De, u),
+                params: Pe(u),
+                text: v,
+                children: /* @__PURE__ */ c(
+                  x,
+                  {
+                    size: i,
+                    symbol: {
+                      type: "Svg",
+                      content: t ? "caret-down" : "caret-right"
+                    }
+                  }
+                )
+              }
+            ),
+            n && /* @__PURE__ */ c(
+              ct,
+              {
+                guideTitle: v,
+                addFavoriteTooltip: $e,
+                removeFavoriteCancelLabel: be,
+                removeFavoriteConfirmLabel: we,
+                removeFavoriteHeader: xe,
+                removeFavoriteLabel: ke,
+                removeFavoriteTooltip: ze,
+                isFavorite: Ae.indexOf($) > -1,
+                actions: Me,
+                id: $
+              }
+            ),
+            s && /* @__PURE__ */ c(ut, { tags: z }),
+            /* @__PURE__ */ c(
+              bt,
+              {
+                ...h,
+                indent: t ? void 0 : i,
+                modified: T,
+                published: I,
+                publishedBy: D,
+                modifiedBy: H
+              }
+            )
+          ]
+        },
+        $
+      );
+    }, Fe = A(
+      (u, $, v) => V ? V(u, $, v, B) : B(u),
+      [V, B]
+    ), Ee = A(
+      (u) => {
+        l && (u.preventDefault(), d("page", W()));
+      },
+      [d, l]
+    );
+    Z(() => {
+      if (S && S.length < w.length && N.current) {
+        const u = N.current.querySelectorAll(
+          ".humany-guide-list > ul > li"
+        ), $ = u[S.length];
+        if (u.length === w.length && S.length) {
+          const v = u[S.length];
+          if (v) {
+            const z = v.querySelector(
+              ".humany-guide-link"
+            );
+            z && z.focus();
+          }
+        } else
+          $ && new MutationObserver((z, I) => {
+            z.forEach((T) => {
+              if (T.addedNodes) {
+                const D = Array.from(
+                  T.addedNodes
+                ).find((H) => H.tagName === "A");
+                D && Qe(N.current, document.activeElement) && (K && D.focus(), I.disconnect());
+              }
+            });
+          }).observe($, {
+            attributes: !1,
+            characterData: !1,
+            childList: !0,
+            subtree: !0,
+            attributeOldValue: !1,
+            characterDataOldValue: !1
+          });
+      }
+    });
+    const Ie = !!Object.keys(h).filter(
+      (u) => typeof h[u] < "u"
+    ).length;
+    return /* @__PURE__ */ y(
+      yt,
+      {
+        className: C(k, "humany-guide-list"),
+        "data-item-count": w.length,
+        items: w,
+        renderItem: Fe,
+        isTabbing: K,
+        expandable: t ? "true" : "false",
+        "grid-items": s || n || Ie ? "true" : "false",
+        ...ce(Ce),
+        ref: N,
+        children: [
+          p ? /* @__PURE__ */ c(
+            G,
+            {
+              text: p,
+              title: p,
+              "aria-label": p,
+              routeName: Te,
+              role: a,
+              params: W(),
+              onClick: Ee,
+              children: /* @__PURE__ */ c(
+                x,
+                {
+                  size: i,
+                  symbol: { type: "Svg", content: `caret-${r}` }
+                }
+              )
+            }
+          ) : null,
+          b
+        ]
+      }
+    );
+  }
+);
+const yt = m(M)`
+  ${F}
+  padding: ${(t) => {
+  var e;
+  return (e = t.theme.sizes) == null ? void 0 : e.large;
+}};
+  overflow: auto;
+  justify-content: flex-start;
+  white-space: nowrap;
+  font-weight: 300;
+  text-decoration: none;
+
+  > div {
+    ${(t) => E(t)(
+  "> h1",
+  g`
+          white-space: pre-wrap;
+        `
+)}
+  }
+
+  > ul > li {
+    ${(t) => {
+  var e, o;
+  return t["grid-items"] === "true" && g`
+        display: grid;
+        grid-template-columns: auto 1fr 1fr;
+        gap: 0px 0px;
+        grid-template-areas: '. favorite tags';
+        align-items: center;
+
+        > button {
+          margin: 0 0 0 ${(e = t.theme.sizes) == null ? void 0 : e.small};
+
+          &[data-favorite='false'] {
+            ${t.isTabbing ? "opacity: 0;" : "display: none;"};
+            &:focus {
+              opacity: 1;
+            }
+          }
+        }
+
+        > span {
+          font-size: ${(o = t.theme.fonts) == null ? void 0 : o.small};
+        }
+
+        &:hover {
+          button[data-favorite='false'] {
+            display: flex;
+            justify-self: flex-start;
+          }
+        }
+
+        &[has-metadata='true'] {
+          grid-template-rows: 1fr 1fr;
+          grid-template-areas:
+            '. favorite tags'
+            'metadata metadata metadata';
+        }
+      `;
+}}
+    > a {
+      color: ${(t) => {
+  var e;
+  return (e = t.theme.colors) == null ? void 0 : e.primary;
+}};
+      overflow: hidden;
+      text-overflow: ellipsis;
+      max-width: 100%;
+      display: inline-block;
+
+      svg {
+        margin: 0 calc(${(t) => {
+  var e;
+  return (e = t.theme.sizes) == null ? void 0 : e.small;
+}}*2) 0 0;
+        line {
+          stroke: ${(t) => {
+  var e;
+  return (e = t.theme.colors) == null ? void 0 : e.primary;
+}};
+        }
+      }
+
+      ${(t) => {
+  var e;
+  return t.expandable === "true" && g`
+          display: flex;
+          flex-direction: row-reverse;
+          justify-content: flex-end;
+          align-items: center;
+
+          span {
+            overflow: hidden;
+            text-overflow: ellipsis;
+          }
+
+          svg {
+            margin: 0 0 0 ${(e = t.theme.sizes) == null ? void 0 : e.small};
+          }
+        `;
+}}
+
+      &:focus-visible {
+        ${P}
+        text-decoration: underline;
+      }
+
+      @media (hover: hover) {
+        &:hover {
+          text-decoration: underline;
+        }
+      }
+    }
+  }
+
+  > a {
+    color: ${(t) => {
+  var e;
+  return (e = t.theme.colors) == null ? void 0 : e.text;
+}};
+    margin: ${(t) => {
+  var e;
+  return (e = t.theme.sizes) == null ? void 0 : e.normal;
+}} 0 0;
+    align-self: flex-start;
+    align-items: center;
+    display: flex;
+
+    span {
+      text-decoration: underline;
+    }
+
+    svg {
+      margin: 0 calc(${(t) => {
+  var e;
+  return (e = t.theme.sizes) == null ? void 0 : e.small;
+}}*2) 0 0;
+      line {
+        stroke: ${(t) => {
+  var e;
+  return (e = t.theme.colors) == null ? void 0 : e.text;
+}};
+      }
+    }
+
+    &:focus-visible {
+      ${P}
+      text-decoration: underline;
+    }
+  }
+`, vt = m(J)`
+  ${ne}
+  display: flex;
+  margin: 0 0 0 auto;
+  grid-area: tags;
+
+  li,
+  li:last-child {
+    margin: 0 0 0 ${(t) => {
+  var e;
+  return (e = t.theme.sizes) == null ? void 0 : e.small;
+}};
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+`, $t = m(x)`
+  display: block;
+  color: ${(t) => {
+  var e;
+  return (e = t.theme.colors) == null ? void 0 : e.primary;
+}};
+  ${(t) => {
+  if (t.symbol.type === "Uri")
+    return `
+        width: ${t.size}px;
+        height: ${t.size}px;
+      `;
+  if (t.symbol.type === "FontAwesome")
+    return `
+        font-size: ${t.size}px;
+      `;
+}}
+`, bt = m(gt)`
+  grid-area: metadata;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  font-size: ${(t) => {
+  var e;
+  return (e = t.theme.fonts) == null ? void 0 : e.small;
+}};
+  ${(t) => {
+  var e;
+  return typeof t.indent == "number" && `text-indent: calc(${(e = t.theme.sizes) == null ? void 0 : e.small} * 2 + ${t.indent}px);`;
+}}
+`, wt = he`
+  100% {
+    transform: rotate(360deg);
+  }
+`, xt = he`
+  0% {
+    stroke-dasharray: 1, 200;
+    stroke-dashoffset: 0;
+  }
+  50% {
+    stroke-dasharray: 89, 200;
+    stroke-dashoffset: -35px;
+  }
+  100% {
+    stroke-dasharray: 89, 200;
+    stroke-dashoffset: -124px;
+  }
+`;
+m.svg`
+    animation: ${wt} 2s linear infinite;
+    height: 100%;
+    transform-origin: center center;
+    width: 100%;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    margin: auto;
+    transition: 200ms ease-out opacity;
+`;
+m.div`
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    height: 100%;
+    width: 100%;
+    pointer-events: ${(t) => t["data-loading"] ? "all" : "none"};
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    transition: 200ms ease-out opacity;
+    box-sizing: border-box;
+    overflow: hidden;
+
+    .humany-spinner-svg {
+        opacity: ${(t) => t["data-loading"] ? "1" : "0"};
+    }
+`;
+m.div`
+    position: relative;
+    margin: 0 auto;
+    width: 100px;
+    &:before {
+        content: '';
+        display: block;
+        padding-top: 100%;
+    }
+`;
+m.circle`
+    stroke-dasharray: 1, 200;
+    stroke-dashoffset: 0;
+    animation: ${xt} 1.5s ease-in-out infinite;
+    stroke-linecap: round;
+    stroke: ${(t) => {
+  var e;
+  return (e = t.theme.colors) == null ? void 0 : e.primary;
+}};
+    stroke-width: 2px;
+`;
+m(U)`
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%;
+    text-align: left;
+    svg,
+    i {
+        color: ${(t) => {
+  var e;
+  return (e = t.theme.colors) == null ? void 0 : e.primary;
+}};
+    }
+    span {
+        color: ${(t) => {
+  var e;
+  return (e = t.theme.colors) == null ? void 0 : e.text;
+}};
+        font-size: ${(t) => {
+  var e;
+  return (e = t.theme.fonts) == null ? void 0 : e.normal;
+}};
+        overflow: hidden;
+        text-overflow: ellipsis;
+        flex: 1;
+        white-space: nowrap;
+    }
+    &:focus-visible {
+        ${P}
+        span {
+            color: ${(t) => {
+  var e;
+  return (e = t.theme.colors) == null ? void 0 : e.primary;
+}};
+            text-decoration: underline;
+        }
+    }
+`;
+m(M)`
+    ${lt}
+    ${F}
+  overflow: hidden;
+    justify-content: flex-start;
+    padding: ${(t) => {
+  var e;
+  return (e = t.theme.sizes) == null ? void 0 : e.large;
+}};
+    ${(t) => !t["data-show-header"] && g`
+            > div {
+                ${E(t)(
+  "h1",
+  g`
+                        display: none;
+                    `
+)}
+            }
+        `}
+
+    @media (hover: hover) {
+        button:hover {
+            text-decoration: underline;
+        }
+    }
+`;
+m(de)`
+    ${fe}
+    font-weight: 300;
+
+    p {
+        white-space: normal;
+    }
+`;
+m.li`
+    .humany-paragraph {
+        display: none;
+        &:not(:only-child) {
+            ${(t) => {
+  var e, o, i;
+  return ((e = t.theme.sizes) == null ? void 0 : e.cardinal) && ((o = t.theme.sizes) == null ? void 0 : o.normal) && g`
+                    margin: ${(i = t.theme.sizes) == null ? void 0 : i.normal} 0;
+                `;
+}}
+        }
+    }
+
+    ${(t) => t["data-expanded"] && g`
+            .humany-paragraph {
+                display: block;
+            }
+        `}
+
+    > span {
+        display: block;
+        font-weight: 300;
+        color: ${(t) => {
+  var e;
+  return (e = t.theme.colors) == null ? void 0 : e.accent;
+}};
+    }
+`;
+m(x)`
+    margin: 0 0 0 ${(t) => {
+  var e;
+  return (e = t.theme.sizes) == null ? void 0 : e.small;
+}};
+    line {
+        stroke: ${(t) => {
+  var e;
+  return (e = t.theme.colors) == null ? void 0 : e.primary;
+}};
+    }
+`;
+m(ye)`
+    font-size: ${(t) => {
+  var e;
+  return (e = t.theme.fonts) == null ? void 0 : e.small;
+}};
+    font-weight: 300;
+`;
+m(de)`
+    ${(t) => {
+  var e;
+  return E(t)(
+    "h1",
+    g`
+                font-weight: normal;
+                font-size: ${(e = t.theme.fonts) == null ? void 0 : e.medium};
+            `
+  );
+}}
+`;
+m(_e)`
+    ${fe}
+    font-weight: 300;
+    line-height: 1.5em;
+    button:focus-visible {
+        ${P};
+    }
+
+    a:focus-visible {
+        ${qe};
+    }
+`;
+const kt = (t) => {
+  var e, o, i, a, r, s, n, l;
+  return g`
+  display: flex;
+  padding: ${(e = t.theme.sizes) == null ? void 0 : e.large};
+  ${t.description ? "" : "align-items: center;"}
+  text-decoration: none;
+  span {
+    display: inline-block;
+    color: ${(o = t.theme.colors) == null ? void 0 : o.text};
+  }
+  i {
+    font-size: ${(i = t.theme.fonts) == null ? void 0 : i.large};
+    margin: 0 ${(a = t.theme.sizes) == null ? void 0 : a.large} 0 0;
+    min-height: ${(r = t.theme.fonts) == null ? void 0 : r.large};
+    min-width: ${(s = t.theme.fonts) == null ? void 0 : s.large};
+    line-height: ${(n = t.theme.fonts) == null ? void 0 : n.large};
+    display: inline-block;
+    vertical-align: bottom;
+    color: ${(l = t.theme.colors) == null ? void 0 : l.text};
+  }
+`;
+};
+m(j)`
+  line-height: ${(t) => {
+  var e;
+  return (e = t.theme.fonts) == null ? void 0 : e.large;
+}};
+`;
+m(se)`
+  ${(t) => kt(t)}
+
+  &:focus-visible {
+    ${P};
+  }
+`;
+m.div`
+  text-align: center;
+  display: block;
+  ${(t) => {
+  var e, o;
+  return typeof ((e = t.theme.colors) == null ? void 0 : e.warning) < "u" && `color: ${(o = t.theme.colors) == null ? void 0 : o.warning};`;
+}}
+`;
+const zt = (t) => {
+  var e, o, i;
+  return g`
+    ${F(t)}
+
+    > div {
+        padding: ${(e = t.theme.sizes) == null ? void 0 : e.large};
+
+        ${E(t)(
+    "h1",
+    g`
+                margin: 0;
+            `
+  )}
+    }
+
+    > ul {
+        &:not(:first-child) {
+            border-top: ${t.theme.border};
+        }
+
+        > li {
+            margin: 0;
+            white-space: normal;
+
+            > a {
+                overflow: hidden;
+            }
+
+            &:first-child > a {
+                border-radius: ${`${t.theme.borderRadius} ${t.theme.borderRadius} 0 0`};
+            }
+
+            &:last-child:not(:first-child) > a {
+                border-radius: ${`0 0 ${t.theme.borderRadius} ${t.theme.borderRadius}`};
+            }
+
+            &:not(:last-child) {
+                border-bottom: ${t.theme.border};
+            }
+
+            > div {
+                padding: ${(o = t.theme.sizes) == null ? void 0 : o.large};
+            }
+        }
+    }
+
+    @media (hover: hover) {
+        a:hover {
+            background-color: ${(i = t.theme.colors) == null ? void 0 : i.accent};
+        }
+    }
+`;
+};
+m(M)`
+    ${(t) => zt(t)}
+`;
+export {
+  Yt as ContactMethodPlatform,
+  zt as contactItemList,
+  kt as contactLink,
+  at as defaultComplete,
+  it as defaultEvaluate,
+  ot as defaultValidate
+};