@salt-ds/core 1.60.0 → 1.61.0

package/dist-cjs/tabs/TabTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabTrigger.js","sources":["../src/tabs/TabTrigger.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithoutRef,\n  type FocusEvent,\n  forwardRef,\n  type KeyboardEvent,\n  type MouseEvent,\n  useRef,\n} from \"react\";\nimport { makePrefixer, useForkRef, useIsomorphicLayoutEffect } from \"../utils\";\nimport { useTab } from \"./internal/contexts/TabContext\";\nimport { useTabListLayout } from \"./internal/contexts/TabListLayoutContext\";\nimport { useTabs } from \"./internal/contexts/TabsContext\";\nimport tabTriggerCss from \"./TabTrigger.css\";\n\nexport interface TabTriggerProps\n  extends Omit<ComponentPropsWithoutRef<\"button\">, \"id\"> {}\n\nconst withBaseName = makePrefixer(\"saltTabTrigger\");\n\nfunction getAriaDescription(count: number) {\n  if (count < 1) {\n    return undefined;\n  }\n\n  if (count === 1) {\n    return \"1 action available\";\n  }\n\n  return `${count} actions available`;\n}\n\nconst ariaActionSupported =\n  typeof HTMLElement !== \"undefined\" && \"ariaActions\" in HTMLElement.prototype;\n\nexport const TabTrigger = forwardRef<HTMLButtonElement, TabTriggerProps>(\n  function TabTrigger(props, ref) {\n    const { children, className, onClick, onKeyDown, onFocus, ...rest } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-tab-trigger\",\n      css: tabTriggerCss,\n      window: targetWindow,\n    });\n\n    const {\n      setSelected,\n      registerTab,\n      updateTab,\n      updateRenderedTab,\n      getRenderedTabOrder,\n      getPanelId,\n      getTabId,\n      selected: selectedValue,\n      activeTab,\n      menuOpen,\n      setMenuOpen,\n    } = useTabs();\n    const { selected, value, focused, disabled, tabId, actions } = useTab();\n    const tabListLayout = useTabListLayout();\n\n    const tabRef = useRef<HTMLButtonElement>(null);\n\n    const location = tabListLayout?.getLocation(value) ?? \"main\";\n    const selectionSource = location === \"overflow\" ? \"overflow\" : \"main\";\n    const hidden = location === \"hidden\";\n    const overflowOpen = location === \"overflow\" && menuOpen;\n    const renderOrder = getRenderedTabOrder(value);\n    const order = renderOrder >= 0 ? renderOrder : undefined;\n    const initialLocationRef = useRef(location);\n    const initialOrderRef = useRef(order);\n\n    const id = tabId;\n\n    useIsomorphicLayoutEffect(() => {\n      if (id && tabRef.current) {\n        const item = {\n          id,\n          value,\n          element: tabRef.current,\n          location: initialLocationRef.current,\n          order: initialOrderRef.current,\n        };\n\n        return registerTab(item);\n      }\n    }, [id, registerTab, value]);\n\n    useIsomorphicLayoutEffect(() => {\n      if (!id) {\n        return;\n      }\n\n      updateTab(id, {\n        element: tabRef.current,\n        location,\n        order,\n      });\n    }, [id, location, order, updateTab]);\n\n    useIsomorphicLayoutEffect(() => {\n      updateRenderedTab(value, {\n        trigger: tabRef.current,\n      });\n    }, [updateRenderedTab, value]);\n\n    useIsomorphicLayoutEffect(() => {\n      if (!overflowOpen || tabListLayout?.overflowActiveValue !== value) {\n        return;\n      }\n\n      tabRef.current?.focus({ preventScroll: true });\n    }, [overflowOpen, tabListLayout?.overflowActiveValue, value]);\n\n    const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n      onClick?.(event);\n\n      setSelected(event, value, selectionSource);\n    };\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLButtonElement>) => {\n      onKeyDown?.(event);\n\n      if (location === \"overflow\" && event.key === \"Tab\" && event.shiftKey) {\n        event.preventDefault();\n        setMenuOpen(false);\n\n        const doc = event.currentTarget.ownerDocument;\n        const overflowTrigger = doc.querySelector<HTMLElement>(\n          \"[data-overflowbutton]\",\n        );\n        const scheduleFocus = targetWindow?.requestAnimationFrame;\n\n        if (scheduleFocus) {\n          scheduleFocus(() => overflowTrigger?.focus({ preventScroll: true }));\n        } else {\n          queueMicrotask(() => overflowTrigger?.focus({ preventScroll: true }));\n        }\n\n        return;\n      }\n\n      if (\n        location === \"overflow\" &&\n        tabListLayout &&\n        (event.key === \"ArrowDown\" ||\n          event.key === \"ArrowUp\" ||\n          event.key === \"Home\" ||\n          event.key === \"End\")\n      ) {\n        const moved = tabListLayout.moveOverflowFocus(event.key, value);\n        if (moved) {\n          event.preventDefault();\n          return;\n        }\n      }\n\n      if (disabled) {\n        if (event.key === \"Enter\" || event.key === \" \") {\n          event.preventDefault();\n        }\n        return;\n      }\n\n      if (event.key === \"Enter\" || event.key === \" \") {\n        event.preventDefault();\n        setSelected(event, value, selectionSource);\n      }\n    };\n\n    const handleFocus = (event: FocusEvent<HTMLButtonElement>) => {\n      onFocus?.(event);\n\n      if (id) {\n        activeTab.current = { value, id };\n      }\n\n      if (location === \"overflow\") {\n        tabListLayout?.setOverflowActiveValue(value);\n      }\n\n      // Ensures the associated tab is in view.\n      event.currentTarget.parentElement?.scrollIntoView({\n        block: \"nearest\",\n        inline: \"nearest\",\n      });\n    };\n\n    const handleRef = useForkRef<HTMLButtonElement>(tabRef, ref);\n    const panelId = getPanelId(value);\n\n    // Applying aria-actions this way avoids React warnings about unknown props\n    const ariaActionsProps = ariaActionSupported\n      ? {\n          \"aria-actions\": clsx(actions) || undefined,\n        }\n      : {};\n\n    const active =\n      location === \"overflow\" && tabListLayout?.overflowActiveValue === value;\n    const hasSelectedTab =\n      selectedValue !== undefined && getTabId(selectedValue) != null;\n    const fallbackTabStop =\n      !hasSelectedTab && location === \"main\" && order === 0;\n    const isTabStop =\n      !hidden && (focused || selected || active || fallbackTabStop);\n    const shouldHandleKeyDown = location === \"overflow\" || !disabled;\n\n    return (\n      <button\n        aria-selected={selected}\n        aria-disabled={disabled}\n        aria-controls={panelId}\n        {...ariaActionsProps}\n        aria-description={getAriaDescription(actions.length)}\n        tabIndex={isTabStop ? 0 : -1}\n        role=\"tab\"\n        type=\"button\"\n        onClick={!disabled ? handleClick : undefined}\n        onKeyDown={shouldHandleKeyDown ? handleKeyDown : undefined}\n        onFocus={handleFocus}\n        className={clsx(withBaseName(), className)}\n        id={id}\n        ref={handleRef}\n        data-value={value}\n        {...rest}\n      >\n        {children}\n      </button>\n    );\n  },\n);\n"],"names":["makePrefixer","forwardRef","TabTrigger","useWindow","useComponentCssInjection","tabTriggerCss","useTabs","useTab","useTabListLayout","useRef","useIsomorphicLayoutEffect","useForkRef","clsx","jsx"],"mappings":"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"}

