@editora/ui-core 0.1.8 → 0.1.10

package/dist/floating-toolbar.esm.js

@@ -0,0 +1,513 @@
+import { E as g } from "./ElementBase-909688f3.mjs";
+const p = `
+  :host {
+    position: fixed;
+    inset: 0;
+    z-index: var(--ui-floating-toolbar-z, 1300);
+    pointer-events: none;
+    display: none;
+    color-scheme: light dark;
+
+    --ui-floating-toolbar-bg: var(--ui-color-surface, #ffffff);
+    --ui-floating-toolbar-color: var(--ui-color-text, #0f172a);
+    --ui-floating-toolbar-muted: var(--ui-color-muted, #64748b);
+    --ui-floating-toolbar-border-color: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 72%, transparent);
+    --ui-floating-toolbar-border: 1px solid var(--ui-floating-toolbar-border-color);
+    --ui-floating-toolbar-radius: 12px;
+    --ui-floating-toolbar-shadow:
+      none;
+    --ui-floating-toolbar-padding: 6px;
+    --ui-floating-toolbar-gap: 6px;
+    --ui-floating-toolbar-focus-ring: var(--ui-color-focus-ring, #2563eb);
+    --ui-floating-toolbar-accent: var(--ui-color-primary, #2563eb);
+    --ui-floating-toolbar-backdrop: none;
+    --ui-floating-toolbar-x: 0px;
+    --ui-floating-toolbar-y: 0px;
+    --ui-floating-toolbar-enter-y: -4px;
+    --ui-floating-toolbar-duration: 170ms;
+    --ui-floating-toolbar-easing: cubic-bezier(0.2, 0.8, 0.2, 1);
+  }
+
+  :host([open]) {
+    display: block;
+  }
+
+  .panel {
+    position: fixed;
+    left: 0;
+    top: 0;
+    box-sizing: border-box;
+    pointer-events: auto;
+    min-inline-size: min(180px, calc(100vw - 16px));
+    max-inline-size: min(560px, calc(100vw - 16px));
+    border-radius: var(--ui-floating-toolbar-radius);
+    border: var(--ui-floating-toolbar-border);
+    background: var(--ui-floating-toolbar-bg);
+    color: var(--ui-floating-toolbar-color);
+    box-shadow: var(--ui-floating-toolbar-shadow);
+    backdrop-filter: var(--ui-floating-toolbar-backdrop);
+    padding: var(--ui-floating-toolbar-padding);
+    display: grid;
+    gap: var(--ui-floating-toolbar-gap);
+    outline: none;
+    transform:
+      translate3d(
+        var(--ui-floating-toolbar-x, 0px),
+        calc(var(--ui-floating-toolbar-y, 0px) + var(--ui-floating-toolbar-enter-y, -4px)),
+        0
+      )
+      scale(0.985);
+    opacity: 0;
+    transition:
+      transform var(--ui-floating-toolbar-duration) var(--ui-floating-toolbar-easing),
+      opacity var(--ui-floating-toolbar-duration) ease,
+      border-color var(--ui-floating-toolbar-duration) var(--ui-floating-toolbar-easing),
+      box-shadow var(--ui-floating-toolbar-duration) var(--ui-floating-toolbar-easing);
+    transform-origin: var(--ui-floating-toolbar-origin-x, 50%) var(--ui-floating-toolbar-origin-y, 100%);
+    will-change: transform, opacity;
+  }
+
+  :host([open]) .panel {
+    opacity: 1;
+    transform:
+      translate3d(var(--ui-floating-toolbar-x, 0px), var(--ui-floating-toolbar-y, 0px), 0)
+      scale(1);
+  }
+
+  .panel[data-side="bottom"] {
+    --ui-floating-toolbar-enter-y: 4px;
+    --ui-floating-toolbar-origin-y: 0%;
+  }
+
+  .row {
+    min-width: 0;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--ui-floating-toolbar-gap);
+  }
+
+  .row[hidden] {
+    display: none;
+  }
+
+  ::slotted([slot="toolbar"]) {
+    display: inline-flex;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: var(--ui-floating-toolbar-gap);
+    min-width: 0;
+  }
+
+  :host([shape="square"]) {
+    --ui-floating-toolbar-radius: 6px;
+  }
+
+  :host([shape="soft"]) {
+    --ui-floating-toolbar-radius: 18px;
+  }
+
+  :host([density="compact"]) {
+    --ui-floating-toolbar-padding: 4px;
+    --ui-floating-toolbar-gap: 4px;
+  }
+
+  :host([density="comfortable"]) {
+    --ui-floating-toolbar-padding: 8px;
+    --ui-floating-toolbar-gap: 8px;
+  }
+
+  :host([elevation="none"]) {
+    --ui-floating-toolbar-shadow: none;
+  }
+
+  :host([elevation="low"]) {
+    --ui-floating-toolbar-shadow:
+      0 1px 4px rgba(2, 6, 23, 0.12),
+      0 12px 26px rgba(2, 6, 23, 0.16);
+  }
+
+  :host([elevation="high"]) {
+    --ui-floating-toolbar-shadow:
+      0 4px 14px rgba(2, 6, 23, 0.18),
+      0 26px 62px rgba(2, 6, 23, 0.26);
+  }
+
+  :host([variant="flat"]) {
+    --ui-floating-toolbar-shadow: none;
+    --ui-floating-toolbar-backdrop: none;
+  }
+
+  :host([variant="soft"]) {
+    --ui-floating-toolbar-bg: color-mix(in srgb, var(--ui-floating-toolbar-accent) 8%, var(--ui-color-surface, #ffffff));
+    --ui-floating-toolbar-border-color: color-mix(in srgb, var(--ui-floating-toolbar-accent) 30%, var(--ui-color-border, #cbd5e1));
+  }
+
+  :host([variant="glass"]) {
+    --ui-floating-toolbar-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 74%, transparent);
+    --ui-floating-toolbar-backdrop: blur(12px) saturate(1.08);
+  }
+
+  :host([variant="contrast"]) {
+    --ui-floating-toolbar-bg: #0f172a;
+    --ui-floating-toolbar-color: #f8fafc;
+    --ui-floating-toolbar-muted: #93a4bd;
+    --ui-floating-toolbar-border-color: #334155;
+    --ui-floating-toolbar-focus-ring: #93c5fd;
+  }
+
+  :host([tone="success"]) {
+    --ui-floating-toolbar-accent: var(--ui-color-success, #16a34a);
+  }
+
+  :host([tone="warning"]) {
+    --ui-floating-toolbar-accent: var(--ui-color-warning, #d97706);
+  }
+
+  :host([tone="danger"]) {
+    --ui-floating-toolbar-accent: var(--ui-color-danger, #dc2626);
+  }
+
+  :host([disabled]) .panel {
+    opacity: 0.62;
+    pointer-events: none;
+  }
+
+  :host([headless]) .panel {
+    display: none !important;
+  }
+
+  @media (prefers-contrast: more) {
+    :host {
+      --ui-floating-toolbar-border: 2px solid var(--ui-floating-toolbar-border-color);
+      --ui-floating-toolbar-shadow: none;
+      --ui-floating-toolbar-backdrop: none;
+    }
+  }
+
+  @media (forced-colors: active) {
+    :host {
+      --ui-floating-toolbar-bg: Canvas;
+      --ui-floating-toolbar-color: CanvasText;
+      --ui-floating-toolbar-muted: CanvasText;
+      --ui-floating-toolbar-border-color: CanvasText;
+      --ui-floating-toolbar-border: 1px solid CanvasText;
+      --ui-floating-toolbar-shadow: none;
+      --ui-floating-toolbar-focus-ring: Highlight;
+    }
+
+    .panel,
+    ::slotted([slot="toolbar"]) {
+      forced-color-adjust: none;
+      border-color: CanvasText;
+      background: Canvas;
+      color: CanvasText;
+      box-shadow: none;
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .panel {
+      transition: none !important;
+    }
+  }
+`;
+function _(i, t) {
+  if (i == null || i === "")
+    return t;
+  const e = Number(i);
+  return Number.isFinite(e) ? e : t;
+}
+function b(i, t) {
+  if (i == null)
+    return t;
+  const e = i.trim().toLowerCase();
+  return e !== "false" && e !== "0" && e !== "off";
+}
+function c(i, t, e) {
+  return Math.min(e, Math.max(t, i));
+}
+function m(i) {
+  if (!document.body.contains(i))
+    return !1;
+  const t = window.getComputedStyle(i);
+  return !(t.display === "none" || t.visibility === "hidden" || Number.parseFloat(t.opacity || "1") <= 0);
+}
+function v(i) {
+  return i === "top" || i === "bottom" ? i : "auto";
+}
+function y(i) {
+  return i === "start" || i === "end" ? i : "center";
+}
+function w(i) {
+  const t = 'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])', e = [];
+  return i.forEach((o) => {
+    o instanceof HTMLElement && (o.matches(t) && e.push(o), e.push(...Array.from(o.querySelectorAll(t))));
+  }), Array.from(new Set(e));
+}
+class x extends g {
+  constructor() {
+    super(...arguments), this._anchor = null, this._panel = null, this._toolbarSlot = null, this._defaultSlot = null, this._raf = null, this._resizeObserver = null, this._mutationObserver = null, this._globalListenersBound = !1, this._isOpen = !1, this._closeReason = "programmatic", this._onWindowChangeBound = this._onWindowChange.bind(this), this._onDocumentPointerDownBound = this._onDocumentPointerDown.bind(this), this._onDocumentKeyDownBound = this._onDocumentKeyDown.bind(this), this._onPanelKeyDownBound = this._onPanelKeyDown.bind(this), this._onSlotChangeBound = this._onSlotChange.bind(this);
+  }
+  static get observedAttributes() {
+    return [
+      "open",
+      "anchor-id",
+      "headless",
+      "disabled",
+      "placement",
+      "align",
+      "offset",
+      "close-on-outside",
+      "close-on-escape",
+      "aria-label",
+      "aria-labelledby",
+      "variant",
+      "density",
+      "shape",
+      "elevation",
+      "tone"
+    ];
+  }
+  connectedCallback() {
+    super.connectedCallback(), this._syncAnchorFromAttribute(), this._syncOpenState(), this._schedulePosition();
+  }
+  disconnectedCallback() {
+    this._unbindGlobalListeners(), this._teardownObservers(), this._raf != null && (cancelAnimationFrame(this._raf), this._raf = null), super.disconnectedCallback();
+  }
+  attributeChangedCallback(t, e, o) {
+    if (e !== o) {
+      if (t === "anchor-id") {
+        this._syncAnchorFromAttribute(), this.hasAttribute("open") && !this._anchor && this._requestClose("anchor-missing"), this._schedulePosition();
+        return;
+      }
+      if (t === "open") {
+        this._syncOpenState(), this._schedulePosition();
+        return;
+      }
+      if (t === "disabled") {
+        this.hasAttribute("disabled") && this.hasAttribute("open") && this._requestClose("disabled");
+        return;
+      }
+      if (t === "headless") {
+        this._syncOpenState(), this._schedulePosition();
+        return;
+      }
+      if (t === "aria-label" || t === "aria-labelledby") {
+        this._syncPanelA11y();
+        return;
+      }
+      (t === "placement" || t === "align" || t === "offset") && this._schedulePosition();
+    }
+  }
+  showForAnchorId(t) {
+    if (this.hasAttribute("disabled") || !t)
+      return;
+    const e = document.getElementById(t);
+    if (!e) {
+      this._requestClose("anchor-missing");
+      return;
+    }
+    this._anchor = e, this.setAttribute("anchor-id", t), this.openToolbar();
+  }
+  hide() {
+    this.closeToolbar("programmatic");
+  }
+  openToolbar() {
+    this.hasAttribute("disabled") || (this.hasAttribute("open") || this.setAttribute("open", ""), this._schedulePosition());
+  }
+  closeToolbar(t = "programmatic") {
+    this.hasAttribute("open") && (this._closeReason = t, this.removeAttribute("open"));
+  }
+  _syncOpenState() {
+    const t = this.hasAttribute("open") && !this.hasAttribute("headless") && !this.hasAttribute("disabled");
+    if (t === this._isOpen) {
+      t && this._schedulePosition();
+      return;
+    }
+    if (this._isOpen = t, t) {
+      this._bindGlobalListeners(), this._ensureObservers(), this._dispatchOpenEvents(), this._schedulePosition();
+      return;
+    }
+    this._unbindGlobalListeners(), this._teardownObservers(), this._raf != null && (cancelAnimationFrame(this._raf), this._raf = null), this._dispatchCloseEvents(this._closeReason), this._closeReason = "programmatic";
+  }
+  _dispatchOpenEvents() {
+    this.dispatchEvent(new CustomEvent("open", { bubbles: !0, composed: !0 })), this.dispatchEvent(
+      new CustomEvent("change", {
+        bubbles: !0,
+        composed: !0,
+        detail: { open: !0 }
+      })
+    );
+  }
+  _dispatchCloseEvents(t) {
+    this.dispatchEvent(
+      new CustomEvent("close", {
+        bubbles: !0,
+        composed: !0,
+        detail: { reason: t }
+      })
+    ), this.dispatchEvent(
+      new CustomEvent("change", {
+        bubbles: !0,
+        composed: !0,
+        detail: { open: !1, reason: t }
+      })
+    );
+  }
+  _requestClose(t) {
+    if (!this.hasAttribute("open"))
+      return;
+    const e = new CustomEvent("request-close", {
+      detail: { reason: t },
+      bubbles: !0,
+      composed: !0,
+      cancelable: !0
+    });
+    this.dispatchEvent(e);
+    const o = new CustomEvent("ui-request-close", {
+      detail: { reason: t },
+      bubbles: !0,
+      composed: !0,
+      cancelable: !0
+    });
+    this.dispatchEvent(o), !(e.defaultPrevented || o.defaultPrevented) && this.closeToolbar(t);
+  }
+  _syncAnchorFromAttribute() {
+    const t = this.getAttribute("anchor-id");
+    if (!t) {
+      this._anchor = null;
+      return;
+    }
+    this._anchor = document.getElementById(t);
+  }
+  _schedulePosition() {
+    !this.hasAttribute("open") || this.hasAttribute("headless") || this.hasAttribute("disabled") || (this._raf != null && cancelAnimationFrame(this._raf), this._raf = requestAnimationFrame(() => {
+      this._raf = null, this._position();
+    }));
+  }
+  _ensureObservers() {
+    if (!(this._resizeObserver && this._mutationObserver)) {
+      if (typeof ResizeObserver < "u") {
+        if (this._resizeObserver = new ResizeObserver(() => this._schedulePosition()), this._panel)
+          try {
+            this._resizeObserver.observe(this._panel);
+          } catch {
+          }
+        if (this._anchor)
+          try {
+            this._resizeObserver.observe(this._anchor);
+          } catch {
+          }
+      }
+      if (typeof MutationObserver < "u" && this._anchor) {
+        this._mutationObserver = new MutationObserver(() => this._schedulePosition());
+        try {
+          this._mutationObserver.observe(this._anchor, { attributes: !0, childList: !1, subtree: !1 });
+        } catch {
+        }
+      }
+    }
+  }
+  _teardownObservers() {
+    this._resizeObserver && (this._resizeObserver.disconnect(), this._resizeObserver = null), this._mutationObserver && (this._mutationObserver.disconnect(), this._mutationObserver = null);
+  }
+  _refreshObservers() {
+    this._isOpen && (this._teardownObservers(), this._ensureObservers());
+  }
+  _bindGlobalListeners() {
+    this._globalListenersBound || (window.addEventListener("scroll", this._onWindowChangeBound, !0), window.addEventListener("resize", this._onWindowChangeBound), document.addEventListener("pointerdown", this._onDocumentPointerDownBound, !0), document.addEventListener("keydown", this._onDocumentKeyDownBound, !0), this._globalListenersBound = !0);
+  }
+  _unbindGlobalListeners() {
+    this._globalListenersBound && (window.removeEventListener("scroll", this._onWindowChangeBound, !0), window.removeEventListener("resize", this._onWindowChangeBound), document.removeEventListener("pointerdown", this._onDocumentPointerDownBound, !0), document.removeEventListener("keydown", this._onDocumentKeyDownBound, !0), this._globalListenersBound = !1);
+  }
+  _position() {
+    if (!this.hasAttribute("open") || this.hasAttribute("headless") || this.hasAttribute("disabled"))
+      return;
+    if (!this._anchor) {
+      this._requestClose("anchor-missing");
+      return;
+    }
+    if (!m(this._anchor)) {
+      this._requestClose("anchor-hidden");
+      return;
+    }
+    if (!this._panel)
+      return;
+    const t = this._anchor.getBoundingClientRect(), e = this._panel.getBoundingClientRect(), o = 8, n = Math.max(0, _(this.getAttribute("offset"), 8)), r = v(this.getAttribute("placement")), s = y(this.getAttribute("align")), a = t.top - o, l = window.innerHeight - t.bottom - o, d = r === "bottom" || r === "auto" && l > a && a < e.height + n, f = d ? "bottom" : "top";
+    let h = d ? t.bottom + n : t.top - e.height - n;
+    h = c(h, o, window.innerHeight - e.height - o);
+    let u = t.left + t.width / 2 - e.width / 2;
+    s === "start" && (u = t.left), s === "end" && (u = t.right - e.width), u = c(u, o, window.innerWidth - e.width - o), this.style.setProperty("--ui-floating-toolbar-x", `${Math.round(u)}px`), this.style.setProperty("--ui-floating-toolbar-y", `${Math.round(h)}px`), this.style.setProperty("--ui-floating-toolbar-origin-x", s === "start" ? "0%" : s === "end" ? "100%" : "50%"), this._panel.setAttribute("data-side", f);
+  }
+  _onWindowChange() {
+    this.hasAttribute("open") && this._schedulePosition();
+  }
+  _onDocumentPointerDown(t) {
+    if (!this.hasAttribute("open") || !b(this.getAttribute("close-on-outside"), !0))
+      return;
+    const e = t.composedPath();
+    e.includes(this) || this._anchor && e.includes(this._anchor) || this._requestClose("outside");
+  }
+  _onDocumentKeyDown(t) {
+    this.hasAttribute("open") && t.key === "Escape" && b(this.getAttribute("close-on-escape"), !0) && (t.preventDefault(), this._requestClose("escape"));
+  }
+  _onPanelKeyDown(t) {
+    if (!this._panel || !["ArrowRight", "ArrowLeft", "Home", "End"].includes(t.key))
+      return;
+    const e = this._getFocusableItems();
+    if (e.length === 0)
+      return;
+    const o = document.activeElement, n = o ? e.indexOf(o) : -1;
+    let r = n;
+    t.key === "Home" ? r = 0 : t.key === "End" ? r = e.length - 1 : t.key === "ArrowRight" ? r = n < 0 ? 0 : (n + 1) % e.length : t.key === "ArrowLeft" && (r = n < 0 ? e.length - 1 : (n - 1 + e.length) % e.length);
+    const s = e[r];
+    s && (t.preventDefault(), s.focus());
+  }
+  _getFocusableItems() {
+    var o, n;
+    const t = ((o = this._toolbarSlot) == null ? void 0 : o.assignedElements({ flatten: !0 })) || [], e = ((n = this._defaultSlot) == null ? void 0 : n.assignedElements({ flatten: !0 })) || [];
+    return w([...t, ...e]);
+  }
+  _onSlotChange() {
+    this._syncRowVisibility(), this._schedulePosition();
+  }
+  _syncRowVisibility() {
+    var r, s;
+    const t = this.root.querySelector(".row-toolbar"), e = this.root.querySelector(".row-default");
+    if (!t || !e)
+      return;
+    const o = (((r = this._toolbarSlot) == null ? void 0 : r.assignedNodes({ flatten: !0 })) || []).some((a) => {
+      var l;
+      return a.nodeType === Node.TEXT_NODE ? !!((l = a.textContent) != null && l.trim()) : a.nodeType === Node.ELEMENT_NODE;
+    }), n = (((s = this._defaultSlot) == null ? void 0 : s.assignedNodes({ flatten: !0 })) || []).some((a) => {
+      var l;
+      return a.nodeType === Node.TEXT_NODE ? !!((l = a.textContent) != null && l.trim()) : a.nodeType === Node.ELEMENT_NODE;
+    });
+    o ? t.removeAttribute("hidden") : t.setAttribute("hidden", ""), n ? e.removeAttribute("hidden") : e.setAttribute("hidden", "");
+  }
+  _syncPanelA11y() {
+    if (!this._panel)
+      return;
+    const t = this.getAttribute("aria-labelledby"), e = this.getAttribute("aria-label") || (t ? null : "Floating toolbar");
+    t ? this._panel.setAttribute("aria-labelledby", t) : this._panel.removeAttribute("aria-labelledby"), e ? this._panel.setAttribute("aria-label", e) : this._panel.removeAttribute("aria-label");
+  }
+  render() {
+    var t, e, o, n, r, s;
+    this.setContent(`
+      <style>${p}</style>
+      <section class="panel" part="panel" role="toolbar" aria-orientation="horizontal" tabindex="-1">
+        <div class="row row-toolbar" part="row-toolbar">
+          <slot name="toolbar"></slot>
+        </div>
+        <div class="row row-default" part="row-default">
+          <slot></slot>
+        </div>
+      </section>
+    `), this._panel = this.root.querySelector(".panel"), this._toolbarSlot = this.root.querySelector('slot[name="toolbar"]'), this._defaultSlot = this.root.querySelector("slot:not([name])"), (t = this._panel) == null || t.removeEventListener("keydown", this._onPanelKeyDownBound), (e = this._panel) == null || e.addEventListener("keydown", this._onPanelKeyDownBound), (o = this._toolbarSlot) == null || o.removeEventListener("slotchange", this._onSlotChangeBound), (n = this._defaultSlot) == null || n.removeEventListener("slotchange", this._onSlotChangeBound), (r = this._toolbarSlot) == null || r.addEventListener("slotchange", this._onSlotChangeBound), (s = this._defaultSlot) == null || s.addEventListener("slotchange", this._onSlotChangeBound), this._syncPanelA11y(), this._syncRowVisibility(), this._refreshObservers(), this._schedulePosition();
+  }
+}
+typeof customElements < "u" && !customElements.get("ui-floating-toolbar") && customElements.define("ui-floating-toolbar", x);
+export {
+  x as UIFloatingToolbar
+};

