@telia-ace/knowledge-widget-ui 1.0.20 → 1.0.24

package/dist/index.js

@@ -1,30 +1,30 @@
-var Oe = Object.defineProperty, Ye = Object.defineProperties;
-var _e = Object.getOwnPropertyDescriptors;
-var R = Object.getOwnPropertySymbols;
-var oe = Object.prototype.hasOwnProperty, ie = Object.prototype.propertyIsEnumerable;
-var se = (t, e, a) => e in t ? Oe(t, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[e] = a, $ = (t, e) => {
+var Be = Object.defineProperty, He = Object.defineProperties;
+var je = Object.getOwnPropertyDescriptors;
+var I = Object.getOwnPropertySymbols;
+var ee = Object.prototype.hasOwnProperty, te = Object.prototype.propertyIsEnumerable;
+var Z = (t, e, a) => e in t ? Be(t, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[e] = a, y = (t, e) => {
   for (var a in e || (e = {}))
-    oe.call(e, a) && se(t, a, e[a]);
-  if (R)
-    for (var a of R(e))
-      ie.call(e, a) && se(t, a, e[a]);
+    ee.call(e, a) && Z(t, a, e[a]);
+  if (I)
+    for (var a of I(e))
+      te.call(e, a) && Z(t, a, e[a]);
   return t;
-}, E = (t, e) => Ye(t, _e(e));
-var w = (t, e) => {
+}, w = (t, e) => He(t, je(e));
+var v = (t, e) => {
   var a = {};
   for (var r in t)
-    oe.call(t, r) && e.indexOf(r) < 0 && (a[r] = t[r]);
-  if (t != null && R)
-    for (var r of R(t))
-      e.indexOf(r) < 0 && ie.call(t, r) && (a[r] = t[r]);
+    ee.call(t, r) && e.indexOf(r) < 0 && (a[r] = t[r]);
+  if (t != null && I)
+    for (var r of I(t))
+      e.indexOf(r) < 0 && te.call(t, r) && (a[r] = t[r]);
   return a;
 };
-import { useRouteData as he, Link as Ve, Icon as H, List as Z, list as ge, invertedHoverButton as pe, ItemList as Y, itemList as _, Drawer as Ke, Dropdown as ye, headingElement as ee, Text as $e, Button as te, paddedBorderTabStyle as le, Confirm as qe, SymbolBadge as N, StyledText as J, convertToStringAttributes as ve, useKeyPress as W, useContainer as Ge, useEventListener as ce, Timestamp as be, DateFormats as xe, TextLink as Q, usePrevious as Ue, borderTabStyle as X, Paragraph as Je, genericHtml as Qe, AnchorLink as Xe, WidgetLink as Ze } from "@telia-ace/widget-ui";
+import { useRouteData as ce, Link as Oe, Icon as P, List as q, list as me, invertedHoverButton as de, ItemList as G, itemList as U, Drawer as _e, Dropdown as fe, headingElement as he, linkTabStyle as Ve, Text as ue, Button as ge, paddedBorderTabStyle as ae, Confirm as Ye, SymbolBadge as N, StyledText as Y, convertToStringAttributes as pe, useKeyPress as M, useContainer as Ke, useEventListener as ne, Timestamp as qe, DateFormats as Ge, TextLink as K, usePrevious as Ue, borderTabStyle as re, AnchorLink as Je, WidgetLink as Qe, Lightbox as Xe } from "@telia-ace/widget-ui";
 export * from "@telia-ace/widget-ui";
-import { createParams as j, formatUrl as me, appendClassNames as z, htmlParentContains as et } from "@telia-ace/widget-utilities";
-import n, { forwardRef as V, useCallback as k, useState as D, useEffect as K, useMemo as tt, useRef as we, useContext as at, useImperativeHandle as nt } from "react";
-import d, { css as h, keyframes as Ee, ThemeContext as rt } from "styled-components";
-const ke = ({
+import { createParams as R, formatUrl as se, appendClassNames as E, htmlParentContains as Ze } from "@telia-ace/widget-utilities";
+import n, { forwardRef as W, useCallback as x, useState as B, useEffect as H, useMemo as et, useRef as ye, useContext as tt, useImperativeHandle as at } from "react";
+import f, { css as g, keyframes as $e, ThemeContext as nt } from "styled-components";
+const be = ({
   title: t = "",
   className: e,
   id: a,
@@ -32,43 +32,43 @@ const ke = ({
   connection: s,
   type: i,
   target: o,
-  href: c,
-  children: m
+  href: m,
+  children: c
 }) => {
-  const f = {}, { name: u, params: l } = he();
+  const d = {}, { name: h, params: l } = ce();
   switch (i) {
     case "default":
     case "guide":
-      const { id: g, title: S } = r;
-      f.routeName = u, f.params = j(E($({}, l), {
+      const { id: p, title: S } = r;
+      d.routeName = h, d.params = R(w(y({}, l), {
         guide: a,
-        connection: a === g ? s : void 0,
-        uriName: a === g ? me(S) : me(t)
+        connection: a === p ? s : void 0,
+        uriName: a === p ? se(S) : se(t)
       }));
       break;
     case "link":
-      f.href = c, f.target = o;
+      d.href = m, d.target = o;
       break;
   }
-  return /* @__PURE__ */ n.createElement(Ve, $({
-    className: z(e, "humany-dialog-link")
-  }, f), m || /* @__PURE__ */ n.createElement(n.Fragment, null, i === "link" && /* @__PURE__ */ n.createElement(H, {
+  return /* @__PURE__ */ n.createElement(Oe, y({
+    className: E(e, "humany-dialog-link")
+  }, d), c || /* @__PURE__ */ n.createElement(n.Fragment, null, i === "link" && /* @__PURE__ */ n.createElement(P, {
     faIcon: "link"
   }), /* @__PURE__ */ n.createElement("span", null, t)));
-}, Ot = V((s, r) => {
-  var i = s, { className: t, dialog: e } = i, a = w(i, ["className", "dialog"]);
-  return e.length ? /* @__PURE__ */ n.createElement(st, E($({
-    className: z(t, "humany-dialog"),
+}, Mt = W((s, r) => {
+  var i = s, { className: t, dialog: e } = i, a = v(i, ["className", "dialog"]);
+  return e.length ? /* @__PURE__ */ n.createElement(rt, w(y({
+    className: E(t, "humany-dialog"),
     items: e,
     renderItem: (o) => /* @__PURE__ */ n.createElement("li", {
       key: o.connection,
       "data-dialog": o.connection
-    }, /* @__PURE__ */ n.createElement(ke, $({}, o)))
+    }, /* @__PURE__ */ n.createElement(be, y({}, o)))
   }, a), {
     ref: r
   })) : null;
-}), st = d(Z)`
-    ${ge}
+}), rt = f(q)`
+    ${me}
     a {
         min-width: 150px;
         max-width: 400px;
@@ -76,7 +76,7 @@ const ke = ({
         white-space: normal;
         ${(t) => {
   var e;
-  return pe({
+  return de({
     primaryColor: (e = t.theme.colors) == null ? void 0 : e.primary,
     secondaryColor: "#FFFFFF"
   });
@@ -89,8 +89,8 @@ const ke = ({
   return (e = t.theme.sizes) == null ? void 0 : e.small;
 }} 0 0;
     }
-`, Yt = (u) => {
-  var l = u, {
+`, Pt = (h) => {
+  var l = h, {
     trigger: t,
     header: e,
     className: a,
@@ -98,9 +98,9 @@ const ke = ({
     fullScreen: s,
     onToggle: i,
     children: o,
-    ref: c,
-    closeButtonAriaLabel: m
-  } = l, f = w(l, [
+    ref: m,
+    closeButtonAriaLabel: c
+  } = l, d = v(l, [
     "trigger",
     "header",
     "className",
@@ -111,17 +111,17 @@ const ke = ({
     "ref",
     "closeButtonAriaLabel"
   ]);
-  return /* @__PURE__ */ n.createElement(Ke, {
-    className: z(a, "humany-drawer-list"),
+  return /* @__PURE__ */ n.createElement(_e, {
+    className: E(a, "humany-drawer-list"),
     trigger: t,
     header: e,
     animation: r,
     fullScreen: s,
     onToggle: i,
-    closeButtonAriaLabel: m
-  }, /* @__PURE__ */ n.createElement(ot, $({}, f), o));
-}, ot = d(Y)`
-    ${_}
+    closeButtonAriaLabel: c
+  }, /* @__PURE__ */ n.createElement(st, y({}, d), o));
+}, st = f(G)`
+    ${U}
     font-family: ${(t) => {
   var e;
   return (e = t.theme.fonts) == null ? void 0 : e.type;
@@ -138,13 +138,13 @@ const ke = ({
   return (e = t.theme.fonts) == null ? void 0 : e.normal;
 }};
     }
-`, _t = ({ items: t, renderItem: e, trigger: a, header: r, children: s }) => /* @__PURE__ */ n.createElement(ye, {
+`, Rt = ({ items: t, renderItem: e, trigger: a, header: r, children: s }) => /* @__PURE__ */ n.createElement(fe, {
   className: "humany-dropdown-actions",
   trigger: a
-}, /* @__PURE__ */ n.createElement(it, null, !!r && /* @__PURE__ */ n.createElement(lt, null, r), t && e && /* @__PURE__ */ n.createElement(ct, {
+}, /* @__PURE__ */ n.createElement(ot, null, !!r && /* @__PURE__ */ n.createElement(it, null, r), t && e && /* @__PURE__ */ n.createElement(lt, {
   items: t,
   renderItem: e
-}), s)), it = d.div`
+}), s)), ot = f.div`
     background: #fff;
     border: #ccc 1px solid;
     box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
@@ -156,7 +156,7 @@ const ke = ({
   var e;
   return (e = t.theme.fonts) == null ? void 0 : e.normal;
 }};
-`, lt = d.div`
+`, it = f.div`
     padding: ${(t) => t.theme.sizes.normal};
     padding-bottom: 0;
     font-size: ${(t) => {
@@ -183,7 +183,7 @@ const ke = ({
     i {
         margin-right: ${(t) => t.theme.sizes.small};
     }
-`, ct = d(Z)`
+`, lt = f(q)`
     list-style: none;
     padding: 0;
     margin: 0;
@@ -215,31 +215,31 @@ const ke = ({
             }
         }
     }
-`, Vt = (i) => {
+`, Wt = (i) => {
   var o = i, {
     trigger: t,
     className: e,
     children: a,
     closeButtonAriaLabel: r
-  } = o, s = w(o, [
+  } = o, s = v(o, [
     "trigger",
     "className",
     "children",
     "closeButtonAriaLabel"
   ]);
-  return /* @__PURE__ */ n.createElement(ye, {
-    className: z(e, "humany-dropdown-list"),
+  return /* @__PURE__ */ n.createElement(fe, {
+    className: E(e, "humany-dropdown-list"),
     closeButtonAriaLabel: r,
     trigger: t
-  }, /* @__PURE__ */ n.createElement(mt, $({}, s), a));
-}, mt = d(Y)`
-    ${_}
+  }, /* @__PURE__ */ n.createElement(ct, y({}, s), a));
+}, ct = f(G)`
+    ${U}
     font-family: ${(t) => {
   var e;
   return (e = t.theme.fonts) == null ? void 0 : e.type;
 }};
     > div {
-        ${ee("> h1", h`
+        ${he("> h1", g`
                 font-size: ${(t) => {
   var e;
   return (e = t.theme.fonts) == null ? void 0 : e.normal;
@@ -265,11 +265,11 @@ const ke = ({
             }
         }
     }
-`, dt = Ee`
+`, mt = $e`
   100% {
     transform: rotate(360deg);
   }
-`, ft = Ee`
+`, dt = $e`
   0% {
     stroke-dasharray: 1, 200;
     stroke-dashoffset: 0;
@@ -282,8 +282,8 @@ const ke = ({
     stroke-dasharray: 89, 200;
     stroke-dashoffset: -124px;
   }
-`, ze = d.svg`
-    animation: ${dt} 2s linear infinite;
+`, ve = f.svg`
+    animation: ${mt} 2s linear infinite;
     height: 100%;
     transform-origin: center center;
     width: 100%;
@@ -294,7 +294,7 @@ const ke = ({
     right: 0;
     margin: auto;
     transition: 200ms ease-out opacity;
-`, Se = d.div`
+`, xe = f.div`
   position: absolute;
   top: 0;
   bottom: 0;
@@ -309,10 +309,10 @@ const ke = ({
   transition: 200ms ease-out opacity;
   box-sizing: border-box;
   overflow: hidden;
-  ${ze} {
+  ${ve} {
     opacity: ${(t) => t["data-loading"] ? "1" : "0"}
   }
-`, ut = d.div`
+`, ft = f.div`
     position: relative;
     margin: 0 auto;
     width: 100px;
@@ -321,22 +321,22 @@ const ke = ({
         display: block;
         padding-top: 100%;
     }
-`, ht = d.circle`
+`, ht = f.circle`
     stroke-dasharray: 1, 200;
     stroke-dashoffset: 0;
-    animation: ${ft} 1.5s ease-in-out infinite;
+    animation: ${dt} 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;
-`, gt = ({ loading: t = !1 }) => /* @__PURE__ */ n.createElement(Se, {
+`, Bt = ({ loading: t = !1 }) => /* @__PURE__ */ n.createElement(xe, {
   className: "humany-loader",
   "data-loading": t
-}, /* @__PURE__ */ n.createElement(ut, {
+}, /* @__PURE__ */ n.createElement(ft, {
   className: "humany-spinner"
-}, /* @__PURE__ */ n.createElement(ze, {
+}, /* @__PURE__ */ n.createElement(ve, {
   viewBox: "25 25 50 50"
 }, /* @__PURE__ */ n.createElement(ht, {
   cx: "50",
@@ -345,17 +345,90 @@ const ke = ({
   fill: "none",
   "stroke-width": "2",
   "stroke-miterlimit": "10"
-})))), pt = h`
+})))), Ht = g`
     ${(t) => t["data-loading"] && "position: relative;"};
     ${(t) => t["data-loading"] && "min-height: 150px;"}
     > * {
         transition: 200ms ease-out opacity;
         opacity: ${(t) => t["data-loading"] ? "0.5" : "1"};
     }
-    ${Se} {
+    ${xe} {
         opacity: ${(t) => t["data-loading"] ? "1" : "0"};
     }
-`, Kt = d(H)`
+`, jt = g`
+    font-size: ${(t) => {
+  var e;
+  return (e = t.theme.fonts) == null ? void 0 : e.normal;
+}};
+    font-weight: 300;
+    line-height: 1.5em;
+    color: ${(t) => {
+  var e;
+  return (e = t.theme.colors) == null ? void 0 : e.text;
+}};
+
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+        word-break: break-word;
+        &:first-child {
+            margin-top: 0;
+        }
+        &:only-child {
+            margin: 0;
+        }
+        &:last-child {
+            margin-bottom: 0;
+        }
+    }
+
+    a {
+        color: ${(t) => {
+  var e;
+  return (e = t.theme.colors) == null ? void 0 : e.link;
+}};
+        &:focus {
+            ${(t) => {
+  var e;
+  return ((e = t.theme.accessibility) == null ? void 0 : e.isTabbing) && Ve;
+}};
+        }
+    }
+
+    img {
+        max-width: 100% !important;
+        height: auto !important;
+    }
+
+    p {
+        word-break: break-word;
+        margin: ${(t) => {
+  var e;
+  return (e = t.theme.sizes) == null ? void 0 : e.normal;
+}} 0;
+    }
+
+    p:first-child {
+        margin: 0 0 ${(t) => {
+  var e;
+  return (e = t.theme.sizes) == null ? void 0 : e.normal;
+}};
+    }
+
+    p:last-child {
+        margin: ${(t) => {
+  var e;
+  return (e = t.theme.sizes) == null ? void 0 : e.normal;
+}} 0 0;
+    }
+
+    p:only-child {
+        margin: 0;
+    }
+`, Ot = f(P)`
     && {
         font-size: ${(t) => {
   var e;
@@ -363,7 +436,7 @@ const ke = ({
 }};
     }
     width: 1.2em;
-`, qt = d($e)`
+`, _t = f(ue)`
     font-size: ${(t) => {
   var e;
   return (e = t.theme.fonts) == null ? void 0 : e.medium;
@@ -374,7 +447,7 @@ const ke = ({
   var e;
   return (e = t.theme.colors) == null ? void 0 : e.text;
 }};
-`, yt = d(te)`
+`, ut = f(ge)`
     display: flex;
     align-items: center;
 
@@ -390,12 +463,12 @@ const ke = ({
     &:focus {
         ${(t) => {
   var e;
-  return ((e = t.theme.accessibility) == null ? void 0 : e.isTabbing) && h`
-                ${(a) => a["data-has-label"] === "true" && le}
+  return ((e = t.theme.accessibility) == null ? void 0 : e.isTabbing) && g`
+                ${(a) => a["data-has-label"] === "true" && ae}
 
                 svg, i {
-                    ${(a) => a["data-has-label"] === "false" && a["data-has-symbol"] === "true" && h`
-                            ${le}
+                    ${(a) => a["data-has-label"] === "false" && a["data-has-symbol"] === "true" && g`
+                            ${ae}
                             box-sizing: content-box;
                         `}
                 }
@@ -407,7 +480,7 @@ const ke = ({
         flex: 1;
         font-weight: 300;
     }
-`, $t = ({
+`, gt = ({
   addFavoriteTooltip: t,
   removeFavoriteCancelLabel: e,
   removeFavoriteConfirmLabel: a,
@@ -415,52 +488,52 @@ const ke = ({
   removeFavoriteLabel: s,
   removeFavoriteTooltip: i,
   id: o,
-  isFavorite: c,
-  guideTitle: m,
-  buttonLabel: f = "",
-  actions: { addFavorite: u, removeFavorite: l }
+  isFavorite: m,
+  guideTitle: c,
+  buttonLabel: d = "",
+  actions: { addFavorite: h, removeFavorite: l }
 }) => {
-  const g = k(() => {
+  const p = x(() => {
     l(o);
-  }, [o, l]), S = k(() => {
-    u(o);
-  }, [o, u]), y = `${c ? i : t}${m ? `: "${m}"` : ""}`;
-  return /* @__PURE__ */ n.createElement(n.Fragment, null, c ? /* @__PURE__ */ n.createElement(qe, {
-    trigger: /* @__PURE__ */ n.createElement(de, {
+  }, [o, l]), S = x(() => {
+    h(o);
+  }, [o, h]), k = `${m ? i : t}${c ? `: "${c}"` : ""}`;
+  return /* @__PURE__ */ n.createElement(n.Fragment, null, m ? /* @__PURE__ */ n.createElement(Ye, {
+    trigger: /* @__PURE__ */ n.createElement(oe, {
       className: "humany-favorite-button",
-      title: y,
-      "aria-label": y,
+      title: k,
+      "aria-label": k,
       "data-favorite": "true",
-      "data-has-label": f ? "true" : "false",
+      "data-has-label": d ? "true" : "false",
       "data-has-symbol": "true"
     }, /* @__PURE__ */ n.createElement(N, {
       size: 16,
       symbol: { type: "Svg", content: "star-empty" }
-    }), f && /* @__PURE__ */ n.createElement(J, null, f)),
-    onConfirm: g,
+    }), d && /* @__PURE__ */ n.createElement(Y, null, d)),
+    onConfirm: p,
     cancelLabel: e,
     confirmLabel: a,
     header: r,
     text: s
-  }) : /* @__PURE__ */ n.createElement(de, {
+  }) : /* @__PURE__ */ n.createElement(oe, {
     className: "humany-favorite-button",
-    title: y,
-    "aria-label": y,
+    title: k,
+    "aria-label": k,
     onClick: S,
     "data-favorite": "false",
-    "data-has-label": f ? "true" : "false",
+    "data-has-label": d ? "true" : "false",
     "data-has-symbol": "true"
   }, /* @__PURE__ */ n.createElement(N, {
     size: 16,
     symbol: { type: "Svg", content: "star-empty" }
-  }), f && /* @__PURE__ */ n.createElement(J, null, f)));
-}, de = d(yt)`
+  }), d && /* @__PURE__ */ n.createElement(Y, null, d)));
+}, oe = f(ut)`
     grid-area: favorite;
 
     &:focus {
         ${(t) => {
   var e;
-  return ((e = t.theme.accessibility) == null ? void 0 : e.isTabbing) && h`
+  return ((e = t.theme.accessibility) == null ? void 0 : e.isTabbing) && g`
                 svg {
                     ${(a) => {
     var r, s;
@@ -484,8 +557,8 @@ const ke = ({
     }
 
     ${(t) => {
-  var e, a, r, s, i, o, c;
-  return ((e = t.theme.colors) == null ? void 0 : e.text) && h`
+  var e, a, r, s, i, o, m;
+  return ((e = t.theme.colors) == null ? void 0 : e.text) && g`
             svg {
                 stroke: ${(a = t.theme.colors) == null ? void 0 : a.text};
 
@@ -514,15 +587,15 @@ const ke = ({
           fill: ${(o = t.theme.colors) == null ? void 0 : o.text};
 
           path {
-            fill: ${(c = t.theme.colors) == null ? void 0 : c.text};
+            fill: ${(m = t.theme.colors) == null ? void 0 : m.text};
           }
         `}
                 }
             }
         `;
 }}
-`, Gt = V((f, m) => {
-  var u = f, {
+`, Vt = W((d, c) => {
+  var h = d, {
     onFeedback: t = () => {
     },
     direction: e = "horizontal",
@@ -531,7 +604,7 @@ const ke = ({
     positive: s,
     negative: i,
     selected: o
-  } = u, c = w(u, [
+  } = h, m = v(h, [
     "onFeedback",
     "direction",
     "className",
@@ -540,31 +613,31 @@ const ke = ({
     "negative",
     "selected"
   ]);
-  return /* @__PURE__ */ n.createElement(bt, E($({
-    className: z(a, "humany-feedback"),
+  return /* @__PURE__ */ n.createElement(yt, w(y({
+    className: E(a, "humany-feedback"),
     "data-direction": e
-  }, ve(c)), {
-    ref: m
-  }), !!r && /* @__PURE__ */ n.createElement(vt, null, r), /* @__PURE__ */ n.createElement(fe, {
+  }, pe(m)), {
+    ref: c
+  }), !!r && /* @__PURE__ */ n.createElement(pt, null, r), /* @__PURE__ */ n.createElement(ie, {
     className: "humany-feedback-button",
     disabled: !!o,
     "aria-pressed": o === "positive",
     "data-selected": o === "positive",
     "data-direction": e,
     onClick: () => t("positive")
-  }, /* @__PURE__ */ n.createElement(H, {
+  }, /* @__PURE__ */ n.createElement(P, {
     faIcon: "smile-o"
-  }), /* @__PURE__ */ n.createElement("span", null, s)), /* @__PURE__ */ n.createElement(fe, {
+  }), /* @__PURE__ */ n.createElement("span", null, s)), /* @__PURE__ */ n.createElement(ie, {
     className: "humany-feedback-button",
     disabled: !!o,
     "aria-pressed": o === "negative",
     "data-selected": o === "negative",
     "data-direction": e,
     onClick: () => t("negative")
-  }, /* @__PURE__ */ n.createElement(H, {
+  }, /* @__PURE__ */ n.createElement(P, {
     faIcon: "frown-o"
   }), /* @__PURE__ */ n.createElement("span", null, i)));
-}), vt = d(J)`
+}), pt = f(Y)`
     font-weight: normal;
     margin: 0 0 ${(t) => {
   var e;
@@ -575,7 +648,7 @@ const ke = ({
   return (e = t.theme.fonts) == null ? void 0 : e.normal;
 }};
     display: block;
-`, fe = d(te)`
+`, ie = f(ge)`
     display: inline-block;
     font-size: ${(t) => {
   var e;
@@ -591,19 +664,19 @@ const ke = ({
 
     ${(t) => {
   var e, a;
-  return t["data-direction"] === "horizontal" && h`
+  return t["data-direction"] === "horizontal" && g`
             width: 225px;
             max-width: calc(50% - ${(e = t.theme.sizes) == null ? void 0 : e.large} - ${(a = t.theme.sizes) == null ? void 0 : a.small});
         `;
 }}
 
-    ${(t) => t["data-direction"] === "vertical" && h`
+    ${(t) => t["data-direction"] === "vertical" && g`
             min-width: 190px;
         `}
 
   ${(t) => {
   var e;
-  return pe({
+  return de({
     active: t["data-selected"],
     primaryColor: (e = t.theme.colors) == null ? void 0 : e.primary,
     secondaryColor: "#FFFFFF"
@@ -616,8 +689,8 @@ const ke = ({
   return (e = t.theme.sizes) == null ? void 0 : e.small;
 }} 0 0;
     }
-`, bt = d.div`
-    ${(t) => t["data-direction"] === "vertical" && h`
+`, yt = f.div`
+    ${(t) => t["data-direction"] === "vertical" && g`
             > button {
                 width: 100%;
                 &:not(:last-child) {
@@ -628,102 +701,102 @@ const ke = ({
                 }
             }
         `}
-`, Ut = () => {
-  const [t, e] = D(null), a = W("ArrowLeft"), r = W("ArrowRight"), s = W("ArrowUp"), i = W("ArrowDown");
-  return K(() => {
+`, Yt = () => {
+  const [t, e] = B(null), a = M("ArrowLeft"), r = M("ArrowRight"), s = M("ArrowUp"), i = M("ArrowDown");
+  return H(() => {
     e(a ? "left" : r ? "right" : s ? "up" : i ? "down" : null);
   }, [a, r, s, i]), t;
-}, Jt = (t, e) => {
-  const [a, r] = D(t), s = k(() => setTimeout(() => {
+}, Kt = (t, e) => {
+  const [a, r] = B(t), s = x(() => setTimeout(() => {
     r(t);
   }, e), [e, r, t]);
-  return K(() => {
+  return H(() => {
     const i = s();
     return () => {
       clearTimeout(i);
     };
   }, [s]), a;
-}, xt = () => {
-  const t = Ge(), [e, a] = D([]), r = t.get("favorites");
-  K(() => {
+}, $t = () => {
+  const t = Ke(), [e, a] = B([]), r = t.get("favorites");
+  H(() => {
     if (r) {
       a(r.get());
-      const { events: m } = t.get("$widget");
-      return m.subscribe("widget:favorites-updated", (u, { updated: l }) => {
+      const { events: c } = t.get("$widget");
+      return c.subscribe("widget:favorites-updated", (h, { updated: l }) => {
         a([...l]);
       });
     }
   }, []);
-  const s = (m) => r ? r.add(m) : Promise.resolve([]), i = (m) => r ? r.remove(m) : Promise.resolve([]), o = () => r ? r.clear() : Promise.resolve([]), c = k((m) => e.indexOf(m) > -1 ? i(m) : s(m), [e]);
+  const s = (c) => r ? r.add(c) : Promise.resolve([]), i = (c) => r ? r.remove(c) : Promise.resolve([]), o = () => r ? r.clear() : Promise.resolve([]), m = x((c) => e.indexOf(c) > -1 ? i(c) : s(c), [e]);
   return [
     e,
-    tt(() => ({
+    et(() => ({
       addFavorite: s,
       removeFavorite: i,
       clearFavorites: o,
-      toggleFavorite: c
+      toggleFavorite: m
     }), [e])
   ];
-}, Qt = () => {
-  const [t, e] = D(!1), a = we(), r = k(() => e(!0), [e]), s = k(() => e(!1), [e]);
-  return ce("mouseenter", r, a.current), ce("mouseleave", s, a.current), [t, a];
-}, wt = ({
-  format: t = xe.YYYY_MM_DD_HH_MM,
+}, qt = () => {
+  const [t, e] = B(!1), a = ye(), r = x(() => e(!0), [e]), s = x(() => e(!1), [e]);
+  return ne("mouseenter", r, a.current), ne("mouseleave", s, a.current), [t, a];
+}, bt = ({
+  format: t = Ge.YYYY_MM_DD_HH_MM,
   className: e = "",
   byLabel: a = "",
   modifiedLabel: r = "",
   publishedLabel: s = "",
   modifiedBy: i = "",
   publishedBy: o = "",
-  showModified: c = !1,
-  showPublished: m = !1,
-  modified: f,
-  published: u
+  showModified: m = !1,
+  showPublished: c = !1,
+  modified: d,
+  published: h
 }) => {
-  const l = m && u ? /* @__PURE__ */ n.createElement(ue, {
+  const l = c && h ? /* @__PURE__ */ n.createElement(le, {
     format: t,
-    timestamp: u
-  }) : null, g = c && f ? /* @__PURE__ */ n.createElement(ue, {
+    timestamp: h
+  }) : null, p = m && d ? /* @__PURE__ */ n.createElement(le, {
     format: t,
-    timestamp: f
+    timestamp: d
   }) : null;
-  return !l && !g ? null : /* @__PURE__ */ n.createElement(U, {
-    className: z(e, "humany-metadata")
-  }, l && /* @__PURE__ */ n.createElement(U, {
+  return !l && !p ? null : /* @__PURE__ */ n.createElement(V, {
+    className: E(e, "humany-metadata")
+  }, l && /* @__PURE__ */ n.createElement(V, {
     className: "humany-published"
-  }, s, l, a && o && ` ${a.replace("{{editor}}", o)}`), g && /* @__PURE__ */ n.createElement(U, {
+  }, s, l, a && o && ` ${a.replace("{{editor}}", o)}`), p && /* @__PURE__ */ n.createElement(V, {
     className: "humany-modified"
-  }, l && ", ", r, g, a && i && ` ${a.replace("{{editor}}", i)}`));
-}, ue = d(be)`
+  }, l && ", ", r, p, a && i && ` ${a.replace("{{editor}}", i)}`));
+}, le = f(qe)`
     &:not(:first-child) {
         margin-left: 4px;
     }
     &:not(:last-child) {
         margin-right: 4px;
     }
-`, U = d($e)`
+`, V = f(ue)`
     font-style: italic;
-`, Et = ({ tags: t }) => t.filter((e) => e.symbol).length ? /* @__PURE__ */ n.createElement(St, {
+`, vt = ({ tags: t }) => t.filter((e) => e.symbol).length ? /* @__PURE__ */ n.createElement(Et, {
   className: "humany-guide-list-tags",
   items: t,
   renderItem: ({ id: e, symbol: a, title: r }) => a && /* @__PURE__ */ n.createElement("li", {
     key: e,
     "data-tag": e
-  }, /* @__PURE__ */ n.createElement(Nt, {
+  }, /* @__PURE__ */ n.createElement(kt, {
     size: 18,
     symbol: a,
     title: r
   }))
-}) : null, Xt = V(({ title: t, id: e, route: a, symbolSize: r, collapseUri: s, children: i }, o) => {
-  const { params: c } = he();
-  return /* @__PURE__ */ n.createElement(kt, {
+}) : null, Gt = W(({ title: t, id: e, route: a, symbolSize: r, collapseUri: s, children: i }, o) => {
+  const { params: m } = ce();
+  return /* @__PURE__ */ n.createElement(xt, {
     ref: o,
     "data-guide": e
-  }, /* @__PURE__ */ n.createElement(Q, {
+  }, /* @__PURE__ */ n.createElement(K, {
     title: t,
     "aria-label": t,
     routeName: a,
-    params: j(E($({}, c), {
+    params: R(w(y({}, m), {
       uriName: s || void 0,
       id: void 0,
       guide: void 0,
@@ -734,7 +807,7 @@ const ke = ({
     size: r,
     symbol: { type: "Svg", content: "caret-up" }
   })), i);
-}), kt = d.li`
+}), xt = f.li`
   > a { 
     grid-column: 1 / -1
     font-weight: bold;
@@ -747,8 +820,8 @@ const ke = ({
   > div {
     grid-column: 1 / -1
   }
-`, Zt = V((Pt, Ie) => {
-  var ae = Pt, {
+`, Ut = W((Lt, Le) => {
+  var J = Lt, {
     expandable: t = !1,
     routing: e = {},
     paramMappers: a = {},
@@ -756,25 +829,25 @@ const ke = ({
     pageRole: s = "link",
     pageCaret: i = "down",
     showTags: o = !1,
-    showFavoriteToggle: c = !1,
-    localPaging: m = !1,
-    onItemClick: f = () => {
+    showFavoriteToggle: m = !1,
+    localPaging: c = !1,
+    onItemClick: d = () => {
     },
-    dispatch: u = () => {
+    dispatch: h = () => {
     },
     metadata: l = {},
-    pageLabel: g,
+    pageLabel: p,
     className: S,
-    children: y,
-    items: b,
-    renderItem: T,
-    addFavoriteTooltip: A,
-    removeFavoriteCancelLabel: M,
-    removeFavoriteConfirmLabel: Ne,
-    removeFavoriteHeader: Te,
-    removeFavoriteLabel: Le,
-    removeFavoriteTooltip: Fe
-  } = ae, Ce = w(ae, [
+    children: k,
+    items: T,
+    renderItem: j,
+    addFavoriteTooltip: we,
+    removeFavoriteCancelLabel: Ee,
+    removeFavoriteConfirmLabel: ke,
+    removeFavoriteHeader: ze,
+    removeFavoriteLabel: Ne,
+    removeFavoriteTooltip: Se
+  } = J, Te = v(J, [
     "expandable",
     "routing",
     "paramMappers",
@@ -800,73 +873,73 @@ const ke = ({
     "removeFavoriteTooltip"
   ]);
   const {
-    accessibility: { isTabbing: ne = !1 }
-  } = at(rt), F = we(), C = Ue(b), { guide: De = "guide", page: Ae = "index" } = e, {
-    guide: Me = ({ id: p }) => j({ guide: p }),
-    page: re = () => j()
-  } = a, [Pe, Be] = xt();
-  nt(Ie, () => F.current);
-  const q = (p) => {
-    const { id: x, title: v, tags: L, published: P, modified: I, publishedBy: B, modifiedBy: G } = p;
+    accessibility: { isTabbing: Q = !1 }
+  } = tt(nt), L = ye(), F = Ue(T), { guide: Fe = "guide", page: Ce = "index" } = e, {
+    guide: Ae = ({ id: u }) => R({ guide: u }),
+    page: X = () => R()
+  } = a, [De, Ie] = $t();
+  at(Le, () => L.current);
+  const O = (u) => {
+    const { id: b, title: $, tags: z, published: A, modified: C, publishedBy: D, modifiedBy: _ } = u;
     return /* @__PURE__ */ n.createElement("li", {
-      key: x,
-      "data-guide": x,
-      "has-metadata": (!!(l != null && l.showPublished) && !!P || !!(l != null && l.showModified) && !!I).toString()
-    }, /* @__PURE__ */ n.createElement(Q, {
+      key: b,
+      "data-guide": b,
+      "has-metadata": (!!(l != null && l.showPublished) && !!A || !!(l != null && l.showModified) && !!C).toString()
+    }, /* @__PURE__ */ n.createElement(K, {
       className: "humany-guide-link",
-      title: v,
-      "aria-label": v,
-      routeName: De,
-      onClick: (je) => f(je, p),
-      params: Me(p),
-      text: v
+      title: $,
+      "aria-label": $,
+      routeName: Fe,
+      onClick: (We) => d(We, u),
+      params: Ae(u),
+      text: $
     }, /* @__PURE__ */ n.createElement(N, {
       size: r,
       symbol: {
         type: "Svg",
         content: t ? "caret-down" : "caret-right"
       }
-    })), c && /* @__PURE__ */ n.createElement($t, {
-      guideTitle: v,
-      addFavoriteTooltip: A,
-      removeFavoriteCancelLabel: M,
-      removeFavoriteConfirmLabel: Ne,
-      removeFavoriteHeader: Te,
-      removeFavoriteLabel: Le,
-      removeFavoriteTooltip: Fe,
-      isFavorite: Pe.indexOf(x) > -1,
-      actions: Be,
-      id: x
-    }), o && /* @__PURE__ */ n.createElement(Et, {
-      tags: L
-    }), /* @__PURE__ */ n.createElement(Tt, E($({}, l), {
+    })), m && /* @__PURE__ */ n.createElement(gt, {
+      guideTitle: $,
+      addFavoriteTooltip: we,
+      removeFavoriteCancelLabel: Ee,
+      removeFavoriteConfirmLabel: ke,
+      removeFavoriteHeader: ze,
+      removeFavoriteLabel: Ne,
+      removeFavoriteTooltip: Se,
+      isFavorite: De.indexOf(b) > -1,
+      actions: Ie,
+      id: b
+    }), o && /* @__PURE__ */ n.createElement(vt, {
+      tags: z
+    }), /* @__PURE__ */ n.createElement(zt, w(y({}, l), {
       indent: t ? void 0 : r,
-      modified: I,
-      published: P,
-      publishedBy: B,
-      modifiedBy: G
+      modified: C,
+      published: A,
+      publishedBy: D,
+      modifiedBy: _
     })));
-  }, Re = k((p, x, v) => T ? T(p, x, v, q) : q(p), [T, q]), We = k((p) => {
-    m && (p.preventDefault(), u("page", re()));
-  }, [u, m]);
-  K(() => {
-    if (ne && C && C.length < b.length && F.current) {
-      const p = F.current.querySelectorAll(".humany-guide-list > ul > li"), x = p[C.length];
-      if (p.length === b.length && C.length) {
-        const v = p[C.length];
-        if (v) {
-          const L = v.querySelector(".humany-guide-link");
-          L && L.focus();
+  }, Me = x((u, b, $) => j ? j(u, b, $, O) : O(u), [j, O]), Pe = x((u) => {
+    c && (u.preventDefault(), h("page", X()));
+  }, [h, c]);
+  H(() => {
+    if (Q && F && F.length < T.length && L.current) {
+      const u = L.current.querySelectorAll(".humany-guide-list > ul > li"), b = u[F.length];
+      if (u.length === T.length && F.length) {
+        const $ = u[F.length];
+        if ($) {
+          const z = $.querySelector(".humany-guide-link");
+          z && z.focus();
         }
       } else
-        x && new MutationObserver((L, P) => {
-          L.forEach((I) => {
-            if (I.addedNodes) {
-              const B = Array.from(I.addedNodes).find((G) => G.tagName === "A");
-              B && et(F.current, document.activeElement) && (ne && B.focus(), P.disconnect());
+        b && new MutationObserver((z, A) => {
+          z.forEach((C) => {
+            if (C.addedNodes) {
+              const D = Array.from(C.addedNodes).find((_) => _.tagName === "A");
+              D && Ze(L.current, document.activeElement) && (Q && D.focus(), A.disconnect());
             }
           });
-        }).observe(x, {
+        }).observe(b, {
           attributes: !1,
           characterData: !1,
           childList: !0,
@@ -876,30 +949,30 @@ const ke = ({
         });
     }
   });
-  const He = !!Object.keys(l).filter((p) => typeof l[p] != "undefined").length;
-  return /* @__PURE__ */ n.createElement(zt, E($({
-    className: z(S, "humany-guide-list"),
-    "data-item-count": b.length,
-    items: b,
-    renderItem: Re,
+  const Re = !!Object.keys(l).filter((u) => typeof l[u] != "undefined").length;
+  return /* @__PURE__ */ n.createElement(wt, w(y({
+    className: E(S, "humany-guide-list"),
+    "data-item-count": T.length,
+    items: T,
+    renderItem: Me,
     expandable: t ? "true" : "false",
-    "grid-items": o || c || He ? "true" : "false"
-  }, ve(Ce)), {
-    ref: F
-  }), g ? /* @__PURE__ */ n.createElement(Q, {
-    text: g,
-    title: g,
-    "aria-label": g,
-    routeName: Ae,
+    "grid-items": o || m || Re ? "true" : "false"
+  }, pe(Te)), {
+    ref: L
+  }), p ? /* @__PURE__ */ n.createElement(K, {
+    text: p,
+    title: p,
+    "aria-label": p,
+    routeName: Ce,
     role: s,
-    params: re(),
-    onClick: We
+    params: X(),
+    onClick: Pe
   }, /* @__PURE__ */ n.createElement(N, {
     size: r,
     symbol: { type: "Svg", content: `caret-${i}` }
-  })) : null, y);
-}), zt = d(Y)`
-    ${_}
+  })) : null, k);
+}), wt = f(G)`
+    ${U}
     padding: ${(t) => {
   var e;
   return (e = t.theme.sizes) == null ? void 0 : e.large;
@@ -911,13 +984,13 @@ const ke = ({
     text-decoration: none;
 
     > div {
-        ${ee("> h1", h`
+        ${he("> h1", g`
                 white-space: pre-wrap;
             `)}
     }
 
     > ul > li {
-        ${(t) => t["grid-items"] === "true" && h`
+        ${(t) => t["grid-items"] === "true" && g`
                 display: grid;
                 grid-template-columns: auto 1fr 1fr;
                 gap: 0px 0px;
@@ -985,7 +1058,7 @@ const ke = ({
                 }
             }
 
-            ${(t) => t.expandable === "true" && h`
+            ${(t) => t.expandable === "true" && g`
                     display: flex;
                     flex-direction: row-reverse;
                     justify-content: flex-end;
@@ -1007,8 +1080,8 @@ const ke = ({
             &:focus {
                 ${(t) => {
   var e;
-  return ((e = t.theme.accessibility) == null ? void 0 : e.isTabbing) && h`
-                        ${X}
+  return ((e = t.theme.accessibility) == null ? void 0 : e.isTabbing) && g`
+                        ${re}
                         text-decoration: underline;
                     `;
 }};
@@ -1055,15 +1128,15 @@ const ke = ({
         &:focus {
             ${(t) => {
   var e;
-  return ((e = t.theme.accessibility) == null ? void 0 : e.isTabbing) && h`
-                    ${X}
+  return ((e = t.theme.accessibility) == null ? void 0 : e.isTabbing) && g`
+                    ${re}
                     text-decoration: underline;
                 `;
 }};
         }
     }
-`, St = d(Z)`
-    ${ge}
+`, Et = f(q)`
+    ${me}
     display: flex;
     margin: 0 0 0 auto;
     grid-area: tags;
@@ -1078,7 +1151,7 @@ const ke = ({
         align-items: center;
         justify-content: space-between;
     }
-`, Nt = d(N)`
+`, kt = f(N)`
     display: block;
     color: ${(t) => {
   var e;
@@ -1095,7 +1168,7 @@ const ke = ({
         font-size: ${t.size}px;
       `;
 }}
-`, Tt = d(wt)`
+`, zt = f(bt)`
     grid-area: metadata;
     text-overflow: ellipsis;
     overflow: hidden;
@@ -1107,226 +1180,64 @@ const ke = ({
   var e;
   return typeof t.indent == "number" && `text-indent: calc(${(e = t.theme.sizes) == null ? void 0 : e.small} * 2 + ${t.indent}px);`;
 }}
-`, ea = (i) => {
-  var o = i, {
-    className: t,
-    showHeader: e,
-    notificationList: a,
-    loading: r
-  } = o, s = w(o, [
-    "className",
-    "showHeader",
-    "notificationList",
-    "loading"
-  ]);
-  const [c, m] = D(null), {
-    id: f,
-    title: u,
-    symbol: l,
-    notifications: g = [],
-    defaultHeaderOptions: S = { visible: !0 }
-  } = a || {};
-  return !g.length && !r ? null : /* @__PURE__ */ n.createElement(Ft, E($({}, s), {
-    "data-loading": r,
-    "data-show-header": typeof e == "boolean" ? e : S.visible,
-    className: z(t, "humany-notification-list"),
-    "data-notification-category": f,
-    header: u,
-    symbol: l,
-    items: g,
-    renderItem: ({ id: y, title: b, body: T, modified: A, expandable: M }) => /* @__PURE__ */ n.createElement(Ct, {
-      key: y,
-      "data-notification": y,
-      "data-expanded": M ? c === y : !0
-    }, M ? /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(Lt, {
-      title: b,
-      "aria-label": b,
-      "aria-expanded": c === y,
-      onClick: () => m(c === y ? null : y)
-    }, /* @__PURE__ */ n.createElement("span", null, b), /* @__PURE__ */ n.createElement(It, {
-      size: 11,
-      symbol: {
-        type: "Svg",
-        content: `caret-${c === y ? "up" : "down"}`
-      }
-    })), /* @__PURE__ */ n.createElement(O, {
-      html: T
-    }), A && /* @__PURE__ */ n.createElement(Dt, {
-      format: xe.YYYY_MM_DD,
-      timestamp: A
-    })) : /* @__PURE__ */ n.createElement(O, {
-      html: T
-    }))
-  }), /* @__PURE__ */ n.createElement(gt, {
-    loading: r
-  }));
-}, Lt = d(te)`
-    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 {
-        ${(t) => {
-  var e, a;
-  return ((e = t.theme.accessibility) == null ? void 0 : e.isTabbing) && h`
-                ${X}
-                span {
-                    color: ${(a = t.theme.colors) == null ? void 0 : a.primary};
-                    text-decoration: underline;
-                }
-            `;
-}};
-    }
-`, Ft = d(Y)`
-    ${pt}
-    ${_}
-  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"] && h`
-            > div {
-                ${ee("h1", h`
-                        display: none;
-                    `)}
-            }
-        `}
-
-    @media (hover: hover) {
-        button:hover {
-            text-decoration: underline;
-        }
-    }
-`, O = d(Je)`
-    ${Qe}
-    font-weight: 300;
-
-    p {
-        white-space: normal;
-    }
-`, Ct = d.li`
-    ${O} {
-        display: none;
-        &:not(:only-child) {
-            ${(t) => {
-  var e, a, r;
-  return ((e = t.theme.sizes) == null ? void 0 : e.cardinal) && ((a = t.theme.sizes) == null ? void 0 : a.normal) && h`
-                    margin: ${(r = t.theme.sizes) == null ? void 0 : r.normal} 0;
-                `;
-}}
-        }
-    }
-
-    ${(t) => t["data-expanded"] && h`
-            ${O} {
-                display: block;
-            }
-        `}
-
-    > span {
-        display: block;
-        font-weight: 300;
-        color: ${(t) => {
-  var e;
-  return (e = t.theme.colors) == null ? void 0 : e.accent;
-}};
-    }
-`, It = d(N)`
-    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;
-}};
-    }
-`, Dt = d(be)`
-    font-size: ${(t) => {
-  var e;
-  return (e = t.theme.fonts) == null ? void 0 : e.small;
-}};
-    font-weight: 300;
-`, At = (t) => new RegExp("^#", "i").test(t), Mt = (t) => (r) => {
-  var s = r, { children: e } = s, a = w(s, ["children"]);
+`, Nt = (t) => new RegExp("^#", "i").test(t), St = (t) => (r) => {
+  var s = r, { children: e } = s, a = v(s, ["children"]);
   const {
     implementation: i,
     name: o
-  } = t.get("$widget"), { href: c = "" } = a;
-  if (At(c))
-    return /* @__PURE__ */ n.createElement(Xe, {
+  } = t.get("$widget"), { href: m = "" } = a;
+  if (Nt(m))
+    return /* @__PURE__ */ n.createElement(Je, {
       smooth: !0,
-      to: c
+      to: m
     }, e);
-  const m = i.bindings.map((l) => l.replace(/\./g, "\\.")).join("|"), u = new RegExp(`^((http[s]?:)?//)?(${m})/([^\\s]+)`).exec(c);
-  if (u && u.length >= 4) {
-    const l = u[4];
+  const c = i.bindings.map((l) => l.replace(/\./g, "\\.")).join("|"), h = new RegExp(`^((http[s]?:)?//)?(${c})/([^\\s]+)`).exec(m);
+  if (h && h.length >= 4) {
+    const l = h[4];
     if (i.widgets.get(l) && !l.startsWith("blob?") && !l.startsWith(o))
-      return /* @__PURE__ */ n.createElement(Ze, {
+      return /* @__PURE__ */ n.createElement(Qe, {
         widgetName: l
       }, e);
   }
-  return /* @__PURE__ */ n.createElement("a", $({}, a), e);
-}, ta = (t, e = []) => ({
+  return /* @__PURE__ */ n.createElement("a", y({}, a), e);
+}, Tt = (t) => /* @__PURE__ */ n.createElement(Xe, {
+  attrs: t
+}), Jt = (t, e = []) => ({
   transform: {
+    img: Tt,
     a: (a) => {
-      const c = a, { children: r } = c, i = w(c, ["children"])["data-target"];
+      const m = a, { children: r } = m, i = v(m, ["children"])["data-target"];
       if (i && e.length) {
-        const m = e.find(({ connection: f }) => f === i);
-        if (m)
-          return /* @__PURE__ */ n.createElement(ke, $({}, m), r);
+        const c = e.find(({ connection: d }) => d === i);
+        if (c)
+          return /* @__PURE__ */ n.createElement(be, y({}, c), r);
       }
-      return Mt(t)(a);
+      return St(t)(a);
     }
   }
 });
 export {
-  Xt as AccordionListItem,
-  ke as DialogLink,
-  Ot as DialogList,
-  Yt as DrawerList,
-  _t as DropdownActions,
-  Vt as DropdownList,
-  $t as FavoriteButton,
-  Gt as Feedback,
-  Zt as GuideList,
-  gt as Loader,
-  Se as LoaderWrapper,
-  wt as Metadata,
-  ea as NotificationList,
-  Kt as SmallCaret,
-  qt as StyledHeaderText,
-  yt as StyledListButton,
-  ta as guideRenderInstructions,
-  pt as loadingOpacity,
-  Ut as useArrowKeys,
-  Jt as useDebounce,
-  xt as useFavorites,
-  Qt as useHover
+  Gt as AccordionListItem,
+  be as DialogLink,
+  Mt as DialogList,
+  Pt as DrawerList,
+  Rt as DropdownActions,
+  Wt as DropdownList,
+  gt as FavoriteButton,
+  Vt as Feedback,
+  Ut as GuideList,
+  Bt as Loader,
+  xe as LoaderWrapper,
+  bt as Metadata,
+  Ot as SmallCaret,
+  _t as StyledHeaderText,
+  ut as StyledListButton,
+  jt as genericHtml,
+  Jt as guideRenderInstructions,
+  Ht as loadingOpacity,
+  Yt as useArrowKeys,
+  Kt as useDebounce,
+  $t as useFavorites,
+  qt as useHover
 };
 //# sourceMappingURL=index.js.map