inclusive-elements 0.4.6 → 0.5.0-beta.2

package/dist/inclusive-elements10.js

@@ -1,9 +1,9 @@
 var l = Object.defineProperty;
 var p = (o, s, t) => s in o ? l(o, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[s] = t;
 var e = (o, s, t) => (p(o, typeof s != "symbol" ? s + "" : s, t), t);
-import { autoUpdate as u, computePosition as c, shift as m, flip as v } from "@floating-ui/dom";
+import { autoUpdate as u, computePosition as c, shift as v, flip as m } from "@floating-ui/dom";
 import { hello as b, goodbye as f } from "hello-goodbye";
-const r = class extends HTMLElement {
+const n = class n extends HTMLElement {
   constructor() {
     super(...arguments);
     e(this, "parent");
@@ -13,27 +13,30 @@ const r = class extends HTMLElement {
     e(this, "showing", !1);
     e(this, "cleanup");
     e(this, "prevInnerHTML");
+    e(this, "tabPressed", !1);
     e(this, "onMouseEnter", this.afterDelay.bind(this, this.show));
-    e(this, "onFocus", this.show.bind(this));
+    e(this, "onFocus", () => {
+      this.tabPressed && this.show();
+    });
     e(this, "onMouseLeave", this.afterDelay.bind(this, this.hide));
     e(this, "onBlur", this.hide.bind(this));
-    e(this, "onPointerUp", (t) => {
-      t.pointerType === "mouse" ? this.hide() : this.show();
-    });
     e(this, "onKeyDown", (t) => {
-      t.key === "Escape" && this.hide();
+      t.key === "Tab" && (this.tabPressed = !0), t.key === "Escape" && this.hide();
+    });
+    e(this, "onKeyUp", (t) => {
+      t.key === "Tab" && (this.tabPressed = !1);
     });
   }
   connectedCallback() {
-    this.parent = this.parentNode, this.parent && (this.parent.addEventListener("mouseenter", this.onMouseEnter), this.parent.addEventListener("focus", this.onFocus), this.parent.addEventListener("mouseleave", this.onMouseLeave), this.parent.addEventListener("blur", this.onBlur), this.parent.addEventListener("pointerup", this.onPointerUp), this.disabledObserver = new MutationObserver((t) => {
+    this.parent = this.parentNode, this.parent && (this.parent.addEventListener("mouseenter", this.onMouseEnter), this.parent.addEventListener("focus", this.onFocus), this.parent.addEventListener("mouseleave", this.onMouseLeave), this.parent.addEventListener("blur", this.onBlur), this.parent.addEventListener("click", this.onBlur), this.disabledObserver = new MutationObserver((t) => {
       t.forEach((i) => {
         i.attributeName === "disabled" && this.hide();
       });
-    }), this.disabledObserver.observe(this.parent, { attributes: !0 })), document.addEventListener("keydown", this.onKeyDown), document.addEventListener("scroll", this.onBlur);
+    }), this.disabledObserver.observe(this.parent, { attributes: !0 })), document.addEventListener("keydown", this.onKeyDown), document.addEventListener("keyup", this.onKeyUp), document.addEventListener("scroll", this.onBlur);
   }
   disconnectedCallback() {
     var t, i;
-    (t = this.cleanup) == null || t.call(this), this.tooltip && (this.tooltip.remove(), this.tooltip = void 0), this.parent && (this.parent.removeEventListener("mouseenter", this.onMouseEnter), this.parent.removeEventListener("focus", this.onFocus), this.parent.removeEventListener("mouseleave", this.onMouseLeave), this.parent.removeEventListener("blur", this.onBlur), this.parent.removeEventListener("pointerup", this.onPointerUp), this.parent = void 0), document.removeEventListener("keydown", this.onKeyDown), document.removeEventListener("scroll", this.onBlur), (i = this.disabledObserver) == null || i.disconnect(), clearTimeout(this.timeout);
+    (t = this.cleanup) == null || t.call(this), this.tooltip && (this.tooltip.remove(), this.tooltip = void 0), this.parent && (this.parent.removeEventListener("mouseenter", this.onMouseEnter), this.parent.removeEventListener("focus", this.onFocus), this.parent.removeEventListener("mouseleave", this.onMouseLeave), this.parent.removeEventListener("blur", this.onBlur), this.parent.removeEventListener("click", this.onBlur), this.parent = void 0), document.removeEventListener("keydown", this.onKeyDown), document.removeEventListener("keyup", this.onKeyUp), document.removeEventListener("scroll", this.onBlur), (i = this.disabledObserver) == null || i.disconnect(), clearTimeout(this.timeout);
   }
   get disabled() {
     return this.hasAttribute("disabled");
@@ -50,39 +53,39 @@ const r = class extends HTMLElement {
       this.parent,
       t,
       () => c(this.parent, t, {
-        placement: this.getAttribute("placement") || r.placement,
-        middleware: [m(), v()]
+        placement: this.getAttribute("placement") || n.placement,
+        middleware: [v(), m()]
       }).then(({ x: h, y: a, placement: d }) => {
         Object.assign(t.style, {
           left: `${h}px`,
           top: `${a}px`
         }), t.dataset.placement = d;
       })
-    );
+    ), this.dispatchEvent(new Event("open"));
   }
   hide() {
     var t;
     clearTimeout(this.timeout), (t = this.cleanup) == null || t.call(this), this.showing && (this.showing = !1, f(this.tooltip).then(() => {
       this.tooltip && (this.tooltip.hidden = !0);
-    }));
+    }), this.dispatchEvent(new Event("close")));
   }
   afterDelay(t) {
     clearTimeout(this.timeout);
     const i = parseInt(this.getAttribute("delay") || "");
     this.timeout = window.setTimeout(
       t.bind(this),
-      isNaN(i) ? r.delay : i
+      isNaN(i) ? n.delay : i
     );
   }
   createTooltip() {
-    return this.tooltip || (this.tooltip = document.createElement("div"), this.tooltip.className = this.getAttribute("tooltip-class") || r.tooltipClass, this.tooltip.hidden = !0, this.tooltip.addEventListener("mouseenter", this.show.bind(this)), this.tooltip.addEventListener(
+    return this.tooltip || (this.tooltip = document.createElement("div"), this.tooltip.hidden = !0, this.tooltip.addEventListener("mouseenter", this.show.bind(this)), this.tooltip.addEventListener(
       "mouseleave",
       this.afterDelay.bind(this, this.hide)
-    ), document.body.appendChild(this.tooltip)), this.tooltip;
+    ), document.body.appendChild(this.tooltip)), this.tooltip.className = this.getAttribute("tooltip-class") || n.tooltipClass, this.tooltip;
   }
 };