package/dist/focus-scope-103833ee.mjs

@@ -0,0 +1,147 @@
+const a = [], y = [
+  "a[href]",
+  "area[href]",
+  'input:not([type="hidden"])',
+  "select",
+  "textarea",
+  "button",
+  "iframe",
+  "[tabindex]",
+  '[contenteditable="true"]'
+].join(", ");
+function m() {
+  const t = a.filter((e) => !e.paused);
+  return t.length ? t[t.length - 1] : null;
+}
+function F(t) {
+  return !(t.hasAttribute("disabled") || t.getAttribute("aria-hidden") === "true" || t.hasAttribute("hidden") || t.getAttribute("tabindex") === "-1");
+}
+function d(t) {
+  return Array.from(t.querySelectorAll(y)).filter(F);
+}
+function l(t) {
+  t.hasAttribute("tabindex") || t.setAttribute("tabindex", "-1");
+}
+function b(t) {
+  return typeof t == "function" ? t() : t ?? null;
+}
+function s(t) {
+  if (!t || !t.isConnected)
+    return !1;
+  try {
+    return t.focus(), !0;
+  } catch {
+    return !1;
+  }
+}
+function E(t) {
+  return t.querySelector(
+    '[aria-selected="true"], [data-selected="true"], [selected], [checked], [aria-current="true"]'
+  ) || null;
+}
+function v(t) {
+  if (!t.options.inertOthers || typeof document > "u" || !document.body)
+    return;
+  const e = Array.from(document.body.children);
+  t.inerted = e.filter((r) => r !== t.options.node && !r.contains(t.options.node)).map((r) => {
+    const f = r.hasAttribute("inert");
+    return f || r.setAttribute("inert", ""), { element: r, hadInert: f };
+  });
+}
+function A(t) {
+  t.inerted.forEach(({ element: e, hadInert: r }) => {
+    r || e.removeAttribute("inert");
+  }), t.inerted = [];
+}
+function L(t) {
+  if (!(t.node instanceof HTMLElement))
+    throw new Error("createFocusScope requires a valid HTMLElement node");
+  const e = {
+    id: Symbol("focus-scope"),
+    options: {
+      trapped: !0,
+      loop: !0,
+      restoreFocus: !0,
+      autoFocus: "first",
+      inertOthers: !1,
+      ...t
+    },
+    paused: !1,
+    previouslyFocused: document.activeElement instanceof HTMLElement ? document.activeElement : null,
+    inerted: [],
+    onKeyDown: () => {
+    },
+    onFocusIn: () => {
+    }
+  }, r = () => {
+    const n = d(e.options.node)[0] || null;
+    s(n) || (l(e.options.node), s(e.options.node));
+  }, f = () => {
+    const n = d(e.options.node), o = n.length ? n[n.length - 1] : null;
+    s(o) || (l(e.options.node), s(e.options.node));
+  }, u = () => {
+    const n = b(e.options.initialFocus);
+    if (s(n))
+      return;
+    const o = e.options.autoFocus;
+    if (o !== "none") {
+      if (o === "container") {
+        l(e.options.node), s(e.options.node);
+        return;
+      }
+      if (o === "selected") {
+        const i = E(e.options.node);
+        if (s(i))
+          return;
+      }
+      r();
+    }
+  };
+  return e.onKeyDown = (n) => {
+    var h;
+    if (e.paused || ((h = m()) == null ? void 0 : h.id) !== e.id || !e.options.trapped || n.key !== "Tab")
+      return;
+    const o = d(e.options.node);
+    if (!o.length) {
+      n.preventDefault(), u();
+      return;
+    }
+    const i = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+    if (!i || !e.options.node.contains(i)) {
+      n.preventDefault(), u();
+      return;
+    }
+    const c = o[0], p = o[o.length - 1];
+    if (n.shiftKey) {
+      (i === c || i === e.options.node) && (n.preventDefault(), e.options.loop && s(p));
+      return;
+    }
+    i === p && (n.preventDefault(), e.options.loop && s(c));
+  }, e.onFocusIn = (n) => {
+    var c;
+    if (e.paused || ((c = m()) == null ? void 0 : c.id) !== e.id || !e.options.trapped)
+      return;
+    const o = n.target;
+    (typeof n.composedPath == "function" ? n.composedPath() : []).includes(e.options.node) || o instanceof Node && (e.options.node.contains(o) || u());
+  }, a.push(e), v(e), document.addEventListener("keydown", e.onKeyDown, !0), document.addEventListener("focusin", e.onFocusIn, !0), u(), {
+    destroy() {
+      const n = a.findIndex((i) => i.id === e.id);
+      if (n >= 0 && a.splice(n, 1), document.removeEventListener("keydown", e.onKeyDown, !0), document.removeEventListener("focusin", e.onFocusIn, !0), A(e), !e.options.restoreFocus)
+        return;
+      const o = b(e.options.finalFocus) || e.previouslyFocused;
+      s(o);
+    },
+    focusFirst: r,
+    focusLast: f,
+    focusInitial: u,
+    pause() {
+      e.paused = !0;
+    },
+    resume() {
+      e.paused = !1;
+    }
+  };
+}
+export {
+  L as c
+};