package/dist-cjs/tabs/Tabs.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var css_248z = ".saltTabs {\n  min-width: 0;\n}\n";
+
+module.exports = css_248z;
+//# sourceMappingURL=Tabs.css.js.map

package/dist-cjs/tabs/Tabs.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist-cjs/tabs/Tabs.js

@@ -0,0 +1,200 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
+var clsx = require('clsx');
+var React = require('react');
+var makePrefixer = require('../utils/makePrefixer.js');
+var useControlled = require('../utils/useControlled.js');
+require('../utils/useFloatingUI/useFloatingUI.js');
+require('../utils/useId.js');
+require('../salt-provider/SaltProvider.js');
+require('../viewport/ViewportProvider.js');
+var TabsContext = require('./internal/contexts/TabsContext.js');
+var useOverflowSelectionState = require('./internal/overflow/useOverflowSelectionState.js');
+var useCollection = require('./internal/registry/useCollection.js');
+var useRenderedTabsRegistry = require('./internal/registry/useRenderedTabsRegistry.js');
+var Tabs$1 = require('./Tabs.css.js');
+
+const withBaseName = makePrefixer.makePrefixer("saltTabs");
+function setValueIdMapEntry(map, value, id) {
+  if (map.get(value) === id) {
+    return map;
+  }
+  const next = new Map(map);
+  next.set(value, id);
+  return next;
+}
+function removeValueIdMapEntry(map, value, id) {
+  if (map.get(value) !== id) {
+    return map;
+  }
+  const next = new Map(map);
+  next.delete(value);
+  return next;
+}
+const Tabs = React.forwardRef(
+  function Tabs2(props, ref) {
+    const { className, children, value, defaultValue, onChange, ...rest } = props;
+    const targetWindow = window.useWindow();
+    styles.useComponentCssInjection({
+      testId: "salt-tabs",
+      css: Tabs$1,
+      window: targetWindow
+    });
+    const [valueToTabIdMap, setValueToIdMap] = React.useState(
+      () => /* @__PURE__ */ new Map()
+    );
+    const [valueToPanelIdMap, setValueToPanelIdMap] = React.useState(
+      () => /* @__PURE__ */ new Map()
+    );
+    const {
+      renderMode,
+      registerBootstrapTab,
+      setBootstrapTabReady,
+      setBootstrapOverflowReady,
+      registerRenderedTab,
+      updateRenderedTab,
+      getRenderedTab,
+      getRenderedTabOrder,
+      renderedTabs
+    } = useRenderedTabsRegistry.useRenderedTabsRegistry();
+    const {
+      registerItem,
+      updateItem,
+      item,
+      getNext,
+      getPrevious,
+      getFirst,
+      getLast,
+      itemAt,
+      getIndex,
+      sortItems,
+      removalVersion,
+      getRemovedItems
+    } = useCollection.useCollection({ targetWindow, wrap: true });
+    const activeTab = React.useRef();
+    const [menuOpen, setMenuOpen] = React.useState(false);
+    const [selected, setSelectedState] = useControlled.useControlled({
+      controlled: value,
+      default: defaultValue,
+      name: "Tabs",
+      state: "selected"
+    });
+    const commitSelection = React.useCallback(
+      (event, newValue) => {
+        setSelectedState(newValue);
+        if (selected !== newValue) {
+          onChange == null ? void 0 : onChange(event, newValue);
+        }
+      },
+      [onChange, selected]
+    );
+    const { selectionFromOverflowValueRef, setSelected } = useOverflowSelectionState.useOverflowSelectionState({
+      commitSelection,
+      menuOpen,
+      selected,
+      setMenuOpen
+    });
+    const registerTab = React.useCallback(
+      (tab) => {
+        const cleanup = registerItem(tab);
+        setValueToIdMap((map) => setValueIdMapEntry(map, tab.value, tab.id));
+        return () => {
+          cleanup();
+          setValueToIdMap(
+            (map) => removeValueIdMapEntry(map, tab.value, tab.id)
+          );
+        };
+      },
+      [registerItem]
+    );
+    const registerPanel = React.useCallback((id, value2) => {
+      setValueToPanelIdMap((map) => setValueIdMapEntry(map, value2, id));
+      return () => {
+        setValueToPanelIdMap((map) => removeValueIdMapEntry(map, value2, id));
+      };
+    }, []);
+    const getPanelId = React.useCallback(
+      (value2) => {
+        return valueToPanelIdMap.get(value2);
+      },
+      [valueToPanelIdMap]
+    );
+    const getTabId = React.useCallback(
+      (value2) => {
+        return valueToTabIdMap.get(value2);
+      },
+      [valueToTabIdMap]
+    );
+    const context = React.useMemo(
+      () => ({
+        renderMode,
+        registerBootstrapTab,
+        setBootstrapTabReady,
+        setBootstrapOverflowReady,
+        registerTab,
+        updateTab: updateItem,
+        registerRenderedTab,
+        updateRenderedTab,
+        getRenderedTab,
+        getRenderedTabOrder,
+        renderedTabs,
+        registerPanel,
+        getPanelId,
+        getTabId,
+        selected,
+        setSelected,
+        item,
+        getNext,
+        getPrevious,
+        getFirst,
+        getLast,
+        activeTab,
+        selectionFromOverflowValueRef,
+        menuOpen,
+        setMenuOpen,
+        itemAt,
+        getIndex,
+        sortItems,
+        removalVersion,
+        getRemovedItems
+      }),
+      [
+        renderMode,
+        registerBootstrapTab,
+        setBootstrapTabReady,
+        setBootstrapOverflowReady,
+        registerPanel,
+        registerTab,
+        updateItem,
+        registerRenderedTab,
+        updateRenderedTab,
+        getRenderedTab,
+        getRenderedTabOrder,
+        renderedTabs,
+        getPanelId,
+        getTabId,
+        selected,
+        setSelected,
+        item,
+        getNext,
+        getPrevious,
+        getFirst,
+        getLast,
+        menuOpen,
+        itemAt,
+        getIndex,
+        sortItems,
+        removalVersion,
+        getRemovedItems,
+        selectionFromOverflowValueRef
+      ]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(TabsContext.TabsContext.Provider, { value: context, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx(withBaseName(), className), ref, ...rest, children }) });
+  }
+);
+
+exports.Tabs = Tabs;
+//# sourceMappingURL=Tabs.js.map

