@telia-ace/knowledge-widget-ui 1.0.40-experimental.9 → 1.0.40

package/dist/index.js

@@ -1,100 +1,1391 @@
-export * from "@telia-ace/widget-ui";
-import { LitElement as u, nothing as f, html as t, unsafeCSS as v } from "lit";
-import { property as p, state as g } from "lit/decorators.js";
-const w = `.wrapper{overflow:hidden;justify-content:flex-start;padding:var(--notification-list-padding, var(--size-large));margin:var(--notification-list-margin, 0);min-width:var(--notification-list-min-width)}@media (hover: hover){.wrapper button:hover{text-decoration:underline}}.wrapper h1{margin:0 0 var(--size-normal);font-size:var(--fonts-medium);font-weight:400;line-height:1.8em;color:var(--colors-text)}.wrapper h1{display:flex;align-items:center}.wrapper h1 i{margin:7px var(--size-normal) 0 0;width:24px;display:inline-block;vertical-align:text-bottom;align-self:flex-start;min-width:24px;min-height:24px;text-align:center}.wrapper .notification-title{display:none}.wrapper[data-show-header=true] .notification-title{display:block}ul{padding:0;margin:0;list-style:none}ul>li{margin:0 0 var(--size-normal);white-space:nowrap;text-overflow:ellipsis;min-width:0}ul>li:focus{outline-offset:-2px}ul>li>a{text-decoration:none}ul>li:last-child{margin:0}li .notification-body{font-size:var(--fonts-normal);line-height:1.5em;color:var(--colors-text);font-weight:300;display:none}li .notification-body h1,li .notification-body h2,li .notification-body h3,li .notification-body h4,li .notification-body h5,li .notification-body h6{word-break:break-word}li .notification-body h1:first-child,li .notification-body h2:first-child,li .notification-body h3:first-child,li .notification-body h4:first-child,li .notification-body h5:first-child,li .notification-body h6:first-child{margin-top:0}li .notification-body h1:only-child,li .notification-body h2:only-child,li .notification-body h3:only-child,li .notification-body h4:only-child,li .notification-body h5:only-child,li .notification-body h6:only-child{margin:0}li .notification-body h1:last-child,li .notification-body h2:last-child,li .notification-body h3:last-child,li .notification-body h4:last-child,li .notification-body h5:last-child,li .notification-body h6:last-child{margin-bottom:0}li .notification-body a{color:var(--colors-link)}li .notification-body a:focus-visible{outline:var(--accessibility-border);color:var(--accessibility-colors-inactiveText);border-color:transparent;text-decoration:underline}li .notification-body img{max-width:100%!important;height:auto!important}li .notification-body p{word-break:break-word;margin:var(--size-normal) 0}li .notification-body p:first-child{margin:0 0 var(--size-normal)}li .notification-body p:last-child{margin:var(--size-normal) 0 0}li .notification-body p:only-child{margin:0}li .notification-body:not(:only-child){margin:var(--size-normal) 0}li .notification-body p{white-space:normal}li[data-expanded=true] .notification-body{display:block}li>span{display:block;font-weight:300;color:var(--colors-accent)}button{-webkit-appearance:button;text-transform:none;overflow:visible;outline:none;border:none;background-color:transparent;cursor:pointer;font-family:inherit;font-size:inherit;line-height:normal;margin:0;padding:0;display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left}button svg,button i{color:var(--colors-primary)}button span{color:var(--colors-text);font-size:var(--fonts-normal);overflow:hidden;text-overflow:ellipsis;flex:1;white-space:nowrap}button:focus-visible{outline:var(--accessibility-border);color:var(--accessibility-colors-inactiveText);border-color:transparent}button:focus-visible span{color:var(--colors-primary);text-decoration:underline}.timestamp{font-size:var(--fonts-small);font-weight:300}ui-symbol-badge{margin:0 0 0 var(--size-small);--icon-color: var(--colors-primary)}
-`;
-var x = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, c = (d, e, o, l) => {
-  for (var i = l > 1 ? void 0 : l ? $(e, o) : e, r = d.length - 1, n; r >= 0; r--)
-    (n = d[r]) && (i = (l ? n(e, o, i) : n(i)) || i);
-  return l && i && x(e, o, i), i;
+var He = Object.defineProperty, je = Object.defineProperties;
+var Oe = Object.getOwnPropertyDescriptors;
+var R = Object.getOwnPropertySymbols;
+var oe = Object.prototype.hasOwnProperty, se = Object.prototype.propertyIsEnumerable;
+var re = (t, e, a) => e in t ? He(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) && re(t, a, e[a]);
+  if (R)
+    for (var a of R(e))
+      se.call(e, a) && re(t, a, e[a]);
+  return t;
+}, k = (t, e) => je(t, Oe(e));
+var w = (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 && se.call(t, r) && (a[r] = t[r]);
+  return a;
 };