package/dist/focus-scope-2b12b4e7.js

@@ -0,0 +1 @@
+"use strict";const a=[],y=["a[href]","area[href]",'input:not([type="hidden"])',"select","textarea","button","iframe","[tabindex]",'[contenteditable="true"]'].join(", ");function m(){const t=a.filter(e=>!e.paused);return t.length?t[t.length-1]:null}function F(t){return!(t.hasAttribute("disabled")||t.getAttribute("aria-hidden")==="true"||t.hasAttribute("hidden")||t.getAttribute("tabindex")==="-1")}function d(t){return Array.from(t.querySelectorAll(y)).filter(F)}function l(t){t.hasAttribute("tabindex")||t.setAttribute("tabindex","-1")}function b(t){return typeof t=="function"?t():t??null}function s(t){if(!t||!t.isConnected)return!1;try{return t.focus(),!0}catch{return!1}}function E(t){return t.querySelector('[aria-selected="true"], [data-selected="true"], [selected], [checked], [aria-current="true"]')||null}function v(t){if(!t.options.inertOthers||typeof document>"u"||!document.body)return;const e=Array.from(document.body.children);t.inerted=e.filter(r=>r!==t.options.node&&!r.contains(t.options.node)).map(r=>{const f=r.hasAttribute("inert");return f||r.setAttribute("inert",""),{element:r,hadInert:f}})}function A(t){t.inerted.forEach(({element:e,hadInert:r})=>{r||e.removeAttribute("inert")}),t.inerted=[]}function L(t){if(!(t.node instanceof HTMLElement))throw new Error("createFocusScope requires a valid HTMLElement node");const e={id:Symbol("focus-scope"),options:{trapped:!0,loop:!0,restoreFocus:!0,autoFocus:"first",inertOthers:!1,...t},paused:!1,previouslyFocused:document.activeElement instanceof HTMLElement?document.activeElement:null,inerted:[],onKeyDown:()=>{},onFocusIn:()=>{}},r=()=>{const n=d(e.options.node)[0]||null;s(n)||(l(e.options.node),s(e.options.node))},f=()=>{const n=d(e.options.node),o=n.length?n[n.length-1]:null;s(o)||(l(e.options.node),s(e.options.node))},u=()=>{const n=b(e.options.initialFocus);if(s(n))return;const o=e.options.autoFocus;if(o!=="none"){if(o==="container"){l(e.options.node),s(e.options.node);return}if(o==="selected"){const i=E(e.options.node);if(s(i))return}r()}};return e.onKeyDown=n=>{var h;if(e.paused||((h=m())==null?void 0:h.id)!==e.id||!e.options.trapped||n.key!=="Tab")return;const o=d(e.options.node);if(!o.length){n.preventDefault(),u();return}const i=document.activeElement instanceof HTMLElement?document.activeElement:null;if(!i||!e.options.node.contains(i)){n.preventDefault(),u();return}const c=o[0],p=o[o.length-1];if(n.shiftKey){(i===c||i===e.options.node)&&(n.preventDefault(),e.options.loop&&s(p));return}i===p&&(n.preventDefault(),e.options.loop&&s(c))},e.onFocusIn=n=>{var c;if(e.paused||((c=m())==null?void 0:c.id)!==e.id||!e.options.trapped)return;const o=n.target;(typeof n.composedPath=="function"?n.composedPath():[]).includes(e.options.node)||o instanceof Node&&(e.options.node.contains(o)||u())},a.push(e),v(e),document.addEventListener("keydown",e.onKeyDown,!0),document.addEventListener("focusin",e.onFocusIn,!0),u(),{destroy(){const n=a.findIndex(i=>i.id===e.id);if(n>=0&&a.splice(n,1),document.removeEventListener("keydown",e.onKeyDown,!0),document.removeEventListener("focusin",e.onFocusIn,!0),A(e),!e.options.restoreFocus)return;const o=b(e.options.finalFocus)||e.previouslyFocused;s(o)},focusFirst:r,focusLast:f,focusInitial:u,pause(){e.paused=!0},resume(){e.paused=!1}}}exports.createFocusScope=L;