package/dist-cjs/tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../src/tabs/Tabs.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  type ReactNode,\n  type SyntheticEvent,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { makePrefixer, useControlled } from \"../utils\";\nimport { type Item, TabsContext } from \"./internal/contexts/TabsContext\";\nimport { useOverflowSelectionState } from \"./internal/overflow/useOverflowSelectionState\";\nimport { useCollection } from \"./internal/registry/useCollection\";\nimport { useRenderedTabsRegistry } from \"./internal/registry/useRenderedTabsRegistry\";\nimport tabsCss from \"./Tabs.css\";\n\nexport interface TabsProps\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"onChange\"> {\n  children?: ReactNode;\n  /**\n   * The default value. Use when the component is not controlled.\n   */\n  defaultValue?: string;\n  /**\n   * The value. Use when the component is controlled.\n   */\n  value?: string;\n  /**\n   * Callback fired when the selection changes.\n   * The event will be null when selection is moved automatically, such as when\n   * the currently selected tab is removed and the next available tab is\n   * selected.\n   */\n  onChange?: (event: SyntheticEvent | null, value: string) => void;\n}\n\nconst withBaseName = makePrefixer(\"saltTabs\");\n\nfunction setValueIdMapEntry(\n  map: Map<string, string>,\n  value: string,\n  id: string,\n) {\n  if (map.get(value) === id) {\n    return map;\n  }\n\n  const next = new Map(map);\n  next.set(value, id);\n  return next;\n}\n\nfunction removeValueIdMapEntry(\n  map: Map<string, string>,\n  value: string,\n  id: string,\n) {\n  if (map.get(value) !== id) {\n    return map;\n  }\n\n  const next = new Map(map);\n  next.delete(value);\n  return next;\n}\n\nexport const Tabs = forwardRef<HTMLDivElement, TabsProps>(\n  function Tabs(props, ref) {\n    const { className, children, value, defaultValue, onChange, ...rest } =\n      props;\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-tabs\",\n      css: tabsCss,\n      window: targetWindow,\n    });\n\n    const [valueToTabIdMap, setValueToIdMap] = useState(\n      () => new Map<string, string>(),\n    );\n    const [valueToPanelIdMap, setValueToPanelIdMap] = useState(\n      () => new Map<string, string>(),\n    );\n    const {\n      renderMode,\n      registerBootstrapTab,\n      setBootstrapTabReady,\n      setBootstrapOverflowReady,\n      registerRenderedTab,\n      updateRenderedTab,\n      getRenderedTab,\n      getRenderedTabOrder,\n      renderedTabs,\n    } = useRenderedTabsRegistry();\n\n    const {\n      registerItem,\n      updateItem,\n      item,\n      getNext,\n      getPrevious,\n      getFirst,\n      getLast,\n      itemAt,\n      getIndex,\n      sortItems,\n      removalVersion,\n      getRemovedItems,\n    } = useCollection({ targetWindow, wrap: true });\n\n    const activeTab = useRef<Pick<Item, \"id\" | \"value\">>();\n\n    const [menuOpen, setMenuOpen] = useState(false);\n\n    const [selected, setSelectedState] = useControlled({\n      controlled: value,\n      default: defaultValue,\n      name: \"Tabs\",\n      state: \"selected\",\n    });\n\n    const commitSelection = useCallback(\n      (event: SyntheticEvent | null, newValue: string) => {\n        setSelectedState(newValue);\n        if (selected !== newValue) {\n          onChange?.(event, newValue);\n        }\n      },\n      [onChange, selected],\n    );\n    const { selectionFromOverflowValueRef, setSelected } =\n      useOverflowSelectionState({\n        commitSelection,\n        menuOpen,\n        selected,\n        setMenuOpen,\n      });\n\n    const registerTab = useCallback(\n      (tab: Item) => {\n        const cleanup = registerItem(tab);\n        setValueToIdMap((map) => setValueIdMapEntry(map, tab.value, tab.id));\n\n        return () => {\n          cleanup();\n          setValueToIdMap((map) =>\n            removeValueIdMapEntry(map, tab.value, tab.id),\n          );\n        };\n      },\n      [registerItem],\n    );\n\n    const registerPanel = useCallback((id: string, value: string) => {\n      setValueToPanelIdMap((map) => setValueIdMapEntry(map, value, id));\n      return () => {\n        setValueToPanelIdMap((map) => removeValueIdMapEntry(map, value, id));\n      };\n    }, []);\n\n    const getPanelId = useCallback(\n      (value: string) => {\n        return valueToPanelIdMap.get(value);\n      },\n      [valueToPanelIdMap],\n    );\n\n    const getTabId = useCallback(\n      (value: string) => {\n        return valueToTabIdMap.get(value);\n      },\n      [valueToTabIdMap],\n    );\n\n    const context = useMemo(\n      () => ({\n        renderMode,\n        registerBootstrapTab,\n        setBootstrapTabReady,\n        setBootstrapOverflowReady,\n        registerTab,\n        updateTab: updateItem,\n        registerRenderedTab,\n        updateRenderedTab,\n        getRenderedTab,\n        getRenderedTabOrder,\n        renderedTabs,\n        registerPanel,\n        getPanelId,\n        getTabId,\n        selected,\n        setSelected,\n        item,\n        getNext,\n        getPrevious,\n        getFirst,\n        getLast,\n        activeTab,\n        selectionFromOverflowValueRef,\n        menuOpen,\n        setMenuOpen,\n        itemAt,\n        getIndex,\n        sortItems,\n        removalVersion,\n        getRemovedItems,\n      }),\n      [\n        renderMode,\n        registerBootstrapTab,\n        setBootstrapTabReady,\n        setBootstrapOverflowReady,\n        registerPanel,\n        registerTab,\n        updateItem,\n        registerRenderedTab,\n        updateRenderedTab,\n        getRenderedTab,\n        getRenderedTabOrder,\n        renderedTabs,\n        getPanelId,\n        getTabId,\n        selected,\n        setSelected,\n        item,\n        getNext,\n        getPrevious,\n        getFirst,\n        getLast,\n        menuOpen,\n        itemAt,\n        getIndex,\n        sortItems,\n        removalVersion,\n        getRemovedItems,\n        selectionFromOverflowValueRef,\n      ],\n    );\n\n    return (\n      <TabsContext.Provider value={context}>\n        <div className={clsx(withBaseName(), className)} ref={ref} {...rest}>\n          {children}\n        </div>\n      </TabsContext.Provider>\n    );\n  },\n);\n"],"names":["makePrefixer","forwardRef","Tabs","useWindow","useComponentCssInjection","tabsCss","useState","useRenderedTabsRegistry","useCollection","useRef","useControlled","useCallback","useOverflowSelectionState","value","useMemo","TabsContext","clsx"],"mappings":"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"}