-let n = r;
 e(n, "delay", 100), e(n, "placement", "top"), e(n, "tooltipClass", "tooltip");
+let r = n;
 export {
-  n as default
+  r as default
 };

package/dist/inclusive-elements3.js

@@ -1,41 +1,30 @@
-var c = Object.defineProperty;
-var m = (a, s, t) => s in a ? c(a, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[s] = t;
-var o = (a, s, t) => (m(a, typeof s != "symbol" ? s + "" : s, t), t);
-import { move as n, hello as u, goodbye as f } from "hello-goodbye";
-const h = class extends HTMLElement {
+var d = Object.defineProperty;
+var u = (e, s, t) => s in e ? d(e, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[s] = t;
+var o = (e, s, t) => (u(e, typeof s != "symbol" ? s + "" : s, t), t);
+const r = class r extends HTMLElement {
   constructor() {
-    super();
-    o(this, "added", /* @__PURE__ */ new Set());
+    super(...arguments);
     o(this, "timeouts", /* @__PURE__ */ new Map());
     o(this, "index", 0);
-    new MutationObserver((i) => {
-      i.forEach((r) => {
-        r.addedNodes.forEach((e) => {
-          e instanceof HTMLElement && !this.added.has(e) && this.show(e);
-        });
-      });
-    }).observe(this, { childList: !0 });
   }
   connectedCallback() {
     this.hasAttribute("role") || this.setAttribute("role", "status"), this.hasAttribute("aria-live") || this.setAttribute("aria-live", "polite"), this.hasAttribute("aria-relevant") || this.setAttribute("aria-relevant", "additions");
     for (const t of this.children)
-      this.show(t, { animate: !1 });
+      this.show(t);
   }
   show(t, i = {}) {
-    const r = i.key || t.dataset.key || String(this.index++);
-    this.dismiss(r), t.dataset.key = r, this.contains(t) ? u(t) : i.animate === !1 ? this.append(t) : n(this.children, () => {
-      this.append(t), u(t);
-    }), this.added.add(t);
-    const e = Number(
-      i.duration !== void 0 ? i.duration : t.dataset.duration || h.duration
+    const h = i.key || t.dataset.key || String(this.index++);
+    this.dismiss(h), t.dataset.key = h, this.contains(t) || this.append(t);
+    const a = Number(
+      i.duration !== void 0 ? i.duration : t.dataset.duration || r.duration
     );
-    return e > 0 && (this.startTimeout(t, e), t.addEventListener("mouseenter", this.clearTimeout.bind(this, t)), t.addEventListener("focusin", this.clearTimeout.bind(this, t)), t.addEventListener(
+    return a > 0 && (this.startTimeout(t, a), t.addEventListener("mouseenter", this.clearTimeout.bind(this, t)), t.addEventListener("focusin", this.clearTimeout.bind(this, t)), t.addEventListener(
       "mouseleave",
-      this.startTimeout.bind(this, t, e)
+      this.startTimeout.bind(this, t, a)
     ), t.addEventListener(
       "focusout",
-      this.startTimeout.bind(this, t, e)
-    )), r;
+      this.startTimeout.bind(this, t, a)
+    )), h;
   }
   dismiss(t) {
     if (typeof t == "string") {
@@ -44,10 +33,7 @@ const h = class extends HTMLElement {
       ).forEach((i) => this.dismiss(i));
       return;
     }
-    this.added.delete(t), n(
-      this.children,
-      () => f(t).then(() => t.remove())
-    ), this.clearTimeout(t);
+    t.remove(), this.clearTimeout(t);
   }
   clear() {
     Array.from(this.children).forEach((t) => {
@@ -78,8 +64,8 @@ const h = class extends HTMLElement {
     this.timeouts.has(t) && clearTimeout(this.timeouts.get(t));
   }
 };
-let d = h;
-o(d, "duration", 1e4);
+o(r, "duration", 1e4);
+let n = r;
 export {
-  d as default
+  n as default
 };

package/dist/inclusive-elements5.js

@@ -2,7 +2,7 @@ var c = Object.defineProperty;
 var u = (r, e, t) => e in r ? c(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
 var n = (r, e, t) => (u(r, typeof e != "symbol" ? e + "" : e, t), t);
 import { isFocusable as l } from "tabbable";
-const o = class extends HTMLElement {
+const a = class a extends HTMLElement {
   constructor() {
     super(...arguments);
     n(this, "search", "");
@@ -19,7 +19,7 @@ const o = class extends HTMLElement {
         }
         t.key.length > 1 || t.ctrlKey || t.metaKey || t.altKey || (this.search += t.key.toLowerCase(), t.preventDefault(), clearTimeout(this.searchTimeout), this.searchTimeout = window.setTimeout(() => {
           this.search = "";
-        }, o.searchDelay), this.items.some((s) => {
+        }, a.searchDelay), this.items.some((s) => {
           var i;
           return ((i = s.textContent) == null ? void 0 : i.trim().toLowerCase().indexOf(this.search)) === 0 ? (s.focus(), !0) : !1;
         }));
@@ -40,14 +40,14 @@ const o = class extends HTMLElement {
     ).filter((t) => l(t));
   }
   navigate(t) {
-    var h;
+    var o;
     const s = this.items;
     let i = (document.activeElement instanceof HTMLElement ? s.indexOf(document.activeElement) : -1) + t;
-    i < 0 && (i = s.length - 1), i >= s.length && (i = 0), (h = s[i]) == null || h.focus();
+    i < 0 && (i = s.length - 1), i >= s.length && (i = 0), (o = s[i]) == null || o.focus();
   }
 };
-let a = o;
 n(a, "searchDelay", 800);
+let h = a;
 export {
-  a as default
+  h as default
 };

package/dist/inclusive-elements6.js

@@ -1,9 +1,9 @@
-var p = Object.defineProperty;
-var u = (n, s, t) => s in n ? p(n, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[s] = t;
-var a = (n, s, t) => (u(n, typeof s != "symbol" ? s + "" : s, t), t);
+var u = Object.defineProperty;
+var p = (o, e, t) => e in o ? u(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var a = (o, e, t) => (p(o, typeof e != "symbol" ? e + "" : e, t), t);
 import { createFocusTrap as f } from "focus-trap";
-import { hello as b, goodbye as v } from "hello-goodbye";
-const o = class extends HTMLElement {
+import { hello as b, goodbye as m } from "hello-goodbye";
+const n = class n extends HTMLElement {
   constructor() {
     super();
     a(this, "focusTrap");
@@ -13,22 +13,23 @@ const o = class extends HTMLElement {
             <div part="backdrop" style="position: fixed; top: 0; left: 0; right: 0; bottom: 0"></div>
             <div part="content" style="z-index: 1"><slot></slot></div>
         `;
-    const e = this.attachShadow({ mode: "open" });
-    e.appendChild(t.content.cloneNode(!0)), this.backdrop.addEventListener("click", () => {
-      var i;
-      this.hasAttribute("static") ? (i = o.attention) == null || i.call(o, e.children[1]) : this.close();
+    const i = this.attachShadow({ mode: "open" });
+    i.appendChild(t.content.cloneNode(!0)), this.backdrop.addEventListener("click", () => {
+      var s;
+      this.hasAttribute("static") ? (s = n.attention) == null || s.call(n, i.children[1]) : this.close();
     }), this.focusTrap = f(this, {
       escapeDeactivates: !1,
       allowOutsideClick: !0,
-      preventScroll: !0
+      preventScroll: !0,
+      initialFocus: () => this.querySelector("[autofocus]") || void 0
     });
   }
   static get observedAttributes() {
     return ["open"];
   }
   connectedCallback() {
-    var t, e, i, h, l, d;
-    this.connected = !0, (t = this.content) != null && t.hasAttribute("role") || (e = this.content) == null || e.setAttribute("role", "dialog"), (i = this.content) != null && i.hasAttribute("aria-modal") || (h = this.content) == null || h.setAttribute("aria-modal", "true"), (l = this.content) != null && l.hasAttribute("tabindex") || (d = this.content) == null || d.setAttribute("tabindex", "-1"), this.addEventListener("keydown", (r) => {
+    var t, i, s, c, h, l;
+    this.connected = !0, (t = this.content) != null && t.hasAttribute("role") || (i = this.content) == null || i.setAttribute("role", "dialog"), (s = this.content) != null && s.hasAttribute("aria-modal") || (c = this.content) == null || c.setAttribute("aria-modal", "true"), (h = this.content) != null && h.hasAttribute("tabindex") || (l = this.content) == null || l.setAttribute("tabindex", "-1"), this.addEventListener("keydown", (r) => {
       r.key === "Escape" && this.open && (r.preventDefault(), r.stopPropagation(), this.close());
     }), this.open && this.wasOpened();
   }
@@ -47,16 +48,18 @@ const o = class extends HTMLElement {
     const t = new Event("beforeclose", { cancelable: !0 });
     this.dispatchEvent(t) && (this.open = !1);
   }
-  attributeChangedCallback(t, e, i) {
-    t !== "open" || !this.connected || (i !== null ? this.wasOpened() : this.wasClosed());
+  attributeChangedCallback(t, i, s) {
+    t !== "open" || !this.connected || (s !== null ? this.wasOpened() : this.wasClosed());
   }
-  wasOpened() {
-    var t, e;
-    this.hidden = !1, b(this), (t = this.focusTrap) == null || t.activate(), (e = this.querySelector("[autofocus]")) == null || e.focus(), this.dispatchEvent(new Event("open"));
+  async wasOpened() {
+    document.documentElement.style.overflow = "hidden", this.hidden = !1, b(this), requestAnimationFrame(() => {
+      var t;
+      return (t = this.focusTrap) == null ? void 0 : t.activate();
+    }), this.dispatchEvent(new Event("open"));
   }
   wasClosed() {
     var t;
-    (t = this.focusTrap) == null || t.deactivate(), v(this).then(() => this.hidden = !0), this.dispatchEvent(new Event("close"));
+    document.documentElement.style.overflow = "", (t = this.focusTrap) == null || t.deactivate(), m(this).then(() => this.hidden = !0), this.dispatchEvent(new Event("close"));
   }
   get backdrop() {
     var t;
@@ -66,8 +69,7 @@ const o = class extends HTMLElement {
     return this.firstElementChild;
   }
 };
-let c = o;
-a(c, "attention", (t) => t.animate(
+a(n, "attention", (t) => t.animate(
   [
     { transform: "scale(1)" },
     { transform: "scale(1.1)" },
@@ -75,6 +77,7 @@ a(c, "attention", (t) => t.animate(
   ],
   300
 ));
+let d = n;
 export {
-  c as default
+  d as default
 };

package/dist/inclusive-elements7.js

@@ -1,28 +1,28 @@
 var u = Object.defineProperty;
-var d = (i, n, t) => n in i ? u(i, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[n] = t;
-var o = (i, n, t) => (d(i, typeof n != "symbol" ? n + "" : n, t), t);
-import { autoUpdate as l, computePosition as p, shift as b, flip as f, size as m } from "@floating-ui/dom";
-import { cancel as r, hello as a, goodbye as c } from "hello-goodbye";
-import { focusable as k } from "tabbable";
+var p = (r, n, t) => n in r ? u(r, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[n] = t;
+var s = (r, n, t) => (p(r, typeof n != "symbol" ? n + "" : n, t), t);
+import { autoUpdate as l, computePosition as f, shift as m, flip as b, size as k } from "@floating-ui/dom";
+import { cancel as a, hello as h, goodbye as c } from "hello-goodbye";
+import { focusable as g } from "tabbable";
 import { shouldOpenInNewTab as v } from "./inclusive-elements11.js";
-class C extends HTMLElement {
+class A extends HTMLElement {
   constructor() {
     super();
-    o(this, "cleanup");
-    o(this, "onButtonClick", (t) => {
+    s(this, "cleanup");
+    s(this, "onButtonClick", (t) => {
       !v(t) && !this.disabled && (this.open = !this.open, t.preventDefault());
     });
-    o(this, "onButtonKeyDown", (t) => {
+    s(this, "onButtonKeyDown", (t) => {
       var e;
-      t.key === "ArrowDown" && !this.disabled && (t.preventDefault(), this.open = !0, (e = k(this.content)[0]) == null || e.focus());
+      t.key === "ArrowDown" && !this.disabled && (t.preventDefault(), this.open = !0, (e = g(this.content)[0]) == null || e.focus());
     });
-    o(this, "onKeyDown", (t) => {
+    s(this, "onKeyDown", (t) => {
       t.key === "Escape" && this.open && (t.preventDefault(), t.stopPropagation(), this.open = !1, this.button.focus());
     });
-    o(this, "onFocusOut", (t) => {
+    s(this, "onFocusOut", (t) => {
       (!(t.relatedTarget instanceof Node) || !this.contains(t.relatedTarget)) && (this.open = !1);
     });
-    o(this, "onContentClick", (t) => {
+    s(this, "onContentClick", (t) => {
       t.target instanceof Element && t.target.closest("[role=menuitem], [role=menuitemradio]") && (this.open = !1, this.button.focus());
     });
     const t = document.createElement("template");
@@ -40,7 +40,7 @@ class C extends HTMLElement {
     }), this.button.addEventListener("click", this.onButtonClick), this.button.addEventListener("keydown", this.onButtonKeyDown), this.addEventListener("keydown", this.onKeyDown), this.addEventListener("focusout", this.onFocusOut), this.content.addEventListener("click", this.onContentClick);
   }
   disconnectedCallback() {
-    r(this.backdrop), r(this.content), this.button.removeAttribute("aria-expanded"), this.button.removeAttribute("aria-haspopup"), this.button.removeEventListener("click", this.onButtonClick), this.button.removeEventListener("keydown", this.onButtonKeyDown), this.removeEventListener("keydown", this.onKeyDown), this.removeEventListener("focusout", this.onFocusOut), this.content.removeEventListener("click", this.onContentClick);
+    a(this.backdrop), a(this.content), this.button.removeAttribute("aria-expanded"), this.button.removeAttribute("aria-haspopup"), this.button.removeEventListener("click", this.onButtonClick), this.button.removeEventListener("keydown", this.onButtonKeyDown), this.removeEventListener("keydown", this.onKeyDown), this.removeEventListener("focusout", this.onFocusOut), this.content.removeEventListener("click", this.onContentClick);
   }
   get open() {
     return this.hasAttribute("open");
@@ -51,37 +51,42 @@ class C extends HTMLElement {
   get disabled() {
     return this.hasAttribute("disabled");
   }
-  attributeChangedCallback(t, e, s) {
-    t === "open" && (s !== null ? this.wasOpened() : this.wasClosed());
+  attributeChangedCallback(t, e, i) {
+    t === "open" && (i !== null ? this.wasOpened() : this.wasClosed());
   }
   wasOpened() {
     if (!this.content.hidden)
       return;
-    this.content.hidden = !1, this.content.style.position = "absolute", this.backdrop.hidden = !1, a(this.content), a(this.backdrop), this.button.setAttribute("aria-expanded", "true"), this.cleanup = l(
+    this.content.hidden = !1, this.content.style.position = "fixed", this.backdrop.hidden = !1, h(this.content), h(this.backdrop), this.button.setAttribute("aria-expanded", "true"), this.cleanup = l(
       this.button,
       this.content,
       () => {
-        p(this.button, this.content, {
+        f(this.button, this.content, {
+          strategy: "fixed",
           placement: this.getAttribute("placement") || "bottom",
           middleware: [
+            m(),
             b(),
-            f(),
-            m({
-              apply: ({ availableWidth: e, availableHeight: s }) => {
-                Object.assign(this.content.style, {
+            k({
+              apply: ({
+                availableWidth: e,
+                availableHeight: i,
+                placement: d
+              }) => {
+                this.content.dataset.placement = d, Object.assign(this.content.style, {
                   maxWidth: "",
                   maxHeight: ""
                 });
-                const h = getComputedStyle(this.content);
-                (h.maxWidth === "none" || e < parseInt(h.maxWidth)) && (this.content.style.maxWidth = `${e}px`), (h.maxHeight === "none" || s < parseInt(h.maxHeight)) && (this.content.style.maxHeight = `${s}px`);
+                const o = getComputedStyle(this.content);
+                e -= parseInt(o.marginLeft) + parseInt(o.marginRight), (o.maxWidth === "none" || e < parseInt(o.maxWidth)) && (this.content.style.maxWidth = `${e}px`), i -= parseInt(o.marginTop) + parseInt(o.marginBottom), (o.maxHeight === "none" || i < parseInt(o.maxHeight)) && (this.content.style.maxHeight = `${i}px`);
               }
             })
           ]
-        }).then(({ x: e, y: s, placement: h }) => {
+        }).then(({ x: e, y: i }) => {
           Object.assign(this.content.style, {
             left: `${e}px`,
-            top: `${s}px`
-          }), this.content.dataset.placement = h;
+            top: `${i}px`
+          });
         });
       },
       { ancestorScroll: !1 }
@@ -105,5 +110,5 @@ class C extends HTMLElement {
   }
 }
 export {
-  C as default
+  A as default
 };

package/dist/types/alerts/alerts.d.ts

@@ -1,14 +1,11 @@
 export type AlertOptions = {
     key?: string;
     duration?: number;
-    animate?: boolean;
 };
 export default class AlertsElement extends HTMLElement {
     static duration: number;
-    private added;
     private timeouts;
     private index;
-    constructor();
     connectedCallback(): void;
     show(el: HTMLElement, options?: AlertOptions): string;
     dismiss(el: HTMLElement): void;

package/dist/types/tooltip/tooltip.d.ts

@@ -9,18 +9,19 @@ export default class TooltipElement extends HTMLElement {
     private showing;
     private cleanup?;
     private prevInnerHTML?;
+    private tabPressed;
     private onMouseEnter;
     private onFocus;
     private onMouseLeave;
     private onBlur;
-    private onPointerUp;
     connectedCallback(): void;
     disconnectedCallback(): void;
     get disabled(): boolean;
     set disabled(val: boolean);
     private onKeyDown;
-    private show;
-    private hide;
+    private onKeyUp;
+    show(): void;
+    hide(): void;
     private afterDelay;
     private createTooltip;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "inclusive-elements",
-    "version": "0.4.6",
+    "version": "0.5.0-beta.2",
     "description": "Accessible, lightweight, unstyled implementations of common UI controls.",
     "module": "dist/inclusive-elements.js",
     "type": "module",
@@ -18,17 +18,17 @@
         "release": "release-it"
     },
     "dependencies": {
-        "@floating-ui/dom": "^1.4.2",
-        "focus-trap": "^6.9.4",
+        "@floating-ui/dom": "^1.5.3",
+        "focus-trap": "^7.5.3",
         "hello-goodbye": "^0.2.1",
-        "tabbable": "^5.3.3"
+        "tabbable": "^6.2.0"
     },
     "devDependencies": {
         "@release-it/conventional-changelog": "^5.1.1",
         "prettier": "^2.8.8",
         "release-it": "^15.11.0",
-        "typescript": "^5.1.3",
-        "vite": "^4.3.9"
+        "typescript": "^5.2.2",
+        "vite": "^4.4.11"
     },
     "release-it": {
         "git": {