package/dist/focus-scope.cjs.js

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./ElementBase-1b301e7f.js"),n=require("./focus-scope-2b12b4e7.js"),u=`
+  :host {
+    display: contents;
+    color-scheme: light dark;
+  }
+`;function a(e){return e==="selected"||e==="container"||e==="none"?e:"first"}function o(e){if(e==null)return!1;const t=e.toLowerCase();return t!=="false"&&t!=="0"&&t!=="off"}class i extends c.ElementBase{constructor(){super(...arguments),this._scope=null,this._onKeyDown=t=>{if(t.key!=="Escape"||!this.hasAttribute("active"))return;const s=document.activeElement;s&&!this.contains(s)||this.dispatchEvent(new CustomEvent("escape",{detail:{originalEvent:t},bubbles:!0,composed:!0}))}}static get observedAttributes(){return["active","trapped","loop","restore-focus","auto-focus","inert-others","headless"]}connectedCallback(){super.connectedCallback(),document.addEventListener("keydown",this._onKeyDown,!0),this._syncScope()}disconnectedCallback(){document.removeEventListener("keydown",this._onKeyDown,!0),this._destroyScope(),super.disconnectedCallback()}attributeChangedCallback(t,s,r){s!==r&&this._syncScope()}get initialFocus(){return this.querySelector("[data-ui-initial-focus], [autofocus]")}get finalFocus(){return this.querySelector("[data-ui-final-focus]")}activate(){this.setAttribute("active","")}deactivate(){this.removeAttribute("active")}focusFirst(){var t;(t=this._scope)==null||t.focusFirst()}focusInitial(){var t;(t=this._scope)==null||t.focusInitial()}_destroyScope(){var t;(t=this._scope)==null||t.destroy(),this._scope=null}_syncScope(){if(this.isConnected){if(this.hasAttribute("headless")||!this.hasAttribute("active")){this._destroyScope();return}this._destroyScope(),this._scope=n.createFocusScope({node:this,trapped:!this.hasAttribute("trapped")||o(this.getAttribute("trapped")),loop:!this.hasAttribute("loop")||o(this.getAttribute("loop")),restoreFocus:!this.hasAttribute("restore-focus")||o(this.getAttribute("restore-focus")),autoFocus:a(this.getAttribute("auto-focus")),initialFocus:this.initialFocus,finalFocus:this.finalFocus,inertOthers:o(this.getAttribute("inert-others"))}),this.dispatchEvent(new CustomEvent("focus-scope-mount",{bubbles:!0,composed:!0}))}}render(){this.setContent(`<style>${u}</style><slot></slot>`)}shouldRenderOnAttributeChange(){return!1}}typeof customElements<"u"&&!customElements.get("ui-focus-scope")&&customElements.define("ui-focus-scope",i);exports.UIFocusScope=i;