package/dist-cjs/tabs/internal/contexts/TabContext.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var React = require('react');
+var createContext = require('../../../utils/createContext.js');
+require('clsx');
+require('react/jsx-runtime');
+require('../../../utils/useFloatingUI/useFloatingUI.js');
+require('../../../utils/useId.js');
+require('../../../salt-provider/SaltProvider.js');
+require('../../../viewport/ViewportProvider.js');
+
+const TabContext = createContext.createContext("TabContext", {
+  focused: false,
+  selected: false,
+  disabled: false,
+  value: "",
+  actions: [],
+  registerAction: () => () => void 0
+});
+function useTab() {
+  return React.useContext(TabContext);
+}
+
+exports.TabContext = TabContext;
+exports.useTab = useTab;
+//# sourceMappingURL=TabContext.js.map

package/dist-cjs/tabs/internal/contexts/TabContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabContext.js","sources":["../src/tabs/internal/contexts/TabContext.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport { createContext } from \"../../../utils\";\n\ninterface TabContextValue {\n  tabId?: string;\n  focused: boolean;\n  selected: boolean;\n  value: string;\n  disabled: boolean;\n  actions: string[];\n  registerAction: (id: string) => () => void;\n}\n\nexport const TabContext = createContext<TabContextValue>(\"TabContext\", {\n  focused: false,\n  selected: false,\n  disabled: false,\n  value: \"\",\n  actions: [],\n  registerAction: () => () => undefined,\n});\n\nexport function useTab() {\n  return useContext(TabContext);\n}\n"],"names":["createContext","useContext"],"mappings":";;;;;;;;;;;AAaO,MAAM,UAAA,GAAaA,4BAA+B,YAAA,EAAc;AAAA,EACrE,OAAA,EAAS,KAAA;AAAA,EACT,QAAA,EAAU,KAAA;AAAA,EACV,QAAA,EAAU,KAAA;AAAA,EACV,KAAA,EAAO,EAAA;AAAA,EACP,SAAS,EAAC;AAAA,EACV,cAAA,EAAgB,MAAM,MAAM;AAC9B,CAAC;AAEM,SAAS,MAAA,GAAS;AACvB,EAAA,OAAOC,iBAAW,UAAU,CAAA;AAC9B;;;;;"}

package/dist-cjs/tabs/internal/contexts/TabListLayoutContext.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var React = require('react');
+var createContext = require('../../../utils/createContext.js');
+require('clsx');
+require('react/jsx-runtime');
+require('../../../utils/useFloatingUI/useFloatingUI.js');
+require('../../../utils/useId.js');
+require('../../../salt-provider/SaltProvider.js');
+require('../../../viewport/ViewportProvider.js');
+
+const TabListLayoutContext = createContext.createContext("TabListLayoutContext", null);
+function useTabListLayout() {
+  return React.useContext(TabListLayoutContext);
+}
+
+exports.TabListLayoutContext = TabListLayoutContext;
+exports.useTabListLayout = useTabListLayout;
+//# sourceMappingURL=TabListLayoutContext.js.map

package/dist-cjs/tabs/internal/contexts/TabListLayoutContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabListLayoutContext.js","sources":["../src/tabs/internal/contexts/TabListLayoutContext.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport { createContext } from \"../../../utils\";\n\nexport type TabSlotLocation = \"hidden\" | \"main\" | \"overflow\";\n\nexport interface TabListLayoutContextValue {\n  getLocation: (value: string) => TabSlotLocation;\n  overflowActiveValue: string | null;\n  setOverflowActiveValue: (value: string | null) => void;\n  moveOverflowFocus: (\n    key: \"ArrowDown\" | \"ArrowUp\" | \"Home\" | \"End\",\n    value: string,\n  ) => boolean;\n}\n\nexport const TabListLayoutContext =\n  createContext<TabListLayoutContextValue | null>(\"TabListLayoutContext\", null);\n\nexport function useTabListLayout() {\n  return useContext(TabListLayoutContext);\n}\n"],"names":["createContext","useContext"],"mappings":";;;;;;;;;;;AAeO,MAAM,oBAAA,GACXA,2BAAA,CAAgD,sBAAA,EAAwB,IAAI;AAEvE,SAAS,gBAAA,GAAmB;AACjC,EAAA,OAAOC,iBAAW,oBAAoB,CAAA;AACxC;;;;;"}

package/dist-cjs/tabs/internal/contexts/TabSlotRegistryContext.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var React = require('react');
+var createContext = require('../../../utils/createContext.js');
+require('clsx');
+require('react/jsx-runtime');
+require('../../../utils/useFloatingUI/useFloatingUI.js');
+require('../../../utils/useId.js');
+require('../../../salt-provider/SaltProvider.js');
+require('../../../viewport/ViewportProvider.js');
+
+const TabSlotRegistryContext = createContext.createContext(
+  "TabSlotRegistryContext",
+  null
+);
+function useTabSlotRegistry() {
+  return React.useContext(TabSlotRegistryContext);
+}
+
+exports.TabSlotRegistryContext = TabSlotRegistryContext;
+exports.useTabSlotRegistry = useTabSlotRegistry;
+//# sourceMappingURL=TabSlotRegistryContext.js.map

package/dist-cjs/tabs/internal/contexts/TabSlotRegistryContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabSlotRegistryContext.js","sources":["../src/tabs/internal/contexts/TabSlotRegistryContext.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport { createContext } from \"../../../utils\";\n\nexport interface TabSlotRegistryContextValue {\n  registerSlot: (slotId: string, element: HTMLDivElement | null) => void;\n}\n\nexport const TabSlotRegistryContext =\n  createContext<TabSlotRegistryContextValue | null>(\n    \"TabSlotRegistryContext\",\n    null,\n  );\n\nexport function useTabSlotRegistry() {\n  return useContext(TabSlotRegistryContext);\n}\n"],"names":["createContext","useContext"],"mappings":";;;;;;;;;;;AAOO,MAAM,sBAAA,GACXA,2BAAA;AAAA,EACE,wBAAA;AAAA,EACA;AACF;AAEK,SAAS,kBAAA,GAAqB;AACnC,EAAA,OAAOC,iBAAW,sBAAsB,CAAA;AAC1C;;;;;"}