-class a extends u {
-  constructor() {
-    super(), this._expanded = null, this.loading = !1, this.showHeader = !1;
+import { css as $, keyframes as he } from "@emotion/react";
+import d from "@emotion/styled";
+import { useRouteData as ge, Link as Ye, Icon as H, List as Z, list as pe, invertedHoverButton as ye, Drawer as _e, ItemList as O, itemList as Y, Dropdown as $e, headingElement as ee, Text as ve, Button as te, paddedBorderTabStyle as ie, Confirm as Ke, SymbolBadge as N, StyledText as J, convertToStringAttributes as xe, useKeyPress as W, useContainer as Ve, useEventListener as le, DateFormats as be, Timestamp as we, useIsTabbing as qe, usePrevious as Ge, TextLink as Q, borderTabStyle as X, Paragraph as Ue, genericHtml as Je, AnchorLink as Qe, WidgetLink as Xe } from "@telia-ace/widget-ui";
+export * from "@telia-ace/widget-ui";
+import n, { forwardRef as _, useCallback as z, useState as T, useEffect as K, useMemo as Ze, useRef as Ee, useImperativeHandle as et } from "react";
+import { createParams as j, formatUrl as ce, appendClassNames as S, htmlParentContains as tt } from "@telia-ace/widget-utilities";
+const at = ({
+  title: t = "",
+  className: e,
+  id: a,
+  parent: r,
+  connection: s,
+  type: i,
+  target: o,
+  href: c,
+  children: m,
+  connectionKey: f
+}) => {
+  const u = {}, { name: l, params: h } = ge();
+  switch (i) {
+    case "default":
+    case "guide":
+      const { id: E, title: g } = r;
+      let v = f || s;
+      E !== a && !f && (v = void 0), u.routeName = l, u.params = j(k(y({}, h), {
+        guide: a,
+        connection: v,
+        uriName: a === E ? ce(g) : ce(t)
+      }));
+      break;
+    case "link":
+      u.href = c, u.target = o;
+      break;
   }
-  render() {
-    var n;
-    if (!this.notificationList || !((n = this.notificationList) != null && n.notifications) && !this.loading)
-      return f;
-    const {
-      id: e,
-      title: o,
-      symbol: l,
-      notifications: i = [],
-      defaultHeaderOptions: r = { visible: !0 }
-    } = this.notificationList || {};
-    return t`
-            <div
-                class="wrapper"
-                data-notification-category=${this.id}
-                data-loading=${this.loading}
-                data-show-header=${typeof this.showHeader == "boolean" ? this.showHeader : r.visible}
-            >
-                ${o ? t`<h1 class="notification-title">${o}</h1>` : f}
-                <ul>
-                    ${this.notificationList.notifications.map(
-      ({ id: s, title: h, body: b, modified: m, expandable: y }) => t`<li
-                                data-expanded=${y ? this._expanded === s : !0}
-                            >
-                                ${y ? t`
-                                          <button
-                                              title=${h}
-                                              aria-label=${h}
-                                              aria-expanded=${this._expanded === s}
-                                              @click=${() => {
-        this._expanded = this._expanded === s ? null : s;
-      }}
-                                          >
-                                              <span>${h}</span>
-                                              ${this._expanded === s ? t` <ui-symbol-badge
-                                                        size="11"
-                                                        .symbol=${{
-        type: "Svg",
-        content: "caret-up"
-      }}
-                                                    />` : t` <ui-symbol-badge
-                                                        size="11"
-                                                        .symbol=${{
-        type: "Svg",
-        content: "caret-down"
-      }}
-                                                    />`}
-                                          </button>
-                                          <ui-html
-                                              class="notification-body"
-                                              .html=${b}
-                                          ></ui-html>
-                                          ${m ? t`<ui-timestamp
-                                                    .timestamp=${m}
-                                                ></ui-timestamp>` : f}
-                                      ` : t`
-                                          <ui-html
-                                              class="notification-body"
-                                              .html=${b}
-                                          ></ui-html>
-                                      `}
-                            </li>`
-    )}
-                </ul>
-            </div>
+  return /* @__PURE__ */ n.createElement(Ye, y({ className: S(e, "humany-dialog-link") }, u), m || /* @__PURE__ */ n.createElement(n.Fragment, null, i === "link" && /* @__PURE__ */ n.createElement(H, { faIcon: "link" }), /* @__PURE__ */ n.createElement("span", null, t)));
+}, ke = at, ta = _((s, r) => {
+  var i = s, { className: t, dialog: e } = i, a = w(i, ["className", "dialog"]);
+  return e.length ? /* @__PURE__ */ n.createElement(
+    nt,
+    k(y({
+      className: S(t, "humany-dialog"),
+      items: e,
+      renderItem: (o) => /* @__PURE__ */ n.createElement("li", { key: o.connection, "data-dialog": o.connection }, /* @__PURE__ */ n.createElement(ke, y({}, o)))
+    }, a), {
+      ref: r
+    })
+  ) : null;
+}), nt = d(Z)`
+    ${pe}
+    a {
+        min-width: 150px;
+        max-width: 400px;
+        display: block;
+        white-space: normal;
+        ${(t) => {
+  var e, a;
+  return ((e = t.theme.colors) == null ? void 0 : e.primary) && ye({
+    primaryColor: (a = t.theme.colors) == null ? void 0 : a.primary,
+    secondaryColor: "#FFFFFF",
+    theme: t.theme
+  });
+}}
+    }
+
+    i {
+        margin: 0 ${(t) => {
+  var e;
+  return (e = t.theme.sizes) == null ? void 0 : e.small;
+}} 0 0;
+    }
+`, rt = (u) => {
+  var l = u, {
+    trigger: t,
+    header: e,
+    className: a,
+    animation: r,
+    fullScreen: s,
+    onToggle: i,
+    children: o,
+    ref: c,
+    closeButtonAriaLabel: m
+  } = l, f = w(l, [
+    "trigger",
+    "header",
+    "className",
+    "animation",
+    "fullScreen",
+    "onToggle",
+    "children",
+    "ref",
+    "closeButtonAriaLabel"
+  ]);
+  return /* @__PURE__ */ n.createElement(
+    _e,
+    {
+      className: S(a, "humany-drawer-list"),
+      trigger: t,
+      header: e,
+      animation: r,
+      fullScreen: s,
+      onToggle: i,
+      closeButtonAriaLabel: m
+    },
+    /* @__PURE__ */ n.createElement(ot, y({}, f), o)
+  );
+}, aa = rt, ot = d(O)`
+    ${Y}
+    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;
+}};
+    }
+`, st = ({ items: t, renderItem: e, trigger: a, header: r, children: s }) => /* @__PURE__ */ n.createElement($e, { className: "humany-dropdown-actions", trigger: a }, /* @__PURE__ */ n.createElement(it, null, !!r && /* @__PURE__ */ n.createElement(lt, null, r), t && e && /* @__PURE__ */ n.createElement(ct, { items: t, renderItem: e }), s)), na = st, it = d.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;
+}};
+`, lt = d.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;
+}};
+    }
+`, ct = d(Z)`
+    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, a;
+  return `${(e = t.theme.sizes) == null ? void 0 : e.small} ${(a = t.theme.sizes) == null ? void 0 : a.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;
+}};
+            }
+        }
+    }
+`, mt = (i) => {
+  var o = i, {
+    trigger: t,
+    className: e,
+    children: a,
+    closeButtonAriaLabel: r
+  } = o, s = w(o, [
+    "trigger",
+    "className",
+    "children",
+    "closeButtonAriaLabel"
+  ]);
+  return /* @__PURE__ */ n.createElement(
+    $e,
+    {
+      className: S(e, "humany-dropdown-list"),
+      closeButtonAriaLabel: r,
+      trigger: t
+    },
+    /* @__PURE__ */ n.createElement(dt, y({}, s), a)
+  );
+}, ra = mt, dt = d(O)`
+    ${Y}
+    font-family: ${(t) => {
+  var e;
+  return (e = t.theme.fonts) == null ? void 0 : e.type;
+}};
+    > div {
+        ${(t) => {
+  var e;
+  return ee(t)(
+    "> h1",
+    $`
+                    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;
+                }
+            }
+        }
+    }
+`, ut = (t) => $`
+    ${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"};
+    }
+`, oa = d(H)`
+    && {
+        font-size: ${(t) => {
+  var e;
+  return (e = t.theme.fonts) == null ? void 0 : e.small;
+}};
+    }
+    width: 1.2em;
+`, sa = d(ve)`
+    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;
+}};
+`, ft = d(te)`
+    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" && ie}
+
+        svg, i {
+            ${(t) => t["data-has-label"] === "false" && t["data-has-symbol"] === "true" && $`
+                    ${ie(t)}
+                    box-sizing: content-box;
+                `}
+        }
+    }
+
+    span {
+        flex: 1;
+        font-weight: 300;
+    }
+`, ht = ({
+  addFavoriteTooltip: t,
+  removeFavoriteCancelLabel: e,
+  removeFavoriteConfirmLabel: a,
+  removeFavoriteHeader: r,
+  removeFavoriteLabel: s,
+  removeFavoriteTooltip: i,
+  id: o,
+  isFavorite: c,
+  guideTitle: m,
+  buttonLabel: f = "",
+  actions: { addFavorite: u, removeFavorite: l }
+}) => {
+  const h = z(() => {
+    l(o);
+  }, [o, l]), E = z(() => {
+    u(o);
+  }, [o, u]), g = `${c ? i : t}${m ? `: "${m}"` : ""}`;
+  return /* @__PURE__ */ n.createElement(n.Fragment, null, c ? /* @__PURE__ */ n.createElement(
+    Ke,
+    {
+      trigger: /* @__PURE__ */ n.createElement(
+        me,
+        {
+          className: "humany-favorite-button",
+          title: g,
+          "aria-label": g,
+          "data-favorite": "true",
+          "data-has-label": f ? "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: h,
+      cancelLabel: e,
+      confirmLabel: a,
+      header: r,
+      text: s
+    }
+  ) : /* @__PURE__ */ n.createElement(
+    me,
+    {
+      className: "humany-favorite-button",
+      title: g,
+      "aria-label": g,
+      onClick: E,
+      "data-favorite": "false",
+      "data-has-label": f ? "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)
+  ));
+}, gt = ht, me = d(ft)`
+    grid-area: favorite;
+
+    &:focus-visible {
+        svg {
+            ${(t) => {
+  var e, a;
+  return t["data-favorite"] === "true" ? `
+          fill: transparent;
+
+          path {
+            fill: transparent;
+          }
+        ` : `
+          fill: ${(e = t.theme.colors) == null ? void 0 : e.text};
+
+          path {
+            fill: ${(a = t.theme.colors) == null ? void 0 : a.text};
+          }
+        `;
+}}
+        }
+    }
+
+    ${(t) => {
+  var e, a, r, s, i, o, c;
+  return ((e = t.theme.colors) == null ? void 0 : e.text) && $`
+            svg {
+                stroke: ${(a = t.theme.colors) == null ? void 0 : a.text};
+
+                path {
+                    stroke: ${(r = t.theme.colors) == null ? void 0 : r.text};
+                }
+
+                ${t["data-favorite"] === "true" && `
+        fill: ${(s = t.theme.colors) == null ? void 0 : s.text};
+
+        path {
+          fill: ${(i = t.theme.colors) == null ? void 0 : i.text};
+        }
+      `}
+            }
+
+            &:hover {
+                svg {
+                    ${t["data-favorite"] === "true" ? `
+          fill: transparent;
+
+          path {
+            fill: transparent;
+          }
+        ` : `
+          fill: ${(o = t.theme.colors) == null ? void 0 : o.text};
+
+          path {
+            fill: ${(c = t.theme.colors) == null ? void 0 : c.text};
+          }
+        `}
+                }
+            }
         `;
+}}
+`, ia = _(
+  (f, m) => {
+    var u = f, {
+      onFeedback: t = () => {
+      },
+      direction: e = "horizontal",
+      className: a,
+      header: r,
+      positive: s,
+      negative: i,
+      selected: o
+    } = u, c = w(u, [
+      "onFeedback",
+      "direction",
+      "className",
+      "header",
+      "positive",
+      "negative",
+      "selected"
+    ]);
+    return /* @__PURE__ */ n.createElement(
+      yt,
+      k(y({
+        className: S(a, "humany-feedback"),
+        "data-direction": e
+      }, xe(c)), {
+        ref: m
+      }),
+      !!r && /* @__PURE__ */ n.createElement(pt, null, r),
+      /* @__PURE__ */ n.createElement(
+        de,
+        {
+          className: "humany-feedback-button",
+          disabled: !!o,
+          "aria-pressed": o === "positive",
+          "data-selected": o === "positive",
+          "data-direction": e,
+          onClick: () => t("positive")
+        },
+        /* @__PURE__ */ n.createElement(H, { faIcon: "smile-o" }),
+        /* @__PURE__ */ n.createElement("span", null, s)
+      ),
+      /* @__PURE__ */ n.createElement(
+        de,
+        {
+          className: "humany-feedback-button",
+          disabled: !!o,
+          "aria-pressed": o === "negative",
+          "data-selected": o === "negative",
+          "data-direction": e,
+          onClick: () => t("negative")
+        },
+        /* @__PURE__ */ n.createElement(H, { faIcon: "frown-o" }),
+        /* @__PURE__ */ n.createElement("span", null, i)
+      )
+    );
+  }
+), pt = d(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;
+`, de = d(te)`
+    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, a;
+  return t["data-direction"] === "horizontal" && $`
+            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" && $`
+            min-width: 190px;
+        `}
+
+  ${(t) => {
+  var e, a;
+  return ((e = t.theme.colors) == null ? void 0 : e.primary) && ye({
+    active: t["data-selected"],
+    primaryColor: (a = t.theme.colors) == null ? void 0 : a.primary,
+    secondaryColor: "#FFFFFF",
+    theme: t.theme
+  });
+}}
+
+  i {
+        margin: 0 ${(t) => {
+  var e;
+  return (e = t.theme.sizes) == null ? void 0 : e.small;
+}} 0 0;
+    }
+`, yt = d.div`
+    ${(t) => {
+  var e;
+  return t["data-direction"] === "vertical" && $`
+            > button {
+                width: 100%;
+                &:not(:last-child) {
+                    margin-bottom: ${(e = t.theme.sizes) == null ? void 0 : e.normal};
+                }
+            }
+        `;
+}}
+`, $t = () => {
+  const [t, e] = T(null), a = W("ArrowLeft"), r = W("ArrowRight"), s = W("ArrowUp"), i = W("ArrowDown");
+  return K(() => {
+    e(a ? "left" : r ? "right" : s ? "up" : i ? "down" : null);
+  }, [a, r, s, i]), t;
+}, la = $t, vt = (t, e) => {
+  const [a, r] = T(t), s = z(() => setTimeout(() => {
+    r(t);
+  }, e), [e, r, t]);
+  return K(
+    () => {
+      const i = s();
+      return () => {
+        clearTimeout(i);
+      };
+    },
+    [s]
+  ), a;
+}, ca = vt, xt = () => {
+  const t = Ve(), [e, a] = T([]), r = t.get("favorites");
+  K(() => {
+    if (r) {
+      a(r.get());
+      const { events: m } = t.get("$widget");
+      return m.subscribe("widget:favorites-updated", (u, { 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 = z(
+    (m) => e.indexOf(m) > -1 ? i(m) : s(m),
+    [e]
+  );
+  return [
+    e,
+    Ze(
+      () => ({
+        addFavorite: s,
+        removeFavorite: i,
+        clearFavorites: o,
+        toggleFavorite: c
+      }),
+      [e]
+    )
+  ];
+}, bt = xt, ma = () => {
+  const [t, e] = T(!1), a = Ee(), r = z(() => e(!0), [e]), s = z(() => e(!1), [e]);
+  return le("mouseenter", r, a.current), le("mouseleave", s, a.current), [t, a];
+}, wt = ({
+  format: t = be.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
+}) => {
+  const l = m && u ? /* @__PURE__ */ n.createElement(ue, { format: t, timestamp: u }) : null, h = c && f ? /* @__PURE__ */ n.createElement(ue, { format: t, timestamp: f }) : null;
+  return !l && !h ? null : /* @__PURE__ */ n.createElement(U, { className: S(e, "humany-metadata") }, l && /* @__PURE__ */ n.createElement(U, { className: "humany-published" }, s, l, a && o && ` ${a.replace("{{editor}}", o)}`), h && /* @__PURE__ */ n.createElement(U, { className: "humany-modified" }, l && ", ", r, h, a && i && ` ${a.replace("{{editor}}", i)}`));
+}, Et = wt, ue = d(we)`
+    &:not(:first-child) {
+        margin-left: 4px;
+    }
+    &:not(:last-child) {
+        margin-right: 4px;
+    }
+`, U = d(ve)`
+    font-style: italic;
+`, kt = ({ tags: t }) => t.filter((e) => e.symbol).length ? /* @__PURE__ */ n.createElement(
+  Nt,
+  {
+    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(Lt, { size: 18, symbol: a, title: r }))
+  }
+) : null, da = _(({ title: t, id: e, route: a, symbolSize: r, collapseUri: s, children: i }, o) => {
+  const { params: c } = ge();
+  return /* @__PURE__ */ n.createElement(zt, { ref: o, "data-guide": e }, /* @__PURE__ */ n.createElement(
+    Q,
+    {
+      title: t,
+      "aria-label": t,
+      routeName: a,
+      params: j(k(y({}, c), {
+        uriName: s || void 0,
+        id: void 0,
+        guide: void 0,
+        accordion: void 0
+      })),
+      text: t
+    },
+    /* @__PURE__ */ n.createElement(N, { size: r, symbol: { type: "Svg", content: "caret-up" } })
+  ), i);
+}), zt = d.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;
+    }
+`, ua = _(
+  (Gt, Fe) => {
+    var ae = Gt, {
+      expandable: t = !1,
+      routing: e = {},
+      paramMappers: a = {},
+      symbolSize: r = 11,
+      pageRole: s = "link",
+      pageCaret: i = "down",
+      showTags: o = !1,
+      showFavoriteToggle: c = !1,
+      localPaging: m = !1,
+      onItemClick: f = () => {
+      },
+      dispatch: u = () => {
+      },
+      metadata: l = {},
+      pageLabel: h,
+      className: E,
+      children: g,
+      items: v,
+      renderItem: L,
+      addFavoriteTooltip: C,
+      removeFavoriteCancelLabel: M,
+      removeFavoriteConfirmLabel: ze,
+      removeFavoriteHeader: Se,
+      removeFavoriteLabel: Ne,
+      removeFavoriteTooltip: Le
+    } = ae, De = w(ae, [
+      "expandable",
+      "routing",
+      "paramMappers",
+      "symbolSize",
+      "pageRole",
+      "pageCaret",
+      "showTags",
+      "showFavoriteToggle",
+      "localPaging",
+      "onItemClick",
+      "dispatch",
+      "metadata",
+      "pageLabel",
+      "className",
+      "children",
+      "items",
+      "renderItem",
+      "addFavoriteTooltip",
+      "removeFavoriteCancelLabel",
+      "removeFavoriteConfirmLabel",
+      "removeFavoriteHeader",
+      "removeFavoriteLabel",
+      "removeFavoriteTooltip"
+    ]);
+    const V = qe(), F = Ee(), I = Ge(v), { guide: Ie = "guide", page: Ae = "index" } = e, {
+      guide: Te = ({ id: p }) => j({ guide: p }),
+      page: ne = () => j()
+    } = a, [Ce, Me] = bt();
+    et(Fe, () => F.current);
+    const q = (p) => {
+      const { id: b, title: x, tags: D, published: P, modified: A, publishedBy: B, modifiedBy: G } = p;
+      return /* @__PURE__ */ n.createElement(
+        "li",
+        {
+          key: b,
+          "data-guide": b,
+          "has-metadata": (!!(l != null && l.showPublished) && !!P || !!(l != null && l.showModified) && !!A).toString()
+        },
+        /* @__PURE__ */ n.createElement(
+          Q,
+          {
+            className: "humany-guide-link",
+            title: x,
+            "aria-label": x,
+            routeName: Ie,
+            onClick: (We) => f(We, p),
+            params: Te(p),
+            text: x
+          },
+          /* @__PURE__ */ n.createElement(
+            N,
+            {
+              size: r,
+              symbol: {
+                type: "Svg",
+                content: t ? "caret-down" : "caret-right"
+              }
+            }
+          )
+        ),
+        c && /* @__PURE__ */ n.createElement(
+          gt,
+          {
+            guideTitle: x,
+            addFavoriteTooltip: C,
+            removeFavoriteCancelLabel: M,
+            removeFavoriteConfirmLabel: ze,
+            removeFavoriteHeader: Se,
+            removeFavoriteLabel: Ne,
+            removeFavoriteTooltip: Le,
+            isFavorite: Ce.indexOf(b) > -1,
+            actions: Me,
+            id: b
+          }
+        ),
+        o && /* @__PURE__ */ n.createElement(kt, { tags: D }),
+        /* @__PURE__ */ n.createElement(
+          Dt,
+          k(y({}, l), {
+            indent: t ? void 0 : r,
+            modified: A,
+            published: P,
+            publishedBy: B,
+            modifiedBy: G
+          })
+        )
+      );
+    }, Pe = z(
+      (p, b, x) => L ? L(p, b, x, q) : q(p),
+      [L, q]
+    ), Be = z(
+      (p) => {
+        m && (p.preventDefault(), u("page", ne()));
+      },
+      [u, m]
+    );
+    K(() => {
+      if (V && I && I.length < v.length && F.current) {
+        const p = F.current.querySelectorAll(".humany-guide-list > ul > li"), b = p[I.length];
+        if (p.length === v.length && I.length) {
+          const x = p[I.length];
+          if (x) {
+            const D = x.querySelector(
+              ".humany-guide-link"
+            );
+            D && D.focus();
+          }
+        } else
+          b && new MutationObserver((D, P) => {
+            D.forEach((A) => {
+              if (A.addedNodes) {
+                const B = Array.from(
+                  A.addedNodes
+                ).find((G) => G.tagName === "A");
+                B && tt(F.current, document.activeElement) && (V && B.focus(), P.disconnect());
+              }
+            });
+          }).observe(b, {
+            attributes: !1,
+            characterData: !1,
+            childList: !0,
+            subtree: !0,
+            attributeOldValue: !1,
+            characterDataOldValue: !1
+          });
+      }
+    });
+    const Re = !!Object.keys(l).filter(
+      (p) => typeof l[p] != "undefined"
+    ).length;
+    return /* @__PURE__ */ n.createElement(
+      St,
+      k(y({
+        className: S(E, "humany-guide-list"),
+        "data-item-count": v.length,
+        items: v,
+        renderItem: Pe,
+        isTabbing: V,
+        expandable: t ? "true" : "false",
+        "grid-items": o || c || Re ? "true" : "false"
+      }, xe(De)), {
+        ref: F
+      }),
+      h ? /* @__PURE__ */ n.createElement(
+        Q,
+        {
+          text: h,
+          title: h,
+          "aria-label": h,
+          routeName: Ae,
+          role: s,
+          params: ne(),
+          onClick: Be
+        },
+        /* @__PURE__ */ n.createElement(
+          N,
+          {
+            size: r,
+            symbol: { type: "Svg", content: `caret-${i}` }
+          }
+        )
+      ) : null,
+      g
+    );
+  }
+), St = d(O)`
+    ${Y}
+    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) => ee(t)(
+  "> h1",
+  $`
+                    white-space: pre-wrap;
+                `
+)}
+    }
+
+    > ul > li {
+        ${(t) => {
+  var e, a;
+  return t["grid-items"] === "true" && $`
+                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: ${(a = t.theme.fonts) == null ? void 0 : a.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" && $`
+                    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 {
+                ${X}
+                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 {
+            ${X}
+            text-decoration: underline;
+        }
+    }
+`, Nt = d(Z)`
+    ${pe}
+    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;
+    }
+`, Lt = d(N)`
+    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;
+      `;
+}}
+`, Dt = d(Et)`
+    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);`;
+}}
+`, Ft = he`
+  100% {
+    transform: rotate(360deg);
+  }
+`, It = 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;
+  }
+`, At = d.svg`
+    animation: ${Ft} 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;
+`, Tt = d.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"};
+    }
+`, Ct = d.div`
+    position: relative;
+    margin: 0 auto;
+    width: 100px;
+    &:before {
+        content: '';
+        display: block;
+        padding-top: 100%;
+    }
+`, Mt = d.circle`
+    stroke-dasharray: 1, 200;
+    stroke-dashoffset: 0;
+    animation: ${It} 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;
+`, Pt = ({ loading: t = !1 }) => /* @__PURE__ */ n.createElement(Tt, { className: "humany-loader", "data-loading": t }, /* @__PURE__ */ n.createElement(Ct, { className: "humany-spinner" }, /* @__PURE__ */ n.createElement(At, { className: "humany-spinner-svg", viewBox: "25 25 50 50" }, /* @__PURE__ */ n.createElement(
+  Mt,
+  {
+    cx: "50",
+    cy: "50",
+    r: "20",
+    fill: "none",
+    "stroke-width": "2",
+    "stroke-miterlimit": "10"
+  }
+)))), Bt = Pt, Rt = (i) => {
+  var o = i, {
+    className: t,
+    showHeader: e,
+    notificationList: a,
+    loading: r
+  } = o, s = w(o, [
+    "className",
+    "showHeader",
+    "notificationList",
+    "loading"
+  ]);
+  const [c, m] = T(null), {
+    id: f,
+    title: u,
+    symbol: l,
+    notifications: h = [],
+    defaultHeaderOptions: E = { visible: !0 }
+  } = a || {};
+  return !h.length && !r ? null : /* @__PURE__ */ n.createElement(
+    Ht,
+    k(y({}, s), {
+      "data-loading": r,
+      "data-show-header": typeof e == "boolean" ? e : E.visible,
+      className: S(t, "humany-notification-list"),
+      "data-notification-category": f,
+      header: u,
+      symbol: l,
+      items: h,
+      renderItem: ({ id: g, title: v, body: L, modified: C, expandable: M }) => /* @__PURE__ */ n.createElement(
+        jt,
+        {
+          key: g,
+          "data-notification": g,
+          "data-expanded": M ? c === g : !0
+        },
+        M ? /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(
+          Wt,
+          {
+            title: v,
+            "aria-label": v,
+            "aria-expanded": c === g,
+            onClick: () => m(c === g ? null : g)
+          },
+          /* @__PURE__ */ n.createElement("span", null, v),
+          /* @__PURE__ */ n.createElement(
+            Ot,
+            {
+              size: 11,
+              symbol: {
+                type: "Svg",
+                content: `caret-${c === g ? "up" : "down"}`
+              }
+            }
+          )
+        ), /* @__PURE__ */ n.createElement(fe, { html: L }), C && /* @__PURE__ */ n.createElement(
+          Yt,
+          {
+            format: be.YYYY_MM_DD,
+            timestamp: C
+          }
+        )) : /* @__PURE__ */ n.createElement(fe, { html: L })
+      )
+    }),
+    /* @__PURE__ */ n.createElement(Bt, { loading: r })
+  );
+}, Wt = 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-visible {
+        ${X}
+        span {
+            color: ${(t) => {
+  var e;
+  return (e = t.theme.colors) == null ? void 0 : e.primary;
+}};
+            text-decoration: underline;
+        }
+    }
+`, Ht = d(O)`
+    ${ut}
+    ${Y}
+  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"] && $`
+            > div {
+                ${ee(t)(
+  "h1",
+  $`
+                        display: none;
+                    `
+)}
+            }
+        `}
+
+    @media (hover: hover) {
+        button:hover {
+            text-decoration: underline;
+        }
+    }
+`, fe = d(Ue)`
+    ${Je}
+    font-weight: 300;
+
+    p {
+        white-space: normal;
+    }
+`, jt = d.li`
+    .humany-paragraph {
+        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) && $`
+                    margin: ${(r = t.theme.sizes) == null ? void 0 : r.normal} 0;
+                `;
+}}
+        }
+    }
+
+    ${(t) => t["data-expanded"] && $`
+            .humany-paragraph {
+                display: block;
+            }
+        `}
+
+    > span {
+        display: block;
+        font-weight: 300;
+        color: ${(t) => {
+  var e;
+  return (e = t.theme.colors) == null ? void 0 : e.accent;
+}};
+    }
+`, Ot = 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;
+}};
+    }
+`, Yt = d(we)`
+    font-size: ${(t) => {
+  var e;
+  return (e = t.theme.fonts) == null ? void 0 : e.small;
+}};
+    font-weight: 300;
+`, fa = Rt, _t = (t) => new RegExp("^#", "i").test(t), Kt = (t) => (r) => {
+  var s = r, { children: e } = s, a = w(s, ["children"]);
+  const {
+    implementation: i,
+    name: o
+  } = t.get("$widget"), { href: c = "" } = a;
+  if (_t(c))
+    return /* @__PURE__ */ n.createElement(Qe, { smooth: !0, to: c }, 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];
+    if (i.widgets.get(l) && !l.startsWith("blob?") && !l.startsWith(o))
+      return /* @__PURE__ */ n.createElement(Xe, { widgetName: l }, e);
+  }
+  return /* @__PURE__ */ n.createElement("a", y({}, a), e);
+}, Vt = Kt, qt = (t, e = []) => ({
+  transform: {
+    a: (a) => {
+      const c = a, { children: r } = c, i = w(c, ["children"])["data-target"];
+      if (i && e.length) {
+        const m = e.find(({ connection: f }) => f === i);
+        if (m)
+          return /* @__PURE__ */ n.createElement(ke, y({}, m), r);
+      }
+      return Vt(t)(a);
+    }
   }
-}
-a.styles = v(w);
-c([
-  p({ type: Object })
-], a.prototype, "notificationList", 2);
-c([
-  p({ type: Boolean })
-], a.prototype, "loading", 2);
-c([
-  p({ type: Boolean })
-], a.prototype, "showHeader", 2);
-c([
-  g()
-], a.prototype, "_expanded", 2);
-customElements.get("ui-notification-list") || customElements.define("ui-notification-list", a);
+}), ha = qt;
 export {
-  a as NotificationListUi
+  da as AccordionListItem,
+  ke as DialogLink,
+  ta as DialogList,
+  aa as DrawerList,
+  na as DropdownActions,
+  ra as DropdownList,
+  gt as FavoriteButton,
+  ia as Feedback,
+  ua as GuideList,
+  Bt as Loader,
+  Tt as LoaderWrapper,
+  Et as Metadata,
+  fa as NotificationList,
+  oa as SmallCaret,
+  sa as StyledHeaderText,
+  ft as StyledListButton,
+  ha as guideRenderInstructions,
+  ut as loadingOpacity,
+  la as useArrowKeys,
+  ca as useDebounce,
+  bt as useFavorites,
+  ma as useHover
 };
 //# sourceMappingURL=index.js.map