@yamada-ui/utils 2.1.6-dev-20260730045651 → 2.1.6-dev-20260730065117

package/dist/cjs/dom.cjs

@@ -123,7 +123,7 @@ function getTabbableElements(el, includeEl) {
 	if (!el) return [];
 	const els = Array.from(el.querySelectorAll(focusableSelector));
 	const tabbableEls = els.filter(isTabbableElement);
-	if (includeEl && isTabbableElement(el)) tabbableEls.unshift(el);
+	if (includeEl && isHTMLElement(el) && isTabbableElement(el)) tabbableEls.unshift(el);
 	tabbableEls.forEach((el, i) => {
 		if (isFrame(el) && el.contentDocument) {
 			const frameBody = el.contentDocument.body;
@@ -140,8 +140,8 @@ function getFirstTabbableElement(el, includeEl) {
 }
 function getNextTabbableElement(el, current) {
 	const els = getTabbableElements(el);
-	const doc = el?.ownerDocument || document;
-	const currentElement = current ?? doc.activeElement;
+	const rootNode = isShadowRoot(el) ? el : el?.ownerDocument || document;
+	const currentElement = current ?? getActiveElement(rootNode);
 	if (!currentElement) return null;
 	return els[els.indexOf(currentElement) + 1] || null;
 }

package/dist/cjs/dom.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"dom.cjs","names":["isArray","isObject","isNumber","isUndefined","include","cx","noop"],"sources":["../../src/dom.ts"],"sourcesContent":["import { isArray, isNumber, isObject, isUndefined } from \"./assertion\"\nimport { noop } from \"./function\"\nimport { cx } from \"./string\"\n\nexport function createdDom(): boolean {\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n  return !!(typeof window !== \"undefined\" && window.document?.createElement)\n}\n\nexport function getPlatform(): string {\n  return (navigator as any).userAgentData?.platform ?? navigator.platform\n}\n\nexport function getUserAgent(): string {\n  const userAgentData = (navigator as any).userAgentData\n\n  if (userAgentData && isArray(userAgentData.brands))\n    return userAgentData.brands\n      .map(\n        ({ brand, version }: { brand: string; version: string }) =>\n          `${brand}/${version}`,\n      )\n      .join(\" \")\n\n  return navigator.userAgent\n}\n\nexport function vendor(value: RegExp, fallback = false): boolean {\n  return createdDom() ? value.test(navigator.vendor) : fallback\n}\n\nexport function platform(value: RegExp, fallback = false): boolean {\n  return createdDom() ? value.test(getPlatform()) : fallback\n}\n\nexport function userAgent(value: RegExp, fallback = false): boolean {\n  return createdDom() ? value.test(getUserAgent()) : fallback\n}\n\nexport function isMac(fallback = false): boolean {\n  return platform(/^Mac/i, fallback)\n}\n\nexport function isIPhone(fallback = false): boolean {\n  return platform(/^iPhone/i, fallback)\n}\n\nexport function isIPad(fallback = false): boolean {\n  return (\n    platform(/^iPad/i, fallback) ||\n    (isMac(fallback) &&\n      (createdDom() ? navigator.maxTouchPoints > 1 : fallback))\n  )\n}\n\nexport function isIos(fallback = false): boolean {\n  return isIPhone(fallback) || isIPad(fallback)\n}\n\nexport function isAndroid(fallback = false): boolean {\n  return platform(/^Android/i, fallback)\n}\n\nexport function isApple(fallback = false): boolean {\n  return isMac(fallback) || isIos(fallback)\n}\n\nexport function isSafari(fallback = false): boolean {\n  return isApple(fallback) && vendor(/apple/i, fallback)\n}\n\nexport function isFirefox(fallback = false): boolean {\n  return userAgent(/Firefox/i, fallback)\n}\n\nexport function isChrome(fallback = false): boolean {\n  return userAgent(/Chrome/i, fallback)\n}\n\nexport function isWebKit(fallback = false): boolean {\n  return userAgent(/AppleWebKit/i, fallback) && !isChrome()\n}\n\nexport function isHTMLElement(el: any): el is HTMLElement {\n  return isNode(el) && el.nodeType === Node.ELEMENT_NODE\n}\n\nexport function isWindow(el: any): el is Window {\n  return isObject(el) && el === el.window\n}\n\nexport function isDocument(el: any): el is Document {\n  return isNode(el) && el.nodeType === Node.DOCUMENT_NODE\n}\n\nexport function isVisualViewport(el: any): el is VisualViewport {\n  return isObject(el) && el.constructor.name === \"VisualViewport\"\n}\n\nexport function isNode(el: any): el is Node {\n  return isObject(el) && el.nodeType !== undefined\n}\n\nexport function isShadowRoot(el: any): el is ShadowRoot {\n  return (\n    isNode(el) && el.nodeType === Node.DOCUMENT_FRAGMENT_NODE && \"host\" in el\n  )\n}\n\nexport function isFrame(el: any): el is HTMLIFrameElement {\n  return isHTMLElement(el) && el.tagName === \"IFRAME\"\n}\n\nexport function isActiveElement(\n  el: HTMLElement,\n  rootNode: Document | Node | ShadowRoot,\n): boolean {\n  return (\n    (isDocument(rootNode) || isShadowRoot(rootNode)) &&\n    getActiveElement(rootNode) === el\n  )\n}\n\nexport function isHiddenElement(el: HTMLElement): boolean {\n  if (el.parentElement && isHiddenElement(el.parentElement)) return true\n\n  return Boolean(el.hidden)\n}\n\nexport function isDisabledElement(el: HTMLElement): boolean {\n  return (\n    Boolean(el.getAttribute(\"disabled\")) ||\n    Boolean(el.getAttribute(\"data-disabled\")) ||\n    Boolean(el.getAttribute(\"aria-disabled\"))\n  )\n}\n\nexport function isVisibleElement(el?: Node): boolean {\n  if (!isHTMLElement(el)) return false\n\n  return (\n    el.offsetWidth > 0 || el.offsetHeight > 0 || el.getClientRects().length > 0\n  )\n}\n\nexport function isTouchDevice(): boolean {\n  return \"ontouchstart\" in window\n}\n\nconst hasTabIndex = (el: Element): boolean =>\n  !Number.isNaN(parseInt(el.getAttribute(\"tabindex\") || \"0\", 10))\n\nconst hasNegativeTabIndex = (el: Element): boolean =>\n  parseInt(el.getAttribute(\"tabindex\") || \"0\", 10) < 0\n\nexport function getWindow(\n  el: Document | Node | null | ShadowRoot | undefined,\n): typeof globalThis & Window {\n  if (isShadowRoot(el)) return getWindow(el.host)\n  if (isDocument(el)) return el.defaultView ?? window\n  if (isHTMLElement(el)) return el.ownerDocument.defaultView ?? window\n\n  return window\n}\n\nexport function getDocument(\n  el: Document | Element | Node | null | undefined | Window,\n): Document {\n  if (isDocument(el)) return el\n  if (isWindow(el)) return el.document\n\n  return el?.ownerDocument ?? document\n}\n\nexport function getDocumentElement(\n  el: Document | Element | Node | null | undefined | Window,\n): HTMLElement {\n  return getDocument(el).documentElement\n}\n\nexport function getNodeName(node: Node | Window): string {\n  if (isHTMLElement(node)) return node.localName || \"\"\n\n  return \"#document\"\n}\n\nexport function getActiveElement(\n  rootNode: Document | ShadowRoot,\n): HTMLElement | null {\n  let activeEl = rootNode.activeElement as HTMLElement | null\n\n  while (activeEl?.shadowRoot) {\n    const el = activeEl.shadowRoot.activeElement as HTMLElement | null\n\n    if (el === activeEl) break\n    else activeEl = el\n  }\n\n  return activeEl\n}\n\nexport function getTabbableElements(\n  el: HTMLElement | null,\n  includeEl?: boolean,\n) {\n  if (!el) return []\n  const els = Array.from(el.querySelectorAll<HTMLElement>(focusableSelector))\n  const tabbableEls = els.filter(isTabbableElement)\n\n  if (includeEl && isTabbableElement(el)) tabbableEls.unshift(el)\n\n  tabbableEls.forEach((el, i) => {\n    if (isFrame(el) && el.contentDocument) {\n      const frameBody = el.contentDocument.body\n      const allFrameTabbable = getTabbableElements(frameBody)\n      tabbableEls.splice(i, 1, ...allFrameTabbable)\n    }\n  })\n\n  if (!tabbableEls.length && includeEl) return els\n\n  return tabbableEls\n}\n\nexport function getFirstTabbableElement(\n  el: HTMLElement | null,\n  includeEl?: boolean,\n): HTMLElement | null {\n  const [first] = getTabbableElements(el, includeEl)\n\n  return first || null\n}\n\nexport function getNextTabbableElement(\n  el: HTMLElement | null,\n  current?: HTMLElement | null,\n): HTMLElement | null {\n  const els = getTabbableElements(el)\n  const doc = el?.ownerDocument || document\n  const currentElement = current ?? (doc.activeElement as HTMLElement | null)\n\n  if (!currentElement) return null\n\n  return els[els.indexOf(currentElement) + 1] || null\n}\n\nexport function getLastTabbableElement(\n  el: HTMLElement | null,\n  includeEl?: boolean,\n): HTMLElement | null {\n  const els = getTabbableElements(el, includeEl)\n\n  return els[els.length - 1] || null\n}\n\nexport function getTabbableElementEdges(\n  el: HTMLElement | null,\n  includeEl?: boolean,\n): [HTMLElement | null, HTMLElement | null] {\n  const els = getTabbableElements(el, includeEl)\n  const first = els[0] || null\n  const last = els[els.length - 1] || null\n\n  return [first, last]\n}\n\nexport function getParentNode(node: Node): Node {\n  if (getNodeName(node) === \"html\") return node\n\n  const result =\n    (node as any).assignedSlot ||\n    node.parentNode ||\n    isShadowRoot(node) ||\n    getDocumentElement(node)\n\n  return isShadowRoot(result) ? result.host : result\n}\n\nexport function isInputElement(el: any): el is HTMLInputElement {\n  return isHTMLElement(el) && el.localName === \"input\"\n}\n\nexport function isEditableElement(\n  el: EventTarget | HTMLElement | null,\n): boolean {\n  if (el == null || !isHTMLElement(el)) return false\n  try {\n    return (\n      (isInputElement(el) && el.selectionStart != null) ||\n      /(textarea|select)/.test(el.localName) ||\n      el.isContentEditable ||\n      el.getAttribute(\"contenteditable\") === \"true\" ||\n      el.getAttribute(\"contenteditable\") === \"\"\n    )\n  } catch {\n    return false\n  }\n}\n\nexport function isFocusableElement(el: HTMLElement | null): el is HTMLElement {\n  if (!el || el.closest(\"[inert]\")) return false\n\n  return el.matches(focusableSelector) && isVisibleElement(el)\n}\n\nexport function isTabbableElement(el: HTMLElement | null): el is HTMLElement {\n  if (el != null && el.tabIndex > 0) return true\n  return isFocusableElement(el) && !hasNegativeTabIndex(el)\n}\n\nexport function contains(\n  parent?: EventTarget | HTMLElement | null,\n  child?: EventTarget | HTMLElement | null,\n): boolean {\n  if (!parent || !child) return false\n  if (!isHTMLElement(parent) || !isHTMLElement(child)) return false\n\n  const rootNode = child.getRootNode()\n\n  if (parent === child) return true\n  if (parent.contains(child)) return true\n\n  if (isShadowRoot(rootNode)) {\n    let next: Node | null | ShadowRoot = child\n\n    while (next) {\n      if (parent === next) return true\n\n      next = next.parentNode ?? (isShadowRoot(next) ? next.host : null)\n    }\n  }\n\n  return false\n}\n\nexport function getPx(value: number | string | undefined): number {\n  if (isNumber(value)) return value\n\n  if (isUndefined(value)) return 0\n\n  if (value.includes(\"px\")) return parseFloat(value)\n\n  let fontSize = 16\n\n  if (createdDom()) {\n    const style = window.getComputedStyle(document.documentElement)\n\n    const computedFontSize = parseFloat(style.fontSize)\n\n    if (!isNaN(computedFontSize)) fontSize = computedFontSize\n  }\n\n  return parseFloat(value) * fontSize\n}\n\nexport function getTabIndex(node: HTMLElement | SVGElement) {\n  if (node.tabIndex < 0)\n    if (\n      (/^(audio|video|details)$/.test(node.localName) ||\n        isEditableElement(node)) &&\n      !hasTabIndex(node)\n    )\n      return 0\n\n  return node.tabIndex\n}\n\nexport function isTruthyDataAttr(condition: any): boolean {\n  return condition === \"true\" || condition === true || condition === \"\"\n}\n\nexport function dataAttr(condition: any): string | undefined {\n  return condition ? \"\" : undefined\n}\n\ntype Booleanish = \"false\" | \"true\" | boolean\n\nexport function ariaAttr(condition: any): Booleanish | undefined {\n  if (condition === \"true\") return \"true\"\n  if (condition === \"false\") return \"false\"\n\n  return condition ? true : undefined\n}\n\nexport function uuid() {\n  return \"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx\"\n    .replace(/x/g, () => Math.random().toString(16).slice(2, 3))\n    .replace(/y/g, () => ((Math.random() * 4) | 0).toString(16))\n}\n\nconst focusableElList = [\n  \"[tabindex]\",\n  \"input:not([type='hidden']):not([disabled])\",\n  \"select:not([disabled])\",\n  \"textarea:not([disabled])\",\n  \"button:not([disabled])\",\n  \"iframe\",\n  \"object\",\n  \"embed\",\n  \"a[href]\",\n  \"area[href]\",\n  \"audio[controls]\",\n  \"video[controls]\",\n  \"[contenteditable]:not([contenteditable='false'])\",\n  \"details > summary:first-of-type\",\n]\n\nconst focusableSelector = focusableElList.join(\", \")\n\nexport function getFocusableElements(\n  el: null | Pick<HTMLElement, \"querySelectorAll\">,\n  includeEl = false,\n) {\n  if (!el) return []\n  const els = Array.from(el.querySelectorAll<HTMLElement>(focusableSelector))\n\n  const include = includeEl\n\n  if (include && isHTMLElement(el) && isFocusableElement(el)) els.unshift(el)\n\n  const focusableEls = els.filter(isFocusableElement)\n\n  focusableEls.forEach((el, i) => {\n    if (isFrame(el) && el.contentDocument) {\n      const frameBody = el.contentDocument.body\n\n      focusableEls.splice(i, 1, ...getFocusableElements(frameBody))\n    }\n  })\n\n  return focusableEls\n}\n\nexport function getFirstFocusableElement(\n  el: HTMLElement | null,\n  includeEl?: boolean,\n): HTMLElement | null {\n  const [first] = getFocusableElements(el, includeEl)\n\n  return first || null\n}\n\nexport function setAttribute(\n  el: Element,\n  qualifiedName: string,\n  value?: string,\n) {\n  const prev = el.getAttribute(qualifiedName)\n\n  el.setAttribute(qualifiedName, cx(prev, value) ?? \"\")\n\n  return () => {\n    if (prev === null) el.removeAttribute(qualifiedName)\n    else el.setAttribute(qualifiedName, prev)\n  }\n}\n\nexport function setStyle(\n  el: HTMLElement | null | undefined,\n  style: Partial<\n    CSSStyleDeclaration | { [key: `--${string}`]: number | string }\n  >,\n) {\n  if (!el) return noop\n\n  const prev = Object.keys(style).reduce<{ [key: string]: string }>(\n    (acc, key) => {\n      acc[key] = el.style.getPropertyValue(key)\n\n      return acc\n    },\n    {},\n  )\n\n  Object.assign(el.style, style)\n\n  return () => {\n    Object.assign(el.style, prev)\n\n    if (el.style.length === 0) el.removeAttribute(\"style\")\n  }\n}\n\nconst LOCK_DATA_ATTR = \"data-scroll-lock\"\n\nexport function scrollLock(\n  el: Document | Element | Node | null | undefined | Window,\n) {\n  const doc = getDocument(el)\n  const win = getWindow(doc)\n\n  const locked = doc.body.hasAttribute(LOCK_DATA_ATTR)\n\n  if (locked) return\n\n  const scrollbarWidth = win.innerWidth - doc.documentElement.clientWidth\n  const documentLeft = doc.documentElement.getBoundingClientRect().left\n  const scrollbarX = Math.round(documentLeft) + doc.documentElement.scrollLeft\n  const paddingProperty = scrollbarX ? \"paddingLeft\" : \"paddingRight\"\n\n  doc.body.setAttribute(LOCK_DATA_ATTR, \"\")\n\n  const setStyleForIOS = () => {\n    const offsetLeft = win.visualViewport?.offsetLeft ?? 0\n    const offsetTop = win.visualViewport?.offsetTop ?? 0\n\n    const restoreStyle = setStyle(doc.body, {\n      left: `${-(win.scrollX - Math.floor(offsetLeft))}px`,\n      overflow: \"hidden\",\n      [paddingProperty]: `${scrollbarWidth}px`,\n      position: \"fixed\",\n      right: \"0\",\n      top: `${-(win.scrollY - Math.floor(offsetTop))}px`,\n    })\n\n    return () => {\n      restoreStyle()\n      win.scrollTo({ behavior: \"instant\", left: win.scrollX, top: win.scrollY })\n    }\n  }\n\n  const unsubscribes = [\n    setStyle(doc.documentElement, {\n      \"--scrollbar-width\": `${scrollbarWidth}px`,\n    }),\n    isIos()\n      ? setStyleForIOS()\n      : setStyle(doc.body, {\n          overflow: \"hidden\",\n          [paddingProperty]: `${scrollbarWidth}px`,\n        }),\n  ]\n\n  return () => {\n    unsubscribes.forEach((unsubscribe) => unsubscribe())\n\n    doc.body.removeAttribute(LOCK_DATA_ATTR)\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"dom.cjs","names":["isArray","isObject","isNumber","isUndefined","include","cx","noop"],"sources":["../../src/dom.ts"],"sourcesContent":["import { isArray, isNumber, isObject, isUndefined } from \"./assertion\"\nimport { noop } from \"./function\"\nimport { cx } from \"./string\"\n\nexport function createdDom(): boolean {\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n  return !!(typeof window !== \"undefined\" && window.document?.createElement)\n}\n\nexport function getPlatform(): string {\n  return (navigator as any).userAgentData?.platform ?? navigator.platform\n}\n\nexport function getUserAgent(): string {\n  const userAgentData = (navigator as any).userAgentData\n\n  if (userAgentData && isArray(userAgentData.brands))\n    return userAgentData.brands\n      .map(\n        ({ brand, version }: { brand: string; version: string }) =>\n          `${brand}/${version}`,\n      )\n      .join(\" \")\n\n  return navigator.userAgent\n}\n\nexport function vendor(value: RegExp, fallback = false): boolean {\n  return createdDom() ? value.test(navigator.vendor) : fallback\n}\n\nexport function platform(value: RegExp, fallback = false): boolean {\n  return createdDom() ? value.test(getPlatform()) : fallback\n}\n\nexport function userAgent(value: RegExp, fallback = false): boolean {\n  return createdDom() ? value.test(getUserAgent()) : fallback\n}\n\nexport function isMac(fallback = false): boolean {\n  return platform(/^Mac/i, fallback)\n}\n\nexport function isIPhone(fallback = false): boolean {\n  return platform(/^iPhone/i, fallback)\n}\n\nexport function isIPad(fallback = false): boolean {\n  return (\n    platform(/^iPad/i, fallback) ||\n    (isMac(fallback) &&\n      (createdDom() ? navigator.maxTouchPoints > 1 : fallback))\n  )\n}\n\nexport function isIos(fallback = false): boolean {\n  return isIPhone(fallback) || isIPad(fallback)\n}\n\nexport function isAndroid(fallback = false): boolean {\n  return platform(/^Android/i, fallback)\n}\n\nexport function isApple(fallback = false): boolean {\n  return isMac(fallback) || isIos(fallback)\n}\n\nexport function isSafari(fallback = false): boolean {\n  return isApple(fallback) && vendor(/apple/i, fallback)\n}\n\nexport function isFirefox(fallback = false): boolean {\n  return userAgent(/Firefox/i, fallback)\n}\n\nexport function isChrome(fallback = false): boolean {\n  return userAgent(/Chrome/i, fallback)\n}\n\nexport function isWebKit(fallback = false): boolean {\n  return userAgent(/AppleWebKit/i, fallback) && !isChrome()\n}\n\nexport function isHTMLElement(el: any): el is HTMLElement {\n  return isNode(el) && el.nodeType === Node.ELEMENT_NODE\n}\n\nexport function isWindow(el: any): el is Window {\n  return isObject(el) && el === el.window\n}\n\nexport function isDocument(el: any): el is Document {\n  return isNode(el) && el.nodeType === Node.DOCUMENT_NODE\n}\n\nexport function isVisualViewport(el: any): el is VisualViewport {\n  return isObject(el) && el.constructor.name === \"VisualViewport\"\n}\n\nexport function isNode(el: any): el is Node {\n  return isObject(el) && el.nodeType !== undefined\n}\n\nexport function isShadowRoot(el: any): el is ShadowRoot {\n  return (\n    isNode(el) && el.nodeType === Node.DOCUMENT_FRAGMENT_NODE && \"host\" in el\n  )\n}\n\nexport function isFrame(el: any): el is HTMLIFrameElement {\n  return isHTMLElement(el) && el.tagName === \"IFRAME\"\n}\n\nexport function isActiveElement(\n  el: HTMLElement,\n  rootNode: Document | Node | ShadowRoot,\n): boolean {\n  return (\n    (isDocument(rootNode) || isShadowRoot(rootNode)) &&\n    getActiveElement(rootNode) === el\n  )\n}\n\nexport function isHiddenElement(el: HTMLElement): boolean {\n  if (el.parentElement && isHiddenElement(el.parentElement)) return true\n\n  return Boolean(el.hidden)\n}\n\nexport function isDisabledElement(el: HTMLElement): boolean {\n  return (\n    Boolean(el.getAttribute(\"disabled\")) ||\n    Boolean(el.getAttribute(\"data-disabled\")) ||\n    Boolean(el.getAttribute(\"aria-disabled\"))\n  )\n}\n\nexport function isVisibleElement(el?: Node): boolean {\n  if (!isHTMLElement(el)) return false\n\n  return (\n    el.offsetWidth > 0 || el.offsetHeight > 0 || el.getClientRects().length > 0\n  )\n}\n\nexport function isTouchDevice(): boolean {\n  return \"ontouchstart\" in window\n}\n\nconst hasTabIndex = (el: Element): boolean =>\n  !Number.isNaN(parseInt(el.getAttribute(\"tabindex\") || \"0\", 10))\n\nconst hasNegativeTabIndex = (el: Element): boolean =>\n  parseInt(el.getAttribute(\"tabindex\") || \"0\", 10) < 0\n\nexport function getWindow(\n  el: Document | Node | null | ShadowRoot | undefined,\n): typeof globalThis & Window {\n  if (isShadowRoot(el)) return getWindow(el.host)\n  if (isDocument(el)) return el.defaultView ?? window\n  if (isHTMLElement(el)) return el.ownerDocument.defaultView ?? window\n\n  return window\n}\n\nexport function getDocument(\n  el: Document | Element | Node | null | undefined | Window,\n): Document {\n  if (isDocument(el)) return el\n  if (isWindow(el)) return el.document\n\n  return el?.ownerDocument ?? document\n}\n\nexport function getDocumentElement(\n  el: Document | Element | Node | null | undefined | Window,\n): HTMLElement {\n  return getDocument(el).documentElement\n}\n\nexport function getNodeName(node: Node | Window): string {\n  if (isHTMLElement(node)) return node.localName || \"\"\n\n  return \"#document\"\n}\n\nexport function getActiveElement(\n  rootNode: Document | ShadowRoot,\n): HTMLElement | null {\n  let activeEl = rootNode.activeElement as HTMLElement | null\n\n  while (activeEl?.shadowRoot) {\n    const el = activeEl.shadowRoot.activeElement as HTMLElement | null\n\n    if (el === activeEl) break\n    else activeEl = el\n  }\n\n  return activeEl\n}\n\nexport function getTabbableElements(\n  el: HTMLElement | null | ShadowRoot,\n  includeEl?: boolean,\n) {\n  if (!el) return []\n  const els = Array.from(el.querySelectorAll<HTMLElement>(focusableSelector))\n  const tabbableEls = els.filter(isTabbableElement)\n\n  if (includeEl && isHTMLElement(el) && isTabbableElement(el))\n    tabbableEls.unshift(el)\n\n  tabbableEls.forEach((el, i) => {\n    if (isFrame(el) && el.contentDocument) {\n      const frameBody = el.contentDocument.body\n      const allFrameTabbable = getTabbableElements(frameBody)\n      tabbableEls.splice(i, 1, ...allFrameTabbable)\n    }\n  })\n\n  if (!tabbableEls.length && includeEl) return els\n\n  return tabbableEls\n}\n\nexport function getFirstTabbableElement(\n  el: HTMLElement | null | ShadowRoot,\n  includeEl?: boolean,\n): HTMLElement | null {\n  const [first] = getTabbableElements(el, includeEl)\n\n  return first || null\n}\n\nexport function getNextTabbableElement(\n  el: HTMLElement | null | ShadowRoot,\n  current?: HTMLElement | null,\n): HTMLElement | null {\n  const els = getTabbableElements(el)\n  const rootNode = isShadowRoot(el) ? el : el?.ownerDocument || document\n  const currentElement = current ?? getActiveElement(rootNode)\n\n  if (!currentElement) return null\n\n  return els[els.indexOf(currentElement) + 1] || null\n}\n\nexport function getLastTabbableElement(\n  el: HTMLElement | null | ShadowRoot,\n  includeEl?: boolean,\n): HTMLElement | null {\n  const els = getTabbableElements(el, includeEl)\n\n  return els[els.length - 1] || null\n}\n\nexport function getTabbableElementEdges(\n  el: HTMLElement | null | ShadowRoot,\n  includeEl?: boolean,\n): [HTMLElement | null, HTMLElement | null] {\n  const els = getTabbableElements(el, includeEl)\n  const first = els[0] || null\n  const last = els[els.length - 1] || null\n\n  return [first, last]\n}\n\nexport function getParentNode(node: Node): Node {\n  if (getNodeName(node) === \"html\") return node\n\n  const result =\n    (node as any).assignedSlot ||\n    node.parentNode ||\n    isShadowRoot(node) ||\n    getDocumentElement(node)\n\n  return isShadowRoot(result) ? result.host : result\n}\n\nexport function isInputElement(el: any): el is HTMLInputElement {\n  return isHTMLElement(el) && el.localName === \"input\"\n}\n\nexport function isEditableElement(\n  el: EventTarget | HTMLElement | null,\n): boolean {\n  if (el == null || !isHTMLElement(el)) return false\n  try {\n    return (\n      (isInputElement(el) && el.selectionStart != null) ||\n      /(textarea|select)/.test(el.localName) ||\n      el.isContentEditable ||\n      el.getAttribute(\"contenteditable\") === \"true\" ||\n      el.getAttribute(\"contenteditable\") === \"\"\n    )\n  } catch {\n    return false\n  }\n}\n\nexport function isFocusableElement(el: HTMLElement | null): el is HTMLElement {\n  if (!el || el.closest(\"[inert]\")) return false\n\n  return el.matches(focusableSelector) && isVisibleElement(el)\n}\n\nexport function isTabbableElement(el: HTMLElement | null): el is HTMLElement {\n  if (el != null && el.tabIndex > 0) return true\n  return isFocusableElement(el) && !hasNegativeTabIndex(el)\n}\n\nexport function contains(\n  parent?: EventTarget | HTMLElement | null,\n  child?: EventTarget | HTMLElement | null,\n): boolean {\n  if (!parent || !child) return false\n  if (!isHTMLElement(parent) || !isHTMLElement(child)) return false\n\n  const rootNode = child.getRootNode()\n\n  if (parent === child) return true\n  if (parent.contains(child)) return true\n\n  if (isShadowRoot(rootNode)) {\n    let next: Node | null | ShadowRoot = child\n\n    while (next) {\n      if (parent === next) return true\n\n      next = next.parentNode ?? (isShadowRoot(next) ? next.host : null)\n    }\n  }\n\n  return false\n}\n\nexport function getPx(value: number | string | undefined): number {\n  if (isNumber(value)) return value\n\n  if (isUndefined(value)) return 0\n\n  if (value.includes(\"px\")) return parseFloat(value)\n\n  let fontSize = 16\n\n  if (createdDom()) {\n    const style = window.getComputedStyle(document.documentElement)\n\n    const computedFontSize = parseFloat(style.fontSize)\n\n    if (!isNaN(computedFontSize)) fontSize = computedFontSize\n  }\n\n  return parseFloat(value) * fontSize\n}\n\nexport function getTabIndex(node: HTMLElement | SVGElement) {\n  if (node.tabIndex < 0)\n    if (\n      (/^(audio|video|details)$/.test(node.localName) ||\n        isEditableElement(node)) &&\n      !hasTabIndex(node)\n    )\n      return 0\n\n  return node.tabIndex\n}\n\nexport function isTruthyDataAttr(condition: any): boolean {\n  return condition === \"true\" || condition === true || condition === \"\"\n}\n\nexport function dataAttr(condition: any): string | undefined {\n  return condition ? \"\" : undefined\n}\n\ntype Booleanish = \"false\" | \"true\" | boolean\n\nexport function ariaAttr(condition: any): Booleanish | undefined {\n  if (condition === \"true\") return \"true\"\n  if (condition === \"false\") return \"false\"\n\n  return condition ? true : undefined\n}\n\nexport function uuid() {\n  return \"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx\"\n    .replace(/x/g, () => Math.random().toString(16).slice(2, 3))\n    .replace(/y/g, () => ((Math.random() * 4) | 0).toString(16))\n}\n\nconst focusableElList = [\n  \"[tabindex]\",\n  \"input:not([type='hidden']):not([disabled])\",\n  \"select:not([disabled])\",\n  \"textarea:not([disabled])\",\n  \"button:not([disabled])\",\n  \"iframe\",\n  \"object\",\n  \"embed\",\n  \"a[href]\",\n  \"area[href]\",\n  \"audio[controls]\",\n  \"video[controls]\",\n  \"[contenteditable]:not([contenteditable='false'])\",\n  \"details > summary:first-of-type\",\n]\n\nconst focusableSelector = focusableElList.join(\", \")\n\nexport function getFocusableElements(\n  el: null | Pick<HTMLElement, \"querySelectorAll\">,\n  includeEl = false,\n) {\n  if (!el) return []\n  const els = Array.from(el.querySelectorAll<HTMLElement>(focusableSelector))\n\n  const include = includeEl\n\n  if (include && isHTMLElement(el) && isFocusableElement(el)) els.unshift(el)\n\n  const focusableEls = els.filter(isFocusableElement)\n\n  focusableEls.forEach((el, i) => {\n    if (isFrame(el) && el.contentDocument) {\n      const frameBody = el.contentDocument.body\n\n      focusableEls.splice(i, 1, ...getFocusableElements(frameBody))\n    }\n  })\n\n  return focusableEls\n}\n\nexport function getFirstFocusableElement(\n  el: HTMLElement | null,\n  includeEl?: boolean,\n): HTMLElement | null {\n  const [first] = getFocusableElements(el, includeEl)\n\n  return first || null\n}\n\nexport function setAttribute(\n  el: Element,\n  qualifiedName: string,\n  value?: string,\n) {\n  const prev = el.getAttribute(qualifiedName)\n\n  el.setAttribute(qualifiedName, cx(prev, value) ?? \"\")\n\n  return () => {\n    if (prev === null) el.removeAttribute(qualifiedName)\n    else el.setAttribute(qualifiedName, prev)\n  }\n}\n\nexport function setStyle(\n  el: HTMLElement | null | undefined,\n  style: Partial<\n    CSSStyleDeclaration | { [key: `--${string}`]: number | string }\n  >,\n) {\n  if (!el) return noop\n\n  const prev = Object.keys(style).reduce<{ [key: string]: string }>(\n    (acc, key) => {\n      acc[key] = el.style.getPropertyValue(key)\n\n      return acc\n    },\n    {},\n  )\n\n  Object.assign(el.style, style)\n\n  return () => {\n    Object.assign(el.style, prev)\n\n    if (el.style.length === 0) el.removeAttribute(\"style\")\n  }\n}\n\nconst LOCK_DATA_ATTR = \"data-scroll-lock\"\n\nexport function scrollLock(\n  el: Document | Element | Node | null | undefined | Window,\n) {\n  const doc = getDocument(el)\n  const win = getWindow(doc)\n\n  const locked = doc.body.hasAttribute(LOCK_DATA_ATTR)\n\n  if (locked) return\n\n  const scrollbarWidth = win.innerWidth - doc.documentElement.clientWidth\n  const documentLeft = doc.documentElement.getBoundingClientRect().left\n  const scrollbarX = Math.round(documentLeft) + doc.documentElement.scrollLeft\n  const paddingProperty = scrollbarX ? \"paddingLeft\" : \"paddingRight\"\n\n  doc.body.setAttribute(LOCK_DATA_ATTR, \"\")\n\n  const setStyleForIOS = () => {\n    const offsetLeft = win.visualViewport?.offsetLeft ?? 0\n    const offsetTop = win.visualViewport?.offsetTop ?? 0\n\n    const restoreStyle = setStyle(doc.body, {\n      left: `${-(win.scrollX - Math.floor(offsetLeft))}px`,\n      overflow: \"hidden\",\n      [paddingProperty]: `${scrollbarWidth}px`,\n      position: \"fixed\",\n      right: \"0\",\n      top: `${-(win.scrollY - Math.floor(offsetTop))}px`,\n    })\n\n    return () => {\n      restoreStyle()\n      win.scrollTo({ behavior: \"instant\", left: win.scrollX, top: win.scrollY })\n    }\n  }\n\n  const unsubscribes = [\n    setStyle(doc.documentElement, {\n      \"--scrollbar-width\": `${scrollbarWidth}px`,\n    }),\n    isIos()\n      ? setStyleForIOS()\n      : setStyle(doc.body, {\n          overflow: \"hidden\",\n          [paddingProperty]: `${scrollbarWidth}px`,\n        }),\n  ]\n\n  return () => {\n    unsubscribes.forEach((unsubscribe) => unsubscribe())\n\n    doc.body.removeAttribute(LOCK_DATA_ATTR)\n  }\n}\n"],"mappings":";;;;AAIA,SAAgB,aAAsB;CAEpC,OAAO,CAAC,EAAE,OAAO,WAAW,eAAe,OAAO,UAAU;AAC9D;AAEA,SAAgB,cAAsB;CACpC,OAAQ,UAAkB,eAAe,YAAY,UAAU;AACjE;AAEA,SAAgB,eAAuB;CACrC,MAAM,gBAAiB,UAAkB;CAEzC,IAAI,iBAAiBA,kBAAAA,QAAQ,cAAc,MAAM,GAC/C,OAAO,cAAc,OAClB,KACE,EAAE,OAAO,cACR,GAAG,MAAM,GAAG,SAChB,CAAC,CACA,KAAK,GAAG;CAEb,OAAO,UAAU;AACnB;AAEA,SAAgB,OAAO,OAAe,WAAW,OAAgB;CAC/D,OAAO,WAAW,IAAI,MAAM,KAAK,UAAU,MAAM,IAAI;AACvD;AAEA,SAAgB,SAAS,OAAe,WAAW,OAAgB;CACjE,OAAO,WAAW,IAAI,MAAM,KAAK,YAAY,CAAC,IAAI;AACpD;AAEA,SAAgB,UAAU,OAAe,WAAW,OAAgB;CAClE,OAAO,WAAW,IAAI,MAAM,KAAK,aAAa,CAAC,IAAI;AACrD;AAEA,SAAgB,MAAM,WAAW,OAAgB;CAC/C,OAAO,SAAS,SAAS,QAAQ;AACnC;AAEA,SAAgB,SAAS,WAAW,OAAgB;CAClD,OAAO,SAAS,YAAY,QAAQ;AACtC;AAEA,SAAgB,OAAO,WAAW,OAAgB;CAChD,OACE,SAAS,UAAU,QAAQ,KAC1B,MAAM,QAAQ,MACZ,WAAW,IAAI,UAAU,iBAAiB,IAAI;AAErD;AAEA,SAAgB,MAAM,WAAW,OAAgB;CAC/C,OAAO,SAAS,QAAQ,KAAK,OAAO,QAAQ;AAC9C;AAEA,SAAgB,UAAU,WAAW,OAAgB;CACnD,OAAO,SAAS,aAAa,QAAQ;AACvC;AAEA,SAAgB,QAAQ,WAAW,OAAgB;CACjD,OAAO,MAAM,QAAQ,KAAK,MAAM,QAAQ;AAC1C;AAEA,SAAgB,SAAS,WAAW,OAAgB;CAClD,OAAO,QAAQ,QAAQ,KAAK,OAAO,UAAU,QAAQ;AACvD;AAEA,SAAgB,UAAU,WAAW,OAAgB;CACnD,OAAO,UAAU,YAAY,QAAQ;AACvC;AAEA,SAAgB,SAAS,WAAW,OAAgB;CAClD,OAAO,UAAU,WAAW,QAAQ;AACtC;AAEA,SAAgB,SAAS,WAAW,OAAgB;CAClD,OAAO,UAAU,gBAAgB,QAAQ,KAAK,CAAC,SAAS;AAC1D;AAEA,SAAgB,cAAc,IAA4B;CACxD,OAAO,OAAO,EAAE,KAAK,GAAG,aAAa,KAAK;AAC5C;AAEA,SAAgB,SAAS,IAAuB;CAC9C,OAAOC,kBAAAA,SAAS,EAAE,KAAK,OAAO,GAAG;AACnC;AAEA,SAAgB,WAAW,IAAyB;CAClD,OAAO,OAAO,EAAE,KAAK,GAAG,aAAa,KAAK;AAC5C;AAEA,SAAgB,iBAAiB,IAA+B;CAC9D,OAAOA,kBAAAA,SAAS,EAAE,KAAK,GAAG,YAAY,SAAS;AACjD;AAEA,SAAgB,OAAO,IAAqB;CAC1C,OAAOA,kBAAAA,SAAS,EAAE,KAAK,GAAG,aAAa,KAAA;AACzC;AAEA,SAAgB,aAAa,IAA2B;CACtD,OACE,OAAO,EAAE,KAAK,GAAG,aAAa,KAAK,0BAA0B,UAAU;AAE3E;AAEA,SAAgB,QAAQ,IAAkC;CACxD,OAAO,cAAc,EAAE,KAAK,GAAG,YAAY;AAC7C;AAEA,SAAgB,gBACd,IACA,UACS;CACT,QACG,WAAW,QAAQ,KAAK,aAAa,QAAQ,MAC9C,iBAAiB,QAAQ,MAAM;AAEnC;AAEA,SAAgB,gBAAgB,IAA0B;CACxD,IAAI,GAAG,iBAAiB,gBAAgB,GAAG,aAAa,GAAG,OAAO;CAElE,OAAO,QAAQ,GAAG,MAAM;AAC1B;AAEA,SAAgB,kBAAkB,IAA0B;CAC1D,OACE,QAAQ,GAAG,aAAa,UAAU,CAAC,KACnC,QAAQ,GAAG,aAAa,eAAe,CAAC,KACxC,QAAQ,GAAG,aAAa,eAAe,CAAC;AAE5C;AAEA,SAAgB,iBAAiB,IAAoB;CACnD,IAAI,CAAC,cAAc,EAAE,GAAG,OAAO;CAE/B,OACE,GAAG,cAAc,KAAK,GAAG,eAAe,KAAK,GAAG,eAAe,CAAC,CAAC,SAAS;AAE9E;AAEA,SAAgB,gBAAyB;CACvC,OAAO,kBAAkB;AAC3B;AAEA,MAAM,eAAe,OACnB,CAAC,OAAO,MAAM,SAAS,GAAG,aAAa,UAAU,KAAK,KAAK,EAAE,CAAC;AAEhE,MAAM,uBAAuB,OAC3B,SAAS,GAAG,aAAa,UAAU,KAAK,KAAK,EAAE,IAAI;AAErD,SAAgB,UACd,IAC4B;CAC5B,IAAI,aAAa,EAAE,GAAG,OAAO,UAAU,GAAG,IAAI;CAC9C,IAAI,WAAW,EAAE,GAAG,OAAO,GAAG,eAAe;CAC7C,IAAI,cAAc,EAAE,GAAG,OAAO,GAAG,cAAc,eAAe;CAE9D,OAAO;AACT;AAEA,SAAgB,YACd,IACU;CACV,IAAI,WAAW,EAAE,GAAG,OAAO;CAC3B,IAAI,SAAS,EAAE,GAAG,OAAO,GAAG;CAE5B,OAAO,IAAI,iBAAiB;AAC9B;AAEA,SAAgB,mBACd,IACa;CACb,OAAO,YAAY,EAAE,CAAC,CAAC;AACzB;AAEA,SAAgB,YAAY,MAA6B;CACvD,IAAI,cAAc,IAAI,GAAG,OAAO,KAAK,aAAa;CAElD,OAAO;AACT;AAEA,SAAgB,iBACd,UACoB;CACpB,IAAI,WAAW,SAAS;CAExB,OAAO,UAAU,YAAY;EAC3B,MAAM,KAAK,SAAS,WAAW;EAE/B,IAAI,OAAO,UAAU;OAChB,WAAW;CAClB;CAEA,OAAO;AACT;AAEA,SAAgB,oBACd,IACA,WACA;CACA,IAAI,CAAC,IAAI,OAAO,CAAC;CACjB,MAAM,MAAM,MAAM,KAAK,GAAG,iBAA8B,iBAAiB,CAAC;CAC1E,MAAM,cAAc,IAAI,OAAO,iBAAiB;CAEhD,IAAI,aAAa,cAAc,EAAE,KAAK,kBAAkB,EAAE,GACxD,YAAY,QAAQ,EAAE;CAExB,YAAY,SAAS,IAAI,MAAM;EAC7B,IAAI,QAAQ,EAAE,KAAK,GAAG,iBAAiB;GACrC,MAAM,YAAY,GAAG,gBAAgB;GACrC,MAAM,mBAAmB,oBAAoB,SAAS;GACtD,YAAY,OAAO,GAAG,GAAG,GAAG,gBAAgB;EAC9C;CACF,CAAC;CAED,IAAI,CAAC,YAAY,UAAU,WAAW,OAAO;CAE7C,OAAO;AACT;AAEA,SAAgB,wBACd,IACA,WACoB;CACpB,MAAM,CAAC,SAAS,oBAAoB,IAAI,SAAS;CAEjD,OAAO,SAAS;AAClB;AAEA,SAAgB,uBACd,IACA,SACoB;CACpB,MAAM,MAAM,oBAAoB,EAAE;CAClC,MAAM,WAAW,aAAa,EAAE,IAAI,KAAK,IAAI,iBAAiB;CAC9D,MAAM,iBAAiB,WAAW,iBAAiB,QAAQ;CAE3D,IAAI,CAAC,gBAAgB,OAAO;CAE5B,OAAO,IAAI,IAAI,QAAQ,cAAc,IAAI,MAAM;AACjD;AAEA,SAAgB,uBACd,IACA,WACoB;CACpB,MAAM,MAAM,oBAAoB,IAAI,SAAS;CAE7C,OAAO,IAAI,IAAI,SAAS,MAAM;AAChC;AAEA,SAAgB,wBACd,IACA,WAC0C;CAC1C,MAAM,MAAM,oBAAoB,IAAI,SAAS;CAI7C,OAAO,CAHO,IAAI,MAAM,MACX,IAAI,IAAI,SAAS,MAAM,IAEjB;AACrB;AAEA,SAAgB,cAAc,MAAkB;CAC9C,IAAI,YAAY,IAAI,MAAM,QAAQ,OAAO;CAEzC,MAAM,SACH,KAAa,gBACd,KAAK,cACL,aAAa,IAAI,KACjB,mBAAmB,IAAI;CAEzB,OAAO,aAAa,MAAM,IAAI,OAAO,OAAO;AAC9C;AAEA,SAAgB,eAAe,IAAiC;CAC9D,OAAO,cAAc,EAAE,KAAK,GAAG,cAAc;AAC/C;AAEA,SAAgB,kBACd,IACS;CACT,IAAI,MAAM,QAAQ,CAAC,cAAc,EAAE,GAAG,OAAO;CAC7C,IAAI;EACF,OACG,eAAe,EAAE,KAAK,GAAG,kBAAkB,QAC5C,oBAAoB,KAAK,GAAG,SAAS,KACrC,GAAG,qBACH,GAAG,aAAa,iBAAiB,MAAM,UACvC,GAAG,aAAa,iBAAiB,MAAM;CAE3C,QAAQ;EACN,OAAO;CACT;AACF;AAEA,SAAgB,mBAAmB,IAA2C;CAC5E,IAAI,CAAC,MAAM,GAAG,QAAQ,SAAS,GAAG,OAAO;CAEzC,OAAO,GAAG,QAAQ,iBAAiB,KAAK,iBAAiB,EAAE;AAC7D;AAEA,SAAgB,kBAAkB,IAA2C;CAC3E,IAAI,MAAM,QAAQ,GAAG,WAAW,GAAG,OAAO;CAC1C,OAAO,mBAAmB,EAAE,KAAK,CAAC,oBAAoB,EAAE;AAC1D;AAEA,SAAgB,SACd,QACA,OACS;CACT,IAAI,CAAC,UAAU,CAAC,OAAO,OAAO;CAC9B,IAAI,CAAC,cAAc,MAAM,KAAK,CAAC,cAAc,KAAK,GAAG,OAAO;CAE5D,MAAM,WAAW,MAAM,YAAY;CAEnC,IAAI,WAAW,OAAO,OAAO;CAC7B,IAAI,OAAO,SAAS,KAAK,GAAG,OAAO;CAEnC,IAAI,aAAa,QAAQ,GAAG;EAC1B,IAAI,OAAiC;EAErC,OAAO,MAAM;GACX,IAAI,WAAW,MAAM,OAAO;GAE5B,OAAO,KAAK,eAAe,aAAa,IAAI,IAAI,KAAK,OAAO;EAC9D;CACF;CAEA,OAAO;AACT;AAEA,SAAgB,MAAM,OAA4C;CAChE,IAAIC,kBAAAA,SAAS,KAAK,GAAG,OAAO;CAE5B,IAAIC,kBAAAA,YAAY,KAAK,GAAG,OAAO;CAE/B,IAAI,MAAM,SAAS,IAAI,GAAG,OAAO,WAAW,KAAK;CAEjD,IAAI,WAAW;CAEf,IAAI,WAAW,GAAG;EAChB,MAAM,QAAQ,OAAO,iBAAiB,SAAS,eAAe;EAE9D,MAAM,mBAAmB,WAAW,MAAM,QAAQ;EAElD,IAAI,CAAC,MAAM,gBAAgB,GAAG,WAAW;CAC3C;CAEA,OAAO,WAAW,KAAK,IAAI;AAC7B;AAEA,SAAgB,YAAY,MAAgC;CAC1D,IAAI,KAAK,WAAW,GAEf;OAAA,0BAA0B,KAAK,KAAK,SAAS,KAC5C,kBAAkB,IAAI,MACxB,CAAC,YAAY,IAAI,GAEjB,OAAO;CAAA;CAEX,OAAO,KAAK;AACd;AAEA,SAAgB,iBAAiB,WAAyB;CACxD,OAAO,cAAc,UAAU,cAAc,QAAQ,cAAc;AACrE;AAEA,SAAgB,SAAS,WAAoC;CAC3D,OAAO,YAAY,KAAK,KAAA;AAC1B;AAIA,SAAgB,SAAS,WAAwC;CAC/D,IAAI,cAAc,QAAQ,OAAO;CACjC,IAAI,cAAc,SAAS,OAAO;CAElC,OAAO,YAAY,OAAO,KAAA;AAC5B;AAEA,SAAgB,OAAO;CACrB,OAAO,uCACJ,QAAQ,YAAY,KAAK,OAAO,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAC3D,QAAQ,aAAc,KAAK,OAAO,IAAI,IAAK,EAAA,CAAG,SAAS,EAAE,CAAC;AAC/D;AAmBA,MAAM,oBAAoB;CAhBxB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AAGsC,CAAC,CAAC,KAAK,IAAI;AAEnD,SAAgB,qBACd,IACA,YAAY,OACZ;CACA,IAAI,CAAC,IAAI,OAAO,CAAC;CACjB,MAAM,MAAM,MAAM,KAAK,GAAG,iBAA8B,iBAAiB,CAAC;CAI1E,IAAIC,aAAW,cAAc,EAAE,KAAK,mBAAmB,EAAE,GAAG,IAAI,QAAQ,EAAE;CAE1E,MAAM,eAAe,IAAI,OAAO,kBAAkB;CAElD,aAAa,SAAS,IAAI,MAAM;EAC9B,IAAI,QAAQ,EAAE,KAAK,GAAG,iBAAiB;GACrC,MAAM,YAAY,GAAG,gBAAgB;GAErC,aAAa,OAAO,GAAG,GAAG,GAAG,qBAAqB,SAAS,CAAC;EAC9D;CACF,CAAC;CAED,OAAO;AACT;AAEA,SAAgB,yBACd,IACA,WACoB;CACpB,MAAM,CAAC,SAAS,qBAAqB,IAAI,SAAS;CAElD,OAAO,SAAS;AAClB;AAEA,SAAgB,aACd,IACA,eACA,OACA;CACA,MAAM,OAAO,GAAG,aAAa,aAAa;CAE1C,GAAG,aAAa,eAAeC,eAAAA,GAAG,MAAM,KAAK,KAAK,EAAE;CAEpD,aAAa;EACX,IAAI,SAAS,MAAM,GAAG,gBAAgB,aAAa;OAC9C,GAAG,aAAa,eAAe,IAAI;CAC1C;AACF;AAEA,SAAgB,SACd,IACA,OAGA;CACA,IAAI,CAAC,IAAI,OAAOC,iBAAAA;CAEhB,MAAM,OAAO,OAAO,KAAK,KAAK,CAAC,CAAC,QAC7B,KAAK,QAAQ;EACZ,IAAI,OAAO,GAAG,MAAM,iBAAiB,GAAG;EAExC,OAAO;CACT,GACA,CAAC,CACH;CAEA,OAAO,OAAO,GAAG,OAAO,KAAK;CAE7B,aAAa;EACX,OAAO,OAAO,GAAG,OAAO,IAAI;EAE5B,IAAI,GAAG,MAAM,WAAW,GAAG,GAAG,gBAAgB,OAAO;CACvD;AACF;AAEA,MAAM,iBAAiB;AAEvB,SAAgB,WACd,IACA;CACA,MAAM,MAAM,YAAY,EAAE;CAC1B,MAAM,MAAM,UAAU,GAAG;CAIzB,IAFe,IAAI,KAAK,aAAa,cAE5B,GAAG;CAEZ,MAAM,iBAAiB,IAAI,aAAa,IAAI,gBAAgB;CAC5D,MAAM,eAAe,IAAI,gBAAgB,sBAAsB,CAAC,CAAC;CAEjE,MAAM,kBADa,KAAK,MAAM,YAAY,IAAI,IAAI,gBAAgB,aAC7B,gBAAgB;CAErD,IAAI,KAAK,aAAa,gBAAgB,EAAE;CAExC,MAAM,uBAAuB;EAC3B,MAAM,aAAa,IAAI,gBAAgB,cAAc;EACrD,MAAM,YAAY,IAAI,gBAAgB,aAAa;EAEnD,MAAM,eAAe,SAAS,IAAI,MAAM;GACtC,MAAM,GAAG,EAAE,IAAI,UAAU,KAAK,MAAM,UAAU,GAAG;GACjD,UAAU;IACT,kBAAkB,GAAG,eAAe;GACrC,UAAU;GACV,OAAO;GACP,KAAK,GAAG,EAAE,IAAI,UAAU,KAAK,MAAM,SAAS,GAAG;EACjD,CAAC;EAED,aAAa;GACX,aAAa;GACb,IAAI,SAAS;IAAE,UAAU;IAAW,MAAM,IAAI;IAAS,KAAK,IAAI;GAAQ,CAAC;EAC3E;CACF;CAEA,MAAM,eAAe,CACnB,SAAS,IAAI,iBAAiB,EAC5B,qBAAqB,GAAG,eAAe,IACzC,CAAC,GACD,MAAM,IACF,eAAe,IACf,SAAS,IAAI,MAAM;EACjB,UAAU;GACT,kBAAkB,GAAG,eAAe;CACvC,CAAC,CACP;CAEA,aAAa;EACX,aAAa,SAAS,gBAAgB,YAAY,CAAC;EAEnD,IAAI,KAAK,gBAAgB,cAAc;CACzC;AACF"}

package/dist/cjs/event.cjs

@@ -40,14 +40,15 @@ function addDomEvent(target, type, cb, options) {
 }
 function focusTrap(el, onFocus) {
 	if (!el) return require_function.noop;
-	const doc = require_dom.getDocument(el);
+	const rootNode = el.getRootNode();
+	const root = require_dom.isShadowRoot(rootNode) ? rootNode : require_dom.getDocument(el);
 	function onKeyDown(ev) {
 		if (ev.key !== "Tab") return;
 		let elToFocus = null;
 		const [firstTabbable, lastTabbable] = require_dom.getTabbableElementEdges(el, false);
 		if (ev.shiftKey) {
-			if (doc.activeElement === firstTabbable) elToFocus = lastTabbable;
-		} else if (doc.activeElement === lastTabbable) elToFocus = firstTabbable;
+			if (require_dom.getActiveElement(root) === firstTabbable) elToFocus = lastTabbable;
+		} else if (require_dom.getActiveElement(root) === lastTabbable) elToFocus = firstTabbable;
 		if (!elToFocus) return;
 		ev.preventDefault();
 		if (require_assertion.isFunction(onFocus)) onFocus(elToFocus);
@@ -56,24 +57,26 @@ function focusTrap(el, onFocus) {
 	return addDomEvent(el, "keydown", onKeyDown, true);
 }
 function focusTransfer(el, target, onFocus) {
+	const targetRootNode = target?.getRootNode();
 	const doc = require_dom.getDocument(el);
-	const body = doc.body;
+	const tabbableRoot = require_dom.isShadowRoot(targetRootNode) ? targetRootNode : doc.body;
 	function onKeyDown(ev) {
 		if (ev.key !== "Tab") return;
 		let elToFocus = null;
 		const [firstTabbable, lastTabbable] = require_dom.getTabbableElementEdges(el, false);
-		const nextTabbable = require_dom.getNextTabbableElement(body, target);
+		const nextTabbable = require_dom.getNextTabbableElement(tabbableRoot, target);
 		const noTabbableEls = !firstTabbable && !lastTabbable;
+		const activeElement = require_dom.getActiveElement(doc);
 		if (ev.shiftKey) {
-			if (nextTabbable === doc.activeElement) {
-				if (doc.activeElement !== lastTabbable) elToFocus = lastTabbable;
-			} else if (doc.activeElement === firstTabbable || noTabbableEls) {
-				if (doc.activeElement !== target) elToFocus = target;
+			if (nextTabbable === activeElement) {
+				if (activeElement !== lastTabbable) elToFocus = lastTabbable;
+			} else if (activeElement === firstTabbable || noTabbableEls) {
+				if (activeElement !== target) elToFocus = target;
 			}
-		} else if (doc.activeElement === target) {
-			if (doc.activeElement !== firstTabbable) elToFocus = firstTabbable;
-		} else if (doc.activeElement === lastTabbable || noTabbableEls) {
-			if (doc.activeElement !== nextTabbable) elToFocus = nextTabbable;
+		} else if (activeElement === target) {
+			if (activeElement !== firstTabbable) elToFocus = firstTabbable;
+		} else if (activeElement === lastTabbable || noTabbableEls) {
+			if (activeElement !== nextTabbable) elToFocus = nextTabbable;
 		}
 		if (!elToFocus) return;
 		ev.preventDefault();

package/dist/cjs/event.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"event.cjs","names":["noop","getDocument","getTabbableElementEdges","isFunction","getNextTabbableElement"],"sources":["../../src/event.ts"],"sourcesContent":["import { isFunction } from \"./assertion\"\nimport {\n  getDocument,\n  getNextTabbableElement,\n  getTabbableElementEdges,\n} from \"./dom\"\nimport { noop } from \"./function\"\n\nexport type AnyPointerEvent = MouseEvent | PointerEvent | TouchEvent\n\nexport interface Point {\n  x: number\n  y: number\n}\n\nexport function isMouseEvent(ev: any): ev is MouseEvent {\n  const win = getEventWindow(ev)\n\n  if (typeof win.PointerEvent !== \"undefined\" && ev instanceof win.PointerEvent)\n    return !!(ev.pointerType === \"mouse\")\n\n  return ev instanceof win.MouseEvent\n}\n\nexport function isTouchEvent(ev: AnyPointerEvent): ev is TouchEvent {\n  return !!(ev as TouchEvent).touches\n}\n\nexport function isMultiTouchEvent(ev: AnyPointerEvent): boolean {\n  return isTouchEvent(ev) && ev.touches.length > 1\n}\n\nexport function getEventWindow(ev: Event): typeof globalThis {\n  return ((ev as UIEvent).view ?? window) as unknown as typeof globalThis\n}\n\nexport function pointFromTouch(\n  e: TouchEvent,\n  type: \"client\" | \"page\" = \"client\",\n): Point {\n  const point = e.touches[0] || e.changedTouches[0]\n\n  return { x: point?.[`${type}X`] ?? 0, y: point?.[`${type}Y`] ?? 0 }\n}\n\nexport function pointFromMouse(\n  point: MouseEvent | PointerEvent,\n  type: \"client\" | \"page\" = \"client\",\n): Point {\n  return {\n    x: point[`${type}X`],\n    y: point[`${type}Y`],\n  }\n}\n\nexport function getEventPoint(\n  ev: AnyPointerEvent,\n  type: \"client\" | \"page\" = \"client\",\n): Point {\n  return isTouchEvent(ev) ? pointFromTouch(ev, type) : pointFromMouse(ev, type)\n}\n\nexport interface EventMap\n  extends\n    DocumentEventMap,\n    GlobalEventHandlersEventMap,\n    WindowEventMap,\n    FontFaceSetEventMap {}\n\nexport type EventType = keyof EventMap\n\nexport function addDomEvent<Y extends EventType>(\n  target: EventTarget,\n  type: Y,\n  cb: (ev: EventMap[Y]) => void,\n  options?: AddEventListenerOptions | boolean,\n) {\n  target.addEventListener(\n    type,\n    cb as EventListenerOrEventListenerObject,\n    options,\n  )\n\n  return () => {\n    target.removeEventListener(\n      type,\n      cb as EventListenerOrEventListenerObject,\n      options,\n    )\n  }\n}\n\nexport function focusTrap(\n  el: HTMLElement | null,\n  onFocus?: (elToFocus: HTMLElement) => void,\n) {\n  if (!el) return noop\n\n  const doc = getDocument(el)\n\n  function onKeyDown(ev: KeyboardEvent) {\n    if (ev.key !== \"Tab\") return\n\n    let elToFocus: HTMLElement | null | undefined = null\n\n    const [firstTabbable, lastTabbable] = getTabbableElementEdges(el, false)\n\n    if (ev.shiftKey) {\n      if (doc.activeElement === firstTabbable) elToFocus = lastTabbable\n    } else {\n      if (doc.activeElement === lastTabbable) elToFocus = firstTabbable\n    }\n\n    if (!elToFocus) return\n\n    ev.preventDefault()\n\n    if (isFunction(onFocus)) onFocus(elToFocus)\n    else elToFocus.focus()\n  }\n\n  return addDomEvent(el, \"keydown\", onKeyDown, true)\n}\n\nexport function focusTransfer(\n  el: HTMLElement | null,\n  target?: HTMLElement | null,\n  onFocus?: (elToFocus: HTMLElement) => void,\n) {\n  const doc = getDocument(el)\n  const body = doc.body\n\n  function onKeyDown(ev: KeyboardEvent) {\n    if (ev.key !== \"Tab\") return\n\n    let elToFocus: HTMLElement | null | undefined = null\n\n    const [firstTabbable, lastTabbable] = getTabbableElementEdges(el, false)\n    const nextTabbable = getNextTabbableElement(body, target)\n    const noTabbableEls = !firstTabbable && !lastTabbable\n\n    if (ev.shiftKey) {\n      if (nextTabbable === doc.activeElement) {\n        if (doc.activeElement !== lastTabbable) elToFocus = lastTabbable\n      } else if (doc.activeElement === firstTabbable || noTabbableEls) {\n        if (doc.activeElement !== target) elToFocus = target\n      }\n    } else {\n      if (doc.activeElement === target) {\n        if (doc.activeElement !== firstTabbable) elToFocus = firstTabbable\n      } else if (doc.activeElement === lastTabbable || noTabbableEls) {\n        if (doc.activeElement !== nextTabbable) elToFocus = nextTabbable\n      }\n    }\n\n    if (!elToFocus) return\n\n    ev.preventDefault()\n\n    if (isFunction(onFocus)) onFocus(elToFocus)\n    else elToFocus.focus()\n  }\n\n  return addDomEvent(doc, \"keydown\", onKeyDown, true)\n}\n"],"mappings":";;;;AAeA,SAAgB,aAAa,IAA2B;CACtD,MAAM,MAAM,eAAe,EAAE;CAE7B,IAAI,OAAO,IAAI,iBAAiB,eAAe,cAAc,IAAI,cAC/D,OAAO,CAAC,EAAE,GAAG,gBAAgB;CAE/B,OAAO,cAAc,IAAI;AAC3B;AAEA,SAAgB,aAAa,IAAuC;CAClE,OAAO,CAAC,CAAE,GAAkB;AAC9B;AAEA,SAAgB,kBAAkB,IAA8B;CAC9D,OAAO,aAAa,EAAE,KAAK,GAAG,QAAQ,SAAS;AACjD;AAEA,SAAgB,eAAe,IAA8B;CAC3D,OAAS,GAAe,QAAQ;AAClC;AAEA,SAAgB,eACd,GACA,OAA0B,UACnB;CACP,MAAM,QAAQ,EAAE,QAAQ,MAAM,EAAE,eAAe;CAE/C,OAAO;EAAE,GAAG,QAAQ,GAAG,KAAK,OAAO;EAAG,GAAG,QAAQ,GAAG,KAAK,OAAO;CAAE;AACpE;AAEA,SAAgB,eACd,OACA,OAA0B,UACnB;CACP,OAAO;EACL,GAAG,MAAM,GAAG,KAAK;EACjB,GAAG,MAAM,GAAG,KAAK;CACnB;AACF;AAEA,SAAgB,cACd,IACA,OAA0B,UACnB;CACP,OAAO,aAAa,EAAE,IAAI,eAAe,IAAI,IAAI,IAAI,eAAe,IAAI,IAAI;AAC9E;AAWA,SAAgB,YACd,QACA,MACA,IACA,SACA;CACA,OAAO,iBACL,MACA,IACA,OACF;CAEA,aAAa;EACX,OAAO,oBACL,MACA,IACA,OACF;CACF;AACF;AAEA,SAAgB,UACd,IACA,SACA;CACA,IAAI,CAAC,IAAI,OAAOA,iBAAAA;CAEhB,MAAM,MAAMC,YAAAA,YAAY,EAAE;CAE1B,SAAS,UAAU,IAAmB;EACpC,IAAI,GAAG,QAAQ,OAAO;EAEtB,IAAI,YAA4C;EAEhD,MAAM,CAAC,eAAe,gBAAgBC,YAAAA,wBAAwB,IAAI,KAAK;EAEvE,IAAI,GAAG,UACD;OAAA,IAAI,kBAAkB,eAAe,YAAY;EAAA,OAErD,IAAI,IAAI,kBAAkB,cAAc,YAAY;EAGtD,IAAI,CAAC,WAAW;EAEhB,GAAG,eAAe;EAElB,IAAIC,kBAAAA,WAAW,OAAO,GAAG,QAAQ,SAAS;OACrC,UAAU,MAAM;CACvB;CAEA,OAAO,YAAY,IAAI,WAAW,WAAW,IAAI;AACnD;AAEA,SAAgB,cACd,IACA,QACA,SACA;CACA,MAAM,MAAMF,YAAAA,YAAY,EAAE;CAC1B,MAAM,OAAO,IAAI;CAEjB,SAAS,UAAU,IAAmB;EACpC,IAAI,GAAG,QAAQ,OAAO;EAEtB,IAAI,YAA4C;EAEhD,MAAM,CAAC,eAAe,gBAAgBC,YAAAA,wBAAwB,IAAI,KAAK;EACvE,MAAM,eAAeE,YAAAA,uBAAuB,MAAM,MAAM;EACxD,MAAM,gBAAgB,CAAC,iBAAiB,CAAC;EAEzC,IAAI,GAAG,UACD;OAAA,iBAAiB,IAAI,eACnB;QAAA,IAAI,kBAAkB,cAAc,YAAY;GAAA,OAC/C,IAAI,IAAI,kBAAkB,iBAAiB,eAC5C;QAAA,IAAI,kBAAkB,QAAQ,YAAY;GAAA;EAAK,OAGrD,IAAI,IAAI,kBAAkB,QACpB;OAAA,IAAI,kBAAkB,eAAe,YAAY;EAAA,OAChD,IAAI,IAAI,kBAAkB,gBAAgB,eAC3C;OAAA,IAAI,kBAAkB,cAAc,YAAY;EAAA;EAIxD,IAAI,CAAC,WAAW;EAEhB,GAAG,eAAe;EAElB,IAAID,kBAAAA,WAAW,OAAO,GAAG,QAAQ,SAAS;OACrC,UAAU,MAAM;CACvB;CAEA,OAAO,YAAY,KAAK,WAAW,WAAW,IAAI;AACpD"}
+{"version":3,"file":"event.cjs","names":["noop","isShadowRoot","getDocument","getTabbableElementEdges","getActiveElement","isFunction","getNextTabbableElement"],"sources":["../../src/event.ts"],"sourcesContent":["import { isFunction } from \"./assertion\"\nimport {\n  getActiveElement,\n  getDocument,\n  getNextTabbableElement,\n  getTabbableElementEdges,\n  isShadowRoot,\n} from \"./dom\"\nimport { noop } from \"./function\"\n\nexport type AnyPointerEvent = MouseEvent | PointerEvent | TouchEvent\n\nexport interface Point {\n  x: number\n  y: number\n}\n\nexport function isMouseEvent(ev: any): ev is MouseEvent {\n  const win = getEventWindow(ev)\n\n  if (typeof win.PointerEvent !== \"undefined\" && ev instanceof win.PointerEvent)\n    return !!(ev.pointerType === \"mouse\")\n\n  return ev instanceof win.MouseEvent\n}\n\nexport function isTouchEvent(ev: AnyPointerEvent): ev is TouchEvent {\n  return !!(ev as TouchEvent).touches\n}\n\nexport function isMultiTouchEvent(ev: AnyPointerEvent): boolean {\n  return isTouchEvent(ev) && ev.touches.length > 1\n}\n\nexport function getEventWindow(ev: Event): typeof globalThis {\n  return ((ev as UIEvent).view ?? window) as unknown as typeof globalThis\n}\n\nexport function pointFromTouch(\n  e: TouchEvent,\n  type: \"client\" | \"page\" = \"client\",\n): Point {\n  const point = e.touches[0] || e.changedTouches[0]\n\n  return { x: point?.[`${type}X`] ?? 0, y: point?.[`${type}Y`] ?? 0 }\n}\n\nexport function pointFromMouse(\n  point: MouseEvent | PointerEvent,\n  type: \"client\" | \"page\" = \"client\",\n): Point {\n  return {\n    x: point[`${type}X`],\n    y: point[`${type}Y`],\n  }\n}\n\nexport function getEventPoint(\n  ev: AnyPointerEvent,\n  type: \"client\" | \"page\" = \"client\",\n): Point {\n  return isTouchEvent(ev) ? pointFromTouch(ev, type) : pointFromMouse(ev, type)\n}\n\nexport interface EventMap\n  extends\n    DocumentEventMap,\n    GlobalEventHandlersEventMap,\n    WindowEventMap,\n    FontFaceSetEventMap {}\n\nexport type EventType = keyof EventMap\n\nexport function addDomEvent<Y extends EventType>(\n  target: EventTarget,\n  type: Y,\n  cb: (ev: EventMap[Y]) => void,\n  options?: AddEventListenerOptions | boolean,\n) {\n  target.addEventListener(\n    type,\n    cb as EventListenerOrEventListenerObject,\n    options,\n  )\n\n  return () => {\n    target.removeEventListener(\n      type,\n      cb as EventListenerOrEventListenerObject,\n      options,\n    )\n  }\n}\n\nexport function focusTrap(\n  el: HTMLElement | null,\n  onFocus?: (elToFocus: HTMLElement) => void,\n) {\n  if (!el) return noop\n\n  const rootNode = el.getRootNode()\n  const root = isShadowRoot(rootNode) ? rootNode : getDocument(el)\n\n  function onKeyDown(ev: KeyboardEvent) {\n    if (ev.key !== \"Tab\") return\n\n    let elToFocus: HTMLElement | null | undefined = null\n\n    const [firstTabbable, lastTabbable] = getTabbableElementEdges(el, false)\n\n    if (ev.shiftKey) {\n      if (getActiveElement(root) === firstTabbable) elToFocus = lastTabbable\n    } else {\n      if (getActiveElement(root) === lastTabbable) elToFocus = firstTabbable\n    }\n\n    if (!elToFocus) return\n\n    ev.preventDefault()\n\n    if (isFunction(onFocus)) onFocus(elToFocus)\n    else elToFocus.focus()\n  }\n\n  return addDomEvent(el, \"keydown\", onKeyDown, true)\n}\n\nexport function focusTransfer(\n  el: HTMLElement | null,\n  target?: HTMLElement | null,\n  onFocus?: (elToFocus: HTMLElement) => void,\n) {\n  const targetRootNode = target?.getRootNode()\n  const doc = getDocument(el)\n  const tabbableRoot = isShadowRoot(targetRootNode) ? targetRootNode : doc.body\n\n  function onKeyDown(ev: KeyboardEvent) {\n    if (ev.key !== \"Tab\") return\n\n    let elToFocus: HTMLElement | null | undefined = null\n\n    const [firstTabbable, lastTabbable] = getTabbableElementEdges(el, false)\n    const nextTabbable = getNextTabbableElement(tabbableRoot, target)\n    const noTabbableEls = !firstTabbable && !lastTabbable\n    const activeElement = getActiveElement(doc)\n\n    if (ev.shiftKey) {\n      if (nextTabbable === activeElement) {\n        if (activeElement !== lastTabbable) elToFocus = lastTabbable\n      } else if (activeElement === firstTabbable || noTabbableEls) {\n        if (activeElement !== target) elToFocus = target\n      }\n    } else {\n      if (activeElement === target) {\n        if (activeElement !== firstTabbable) elToFocus = firstTabbable\n      } else if (activeElement === lastTabbable || noTabbableEls) {\n        if (activeElement !== nextTabbable) elToFocus = nextTabbable\n      }\n    }\n\n    if (!elToFocus) return\n\n    ev.preventDefault()\n\n    if (isFunction(onFocus)) onFocus(elToFocus)\n    else elToFocus.focus()\n  }\n\n  return addDomEvent(doc, \"keydown\", onKeyDown, true)\n}\n"],"mappings":"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"}

package/dist/esm/dom.js

@@ -123,7 +123,7 @@ function getTabbableElements(el, includeEl) {
 	if (!el) return [];
 	const els = Array.from(el.querySelectorAll(focusableSelector));
 	const tabbableEls = els.filter(isTabbableElement);
-	if (includeEl && isTabbableElement(el)) tabbableEls.unshift(el);
+	if (includeEl && isHTMLElement(el) && isTabbableElement(el)) tabbableEls.unshift(el);
 	tabbableEls.forEach((el, i) => {
 		if (isFrame(el) && el.contentDocument) {
 			const frameBody = el.contentDocument.body;
@@ -140,8 +140,8 @@ function getFirstTabbableElement(el, includeEl) {
 }
 function getNextTabbableElement(el, current) {
 	const els = getTabbableElements(el);
-	const doc = el?.ownerDocument || document;
-	const currentElement = current ?? doc.activeElement;
+	const rootNode = isShadowRoot(el) ? el : el?.ownerDocument || document;
+	const currentElement = current ?? getActiveElement(rootNode);
 	if (!currentElement) return null;
 	return els[els.indexOf(currentElement) + 1] || null;
 }

package/dist/esm/dom.js.map

@@ -1 +1 @@
-{"version":3,"file":"dom.js","names":["include"],"sources":["../../src/dom.ts"],"sourcesContent":["import { isArray, isNumber, isObject, isUndefined } from \"./assertion\"\nimport { noop } from \"./function\"\nimport { cx } from \"./string\"\n\nexport function createdDom(): boolean {\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n  return !!(typeof window !== \"undefined\" && window.document?.createElement)\n}\n\nexport function getPlatform(): string {\n  return (navigator as any).userAgentData?.platform ?? navigator.platform\n}\n\nexport function getUserAgent(): string {\n  const userAgentData = (navigator as any).userAgentData\n\n  if (userAgentData && isArray(userAgentData.brands))\n    return userAgentData.brands\n      .map(\n        ({ brand, version }: { brand: string; version: string }) =>\n          `${brand}/${version}`,\n      )\n      .join(\" \")\n\n  return navigator.userAgent\n}\n\nexport function vendor(value: RegExp, fallback = false): boolean {\n  return createdDom() ? value.test(navigator.vendor) : fallback\n}\n\nexport function platform(value: RegExp, fallback = false): boolean {\n  return createdDom() ? value.test(getPlatform()) : fallback\n}\n\nexport function userAgent(value: RegExp, fallback = false): boolean {\n  return createdDom() ? value.test(getUserAgent()) : fallback\n}\n\nexport function isMac(fallback = false): boolean {\n  return platform(/^Mac/i, fallback)\n}\n\nexport function isIPhone(fallback = false): boolean {\n  return platform(/^iPhone/i, fallback)\n}\n\nexport function isIPad(fallback = false): boolean {\n  return (\n    platform(/^iPad/i, fallback) ||\n    (isMac(fallback) &&\n      (createdDom() ? navigator.maxTouchPoints > 1 : fallback))\n  )\n}\n\nexport function isIos(fallback = false): boolean {\n  return isIPhone(fallback) || isIPad(fallback)\n}\n\nexport function isAndroid(fallback = false): boolean {\n  return platform(/^Android/i, fallback)\n}\n\nexport function isApple(fallback = false): boolean {\n  return isMac(fallback) || isIos(fallback)\n}\n\nexport function isSafari(fallback = false): boolean {\n  return isApple(fallback) && vendor(/apple/i, fallback)\n}\n\nexport function isFirefox(fallback = false): boolean {\n  return userAgent(/Firefox/i, fallback)\n}\n\nexport function isChrome(fallback = false): boolean {\n  return userAgent(/Chrome/i, fallback)\n}\n\nexport function isWebKit(fallback = false): boolean {\n  return userAgent(/AppleWebKit/i, fallback) && !isChrome()\n}\n\nexport function isHTMLElement(el: any): el is HTMLElement {\n  return isNode(el) && el.nodeType === Node.ELEMENT_NODE\n}\n\nexport function isWindow(el: any): el is Window {\n  return isObject(el) && el === el.window\n}\n\nexport function isDocument(el: any): el is Document {\n  return isNode(el) && el.nodeType === Node.DOCUMENT_NODE\n}\n\nexport function isVisualViewport(el: any): el is VisualViewport {\n  return isObject(el) && el.constructor.name === \"VisualViewport\"\n}\n\nexport function isNode(el: any): el is Node {\n  return isObject(el) && el.nodeType !== undefined\n}\n\nexport function isShadowRoot(el: any): el is ShadowRoot {\n  return (\n    isNode(el) && el.nodeType === Node.DOCUMENT_FRAGMENT_NODE && \"host\" in el\n  )\n}\n\nexport function isFrame(el: any): el is HTMLIFrameElement {\n  return isHTMLElement(el) && el.tagName === \"IFRAME\"\n}\n\nexport function isActiveElement(\n  el: HTMLElement,\n  rootNode: Document | Node | ShadowRoot,\n): boolean {\n  return (\n    (isDocument(rootNode) || isShadowRoot(rootNode)) &&\n    getActiveElement(rootNode) === el\n  )\n}\n\nexport function isHiddenElement(el: HTMLElement): boolean {\n  if (el.parentElement && isHiddenElement(el.parentElement)) return true\n\n  return Boolean(el.hidden)\n}\n\nexport function isDisabledElement(el: HTMLElement): boolean {\n  return (\n    Boolean(el.getAttribute(\"disabled\")) ||\n    Boolean(el.getAttribute(\"data-disabled\")) ||\n    Boolean(el.getAttribute(\"aria-disabled\"))\n  )\n}\n\nexport function isVisibleElement(el?: Node): boolean {\n  if (!isHTMLElement(el)) return false\n\n  return (\n    el.offsetWidth > 0 || el.offsetHeight > 0 || el.getClientRects().length > 0\n  )\n}\n\nexport function isTouchDevice(): boolean {\n  return \"ontouchstart\" in window\n}\n\nconst hasTabIndex = (el: Element): boolean =>\n  !Number.isNaN(parseInt(el.getAttribute(\"tabindex\") || \"0\", 10))\n\nconst hasNegativeTabIndex = (el: Element): boolean =>\n  parseInt(el.getAttribute(\"tabindex\") || \"0\", 10) < 0\n\nexport function getWindow(\n  el: Document | Node | null | ShadowRoot | undefined,\n): typeof globalThis & Window {\n  if (isShadowRoot(el)) return getWindow(el.host)\n  if (isDocument(el)) return el.defaultView ?? window\n  if (isHTMLElement(el)) return el.ownerDocument.defaultView ?? window\n\n  return window\n}\n\nexport function getDocument(\n  el: Document | Element | Node | null | undefined | Window,\n): Document {\n  if (isDocument(el)) return el\n  if (isWindow(el)) return el.document\n\n  return el?.ownerDocument ?? document\n}\n\nexport function getDocumentElement(\n  el: Document | Element | Node | null | undefined | Window,\n): HTMLElement {\n  return getDocument(el).documentElement\n}\n\nexport function getNodeName(node: Node | Window): string {\n  if (isHTMLElement(node)) return node.localName || \"\"\n\n  return \"#document\"\n}\n\nexport function getActiveElement(\n  rootNode: Document | ShadowRoot,\n): HTMLElement | null {\n  let activeEl = rootNode.activeElement as HTMLElement | null\n\n  while (activeEl?.shadowRoot) {\n    const el = activeEl.shadowRoot.activeElement as HTMLElement | null\n\n    if (el === activeEl) break\n    else activeEl = el\n  }\n\n  return activeEl\n}\n\nexport function getTabbableElements(\n  el: HTMLElement | null,\n  includeEl?: boolean,\n) {\n  if (!el) return []\n  const els = Array.from(el.querySelectorAll<HTMLElement>(focusableSelector))\n  const tabbableEls = els.filter(isTabbableElement)\n\n  if (includeEl && isTabbableElement(el)) tabbableEls.unshift(el)\n\n  tabbableEls.forEach((el, i) => {\n    if (isFrame(el) && el.contentDocument) {\n      const frameBody = el.contentDocument.body\n      const allFrameTabbable = getTabbableElements(frameBody)\n      tabbableEls.splice(i, 1, ...allFrameTabbable)\n    }\n  })\n\n  if (!tabbableEls.length && includeEl) return els\n\n  return tabbableEls\n}\n\nexport function getFirstTabbableElement(\n  el: HTMLElement | null,\n  includeEl?: boolean,\n): HTMLElement | null {\n  const [first] = getTabbableElements(el, includeEl)\n\n  return first || null\n}\n\nexport function getNextTabbableElement(\n  el: HTMLElement | null,\n  current?: HTMLElement | null,\n): HTMLElement | null {\n  const els = getTabbableElements(el)\n  const doc = el?.ownerDocument || document\n  const currentElement = current ?? (doc.activeElement as HTMLElement | null)\n\n  if (!currentElement) return null\n\n  return els[els.indexOf(currentElement) + 1] || null\n}\n\nexport function getLastTabbableElement(\n  el: HTMLElement | null,\n  includeEl?: boolean,\n): HTMLElement | null {\n  const els = getTabbableElements(el, includeEl)\n\n  return els[els.length - 1] || null\n}\n\nexport function getTabbableElementEdges(\n  el: HTMLElement | null,\n  includeEl?: boolean,\n): [HTMLElement | null, HTMLElement | null] {\n  const els = getTabbableElements(el, includeEl)\n  const first = els[0] || null\n  const last = els[els.length - 1] || null\n\n  return [first, last]\n}\n\nexport function getParentNode(node: Node): Node {\n  if (getNodeName(node) === \"html\") return node\n\n  const result =\n    (node as any).assignedSlot ||\n    node.parentNode ||\n    isShadowRoot(node) ||\n    getDocumentElement(node)\n\n  return isShadowRoot(result) ? result.host : result\n}\n\nexport function isInputElement(el: any): el is HTMLInputElement {\n  return isHTMLElement(el) && el.localName === \"input\"\n}\n\nexport function isEditableElement(\n  el: EventTarget | HTMLElement | null,\n): boolean {\n  if (el == null || !isHTMLElement(el)) return false\n  try {\n    return (\n      (isInputElement(el) && el.selectionStart != null) ||\n      /(textarea|select)/.test(el.localName) ||\n      el.isContentEditable ||\n      el.getAttribute(\"contenteditable\") === \"true\" ||\n      el.getAttribute(\"contenteditable\") === \"\"\n    )\n  } catch {\n    return false\n  }\n}\n\nexport function isFocusableElement(el: HTMLElement | null): el is HTMLElement {\n  if (!el || el.closest(\"[inert]\")) return false\n\n  return el.matches(focusableSelector) && isVisibleElement(el)\n}\n\nexport function isTabbableElement(el: HTMLElement | null): el is HTMLElement {\n  if (el != null && el.tabIndex > 0) return true\n  return isFocusableElement(el) && !hasNegativeTabIndex(el)\n}\n\nexport function contains(\n  parent?: EventTarget | HTMLElement | null,\n  child?: EventTarget | HTMLElement | null,\n): boolean {\n  if (!parent || !child) return false\n  if (!isHTMLElement(parent) || !isHTMLElement(child)) return false\n\n  const rootNode = child.getRootNode()\n\n  if (parent === child) return true\n  if (parent.contains(child)) return true\n\n  if (isShadowRoot(rootNode)) {\n    let next: Node | null | ShadowRoot = child\n\n    while (next) {\n      if (parent === next) return true\n\n      next = next.parentNode ?? (isShadowRoot(next) ? next.host : null)\n    }\n  }\n\n  return false\n}\n\nexport function getPx(value: number | string | undefined): number {\n  if (isNumber(value)) return value\n\n  if (isUndefined(value)) return 0\n\n  if (value.includes(\"px\")) return parseFloat(value)\n\n  let fontSize = 16\n\n  if (createdDom()) {\n    const style = window.getComputedStyle(document.documentElement)\n\n    const computedFontSize = parseFloat(style.fontSize)\n\n    if (!isNaN(computedFontSize)) fontSize = computedFontSize\n  }\n\n  return parseFloat(value) * fontSize\n}\n\nexport function getTabIndex(node: HTMLElement | SVGElement) {\n  if (node.tabIndex < 0)\n    if (\n      (/^(audio|video|details)$/.test(node.localName) ||\n        isEditableElement(node)) &&\n      !hasTabIndex(node)\n    )\n      return 0\n\n  return node.tabIndex\n}\n\nexport function isTruthyDataAttr(condition: any): boolean {\n  return condition === \"true\" || condition === true || condition === \"\"\n}\n\nexport function dataAttr(condition: any): string | undefined {\n  return condition ? \"\" : undefined\n}\n\ntype Booleanish = \"false\" | \"true\" | boolean\n\nexport function ariaAttr(condition: any): Booleanish | undefined {\n  if (condition === \"true\") return \"true\"\n  if (condition === \"false\") return \"false\"\n\n  return condition ? true : undefined\n}\n\nexport function uuid() {\n  return \"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx\"\n    .replace(/x/g, () => Math.random().toString(16).slice(2, 3))\n    .replace(/y/g, () => ((Math.random() * 4) | 0).toString(16))\n}\n\nconst focusableElList = [\n  \"[tabindex]\",\n  \"input:not([type='hidden']):not([disabled])\",\n  \"select:not([disabled])\",\n  \"textarea:not([disabled])\",\n  \"button:not([disabled])\",\n  \"iframe\",\n  \"object\",\n  \"embed\",\n  \"a[href]\",\n  \"area[href]\",\n  \"audio[controls]\",\n  \"video[controls]\",\n  \"[contenteditable]:not([contenteditable='false'])\",\n  \"details > summary:first-of-type\",\n]\n\nconst focusableSelector = focusableElList.join(\", \")\n\nexport function getFocusableElements(\n  el: null | Pick<HTMLElement, \"querySelectorAll\">,\n  includeEl = false,\n) {\n  if (!el) return []\n  const els = Array.from(el.querySelectorAll<HTMLElement>(focusableSelector))\n\n  const include = includeEl\n\n  if (include && isHTMLElement(el) && isFocusableElement(el)) els.unshift(el)\n\n  const focusableEls = els.filter(isFocusableElement)\n\n  focusableEls.forEach((el, i) => {\n    if (isFrame(el) && el.contentDocument) {\n      const frameBody = el.contentDocument.body\n\n      focusableEls.splice(i, 1, ...getFocusableElements(frameBody))\n    }\n  })\n\n  return focusableEls\n}\n\nexport function getFirstFocusableElement(\n  el: HTMLElement | null,\n  includeEl?: boolean,\n): HTMLElement | null {\n  const [first] = getFocusableElements(el, includeEl)\n\n  return first || null\n}\n\nexport function setAttribute(\n  el: Element,\n  qualifiedName: string,\n  value?: string,\n) {\n  const prev = el.getAttribute(qualifiedName)\n\n  el.setAttribute(qualifiedName, cx(prev, value) ?? \"\")\n\n  return () => {\n    if (prev === null) el.removeAttribute(qualifiedName)\n    else el.setAttribute(qualifiedName, prev)\n  }\n}\n\nexport function setStyle(\n  el: HTMLElement | null | undefined,\n  style: Partial<\n    CSSStyleDeclaration | { [key: `--${string}`]: number | string }\n  >,\n) {\n  if (!el) return noop\n\n  const prev = Object.keys(style).reduce<{ [key: string]: string }>(\n    (acc, key) => {\n      acc[key] = el.style.getPropertyValue(key)\n\n      return acc\n    },\n    {},\n  )\n\n  Object.assign(el.style, style)\n\n  return () => {\n    Object.assign(el.style, prev)\n\n    if (el.style.length === 0) el.removeAttribute(\"style\")\n  }\n}\n\nconst LOCK_DATA_ATTR = \"data-scroll-lock\"\n\nexport function scrollLock(\n  el: Document | Element | Node | null | undefined | Window,\n) {\n  const doc = getDocument(el)\n  const win = getWindow(doc)\n\n  const locked = doc.body.hasAttribute(LOCK_DATA_ATTR)\n\n  if (locked) return\n\n  const scrollbarWidth = win.innerWidth - doc.documentElement.clientWidth\n  const documentLeft = doc.documentElement.getBoundingClientRect().left\n  const scrollbarX = Math.round(documentLeft) + doc.documentElement.scrollLeft\n  const paddingProperty = scrollbarX ? \"paddingLeft\" : \"paddingRight\"\n\n  doc.body.setAttribute(LOCK_DATA_ATTR, \"\")\n\n  const setStyleForIOS = () => {\n    const offsetLeft = win.visualViewport?.offsetLeft ?? 0\n    const offsetTop = win.visualViewport?.offsetTop ?? 0\n\n    const restoreStyle = setStyle(doc.body, {\n      left: `${-(win.scrollX - Math.floor(offsetLeft))}px`,\n      overflow: \"hidden\",\n      [paddingProperty]: `${scrollbarWidth}px`,\n      position: \"fixed\",\n      right: \"0\",\n      top: `${-(win.scrollY - Math.floor(offsetTop))}px`,\n    })\n\n    return () => {\n      restoreStyle()\n      win.scrollTo({ behavior: \"instant\", left: win.scrollX, top: win.scrollY })\n    }\n  }\n\n  const unsubscribes = [\n    setStyle(doc.documentElement, {\n      \"--scrollbar-width\": `${scrollbarWidth}px`,\n    }),\n    isIos()\n      ? setStyleForIOS()\n      : setStyle(doc.body, {\n          overflow: \"hidden\",\n          [paddingProperty]: `${scrollbarWidth}px`,\n        }),\n  ]\n\n  return () => {\n    unsubscribes.forEach((unsubscribe) => unsubscribe())\n\n    doc.body.removeAttribute(LOCK_DATA_ATTR)\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"dom.js","names":["include"],"sources":["../../src/dom.ts"],"sourcesContent":["import { isArray, isNumber, isObject, isUndefined } from \"./assertion\"\nimport { noop } from \"./function\"\nimport { cx } from \"./string\"\n\nexport function createdDom(): boolean {\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n  return !!(typeof window !== \"undefined\" && window.document?.createElement)\n}\n\nexport function getPlatform(): string {\n  return (navigator as any).userAgentData?.platform ?? navigator.platform\n}\n\nexport function getUserAgent(): string {\n  const userAgentData = (navigator as any).userAgentData\n\n  if (userAgentData && isArray(userAgentData.brands))\n    return userAgentData.brands\n      .map(\n        ({ brand, version }: { brand: string; version: string }) =>\n          `${brand}/${version}`,\n      )\n      .join(\" \")\n\n  return navigator.userAgent\n}\n\nexport function vendor(value: RegExp, fallback = false): boolean {\n  return createdDom() ? value.test(navigator.vendor) : fallback\n}\n\nexport function platform(value: RegExp, fallback = false): boolean {\n  return createdDom() ? value.test(getPlatform()) : fallback\n}\n\nexport function userAgent(value: RegExp, fallback = false): boolean {\n  return createdDom() ? value.test(getUserAgent()) : fallback\n}\n\nexport function isMac(fallback = false): boolean {\n  return platform(/^Mac/i, fallback)\n}\n\nexport function isIPhone(fallback = false): boolean {\n  return platform(/^iPhone/i, fallback)\n}\n\nexport function isIPad(fallback = false): boolean {\n  return (\n    platform(/^iPad/i, fallback) ||\n    (isMac(fallback) &&\n      (createdDom() ? navigator.maxTouchPoints > 1 : fallback))\n  )\n}\n\nexport function isIos(fallback = false): boolean {\n  return isIPhone(fallback) || isIPad(fallback)\n}\n\nexport function isAndroid(fallback = false): boolean {\n  return platform(/^Android/i, fallback)\n}\n\nexport function isApple(fallback = false): boolean {\n  return isMac(fallback) || isIos(fallback)\n}\n\nexport function isSafari(fallback = false): boolean {\n  return isApple(fallback) && vendor(/apple/i, fallback)\n}\n\nexport function isFirefox(fallback = false): boolean {\n  return userAgent(/Firefox/i, fallback)\n}\n\nexport function isChrome(fallback = false): boolean {\n  return userAgent(/Chrome/i, fallback)\n}\n\nexport function isWebKit(fallback = false): boolean {\n  return userAgent(/AppleWebKit/i, fallback) && !isChrome()\n}\n\nexport function isHTMLElement(el: any): el is HTMLElement {\n  return isNode(el) && el.nodeType === Node.ELEMENT_NODE\n}\n\nexport function isWindow(el: any): el is Window {\n  return isObject(el) && el === el.window\n}\n\nexport function isDocument(el: any): el is Document {\n  return isNode(el) && el.nodeType === Node.DOCUMENT_NODE\n}\n\nexport function isVisualViewport(el: any): el is VisualViewport {\n  return isObject(el) && el.constructor.name === \"VisualViewport\"\n}\n\nexport function isNode(el: any): el is Node {\n  return isObject(el) && el.nodeType !== undefined\n}\n\nexport function isShadowRoot(el: any): el is ShadowRoot {\n  return (\n    isNode(el) && el.nodeType === Node.DOCUMENT_FRAGMENT_NODE && \"host\" in el\n  )\n}\n\nexport function isFrame(el: any): el is HTMLIFrameElement {\n  return isHTMLElement(el) && el.tagName === \"IFRAME\"\n}\n\nexport function isActiveElement(\n  el: HTMLElement,\n  rootNode: Document | Node | ShadowRoot,\n): boolean {\n  return (\n    (isDocument(rootNode) || isShadowRoot(rootNode)) &&\n    getActiveElement(rootNode) === el\n  )\n}\n\nexport function isHiddenElement(el: HTMLElement): boolean {\n  if (el.parentElement && isHiddenElement(el.parentElement)) return true\n\n  return Boolean(el.hidden)\n}\n\nexport function isDisabledElement(el: HTMLElement): boolean {\n  return (\n    Boolean(el.getAttribute(\"disabled\")) ||\n    Boolean(el.getAttribute(\"data-disabled\")) ||\n    Boolean(el.getAttribute(\"aria-disabled\"))\n  )\n}\n\nexport function isVisibleElement(el?: Node): boolean {\n  if (!isHTMLElement(el)) return false\n\n  return (\n    el.offsetWidth > 0 || el.offsetHeight > 0 || el.getClientRects().length > 0\n  )\n}\n\nexport function isTouchDevice(): boolean {\n  return \"ontouchstart\" in window\n}\n\nconst hasTabIndex = (el: Element): boolean =>\n  !Number.isNaN(parseInt(el.getAttribute(\"tabindex\") || \"0\", 10))\n\nconst hasNegativeTabIndex = (el: Element): boolean =>\n  parseInt(el.getAttribute(\"tabindex\") || \"0\", 10) < 0\n\nexport function getWindow(\n  el: Document | Node | null | ShadowRoot | undefined,\n): typeof globalThis & Window {\n  if (isShadowRoot(el)) return getWindow(el.host)\n  if (isDocument(el)) return el.defaultView ?? window\n  if (isHTMLElement(el)) return el.ownerDocument.defaultView ?? window\n\n  return window\n}\n\nexport function getDocument(\n  el: Document | Element | Node | null | undefined | Window,\n): Document {\n  if (isDocument(el)) return el\n  if (isWindow(el)) return el.document\n\n  return el?.ownerDocument ?? document\n}\n\nexport function getDocumentElement(\n  el: Document | Element | Node | null | undefined | Window,\n): HTMLElement {\n  return getDocument(el).documentElement\n}\n\nexport function getNodeName(node: Node | Window): string {\n  if (isHTMLElement(node)) return node.localName || \"\"\n\n  return \"#document\"\n}\n\nexport function getActiveElement(\n  rootNode: Document | ShadowRoot,\n): HTMLElement | null {\n  let activeEl = rootNode.activeElement as HTMLElement | null\n\n  while (activeEl?.shadowRoot) {\n    const el = activeEl.shadowRoot.activeElement as HTMLElement | null\n\n    if (el === activeEl) break\n    else activeEl = el\n  }\n\n  return activeEl\n}\n\nexport function getTabbableElements(\n  el: HTMLElement | null | ShadowRoot,\n  includeEl?: boolean,\n) {\n  if (!el) return []\n  const els = Array.from(el.querySelectorAll<HTMLElement>(focusableSelector))\n  const tabbableEls = els.filter(isTabbableElement)\n\n  if (includeEl && isHTMLElement(el) && isTabbableElement(el))\n    tabbableEls.unshift(el)\n\n  tabbableEls.forEach((el, i) => {\n    if (isFrame(el) && el.contentDocument) {\n      const frameBody = el.contentDocument.body\n      const allFrameTabbable = getTabbableElements(frameBody)\n      tabbableEls.splice(i, 1, ...allFrameTabbable)\n    }\n  })\n\n  if (!tabbableEls.length && includeEl) return els\n\n  return tabbableEls\n}\n\nexport function getFirstTabbableElement(\n  el: HTMLElement | null | ShadowRoot,\n  includeEl?: boolean,\n): HTMLElement | null {\n  const [first] = getTabbableElements(el, includeEl)\n\n  return first || null\n}\n\nexport function getNextTabbableElement(\n  el: HTMLElement | null | ShadowRoot,\n  current?: HTMLElement | null,\n): HTMLElement | null {\n  const els = getTabbableElements(el)\n  const rootNode = isShadowRoot(el) ? el : el?.ownerDocument || document\n  const currentElement = current ?? getActiveElement(rootNode)\n\n  if (!currentElement) return null\n\n  return els[els.indexOf(currentElement) + 1] || null\n}\n\nexport function getLastTabbableElement(\n  el: HTMLElement | null | ShadowRoot,\n  includeEl?: boolean,\n): HTMLElement | null {\n  const els = getTabbableElements(el, includeEl)\n\n  return els[els.length - 1] || null\n}\n\nexport function getTabbableElementEdges(\n  el: HTMLElement | null | ShadowRoot,\n  includeEl?: boolean,\n): [HTMLElement | null, HTMLElement | null] {\n  const els = getTabbableElements(el, includeEl)\n  const first = els[0] || null\n  const last = els[els.length - 1] || null\n\n  return [first, last]\n}\n\nexport function getParentNode(node: Node): Node {\n  if (getNodeName(node) === \"html\") return node\n\n  const result =\n    (node as any).assignedSlot ||\n    node.parentNode ||\n    isShadowRoot(node) ||\n    getDocumentElement(node)\n\n  return isShadowRoot(result) ? result.host : result\n}\n\nexport function isInputElement(el: any): el is HTMLInputElement {\n  return isHTMLElement(el) && el.localName === \"input\"\n}\n\nexport function isEditableElement(\n  el: EventTarget | HTMLElement | null,\n): boolean {\n  if (el == null || !isHTMLElement(el)) return false\n  try {\n    return (\n      (isInputElement(el) && el.selectionStart != null) ||\n      /(textarea|select)/.test(el.localName) ||\n      el.isContentEditable ||\n      el.getAttribute(\"contenteditable\") === \"true\" ||\n      el.getAttribute(\"contenteditable\") === \"\"\n    )\n  } catch {\n    return false\n  }\n}\n\nexport function isFocusableElement(el: HTMLElement | null): el is HTMLElement {\n  if (!el || el.closest(\"[inert]\")) return false\n\n  return el.matches(focusableSelector) && isVisibleElement(el)\n}\n\nexport function isTabbableElement(el: HTMLElement | null): el is HTMLElement {\n  if (el != null && el.tabIndex > 0) return true\n  return isFocusableElement(el) && !hasNegativeTabIndex(el)\n}\n\nexport function contains(\n  parent?: EventTarget | HTMLElement | null,\n  child?: EventTarget | HTMLElement | null,\n): boolean {\n  if (!parent || !child) return false\n  if (!isHTMLElement(parent) || !isHTMLElement(child)) return false\n\n  const rootNode = child.getRootNode()\n\n  if (parent === child) return true\n  if (parent.contains(child)) return true\n\n  if (isShadowRoot(rootNode)) {\n    let next: Node | null | ShadowRoot = child\n\n    while (next) {\n      if (parent === next) return true\n\n      next = next.parentNode ?? (isShadowRoot(next) ? next.host : null)\n    }\n  }\n\n  return false\n}\n\nexport function getPx(value: number | string | undefined): number {\n  if (isNumber(value)) return value\n\n  if (isUndefined(value)) return 0\n\n  if (value.includes(\"px\")) return parseFloat(value)\n\n  let fontSize = 16\n\n  if (createdDom()) {\n    const style = window.getComputedStyle(document.documentElement)\n\n    const computedFontSize = parseFloat(style.fontSize)\n\n    if (!isNaN(computedFontSize)) fontSize = computedFontSize\n  }\n\n  return parseFloat(value) * fontSize\n}\n\nexport function getTabIndex(node: HTMLElement | SVGElement) {\n  if (node.tabIndex < 0)\n    if (\n      (/^(audio|video|details)$/.test(node.localName) ||\n        isEditableElement(node)) &&\n      !hasTabIndex(node)\n    )\n      return 0\n\n  return node.tabIndex\n}\n\nexport function isTruthyDataAttr(condition: any): boolean {\n  return condition === \"true\" || condition === true || condition === \"\"\n}\n\nexport function dataAttr(condition: any): string | undefined {\n  return condition ? \"\" : undefined\n}\n\ntype Booleanish = \"false\" | \"true\" | boolean\n\nexport function ariaAttr(condition: any): Booleanish | undefined {\n  if (condition === \"true\") return \"true\"\n  if (condition === \"false\") return \"false\"\n\n  return condition ? true : undefined\n}\n\nexport function uuid() {\n  return \"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx\"\n    .replace(/x/g, () => Math.random().toString(16).slice(2, 3))\n    .replace(/y/g, () => ((Math.random() * 4) | 0).toString(16))\n}\n\nconst focusableElList = [\n  \"[tabindex]\",\n  \"input:not([type='hidden']):not([disabled])\",\n  \"select:not([disabled])\",\n  \"textarea:not([disabled])\",\n  \"button:not([disabled])\",\n  \"iframe\",\n  \"object\",\n  \"embed\",\n  \"a[href]\",\n  \"area[href]\",\n  \"audio[controls]\",\n  \"video[controls]\",\n  \"[contenteditable]:not([contenteditable='false'])\",\n  \"details > summary:first-of-type\",\n]\n\nconst focusableSelector = focusableElList.join(\", \")\n\nexport function getFocusableElements(\n  el: null | Pick<HTMLElement, \"querySelectorAll\">,\n  includeEl = false,\n) {\n  if (!el) return []\n  const els = Array.from(el.querySelectorAll<HTMLElement>(focusableSelector))\n\n  const include = includeEl\n\n  if (include && isHTMLElement(el) && isFocusableElement(el)) els.unshift(el)\n\n  const focusableEls = els.filter(isFocusableElement)\n\n  focusableEls.forEach((el, i) => {\n    if (isFrame(el) && el.contentDocument) {\n      const frameBody = el.contentDocument.body\n\n      focusableEls.splice(i, 1, ...getFocusableElements(frameBody))\n    }\n  })\n\n  return focusableEls\n}\n\nexport function getFirstFocusableElement(\n  el: HTMLElement | null,\n  includeEl?: boolean,\n): HTMLElement | null {\n  const [first] = getFocusableElements(el, includeEl)\n\n  return first || null\n}\n\nexport function setAttribute(\n  el: Element,\n  qualifiedName: string,\n  value?: string,\n) {\n  const prev = el.getAttribute(qualifiedName)\n\n  el.setAttribute(qualifiedName, cx(prev, value) ?? \"\")\n\n  return () => {\n    if (prev === null) el.removeAttribute(qualifiedName)\n    else el.setAttribute(qualifiedName, prev)\n  }\n}\n\nexport function setStyle(\n  el: HTMLElement | null | undefined,\n  style: Partial<\n    CSSStyleDeclaration | { [key: `--${string}`]: number | string }\n  >,\n) {\n  if (!el) return noop\n\n  const prev = Object.keys(style).reduce<{ [key: string]: string }>(\n    (acc, key) => {\n      acc[key] = el.style.getPropertyValue(key)\n\n      return acc\n    },\n    {},\n  )\n\n  Object.assign(el.style, style)\n\n  return () => {\n    Object.assign(el.style, prev)\n\n    if (el.style.length === 0) el.removeAttribute(\"style\")\n  }\n}\n\nconst LOCK_DATA_ATTR = \"data-scroll-lock\"\n\nexport function scrollLock(\n  el: Document | Element | Node | null | undefined | Window,\n) {\n  const doc = getDocument(el)\n  const win = getWindow(doc)\n\n  const locked = doc.body.hasAttribute(LOCK_DATA_ATTR)\n\n  if (locked) return\n\n  const scrollbarWidth = win.innerWidth - doc.documentElement.clientWidth\n  const documentLeft = doc.documentElement.getBoundingClientRect().left\n  const scrollbarX = Math.round(documentLeft) + doc.documentElement.scrollLeft\n  const paddingProperty = scrollbarX ? \"paddingLeft\" : \"paddingRight\"\n\n  doc.body.setAttribute(LOCK_DATA_ATTR, \"\")\n\n  const setStyleForIOS = () => {\n    const offsetLeft = win.visualViewport?.offsetLeft ?? 0\n    const offsetTop = win.visualViewport?.offsetTop ?? 0\n\n    const restoreStyle = setStyle(doc.body, {\n      left: `${-(win.scrollX - Math.floor(offsetLeft))}px`,\n      overflow: \"hidden\",\n      [paddingProperty]: `${scrollbarWidth}px`,\n      position: \"fixed\",\n      right: \"0\",\n      top: `${-(win.scrollY - Math.floor(offsetTop))}px`,\n    })\n\n    return () => {\n      restoreStyle()\n      win.scrollTo({ behavior: \"instant\", left: win.scrollX, top: win.scrollY })\n    }\n  }\n\n  const unsubscribes = [\n    setStyle(doc.documentElement, {\n      \"--scrollbar-width\": `${scrollbarWidth}px`,\n    }),\n    isIos()\n      ? setStyleForIOS()\n      : setStyle(doc.body, {\n          overflow: \"hidden\",\n          [paddingProperty]: `${scrollbarWidth}px`,\n        }),\n  ]\n\n  return () => {\n    unsubscribes.forEach((unsubscribe) => unsubscribe())\n\n    doc.body.removeAttribute(LOCK_DATA_ATTR)\n  }\n}\n"],"mappings":"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"}

package/dist/esm/event.js

@@ -1,6 +1,6 @@
 import { isFunction } from "./assertion.js";
 import { noop } from "./function.js";
-import { getDocument, getNextTabbableElement, getTabbableElementEdges } from "./dom.js";
+import { getActiveElement, getDocument, getNextTabbableElement, getTabbableElementEdges, isShadowRoot } from "./dom.js";
 //#region src/event.ts
 function isMouseEvent(ev) {
 	const win = getEventWindow(ev);
@@ -40,14 +40,15 @@ function addDomEvent(target, type, cb, options) {
 }
 function focusTrap(el, onFocus) {
 	if (!el) return noop;
-	const doc = getDocument(el);
+	const rootNode = el.getRootNode();
+	const root = isShadowRoot(rootNode) ? rootNode : getDocument(el);
 	function onKeyDown(ev) {
 		if (ev.key !== "Tab") return;
 		let elToFocus = null;
 		const [firstTabbable, lastTabbable] = getTabbableElementEdges(el, false);
 		if (ev.shiftKey) {
-			if (doc.activeElement === firstTabbable) elToFocus = lastTabbable;
-		} else if (doc.activeElement === lastTabbable) elToFocus = firstTabbable;
+			if (getActiveElement(root) === firstTabbable) elToFocus = lastTabbable;
+		} else if (getActiveElement(root) === lastTabbable) elToFocus = firstTabbable;
 		if (!elToFocus) return;
 		ev.preventDefault();
 		if (isFunction(onFocus)) onFocus(elToFocus);
@@ -56,24 +57,26 @@ function focusTrap(el, onFocus) {
 	return addDomEvent(el, "keydown", onKeyDown, true);
 }
 function focusTransfer(el, target, onFocus) {
+	const targetRootNode = target?.getRootNode();
 	const doc = getDocument(el);
-	const body = doc.body;
+	const tabbableRoot = isShadowRoot(targetRootNode) ? targetRootNode : doc.body;
 	function onKeyDown(ev) {
 		if (ev.key !== "Tab") return;
 		let elToFocus = null;
 		const [firstTabbable, lastTabbable] = getTabbableElementEdges(el, false);
-		const nextTabbable = getNextTabbableElement(body, target);
+		const nextTabbable = getNextTabbableElement(tabbableRoot, target);
 		const noTabbableEls = !firstTabbable && !lastTabbable;
+		const activeElement = getActiveElement(doc);
 		if (ev.shiftKey) {
-			if (nextTabbable === doc.activeElement) {
-				if (doc.activeElement !== lastTabbable) elToFocus = lastTabbable;
-			} else if (doc.activeElement === firstTabbable || noTabbableEls) {
-				if (doc.activeElement !== target) elToFocus = target;
+			if (nextTabbable === activeElement) {
+				if (activeElement !== lastTabbable) elToFocus = lastTabbable;
+			} else if (activeElement === firstTabbable || noTabbableEls) {
+				if (activeElement !== target) elToFocus = target;
 			}
-		} else if (doc.activeElement === target) {
-			if (doc.activeElement !== firstTabbable) elToFocus = firstTabbable;
-		} else if (doc.activeElement === lastTabbable || noTabbableEls) {
-			if (doc.activeElement !== nextTabbable) elToFocus = nextTabbable;
+		} else if (activeElement === target) {
+			if (activeElement !== firstTabbable) elToFocus = firstTabbable;
+		} else if (activeElement === lastTabbable || noTabbableEls) {
+			if (activeElement !== nextTabbable) elToFocus = nextTabbable;
 		}
 		if (!elToFocus) return;
 		ev.preventDefault();

package/dist/esm/event.js.map

@@ -1 +1 @@
-{"version":3,"file":"event.js","names":[],"sources":["../../src/event.ts"],"sourcesContent":["import { isFunction } from \"./assertion\"\nimport {\n  getDocument,\n  getNextTabbableElement,\n  getTabbableElementEdges,\n} from \"./dom\"\nimport { noop } from \"./function\"\n\nexport type AnyPointerEvent = MouseEvent | PointerEvent | TouchEvent\n\nexport interface Point {\n  x: number\n  y: number\n}\n\nexport function isMouseEvent(ev: any): ev is MouseEvent {\n  const win = getEventWindow(ev)\n\n  if (typeof win.PointerEvent !== \"undefined\" && ev instanceof win.PointerEvent)\n    return !!(ev.pointerType === \"mouse\")\n\n  return ev instanceof win.MouseEvent\n}\n\nexport function isTouchEvent(ev: AnyPointerEvent): ev is TouchEvent {\n  return !!(ev as TouchEvent).touches\n}\n\nexport function isMultiTouchEvent(ev: AnyPointerEvent): boolean {\n  return isTouchEvent(ev) && ev.touches.length > 1\n}\n\nexport function getEventWindow(ev: Event): typeof globalThis {\n  return ((ev as UIEvent).view ?? window) as unknown as typeof globalThis\n}\n\nexport function pointFromTouch(\n  e: TouchEvent,\n  type: \"client\" | \"page\" = \"client\",\n): Point {\n  const point = e.touches[0] || e.changedTouches[0]\n\n  return { x: point?.[`${type}X`] ?? 0, y: point?.[`${type}Y`] ?? 0 }\n}\n\nexport function pointFromMouse(\n  point: MouseEvent | PointerEvent,\n  type: \"client\" | \"page\" = \"client\",\n): Point {\n  return {\n    x: point[`${type}X`],\n    y: point[`${type}Y`],\n  }\n}\n\nexport function getEventPoint(\n  ev: AnyPointerEvent,\n  type: \"client\" | \"page\" = \"client\",\n): Point {\n  return isTouchEvent(ev) ? pointFromTouch(ev, type) : pointFromMouse(ev, type)\n}\n\nexport interface EventMap\n  extends\n    DocumentEventMap,\n    GlobalEventHandlersEventMap,\n    WindowEventMap,\n    FontFaceSetEventMap {}\n\nexport type EventType = keyof EventMap\n\nexport function addDomEvent<Y extends EventType>(\n  target: EventTarget,\n  type: Y,\n  cb: (ev: EventMap[Y]) => void,\n  options?: AddEventListenerOptions | boolean,\n) {\n  target.addEventListener(\n    type,\n    cb as EventListenerOrEventListenerObject,\n    options,\n  )\n\n  return () => {\n    target.removeEventListener(\n      type,\n      cb as EventListenerOrEventListenerObject,\n      options,\n    )\n  }\n}\n\nexport function focusTrap(\n  el: HTMLElement | null,\n  onFocus?: (elToFocus: HTMLElement) => void,\n) {\n  if (!el) return noop\n\n  const doc = getDocument(el)\n\n  function onKeyDown(ev: KeyboardEvent) {\n    if (ev.key !== \"Tab\") return\n\n    let elToFocus: HTMLElement | null | undefined = null\n\n    const [firstTabbable, lastTabbable] = getTabbableElementEdges(el, false)\n\n    if (ev.shiftKey) {\n      if (doc.activeElement === firstTabbable) elToFocus = lastTabbable\n    } else {\n      if (doc.activeElement === lastTabbable) elToFocus = firstTabbable\n    }\n\n    if (!elToFocus) return\n\n    ev.preventDefault()\n\n    if (isFunction(onFocus)) onFocus(elToFocus)\n    else elToFocus.focus()\n  }\n\n  return addDomEvent(el, \"keydown\", onKeyDown, true)\n}\n\nexport function focusTransfer(\n  el: HTMLElement | null,\n  target?: HTMLElement | null,\n  onFocus?: (elToFocus: HTMLElement) => void,\n) {\n  const doc = getDocument(el)\n  const body = doc.body\n\n  function onKeyDown(ev: KeyboardEvent) {\n    if (ev.key !== \"Tab\") return\n\n    let elToFocus: HTMLElement | null | undefined = null\n\n    const [firstTabbable, lastTabbable] = getTabbableElementEdges(el, false)\n    const nextTabbable = getNextTabbableElement(body, target)\n    const noTabbableEls = !firstTabbable && !lastTabbable\n\n    if (ev.shiftKey) {\n      if (nextTabbable === doc.activeElement) {\n        if (doc.activeElement !== lastTabbable) elToFocus = lastTabbable\n      } else if (doc.activeElement === firstTabbable || noTabbableEls) {\n        if (doc.activeElement !== target) elToFocus = target\n      }\n    } else {\n      if (doc.activeElement === target) {\n        if (doc.activeElement !== firstTabbable) elToFocus = firstTabbable\n      } else if (doc.activeElement === lastTabbable || noTabbableEls) {\n        if (doc.activeElement !== nextTabbable) elToFocus = nextTabbable\n      }\n    }\n\n    if (!elToFocus) return\n\n    ev.preventDefault()\n\n    if (isFunction(onFocus)) onFocus(elToFocus)\n    else elToFocus.focus()\n  }\n\n  return addDomEvent(doc, \"keydown\", onKeyDown, true)\n}\n"],"mappings":";;;;AAeA,SAAgB,aAAa,IAA2B;CACtD,MAAM,MAAM,eAAe,EAAE;CAE7B,IAAI,OAAO,IAAI,iBAAiB,eAAe,cAAc,IAAI,cAC/D,OAAO,CAAC,EAAE,GAAG,gBAAgB;CAE/B,OAAO,cAAc,IAAI;AAC3B;AAEA,SAAgB,aAAa,IAAuC;CAClE,OAAO,CAAC,CAAE,GAAkB;AAC9B;AAEA,SAAgB,kBAAkB,IAA8B;CAC9D,OAAO,aAAa,EAAE,KAAK,GAAG,QAAQ,SAAS;AACjD;AAEA,SAAgB,eAAe,IAA8B;CAC3D,OAAS,GAAe,QAAQ;AAClC;AAEA,SAAgB,eACd,GACA,OAA0B,UACnB;CACP,MAAM,QAAQ,EAAE,QAAQ,MAAM,EAAE,eAAe;CAE/C,OAAO;EAAE,GAAG,QAAQ,GAAG,KAAK,OAAO;EAAG,GAAG,QAAQ,GAAG,KAAK,OAAO;CAAE;AACpE;AAEA,SAAgB,eACd,OACA,OAA0B,UACnB;CACP,OAAO;EACL,GAAG,MAAM,GAAG,KAAK;EACjB,GAAG,MAAM,GAAG,KAAK;CACnB;AACF;AAEA,SAAgB,cACd,IACA,OAA0B,UACnB;CACP,OAAO,aAAa,EAAE,IAAI,eAAe,IAAI,IAAI,IAAI,eAAe,IAAI,IAAI;AAC9E;AAWA,SAAgB,YACd,QACA,MACA,IACA,SACA;CACA,OAAO,iBACL,MACA,IACA,OACF;CAEA,aAAa;EACX,OAAO,oBACL,MACA,IACA,OACF;CACF;AACF;AAEA,SAAgB,UACd,IACA,SACA;CACA,IAAI,CAAC,IAAI,OAAO;CAEhB,MAAM,MAAM,YAAY,EAAE;CAE1B,SAAS,UAAU,IAAmB;EACpC,IAAI,GAAG,QAAQ,OAAO;EAEtB,IAAI,YAA4C;EAEhD,MAAM,CAAC,eAAe,gBAAgB,wBAAwB,IAAI,KAAK;EAEvE,IAAI,GAAG,UACD;OAAA,IAAI,kBAAkB,eAAe,YAAY;EAAA,OAErD,IAAI,IAAI,kBAAkB,cAAc,YAAY;EAGtD,IAAI,CAAC,WAAW;EAEhB,GAAG,eAAe;EAElB,IAAI,WAAW,OAAO,GAAG,QAAQ,SAAS;OACrC,UAAU,MAAM;CACvB;CAEA,OAAO,YAAY,IAAI,WAAW,WAAW,IAAI;AACnD;AAEA,SAAgB,cACd,IACA,QACA,SACA;CACA,MAAM,MAAM,YAAY,EAAE;CAC1B,MAAM,OAAO,IAAI;CAEjB,SAAS,UAAU,IAAmB;EACpC,IAAI,GAAG,QAAQ,OAAO;EAEtB,IAAI,YAA4C;EAEhD,MAAM,CAAC,eAAe,gBAAgB,wBAAwB,IAAI,KAAK;EACvE,MAAM,eAAe,uBAAuB,MAAM,MAAM;EACxD,MAAM,gBAAgB,CAAC,iBAAiB,CAAC;EAEzC,IAAI,GAAG,UACD;OAAA,iBAAiB,IAAI,eACnB;QAAA,IAAI,kBAAkB,cAAc,YAAY;GAAA,OAC/C,IAAI,IAAI,kBAAkB,iBAAiB,eAC5C;QAAA,IAAI,kBAAkB,QAAQ,YAAY;GAAA;EAAK,OAGrD,IAAI,IAAI,kBAAkB,QACpB;OAAA,IAAI,kBAAkB,eAAe,YAAY;EAAA,OAChD,IAAI,IAAI,kBAAkB,gBAAgB,eAC3C;OAAA,IAAI,kBAAkB,cAAc,YAAY;EAAA;EAIxD,IAAI,CAAC,WAAW;EAEhB,GAAG,eAAe;EAElB,IAAI,WAAW,OAAO,GAAG,QAAQ,SAAS;OACrC,UAAU,MAAM;CACvB;CAEA,OAAO,YAAY,KAAK,WAAW,WAAW,IAAI;AACpD"}
+{"version":3,"file":"event.js","names":[],"sources":["../../src/event.ts"],"sourcesContent":["import { isFunction } from \"./assertion\"\nimport {\n  getActiveElement,\n  getDocument,\n  getNextTabbableElement,\n  getTabbableElementEdges,\n  isShadowRoot,\n} from \"./dom\"\nimport { noop } from \"./function\"\n\nexport type AnyPointerEvent = MouseEvent | PointerEvent | TouchEvent\n\nexport interface Point {\n  x: number\n  y: number\n}\n\nexport function isMouseEvent(ev: any): ev is MouseEvent {\n  const win = getEventWindow(ev)\n\n  if (typeof win.PointerEvent !== \"undefined\" && ev instanceof win.PointerEvent)\n    return !!(ev.pointerType === \"mouse\")\n\n  return ev instanceof win.MouseEvent\n}\n\nexport function isTouchEvent(ev: AnyPointerEvent): ev is TouchEvent {\n  return !!(ev as TouchEvent).touches\n}\n\nexport function isMultiTouchEvent(ev: AnyPointerEvent): boolean {\n  return isTouchEvent(ev) && ev.touches.length > 1\n}\n\nexport function getEventWindow(ev: Event): typeof globalThis {\n  return ((ev as UIEvent).view ?? window) as unknown as typeof globalThis\n}\n\nexport function pointFromTouch(\n  e: TouchEvent,\n  type: \"client\" | \"page\" = \"client\",\n): Point {\n  const point = e.touches[0] || e.changedTouches[0]\n\n  return { x: point?.[`${type}X`] ?? 0, y: point?.[`${type}Y`] ?? 0 }\n}\n\nexport function pointFromMouse(\n  point: MouseEvent | PointerEvent,\n  type: \"client\" | \"page\" = \"client\",\n): Point {\n  return {\n    x: point[`${type}X`],\n    y: point[`${type}Y`],\n  }\n}\n\nexport function getEventPoint(\n  ev: AnyPointerEvent,\n  type: \"client\" | \"page\" = \"client\",\n): Point {\n  return isTouchEvent(ev) ? pointFromTouch(ev, type) : pointFromMouse(ev, type)\n}\n\nexport interface EventMap\n  extends\n    DocumentEventMap,\n    GlobalEventHandlersEventMap,\n    WindowEventMap,\n    FontFaceSetEventMap {}\n\nexport type EventType = keyof EventMap\n\nexport function addDomEvent<Y extends EventType>(\n  target: EventTarget,\n  type: Y,\n  cb: (ev: EventMap[Y]) => void,\n  options?: AddEventListenerOptions | boolean,\n) {\n  target.addEventListener(\n    type,\n    cb as EventListenerOrEventListenerObject,\n    options,\n  )\n\n  return () => {\n    target.removeEventListener(\n      type,\n      cb as EventListenerOrEventListenerObject,\n      options,\n    )\n  }\n}\n\nexport function focusTrap(\n  el: HTMLElement | null,\n  onFocus?: (elToFocus: HTMLElement) => void,\n) {\n  if (!el) return noop\n\n  const rootNode = el.getRootNode()\n  const root = isShadowRoot(rootNode) ? rootNode : getDocument(el)\n\n  function onKeyDown(ev: KeyboardEvent) {\n    if (ev.key !== \"Tab\") return\n\n    let elToFocus: HTMLElement | null | undefined = null\n\n    const [firstTabbable, lastTabbable] = getTabbableElementEdges(el, false)\n\n    if (ev.shiftKey) {\n      if (getActiveElement(root) === firstTabbable) elToFocus = lastTabbable\n    } else {\n      if (getActiveElement(root) === lastTabbable) elToFocus = firstTabbable\n    }\n\n    if (!elToFocus) return\n\n    ev.preventDefault()\n\n    if (isFunction(onFocus)) onFocus(elToFocus)\n    else elToFocus.focus()\n  }\n\n  return addDomEvent(el, \"keydown\", onKeyDown, true)\n}\n\nexport function focusTransfer(\n  el: HTMLElement | null,\n  target?: HTMLElement | null,\n  onFocus?: (elToFocus: HTMLElement) => void,\n) {\n  const targetRootNode = target?.getRootNode()\n  const doc = getDocument(el)\n  const tabbableRoot = isShadowRoot(targetRootNode) ? targetRootNode : doc.body\n\n  function onKeyDown(ev: KeyboardEvent) {\n    if (ev.key !== \"Tab\") return\n\n    let elToFocus: HTMLElement | null | undefined = null\n\n    const [firstTabbable, lastTabbable] = getTabbableElementEdges(el, false)\n    const nextTabbable = getNextTabbableElement(tabbableRoot, target)\n    const noTabbableEls = !firstTabbable && !lastTabbable\n    const activeElement = getActiveElement(doc)\n\n    if (ev.shiftKey) {\n      if (nextTabbable === activeElement) {\n        if (activeElement !== lastTabbable) elToFocus = lastTabbable\n      } else if (activeElement === firstTabbable || noTabbableEls) {\n        if (activeElement !== target) elToFocus = target\n      }\n    } else {\n      if (activeElement === target) {\n        if (activeElement !== firstTabbable) elToFocus = firstTabbable\n      } else if (activeElement === lastTabbable || noTabbableEls) {\n        if (activeElement !== nextTabbable) elToFocus = nextTabbable\n      }\n    }\n\n    if (!elToFocus) return\n\n    ev.preventDefault()\n\n    if (isFunction(onFocus)) onFocus(elToFocus)\n    else elToFocus.focus()\n  }\n\n  return addDomEvent(doc, \"keydown\", onKeyDown, true)\n}\n"],"mappings":";;;;AAiBA,SAAgB,aAAa,IAA2B;CACtD,MAAM,MAAM,eAAe,EAAE;CAE7B,IAAI,OAAO,IAAI,iBAAiB,eAAe,cAAc,IAAI,cAC/D,OAAO,CAAC,EAAE,GAAG,gBAAgB;CAE/B,OAAO,cAAc,IAAI;AAC3B;AAEA,SAAgB,aAAa,IAAuC;CAClE,OAAO,CAAC,CAAE,GAAkB;AAC9B;AAEA,SAAgB,kBAAkB,IAA8B;CAC9D,OAAO,aAAa,EAAE,KAAK,GAAG,QAAQ,SAAS;AACjD;AAEA,SAAgB,eAAe,IAA8B;CAC3D,OAAS,GAAe,QAAQ;AAClC;AAEA,SAAgB,eACd,GACA,OAA0B,UACnB;CACP,MAAM,QAAQ,EAAE,QAAQ,MAAM,EAAE,eAAe;CAE/C,OAAO;EAAE,GAAG,QAAQ,GAAG,KAAK,OAAO;EAAG,GAAG,QAAQ,GAAG,KAAK,OAAO;CAAE;AACpE;AAEA,SAAgB,eACd,OACA,OAA0B,UACnB;CACP,OAAO;EACL,GAAG,MAAM,GAAG,KAAK;EACjB,GAAG,MAAM,GAAG,KAAK;CACnB;AACF;AAEA,SAAgB,cACd,IACA,OAA0B,UACnB;CACP,OAAO,aAAa,EAAE,IAAI,eAAe,IAAI,IAAI,IAAI,eAAe,IAAI,IAAI;AAC9E;AAWA,SAAgB,YACd,QACA,MACA,IACA,SACA;CACA,OAAO,iBACL,MACA,IACA,OACF;CAEA,aAAa;EACX,OAAO,oBACL,MACA,IACA,OACF;CACF;AACF;AAEA,SAAgB,UACd,IACA,SACA;CACA,IAAI,CAAC,IAAI,OAAO;CAEhB,MAAM,WAAW,GAAG,YAAY;CAChC,MAAM,OAAO,aAAa,QAAQ,IAAI,WAAW,YAAY,EAAE;CAE/D,SAAS,UAAU,IAAmB;EACpC,IAAI,GAAG,QAAQ,OAAO;EAEtB,IAAI,YAA4C;EAEhD,MAAM,CAAC,eAAe,gBAAgB,wBAAwB,IAAI,KAAK;EAEvE,IAAI,GAAG,UACD;OAAA,iBAAiB,IAAI,MAAM,eAAe,YAAY;EAAA,OAE1D,IAAI,iBAAiB,IAAI,MAAM,cAAc,YAAY;EAG3D,IAAI,CAAC,WAAW;EAEhB,GAAG,eAAe;EAElB,IAAI,WAAW,OAAO,GAAG,QAAQ,SAAS;OACrC,UAAU,MAAM;CACvB;CAEA,OAAO,YAAY,IAAI,WAAW,WAAW,IAAI;AACnD;AAEA,SAAgB,cACd,IACA,QACA,SACA;CACA,MAAM,iBAAiB,QAAQ,YAAY;CAC3C,MAAM,MAAM,YAAY,EAAE;CAC1B,MAAM,eAAe,aAAa,cAAc,IAAI,iBAAiB,IAAI;CAEzE,SAAS,UAAU,IAAmB;EACpC,IAAI,GAAG,QAAQ,OAAO;EAEtB,IAAI,YAA4C;EAEhD,MAAM,CAAC,eAAe,gBAAgB,wBAAwB,IAAI,KAAK;EACvE,MAAM,eAAe,uBAAuB,cAAc,MAAM;EAChE,MAAM,gBAAgB,CAAC,iBAAiB,CAAC;EACzC,MAAM,gBAAgB,iBAAiB,GAAG;EAE1C,IAAI,GAAG,UACD;OAAA,iBAAiB,eACf;QAAA,kBAAkB,cAAc,YAAY;GAAA,OAC3C,IAAI,kBAAkB,iBAAiB,eACxC;QAAA,kBAAkB,QAAQ,YAAY;GAAA;EAAK,OAGjD,IAAI,kBAAkB,QAChB;OAAA,kBAAkB,eAAe,YAAY;EAAA,OAC5C,IAAI,kBAAkB,gBAAgB,eACvC;OAAA,kBAAkB,cAAc,YAAY;EAAA;EAIpD,IAAI,CAAC,WAAW;EAEhB,GAAG,eAAe;EAElB,IAAI,WAAW,OAAO,GAAG,QAAQ,SAAS;OACrC,UAAU,MAAM;CACvB;CAEA,OAAO,YAAY,KAAK,WAAW,WAAW,IAAI;AACpD"}

package/dist/types/color.d.ts

@@ -2,7 +2,7 @@
 type ColorFormat = "hex" | "hexa" | "hsl" | "hsla" | "rgb" | "rgba";
 declare const SEMANTIC_COLOR_SCHEMES: readonly ["mono", "primary", "secondary", "info", "success", "warning", "danger", "error", "link"];
 declare const DEFAULT_COLOR_SCHEMES: readonly ["gray", "red", "rose", "pink", "flashy", "orange", "amber", "yellow", "lime", "green", "emerald", "teal", "cyan", "sky", "blue", "indigo", "violet", "purple", "fuchsia"];
-declare const COLOR_SCHEMES: ("link" | "error" | "mono" | "primary" | "secondary" | "info" | "success" | "warning" | "danger" | "gray" | "red" | "rose" | "pink" | "flashy" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia")[];
+declare const COLOR_SCHEMES: ("mono" | "primary" | "secondary" | "info" | "success" | "warning" | "danger" | "error" | "link" | "gray" | "red" | "rose" | "pink" | "flashy" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia")[];
 declare const TONES: readonly [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
 declare function convertColor(color: string, fallback: string): {
   (format: ColorFormat): string;

package/dist/types/dom.d.ts

@@ -32,11 +32,11 @@ declare function getDocument(el: Document | Element | Node | null | undefined |
 declare function getDocumentElement(el: Document | Element | Node | null | undefined | Window): HTMLElement;
 declare function getNodeName(node: Node | Window): string;
 declare function getActiveElement(rootNode: Document | ShadowRoot): HTMLElement | null;
-declare function getTabbableElements(el: HTMLElement | null, includeEl?: boolean): HTMLElement[];
-declare function getFirstTabbableElement(el: HTMLElement | null, includeEl?: boolean): HTMLElement | null;
-declare function getNextTabbableElement(el: HTMLElement | null, current?: HTMLElement | null): HTMLElement | null;
-declare function getLastTabbableElement(el: HTMLElement | null, includeEl?: boolean): HTMLElement | null;
-declare function getTabbableElementEdges(el: HTMLElement | null, includeEl?: boolean): [HTMLElement | null, HTMLElement | null];
+declare function getTabbableElements(el: HTMLElement | null | ShadowRoot, includeEl?: boolean): HTMLElement[];
+declare function getFirstTabbableElement(el: HTMLElement | null | ShadowRoot, includeEl?: boolean): HTMLElement | null;
+declare function getNextTabbableElement(el: HTMLElement | null | ShadowRoot, current?: HTMLElement | null): HTMLElement | null;
+declare function getLastTabbableElement(el: HTMLElement | null | ShadowRoot, includeEl?: boolean): HTMLElement | null;
+declare function getTabbableElementEdges(el: HTMLElement | null | ShadowRoot, includeEl?: boolean): [HTMLElement | null, HTMLElement | null];
 declare function getParentNode(node: Node): Node;
 declare function isInputElement(el: any): el is HTMLInputElement;
 declare function isEditableElement(el: EventTarget | HTMLElement | null): boolean;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@yamada-ui/utils",
   "type": "module",
-  "version": "2.1.6-dev-20260730045651",
+  "version": "2.1.6-dev-20260730065117",
   "description": "The utilities for Yamada UI projects",
   "keywords": [
     "utils",