package/dist-cjs/tabs/internal/contexts/TabsContext.js

@@ -0,0 +1,50 @@
+'use strict';
+
+var React = require('react');
+var createContext = require('../../../utils/createContext.js');
+require('clsx');
+require('react/jsx-runtime');
+require('../../../utils/useFloatingUI/useFloatingUI.js');
+require('../../../utils/useId.js');
+require('../../../salt-provider/SaltProvider.js');
+require('../../../viewport/ViewportProvider.js');
+
+const TabsContext = createContext.createContext("TabsContext", {
+  getFirst: () => null,
+  getLast: () => null,
+  getNext: () => null,
+  getPrevious: () => null,
+  item: () => null,
+  getIndex: () => -1,
+  itemAt: () => null,
+  sortItems: () => void 0,
+  renderMode: "inline",
+  registerBootstrapTab: () => () => void 0,
+  setBootstrapTabReady: () => void 0,
+  setBootstrapOverflowReady: () => void 0,
+  selected: void 0,
+  registerTab: () => () => void 0,
+  updateTab: () => void 0,
+  registerRenderedTab: () => () => void 0,
+  updateRenderedTab: () => void 0,
+  getRenderedTab: () => void 0,
+  getRenderedTabOrder: () => -1,
+  renderedTabs: [],
+  registerPanel: () => () => void 0,
+  getPanelId: () => void 0,
+  getTabId: () => void 0,
+  setSelected: () => void 0,
+  activeTab: { current: void 0 },
+  selectionFromOverflowValueRef: { current: null },
+  menuOpen: false,
+  setMenuOpen: () => void 0,
+  removalVersion: 0,
+  getRemovedItems: () => /* @__PURE__ */ new Map()
+});
+function useTabs() {
+  return React.useContext(TabsContext);
+}
+
+exports.TabsContext = TabsContext;
+exports.useTabs = useTabs;
+//# sourceMappingURL=TabsContext.js.map

package/dist-cjs/tabs/internal/contexts/TabsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsContext.js","sources":["../src/tabs/internal/contexts/TabsContext.tsx"],"sourcesContent":["import {\n  type Dispatch,\n  type MutableRefObject,\n  type SetStateAction,\n  type SyntheticEvent,\n  useContext,\n} from \"react\";\nimport { createContext } from \"../../../utils\";\nimport type { useCollection } from \"../registry/useCollection\";\n\nexport interface Item {\n  id: string;\n  value: string;\n  element: HTMLElement | null;\n  location?: \"hidden\" | \"main\" | \"overflow\";\n  order?: number;\n}\n\nexport interface RenderedTab {\n  host: HTMLDivElement;\n  id: string;\n  marker: HTMLElement | null;\n  root: HTMLElement | null;\n  trigger: HTMLButtonElement | null;\n  value: string;\n  width: number;\n}\n\nexport type TabsRenderMode = \"inline\" | \"portal\";\n\nexport interface TabsContextValue\n  extends Omit<\n    ReturnType<typeof useCollection>,\n    \"registerItem\" | \"updateItem\"\n  > {\n  renderMode: TabsRenderMode;\n  registerBootstrapTab: (value: string) => () => void;\n  setBootstrapTabReady: (value: string, ready: boolean) => void;\n  setBootstrapOverflowReady: (ready: boolean) => void;\n  registerTab: (item: Item) => () => void;\n  updateTab: (id: string, updates: Partial<Omit<Item, \"id\" | \"value\">>) => void;\n  registerRenderedTab: (tab: RenderedTab) => () => void;\n  updateRenderedTab: (\n    value: string,\n    updates: Partial<Omit<RenderedTab, \"value\">>,\n  ) => void;\n  getRenderedTab: (value: string) => RenderedTab | undefined;\n  getRenderedTabOrder: (value: string) => number;\n  renderedTabs: RenderedTab[];\n  registerPanel: (id: string, value: string) => () => void;\n  getPanelId: (value: string) => string | undefined;\n  getTabId: (value: string) => string | undefined;\n  selected?: string;\n  setSelected: (\n    event: SyntheticEvent | null,\n    value: string,\n    source?: \"main\" | \"overflow\",\n  ) => void;\n  activeTab: MutableRefObject<Pick<Item, \"id\" | \"value\"> | undefined>;\n  selectionFromOverflowValueRef: MutableRefObject<string | null>;\n  menuOpen: boolean;\n  setMenuOpen: Dispatch<SetStateAction<boolean>>;\n}\n\nexport const TabsContext = createContext<TabsContextValue>(\"TabsContext\", {\n  getFirst: () => null,\n  getLast: () => null,\n  getNext: () => null,\n  getPrevious: () => null,\n  item: () => null,\n  getIndex: () => -1,\n  itemAt: () => null,\n  sortItems: () => undefined,\n  renderMode: \"inline\",\n  registerBootstrapTab: () => () => undefined,\n  setBootstrapTabReady: () => undefined,\n  setBootstrapOverflowReady: () => undefined,\n  selected: undefined,\n  registerTab: () => () => undefined,\n  updateTab: () => undefined,\n  registerRenderedTab: () => () => undefined,\n  updateRenderedTab: () => undefined,\n  getRenderedTab: () => undefined,\n  getRenderedTabOrder: () => -1,\n  renderedTabs: [],\n  registerPanel: () => () => undefined,\n  getPanelId: () => undefined,\n  getTabId: () => undefined,\n  setSelected: () => undefined,\n  activeTab: { current: undefined },\n  selectionFromOverflowValueRef: { current: null },\n  menuOpen: false,\n  setMenuOpen: () => undefined,\n  removalVersion: 0,\n  getRemovedItems: () => new Map(),\n});\n\nexport function useTabs() {\n  return useContext(TabsContext);\n}\n"],"names":["createContext","useContext"],"mappings":";;;;;;;;;;;AAgEO,MAAM,WAAA,GAAcA,4BAAgC,aAAA,EAAe;AAAA,EACxE,UAAU,MAAM,IAAA;AAAA,EAChB,SAAS,MAAM,IAAA;AAAA,EACf,SAAS,MAAM,IAAA;AAAA,EACf,aAAa,MAAM,IAAA;AAAA,EACnB,MAAM,MAAM,IAAA;AAAA,EACZ,UAAU,MAAM,EAAA;AAAA,EAChB,QAAQ,MAAM,IAAA;AAAA,EACd,WAAW,MAAM,MAAA;AAAA,EACjB,UAAA,EAAY,QAAA;AAAA,EACZ,oBAAA,EAAsB,MAAM,MAAM,MAAA;AAAA,EAClC,sBAAsB,MAAM,MAAA;AAAA,EAC5B,2BAA2B,MAAM,MAAA;AAAA,EACjC,QAAA,EAAU,MAAA;AAAA,EACV,WAAA,EAAa,MAAM,MAAM,MAAA;AAAA,EACzB,WAAW,MAAM,MAAA;AAAA,EACjB,mBAAA,EAAqB,MAAM,MAAM,MAAA;AAAA,EACjC,mBAAmB,MAAM,MAAA;AAAA,EACzB,gBAAgB,MAAM,MAAA;AAAA,EACtB,qBAAqB,MAAM,EAAA;AAAA,EAC3B,cAAc,EAAC;AAAA,EACf,aAAA,EAAe,MAAM,MAAM,MAAA;AAAA,EAC3B,YAAY,MAAM,MAAA;AAAA,EAClB,UAAU,MAAM,MAAA;AAAA,EAChB,aAAa,MAAM,MAAA;AAAA,EACnB,SAAA,EAAW,EAAE,OAAA,EAAS,MAAA,EAAU;AAAA,EAChC,6BAAA,EAA+B,EAAE,OAAA,EAAS,IAAA,EAAK;AAAA,EAC/C,QAAA,EAAU,KAAA;AAAA,EACV,aAAa,MAAM,MAAA;AAAA,EACnB,cAAA,EAAgB,CAAA;AAAA,EAChB,eAAA,EAAiB,sBAAM,IAAI,GAAA;AAC7B,CAAC;AAEM,SAAS,OAAA,GAAU;AACxB,EAAA,OAAOC,iBAAW,WAAW,CAAA;AAC/B;;;;;"}

package/dist-cjs/tabs/internal/hooks/useFocusWithRetry.js

@@ -0,0 +1,64 @@
+'use strict';
+
+var React = require('react');
+
+function useFocusWithRetry({
+  maxAttempts = 120,
+  targetWindow
+}) {
+  const focusRafRef = React.useRef(null);
+  const cancelScheduledFocus = React.useCallback(() => {
+    if (focusRafRef.current != null && targetWindow) {
+      targetWindow.cancelAnimationFrame(focusRafRef.current);
+      focusRafRef.current = null;
+    }
+  }, [targetWindow]);
+  const focusElementWithRetry = React.useCallback(
+    (getElement) => {
+      var _a;
+      const doc = targetWindow == null ? void 0 : targetWindow.document;
+      if (!doc) {
+        (_a = getElement()) == null ? void 0 : _a.focus({ preventScroll: true });
+        return;
+      }
+      cancelScheduledFocus();
+      let attempts = 0;
+      const focusElement = () => {
+        const element = getElement();
+        if (!(element == null ? void 0 : element.isConnected)) {
+          if (attempts >= maxAttempts || !(targetWindow == null ? void 0 : targetWindow.requestAnimationFrame)) {
+            return;
+          }
+          attempts += 1;
+          focusRafRef.current = targetWindow.requestAnimationFrame(focusElement);
+          return;
+        }
+        element.focus({ preventScroll: true });
+        if (doc.activeElement === element || attempts >= maxAttempts) {
+          focusRafRef.current = null;
+          return;
+        }
+        attempts += 1;
+        if (targetWindow == null ? void 0 : targetWindow.requestAnimationFrame) {
+          focusRafRef.current = targetWindow.requestAnimationFrame(focusElement);
+        } else {
+          queueMicrotask(focusElement);
+        }
+      };
+      focusElement();
+    },
+    [cancelScheduledFocus, maxAttempts, targetWindow]
+  );
+  React.useEffect(() => {
+    return () => {
+      cancelScheduledFocus();
+    };
+  }, [cancelScheduledFocus]);
+  return {
+    cancelScheduledFocus,
+    focusElementWithRetry
+  };
+}
+
+exports.useFocusWithRetry = useFocusWithRetry;
+//# sourceMappingURL=useFocusWithRetry.js.map

package/dist-cjs/tabs/internal/hooks/useFocusWithRetry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusWithRetry.js","sources":["../src/tabs/internal/hooks/useFocusWithRetry.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from \"react\";\n\ninterface UseFocusWithRetryArgs {\n  maxAttempts?: number;\n  targetWindow: Window | null | undefined;\n}\n\nexport function useFocusWithRetry({\n  maxAttempts = 120,\n  targetWindow,\n}: UseFocusWithRetryArgs) {\n  const focusRafRef = useRef<number | null>(null);\n\n  const cancelScheduledFocus = useCallback(() => {\n    if (focusRafRef.current != null && targetWindow) {\n      targetWindow.cancelAnimationFrame(focusRafRef.current);\n      focusRafRef.current = null;\n    }\n  }, [targetWindow]);\n\n  const focusElementWithRetry = useCallback(\n    (getElement: () => HTMLElement | null | undefined) => {\n      const doc = targetWindow?.document;\n      if (!doc) {\n        getElement()?.focus({ preventScroll: true });\n        return;\n      }\n\n      cancelScheduledFocus();\n\n      let attempts = 0;\n\n      const focusElement = () => {\n        const element = getElement();\n        if (!element?.isConnected) {\n          if (attempts >= maxAttempts || !targetWindow?.requestAnimationFrame) {\n            return;\n          }\n\n          attempts += 1;\n          focusRafRef.current =\n            targetWindow.requestAnimationFrame(focusElement);\n          return;\n        }\n\n        element.focus({ preventScroll: true });\n\n        if (doc.activeElement === element || attempts >= maxAttempts) {\n          focusRafRef.current = null;\n          return;\n        }\n\n        attempts += 1;\n        if (targetWindow?.requestAnimationFrame) {\n          focusRafRef.current =\n            targetWindow.requestAnimationFrame(focusElement);\n        } else {\n          queueMicrotask(focusElement);\n        }\n      };\n\n      focusElement();\n    },\n    [cancelScheduledFocus, maxAttempts, targetWindow],\n  );\n\n  useEffect(() => {\n    return () => {\n      cancelScheduledFocus();\n    };\n  }, [cancelScheduledFocus]);\n\n  return {\n    cancelScheduledFocus,\n    focusElementWithRetry,\n  };\n}\n"],"names":["useRef","useCallback","useEffect"],"mappings":";;;;AAOO,SAAS,iBAAA,CAAkB;AAAA,EAChC,WAAA,GAAc,GAAA;AAAA,EACd;AACF,CAAA,EAA0B;AACxB,EAAA,MAAM,WAAA,GAAcA,aAAsB,IAAI,CAAA;AAE9C,EAAA,MAAM,oBAAA,GAAuBC,kBAAY,MAAM;AAC7C,IAAA,IAAI,WAAA,CAAY,OAAA,IAAW,IAAA,IAAQ,YAAA,EAAc;AAC/C,MAAA,YAAA,CAAa,oBAAA,CAAqB,YAAY,OAAO,CAAA;AACrD,MAAA,WAAA,CAAY,OAAA,GAAU,IAAA;AAAA,IACxB;AAAA,EACF,CAAA,EAAG,CAAC,YAAY,CAAC,CAAA;AAEjB,EAAA,MAAM,qBAAA,GAAwBA,iBAAA;AAAA,IAC5B,CAAC,UAAA,KAAqD;AArB1D,MAAA,IAAA,EAAA;AAsBM,MAAA,MAAM,MAAM,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAc,QAAA;AAC1B,MAAA,IAAI,CAAC,GAAA,EAAK;AACR,QAAA,CAAA,EAAA,GAAA,UAAA,EAAW,KAAX,IAAA,GAAA,MAAA,GAAA,EAAA,CAAc,KAAA,CAAM,EAAE,eAAe,IAAA,EAAK,CAAA;AAC1C,QAAA;AAAA,MACF;AAEA,MAAA,oBAAA,EAAqB;AAErB,MAAA,IAAI,QAAA,GAAW,CAAA;AAEf,MAAA,MAAM,eAAe,MAAM;AACzB,QAAA,MAAM,UAAU,UAAA,EAAW;AAC3B,QAAA,IAAI,EAAC,mCAAS,WAAA,CAAA,EAAa;AACzB,UAAA,IAAI,QAAA,IAAY,WAAA,IAAe,EAAC,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAc,qBAAA,CAAA,EAAuB;AACnE,YAAA;AAAA,UACF;AAEA,UAAA,QAAA,IAAY,CAAA;AACZ,UAAA,WAAA,CAAY,OAAA,GACV,YAAA,CAAa,qBAAA,CAAsB,YAAY,CAAA;AACjD,UAAA;AAAA,QACF;AAEA,QAAA,OAAA,CAAQ,KAAA,CAAM,EAAE,aAAA,EAAe,IAAA,EAAM,CAAA;AAErC,QAAA,IAAI,GAAA,CAAI,aAAA,KAAkB,OAAA,IAAW,QAAA,IAAY,WAAA,EAAa;AAC5D,UAAA,WAAA,CAAY,OAAA,GAAU,IAAA;AACtB,UAAA;AAAA,QACF;AAEA,QAAA,QAAA,IAAY,CAAA;AACZ,QAAA,IAAI,6CAAc,qBAAA,EAAuB;AACvC,UAAA,WAAA,CAAY,OAAA,GACV,YAAA,CAAa,qBAAA,CAAsB,YAAY,CAAA;AAAA,QACnD,CAAA,MAAO;AACL,UAAA,cAAA,CAAe,YAAY,CAAA;AAAA,QAC7B;AAAA,MACF,CAAA;AAEA,MAAA,YAAA,EAAa;AAAA,IACf,CAAA;AAAA,IACA,CAAC,oBAAA,EAAsB,WAAA,EAAa,YAAY;AAAA,GAClD;AAEA,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,OAAO,MAAM;AACX,MAAA,oBAAA,EAAqB;AAAA,IACvB,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,oBAAoB,CAAC,CAAA;AAEzB,EAAA,OAAO;AAAA,IACL,oBAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/dist-cjs/tabs/internal/hooks/useTabListRecovery.js

@@ -0,0 +1,76 @@
+'use strict';
+
+var React = require('react');
+var domUtils = require('../utils/domUtils.js');
+
+function useTabListRecovery({
+  removalVersion,
+  targetWindow,
+  tabstripRef,
+  overflowListRef,
+  handleTabRemoval,
+  pendingRemovalRecoveryRef,
+  pendingRemovalRecoveryRetriesRef
+}) {
+  React.useEffect(() => {
+    if (removalVersion < 1) {
+      return;
+    }
+    pendingRemovalRecoveryRef.current = true;
+    pendingRemovalRecoveryRetriesRef.current = 0;
+    const raf = targetWindow == null ? void 0 : targetWindow.requestAnimationFrame(() => {
+      handleTabRemoval();
+    });
+    return () => {
+      if (raf != null) {
+        targetWindow == null ? void 0 : targetWindow.cancelAnimationFrame(raf);
+      }
+    };
+  }, [
+    handleTabRemoval,
+    pendingRemovalRecoveryRef,
+    pendingRemovalRecoveryRetriesRef,
+    removalVersion,
+    targetWindow
+  ]);
+  React.useEffect(() => {
+    const isInTabList = (node) => {
+      var _a, _b;
+      if (!node) {
+        return false;
+      }
+      return (((_a = tabstripRef.current) == null ? void 0 : _a.contains(node)) ?? false) || (((_b = overflowListRef.current) == null ? void 0 : _b.contains(node)) ?? false);
+    };
+    const handleFocusOut = (event) => {
+      if (!pendingRemovalRecoveryRef.current) {
+        return;
+      }
+      const wasInTabList = domUtils.isHTMLElement(event.target) && isInTabList(event.target);
+      const stillInTabList = domUtils.isHTMLElement(event.relatedTarget) && isInTabList(event.relatedTarget);
+      if (wasInTabList && !stillInTabList) {
+        if (targetWindow == null ? void 0 : targetWindow.requestAnimationFrame) {
+          targetWindow.requestAnimationFrame(() => handleTabRemoval());
+        } else {
+          queueMicrotask(() => handleTabRemoval());
+        }
+      }
+    };
+    targetWindow == null ? void 0 : targetWindow.document.addEventListener("focusout", handleFocusOut, true);
+    return () => {
+      targetWindow == null ? void 0 : targetWindow.document.removeEventListener(
+        "focusout",
+        handleFocusOut,
+        true
+      );
+    };
+  }, [
+    handleTabRemoval,
+    overflowListRef,
+    pendingRemovalRecoveryRef,
+    tabstripRef,
+    targetWindow
+  ]);
+}
+
+exports.useTabListRecovery = useTabListRecovery;
+//# sourceMappingURL=useTabListRecovery.js.map

package/dist-cjs/tabs/internal/hooks/useTabListRecovery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTabListRecovery.js","sources":["../src/tabs/internal/hooks/useTabListRecovery.ts"],"sourcesContent":["import { type MutableRefObject, type RefObject, useEffect } from \"react\";\nimport { isHTMLElement } from \"../utils/domUtils\";\n\ninterface UseTabListRecoveryArgs {\n  removalVersion: number;\n  targetWindow: Window | null | undefined;\n  tabstripRef: RefObject<HTMLDivElement | null>;\n  overflowListRef: RefObject<HTMLDivElement | null>;\n  handleTabRemoval: () => void;\n  pendingRemovalRecoveryRef: MutableRefObject<boolean>;\n  pendingRemovalRecoveryRetriesRef: MutableRefObject<number>;\n}\n\nexport function useTabListRecovery({\n  removalVersion,\n  targetWindow,\n  tabstripRef,\n  overflowListRef,\n  handleTabRemoval,\n  pendingRemovalRecoveryRef,\n  pendingRemovalRecoveryRetriesRef,\n}: UseTabListRecoveryArgs) {\n  useEffect(() => {\n    if (removalVersion < 1) {\n      return;\n    }\n\n    pendingRemovalRecoveryRef.current = true;\n    pendingRemovalRecoveryRetriesRef.current = 0;\n\n    const raf = targetWindow?.requestAnimationFrame(() => {\n      handleTabRemoval();\n    });\n\n    return () => {\n      if (raf != null) {\n        targetWindow?.cancelAnimationFrame(raf);\n      }\n    };\n  }, [\n    handleTabRemoval,\n    pendingRemovalRecoveryRef,\n    pendingRemovalRecoveryRetriesRef,\n    removalVersion,\n    targetWindow,\n  ]);\n\n  useEffect(() => {\n    const isInTabList = (node: HTMLElement | null) => {\n      if (!node) {\n        return false;\n      }\n\n      return (\n        (tabstripRef.current?.contains(node) ?? false) ||\n        (overflowListRef.current?.contains(node) ?? false)\n      );\n    };\n\n    const handleFocusOut = (event: FocusEvent) => {\n      if (!pendingRemovalRecoveryRef.current) {\n        return;\n      }\n\n      const wasInTabList =\n        isHTMLElement(event.target) && isInTabList(event.target);\n      const stillInTabList =\n        isHTMLElement(event.relatedTarget) && isInTabList(event.relatedTarget);\n\n      if (wasInTabList && !stillInTabList) {\n        if (targetWindow?.requestAnimationFrame) {\n          targetWindow.requestAnimationFrame(() => handleTabRemoval());\n        } else {\n          queueMicrotask(() => handleTabRemoval());\n        }\n      }\n    };\n\n    targetWindow?.document.addEventListener(\"focusout\", handleFocusOut, true);\n\n    return () => {\n      targetWindow?.document.removeEventListener(\n        \"focusout\",\n        handleFocusOut,\n        true,\n      );\n    };\n  }, [\n    handleTabRemoval,\n    overflowListRef,\n    pendingRemovalRecoveryRef,\n    tabstripRef,\n    targetWindow,\n  ]);\n}\n"],"names":["useEffect","isHTMLElement"],"mappings":";;;;;AAaO,SAAS,kBAAA,CAAmB;AAAA,EACjC,cAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA,eAAA;AAAA,EACA,gBAAA;AAAA,EACA,yBAAA;AAAA,EACA;AACF,CAAA,EAA2B;AACzB,EAAAA,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,iBAAiB,CAAA,EAAG;AACtB,MAAA;AAAA,IACF;AAEA,IAAA,yBAAA,CAA0B,OAAA,GAAU,IAAA;AACpC,IAAA,gCAAA,CAAiC,OAAA,GAAU,CAAA;AAE3C,IAAA,MAAM,GAAA,GAAM,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAc,qBAAA,CAAsB,MAAM;AACpD,MAAA,gBAAA,EAAiB;AAAA,IACnB,CAAA,CAAA;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,OAAO,IAAA,EAAM;AACf,QAAA,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAc,oBAAA,CAAqB,GAAA,CAAA;AAAA,MACrC;AAAA,IACF,CAAA;AAAA,EACF,CAAA,EAAG;AAAA,IACD,gBAAA;AAAA,IACA,yBAAA;AAAA,IACA,gCAAA;AAAA,IACA,cAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAAA,eAAA,CAAU,MAAM;AACd,IAAA,MAAM,WAAA,GAAc,CAAC,IAAA,KAA6B;AAhDtD,MAAA,IAAA,EAAA,EAAA,EAAA;AAiDM,MAAA,IAAI,CAAC,IAAA,EAAM;AACT,QAAA,OAAO,KAAA;AAAA,MACT;AAEA,MAAA,OAAA,CAAA,CAAA,CACG,EAAA,GAAA,WAAA,CAAY,OAAA,KAAZ,IAAA,GAAA,MAAA,GAAA,EAAA,CAAqB,QAAA,CAAS,IAAA,CAAA,KAAS,aACvC,EAAA,GAAA,eAAA,CAAgB,OAAA,KAAhB,IAAA,GAAA,MAAA,GAAA,EAAA,CAAyB,QAAA,CAAS,IAAA,CAAA,KAAS,KAAA,CAAA;AAAA,IAEhD,CAAA;AAEA,IAAA,MAAM,cAAA,GAAiB,CAAC,KAAA,KAAsB;AAC5C,MAAA,IAAI,CAAC,0BAA0B,OAAA,EAAS;AACtC,QAAA;AAAA,MACF;AAEA,MAAA,MAAM,eACJC,sBAAA,CAAc,KAAA,CAAM,MAAM,CAAA,IAAK,WAAA,CAAY,MAAM,MAAM,CAAA;AACzD,MAAA,MAAM,iBACJA,sBAAA,CAAc,KAAA,CAAM,aAAa,CAAA,IAAK,WAAA,CAAY,MAAM,aAAa,CAAA;AAEvE,MAAA,IAAI,YAAA,IAAgB,CAAC,cAAA,EAAgB;AACnC,QAAA,IAAI,6CAAc,qBAAA,EAAuB;AACvC,UAAA,YAAA,CAAa,qBAAA,CAAsB,MAAM,gBAAA,EAAkB,CAAA;AAAA,QAC7D,CAAA,MAAO;AACL,UAAA,cAAA,CAAe,MAAM,kBAAkB,CAAA;AAAA,QACzC;AAAA,MACF;AAAA,IACF,CAAA;AAEA,IAAA,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAc,QAAA,CAAS,gBAAA,CAAiB,UAAA,EAAY,cAAA,EAAgB,IAAA,CAAA;AAEpE,IAAA,OAAO,MAAM;AACX,MAAA,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAc,QAAA,CAAS,mBAAA;AAAA,QACrB,UAAA;AAAA,QACA,cAAA;AAAA,QACA;AAAA,OAAA;AAAA,IAEJ,CAAA;AAAA,EACF,CAAA,EAAG;AAAA,IACD,gBAAA;AAAA,IACA,eAAA;AAAA,IACA,yBAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,GACD,CAAA;AACH;;;;"}