@salt-ds/lab 1.0.0-alpha.9 → 1.0.0-alpha.90

package/dist-cjs/tabs-next/hooks/useRenderedTabsRegistry.js

@@ -0,0 +1,200 @@
+'use strict';
+
+var core = require('@salt-ds/core');
+var react = require('react');
+var widthMeasurement = require('../widthMeasurement.js');
+
+function sortRenderedTabs(tabs) {
+  return [...tabs].sort((tabA, tabB) => {
+    if (tabA.marker === tabB.marker) {
+      return 0;
+    }
+    if (!tabA.marker || !tabB.marker) {
+      return 0;
+    }
+    const position = tabA.marker.compareDocumentPosition(tabB.marker);
+    if (position & Node.DOCUMENT_POSITION_FOLLOWING) {
+      return -1;
+    }
+    if (position & Node.DOCUMENT_POSITION_PRECEDING) {
+      return 1;
+    }
+    return 0;
+  });
+}
+function useRenderedTabsRegistry() {
+  const [renderedTabMap, setRenderedTabMap] = react.useState(
+    () => /* @__PURE__ */ new Map()
+  );
+  const [renderMode, setRenderMode] = react.useState("inline");
+  const [bootstrapTabs, setBootstrapTabs] = react.useState(() => /* @__PURE__ */ new Set());
+  const [readyBootstrapTabs, setReadyBootstrapTabs] = react.useState(
+    () => /* @__PURE__ */ new Set()
+  );
+  const [bootstrapOverflowReady, setBootstrapOverflowReadyState] = react.useState(false);
+  const registerBootstrapTab = react.useCallback((tabValue) => {
+    setBootstrapTabs((currentTabs) => {
+      if (currentTabs.has(tabValue)) {
+        return currentTabs;
+      }
+      const nextTabs = new Set(currentTabs);
+      nextTabs.add(tabValue);
+      return nextTabs;
+    });
+    return () => {
+      setBootstrapTabs((currentTabs) => {
+        if (!currentTabs.has(tabValue)) {
+          return currentTabs;
+        }
+        const nextTabs = new Set(currentTabs);
+        nextTabs.delete(tabValue);
+        return nextTabs;
+      });
+      setReadyBootstrapTabs((currentTabs) => {
+        if (!currentTabs.has(tabValue)) {
+          return currentTabs;
+        }
+        const nextTabs = new Set(currentTabs);
+        nextTabs.delete(tabValue);
+        return nextTabs;
+      });
+    };
+  }, []);
+  const setBootstrapTabReady = react.useCallback(
+    (tabValue, ready) => {
+      setReadyBootstrapTabs((currentTabs) => {
+        const hasTab = currentTabs.has(tabValue);
+        if (ready === hasTab) {
+          return currentTabs;
+        }
+        const nextTabs = new Set(currentTabs);
+        if (ready) {
+          nextTabs.add(tabValue);
+        } else {
+          nextTabs.delete(tabValue);
+        }
+        return nextTabs;
+      });
+    },
+    []
+  );
+  const setBootstrapOverflowReady = react.useCallback((ready) => {
+    setBootstrapOverflowReadyState((currentReady) => {
+      if (currentReady === ready) {
+        return currentReady;
+      }
+      return ready;
+    });
+  }, []);
+  core.useIsomorphicLayoutEffect(() => {
+    if (renderMode === "portal" || bootstrapTabs.size < 1) {
+      return;
+    }
+    if (!bootstrapOverflowReady) {
+      return;
+    }
+    for (const tabValue of bootstrapTabs) {
+      if (!readyBootstrapTabs.has(tabValue)) {
+        return;
+      }
+      const renderedTab = renderedTabMap.get(tabValue);
+      if (!renderedTab || widthMeasurement.getMeasuredWidth(renderedTab.root) <= 0) {
+        return;
+      }
+    }
+    setRenderMode("portal");
+  }, [
+    bootstrapOverflowReady,
+    bootstrapTabs,
+    readyBootstrapTabs,
+    renderMode,
+    renderedTabMap
+  ]);
+  const registerRenderedTab = react.useCallback((tab) => {
+    setRenderedTabMap((map) => {
+      const existing = map.get(tab.value);
+      if (process.env.NODE_ENV !== "production" && existing && existing.id !== tab.id) {
+        console.warn(
+          `TabsNext received duplicate tab value "${tab.value}". Tab values must be unique within a TabsNext instance.`
+        );
+      }
+      if (existing === tab) {
+        return map;
+      }
+      const next = new Map(map);
+      next.set(tab.value, tab);
+      return next;
+    });
+    return () => {
+      setRenderedTabMap((map) => {
+        const existing = map.get(tab.value);
+        if (!existing || existing.id !== tab.id) {
+          return map;
+        }
+        const next = new Map(map);
+        next.delete(tab.value);
+        return next;
+      });
+    };
+  }, []);
+  const updateRenderedTab = react.useCallback(
+    (value, updates) => {
+      setRenderedTabMap((map) => {
+        const existing = map.get(value);
+        if (!existing) {
+          return map;
+        }
+        let changed = false;
+        const nextRecord = { ...existing };
+        for (const [key, nextValue] of Object.entries(updates)) {
+          const typedKey = key;
+          if (nextRecord[typedKey] !== nextValue) {
+            changed = true;
+            nextRecord[typedKey] = nextValue;
+          }
+        }
+        if (!changed) {
+          return map;
+        }
+        const next = new Map(map);
+        next.set(value, nextRecord);
+        return next;
+      });
+    },
+    []
+  );
+  const getRenderedTab = react.useCallback(
+    (value) => {
+      return renderedTabMap.get(value);
+    },
+    [renderedTabMap]
+  );
+  const renderedTabs = react.useMemo(() => {
+    return sortRenderedTabs(Array.from(renderedTabMap.values()));
+  }, [renderedTabMap]);
+  const renderedTabOrderMap = react.useMemo(() => {
+    return new Map(
+      renderedTabs.map((tab, index) => [tab.value, index])
+    );
+  }, [renderedTabs]);
+  const getRenderedTabOrder = react.useCallback(
+    (value) => {
+      return renderedTabOrderMap.get(value) ?? -1;
+    },
+    [renderedTabOrderMap]
+  );
+  return {
+    renderMode,
+    registerBootstrapTab,
+    setBootstrapTabReady,
+    setBootstrapOverflowReady,
+    registerRenderedTab,
+    updateRenderedTab,
+    getRenderedTab,
+    getRenderedTabOrder,
+    renderedTabs
+  };
+}
+
+exports.useRenderedTabsRegistry = useRenderedTabsRegistry;
+//# sourceMappingURL=useRenderedTabsRegistry.js.map

package/dist-cjs/tabs-next/hooks/useRenderedTabsRegistry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRenderedTabsRegistry.js","sources":["../src/tabs-next/hooks/useRenderedTabsRegistry.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { useCallback, useMemo, useState } from \"react\";\nimport type { RenderedTab, TabsNextRenderMode } from \"../TabsNextContext\";\nimport { getMeasuredWidth } from \"../widthMeasurement\";\n\nfunction sortRenderedTabs(tabs: RenderedTab[]) {\n  return [...tabs].sort((tabA, tabB) => {\n    if (tabA.marker === tabB.marker) {\n      return 0;\n    }\n    if (!tabA.marker || !tabB.marker) {\n      return 0;\n    }\n\n    const position = tabA.marker.compareDocumentPosition(tabB.marker);\n    if (position & Node.DOCUMENT_POSITION_FOLLOWING) {\n      return -1;\n    }\n    if (position & Node.DOCUMENT_POSITION_PRECEDING) {\n      return 1;\n    }\n    return 0;\n  });\n}\n\nexport function useRenderedTabsRegistry() {\n  const [renderedTabMap, setRenderedTabMap] = useState(\n    () => new Map<string, RenderedTab>(),\n  );\n  const [renderMode, setRenderMode] = useState<TabsNextRenderMode>(\"inline\");\n  const [bootstrapTabs, setBootstrapTabs] = useState(() => new Set<string>());\n  const [readyBootstrapTabs, setReadyBootstrapTabs] = useState(\n    () => new Set<string>(),\n  );\n  const [bootstrapOverflowReady, setBootstrapOverflowReadyState] =\n    useState(false);\n\n  const registerBootstrapTab = useCallback((tabValue: string) => {\n    setBootstrapTabs((currentTabs) => {\n      if (currentTabs.has(tabValue)) {\n        return currentTabs;\n      }\n\n      const nextTabs = new Set(currentTabs);\n      nextTabs.add(tabValue);\n      return nextTabs;\n    });\n\n    return () => {\n      setBootstrapTabs((currentTabs) => {\n        if (!currentTabs.has(tabValue)) {\n          return currentTabs;\n        }\n\n        const nextTabs = new Set(currentTabs);\n        nextTabs.delete(tabValue);\n        return nextTabs;\n      });\n      setReadyBootstrapTabs((currentTabs) => {\n        if (!currentTabs.has(tabValue)) {\n          return currentTabs;\n        }\n\n        const nextTabs = new Set(currentTabs);\n        nextTabs.delete(tabValue);\n        return nextTabs;\n      });\n    };\n  }, []);\n\n  const setBootstrapTabReady = useCallback(\n    (tabValue: string, ready: boolean) => {\n      setReadyBootstrapTabs((currentTabs) => {\n        const hasTab = currentTabs.has(tabValue);\n        if (ready === hasTab) {\n          return currentTabs;\n        }\n\n        const nextTabs = new Set(currentTabs);\n        if (ready) {\n          nextTabs.add(tabValue);\n        } else {\n          nextTabs.delete(tabValue);\n        }\n        return nextTabs;\n      });\n    },\n    [],\n  );\n\n  const setBootstrapOverflowReady = useCallback((ready: boolean) => {\n    setBootstrapOverflowReadyState((currentReady) => {\n      if (currentReady === ready) {\n        return currentReady;\n      }\n\n      return ready;\n    });\n  }, []);\n\n  useIsomorphicLayoutEffect(() => {\n    if (renderMode === \"portal\" || bootstrapTabs.size < 1) {\n      return;\n    }\n\n    if (!bootstrapOverflowReady) {\n      return;\n    }\n\n    for (const tabValue of bootstrapTabs) {\n      if (!readyBootstrapTabs.has(tabValue)) {\n        return;\n      }\n\n      const renderedTab = renderedTabMap.get(tabValue);\n      if (!renderedTab || getMeasuredWidth(renderedTab.root) <= 0) {\n        return;\n      }\n    }\n\n    setRenderMode(\"portal\");\n  }, [\n    bootstrapOverflowReady,\n    bootstrapTabs,\n    readyBootstrapTabs,\n    renderMode,\n    renderedTabMap,\n  ]);\n\n  const registerRenderedTab = useCallback((tab: RenderedTab) => {\n    setRenderedTabMap((map) => {\n      const existing = map.get(tab.value);\n      if (\n        process.env.NODE_ENV !== \"production\" &&\n        existing &&\n        existing.id !== tab.id\n      ) {\n        console.warn(\n          `TabsNext received duplicate tab value \"${tab.value}\". Tab values must be unique within a TabsNext instance.`,\n        );\n      }\n\n      if (existing === tab) {\n        return map;\n      }\n\n      const next = new Map(map);\n      next.set(tab.value, tab);\n      return next;\n    });\n\n    return () => {\n      setRenderedTabMap((map) => {\n        const existing = map.get(tab.value);\n        if (!existing || existing.id !== tab.id) {\n          return map;\n        }\n\n        const next = new Map(map);\n        next.delete(tab.value);\n        return next;\n      });\n    };\n  }, []);\n\n  const updateRenderedTab = useCallback(\n    (value: string, updates: Partial<Omit<RenderedTab, \"value\">>) => {\n      setRenderedTabMap((map) => {\n        const existing = map.get(value);\n        if (!existing) {\n          return map;\n        }\n\n        let changed = false;\n        const nextRecord = { ...existing };\n        for (const [key, nextValue] of Object.entries(updates)) {\n          const typedKey = key as keyof Omit<RenderedTab, \"value\">;\n          if (nextRecord[typedKey] !== nextValue) {\n            changed = true;\n            nextRecord[typedKey] = nextValue as never;\n          }\n        }\n\n        if (!changed) {\n          return map;\n        }\n\n        const next = new Map(map);\n        next.set(value, nextRecord);\n        return next;\n      });\n    },\n    [],\n  );\n\n  const getRenderedTab = useCallback(\n    (value: string) => {\n      return renderedTabMap.get(value);\n    },\n    [renderedTabMap],\n  );\n\n  const renderedTabs = useMemo(() => {\n    return sortRenderedTabs(Array.from(renderedTabMap.values()));\n  }, [renderedTabMap]);\n\n  const renderedTabOrderMap = useMemo(() => {\n    return new Map(\n      renderedTabs.map((tab, index) => [tab.value, index] as const),\n    );\n  }, [renderedTabs]);\n\n  const getRenderedTabOrder = useCallback(\n    (value: string) => {\n      return renderedTabOrderMap.get(value) ?? -1;\n    },\n    [renderedTabOrderMap],\n  );\n\n  return {\n    renderMode,\n    registerBootstrapTab,\n    setBootstrapTabReady,\n    setBootstrapOverflowReady,\n    registerRenderedTab,\n    updateRenderedTab,\n    getRenderedTab,\n    getRenderedTabOrder,\n    renderedTabs,\n  };\n}\n"],"names":["useState","useCallback","useIsomorphicLayoutEffect","getMeasuredWidth","useMemo"],"mappings":"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"}

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

@@ -0,0 +1,76 @@
+'use strict';
+
+var react = require('react');
+var domUtils = require('../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-next/hooks/useTabListRecovery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTabListRecovery.js","sources":["../src/tabs-next/hooks/useTabListRecovery.ts"],"sourcesContent":["import { type MutableRefObject, type RefObject, useEffect } from \"react\";\nimport { isHTMLElement } from \"../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;;;;"}

package/dist-cjs/tabs-next/hooks/useTabRemovalHandler.js

@@ -0,0 +1,165 @@
+'use strict';
+
+var react = require('react');
+var useEventCallback = require('../../utils/useEventCallback.js');
+var domUtils = require('../domUtils.js');
+
+function hasLostDocumentFocus(doc) {
+  const activeElement = doc.activeElement;
+  return !activeElement || activeElement === doc.body || activeElement === doc.documentElement || !activeElement.isConnected;
+}
+function getVisibleSelectedTab(tabstrip, excludedId) {
+  if (!tabstrip) {
+    return null;
+  }
+  const tabs = tabstrip.querySelectorAll(
+    ':scope > [data-tabslot] [role="tab"][aria-selected="true"]'
+  );
+  return Array.from(tabs).find((tab) => {
+    if (excludedId && tab.id === excludedId) {
+      return false;
+    }
+    return tab.isConnected;
+  }) ?? null;
+}
+function useTabRemovalHandler({
+  activeTab,
+  focusElementWithRetry,
+  getFirst,
+  getIndex,
+  getLast,
+  getRemovedItems,
+  getRenderedTab,
+  getSelectedTabElement,
+  item,
+  itemAt,
+  maxRetryAttempts,
+  menuOpen,
+  overflowButtonRef,
+  overflowListRef,
+  pendingRemovalRecoveryRef,
+  pendingRemovalRecoveryRetriesRef,
+  removalRecoveryRafRef,
+  selected,
+  setSelected,
+  tabstripRef,
+  targetWindow
+}) {
+  const clearPendingRemovalRecovery = react.useCallback(() => {
+    pendingRemovalRecoveryRef.current = false;
+    pendingRemovalRecoveryRetriesRef.current = 0;
+  }, [pendingRemovalRecoveryRef, pendingRemovalRecoveryRetriesRef]);
+  const handleTabRemoval = useEventCallback.useEventCallback(() => {
+    var _a;
+    const doc = targetWindow == null ? void 0 : targetWindow.document;
+    if (!doc) return;
+    const activeTabWasSelected = ((_a = activeTab.current) == null ? void 0 : _a.value) === selected;
+    const shouldRecoverFocus = () => {
+      var _a2, _b;
+      if (hasLostDocumentFocus(doc)) return true;
+      const activeElement = doc.activeElement;
+      if (!domUtils.isHTMLElement(activeElement)) return false;
+      if (!menuOpen) {
+        if (activeElement === overflowButtonRef.current) {
+          return activeTabWasSelected;
+        }
+        return ((_a2 = tabstripRef.current) == null ? void 0 : _a2.contains(activeElement)) && activeElement.getAttribute("role") !== "tab";
+      }
+      if (activeElement === overflowButtonRef.current) {
+        return true;
+      }
+      if ((_b = overflowListRef.current) == null ? void 0 : _b.contains(activeElement)) {
+        return activeElement.getAttribute("role") !== "tab";
+      }
+      return false;
+    };
+    if (!shouldRecoverFocus()) {
+      if (pendingRemovalRecoveryRef.current && removalRecoveryRafRef.current == null) {
+        if (pendingRemovalRecoveryRetriesRef.current < maxRetryAttempts) {
+          pendingRemovalRecoveryRetriesRef.current += 1;
+          if (!(targetWindow == null ? void 0 : targetWindow.requestAnimationFrame)) {
+            handleTabRemoval();
+            return;
+          }
+          removalRecoveryRafRef.current = targetWindow.requestAnimationFrame(
+            () => {
+              removalRecoveryRafRef.current = null;
+              handleTabRemoval();
+            }
+          );
+        } else {
+          clearPendingRemovalRecovery();
+        }
+      }
+      return;
+    }
+    if (!activeTab.current) {
+      clearPendingRemovalRecovery();
+      return;
+    }
+    const removedItems = getRemovedItems();
+    const removed = removedItems.get(activeTab.current.id);
+    if (!removed) {
+      clearPendingRemovalRecovery();
+      return;
+    }
+    clearPendingRemovalRecovery();
+    const removedWasSelected = removed.value === selected;
+    const baseIndex = removed.staleIndex ?? -1;
+    const removedId = removed.id;
+    const restoreFocus = () => {
+      var _a2;
+      const restoredTab = item(removedId);
+      const restoredRenderedTab = getRenderedTab(removed.value);
+      const focusMovedToOverflowButton = doc.activeElement === overflowButtonRef.current;
+      if (((_a2 = restoredTab == null ? void 0 : restoredTab.element) == null ? void 0 : _a2.isConnected) && (restoredRenderedTab == null ? void 0 : restoredRenderedTab.trigger) === restoredTab.element && !(removedWasSelected && focusMovedToOverflowButton)) {
+        if (shouldRecoverFocus()) {
+          focusElementWithRetry(() => {
+            var _a3;
+            return (_a3 = item(removedId)) == null ? void 0 : _a3.element;
+          });
+        }
+        return;
+      }
+      if (!shouldRecoverFocus()) {
+        return;
+      }
+      let nextTab = (baseIndex >= 0 ? itemAt(baseIndex) : null) ?? (baseIndex > 0 ? itemAt(baseIndex - 1) : null) ?? getLast() ?? getFirst();
+      if ((nextTab == null ? void 0 : nextTab.element) === overflowButtonRef.current) {
+        const overflowIndex = getIndex(nextTab.id);
+        nextTab = (overflowIndex > 0 ? itemAt(overflowIndex - 1) : null) ?? (baseIndex > 0 ? itemAt(baseIndex - 1) : null) ?? getFirst();
+      }
+      if (!(nextTab == null ? void 0 : nextTab.element)) return;
+      if (removedWasSelected && !menuOpen && !getVisibleSelectedTab(tabstripRef.current, removedId)) {
+        activeTab.current = { id: nextTab.id, value: nextTab.value };
+        setSelected(null, nextTab.value);
+      }
+      focusElementWithRetry(() => {
+        if (removedWasSelected) {
+          return getSelectedTabElement() ?? (nextTab == null ? void 0 : nextTab.element);
+        }
+        return nextTab == null ? void 0 : nextTab.element;
+      });
+    };
+    if (!(targetWindow == null ? void 0 : targetWindow.requestAnimationFrame)) {
+      restoreFocus();
+      return;
+    }
+    targetWindow.requestAnimationFrame(() => {
+      targetWindow.requestAnimationFrame(() => {
+        restoreFocus();
+      });
+    });
+  });
+  react.useEffect(() => {
+    return () => {
+      if (removalRecoveryRafRef.current != null && targetWindow) {
+        targetWindow.cancelAnimationFrame(removalRecoveryRafRef.current);
+      }
+    };
+  }, [removalRecoveryRafRef, targetWindow]);
+  return handleTabRemoval;
+}
+
+exports.useTabRemovalHandler = useTabRemovalHandler;
+//# sourceMappingURL=useTabRemovalHandler.js.map

package/dist-cjs/tabs-next/hooks/useTabRemovalHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTabRemovalHandler.js","sources":["../src/tabs-next/hooks/useTabRemovalHandler.ts"],"sourcesContent":["import {\n  type MutableRefObject,\n  type RefObject,\n  useCallback,\n  useEffect,\n} from \"react\";\nimport { useEventCallback } from \"../../utils/useEventCallback\";\nimport { isHTMLElement } from \"../domUtils\";\nimport type { Item, TabsNextContextValue } from \"../TabsNextContext\";\n\ninterface RemovedItem {\n  id: string;\n  value: string;\n  staleIndex?: number;\n}\n\ninterface UseTabRemovalHandlerArgs {\n  activeTab: MutableRefObject<Pick<Item, \"id\" | \"value\"> | undefined>;\n  focusElementWithRetry: (\n    getElement: () => HTMLElement | null | undefined,\n  ) => void;\n  getFirst: TabsNextContextValue[\"getFirst\"];\n  getIndex: TabsNextContextValue[\"getIndex\"];\n  getLast: TabsNextContextValue[\"getLast\"];\n  getRemovedItems: () => Map<string, RemovedItem>;\n  getRenderedTab: TabsNextContextValue[\"getRenderedTab\"];\n  getSelectedTabElement: () => HTMLElement | null | undefined;\n  item: TabsNextContextValue[\"item\"];\n  itemAt: TabsNextContextValue[\"itemAt\"];\n  maxRetryAttempts: number;\n  menuOpen: boolean;\n  overflowButtonRef: RefObject<HTMLButtonElement | null>;\n  overflowListRef: RefObject<HTMLDivElement | null>;\n  pendingRemovalRecoveryRef: MutableRefObject<boolean>;\n  pendingRemovalRecoveryRetriesRef: MutableRefObject<number>;\n  removalRecoveryRafRef: MutableRefObject<number | null>;\n  selected?: string;\n  setSelected: TabsNextContextValue[\"setSelected\"];\n  tabstripRef: RefObject<HTMLDivElement | null>;\n  targetWindow: Window | null | undefined;\n}\n\nfunction hasLostDocumentFocus(doc: Document) {\n  const activeElement = doc.activeElement;\n  return (\n    !activeElement ||\n    activeElement === doc.body ||\n    activeElement === doc.documentElement ||\n    !activeElement.isConnected\n  );\n}\n\nfunction getVisibleSelectedTab(\n  tabstrip: HTMLDivElement | null,\n  excludedId?: string,\n) {\n  if (!tabstrip) {\n    return null;\n  }\n\n  const tabs = tabstrip.querySelectorAll<HTMLElement>(\n    ':scope > [data-tabslot] [role=\"tab\"][aria-selected=\"true\"]',\n  );\n\n  return (\n    Array.from(tabs).find((tab) => {\n      if (excludedId && tab.id === excludedId) {\n        return false;\n      }\n\n      return tab.isConnected;\n    }) ?? null\n  );\n}\n\nexport function useTabRemovalHandler({\n  activeTab,\n  focusElementWithRetry,\n  getFirst,\n  getIndex,\n  getLast,\n  getRemovedItems,\n  getRenderedTab,\n  getSelectedTabElement,\n  item,\n  itemAt,\n  maxRetryAttempts,\n  menuOpen,\n  overflowButtonRef,\n  overflowListRef,\n  pendingRemovalRecoveryRef,\n  pendingRemovalRecoveryRetriesRef,\n  removalRecoveryRafRef,\n  selected,\n  setSelected,\n  tabstripRef,\n  targetWindow,\n}: UseTabRemovalHandlerArgs) {\n  const clearPendingRemovalRecovery = useCallback(() => {\n    pendingRemovalRecoveryRef.current = false;\n    pendingRemovalRecoveryRetriesRef.current = 0;\n  }, [pendingRemovalRecoveryRef, pendingRemovalRecoveryRetriesRef]);\n\n  const handleTabRemoval = useEventCallback(() => {\n    const doc = targetWindow?.document;\n    if (!doc) return;\n\n    const activeTabWasSelected = activeTab.current?.value === selected;\n\n    const shouldRecoverFocus = () => {\n      if (hasLostDocumentFocus(doc)) return true;\n\n      const activeElement = doc.activeElement;\n      if (!isHTMLElement(activeElement)) return false;\n\n      if (!menuOpen) {\n        if (activeElement === overflowButtonRef.current) {\n          return activeTabWasSelected;\n        }\n\n        return (\n          tabstripRef.current?.contains(activeElement) &&\n          activeElement.getAttribute(\"role\") !== \"tab\"\n        );\n      }\n\n      if (activeElement === overflowButtonRef.current) {\n        return true;\n      }\n\n      if (overflowListRef.current?.contains(activeElement)) {\n        // When closing tabs from the overflow menu, focus can remain within\n        // the floating UI rather than falling back to body.\n        return activeElement.getAttribute(\"role\") !== \"tab\";\n      }\n\n      return false;\n    };\n\n    // If focus was lost due to deletion, browsers may report body/html or a\n    // disconnected active element depending on browser behavior.\n    if (!shouldRecoverFocus()) {\n      if (\n        pendingRemovalRecoveryRef.current &&\n        removalRecoveryRafRef.current == null\n      ) {\n        if (pendingRemovalRecoveryRetriesRef.current < maxRetryAttempts) {\n          pendingRemovalRecoveryRetriesRef.current += 1;\n          if (!targetWindow?.requestAnimationFrame) {\n            handleTabRemoval();\n            return;\n          }\n\n          removalRecoveryRafRef.current = targetWindow.requestAnimationFrame(\n            () => {\n              removalRecoveryRafRef.current = null;\n              handleTabRemoval();\n            },\n          );\n        } else {\n          clearPendingRemovalRecovery();\n        }\n      }\n      return;\n    }\n\n    if (!activeTab.current) {\n      clearPendingRemovalRecovery();\n      return;\n    }\n\n    const removedItems = getRemovedItems();\n    const removed = removedItems.get(activeTab.current.id);\n    if (!removed) {\n      clearPendingRemovalRecovery();\n      return;\n    }\n\n    clearPendingRemovalRecovery();\n    const removedWasSelected = removed.value === selected;\n    const baseIndex = removed.staleIndex ?? -1;\n    const removedId = removed.id;\n\n    const restoreFocus = () => {\n      const restoredTab = item(removedId);\n      const restoredRenderedTab = getRenderedTab(removed.value);\n      const focusMovedToOverflowButton =\n        doc.activeElement === overflowButtonRef.current;\n\n      // Overflow menu updates can temporarily remount tabs. If the tab is\n      // back and focus was lost to a disconnected node, restore focus to the\n      // remounted tab rather than treating it as a real deletion.\n      if (\n        restoredTab?.element?.isConnected &&\n        restoredRenderedTab?.trigger === restoredTab.element &&\n        !(removedWasSelected && focusMovedToOverflowButton)\n      ) {\n        if (shouldRecoverFocus()) {\n          focusElementWithRetry(() => item(removedId)?.element);\n        }\n        return;\n      }\n\n      if (!shouldRecoverFocus()) {\n        return;\n      }\n\n      let nextTab =\n        (baseIndex >= 0 ? itemAt(baseIndex) : null) ??\n        (baseIndex > 0 ? itemAt(baseIndex - 1) : null) ??\n        getLast() ??\n        getFirst();\n\n      if (nextTab?.element === overflowButtonRef.current) {\n        const overflowIndex = getIndex(nextTab.id);\n        nextTab =\n          (overflowIndex > 0 ? itemAt(overflowIndex - 1) : null) ??\n          (baseIndex > 0 ? itemAt(baseIndex - 1) : null) ??\n          getFirst();\n      }\n\n      if (!nextTab?.element) return;\n\n      if (\n        removedWasSelected &&\n        !menuOpen &&\n        !getVisibleSelectedTab(tabstripRef.current, removedId)\n      ) {\n        activeTab.current = { id: nextTab.id, value: nextTab.value };\n        setSelected(null, nextTab.value);\n      }\n\n      focusElementWithRetry(() => {\n        if (removedWasSelected) {\n          return getSelectedTabElement() ?? nextTab?.element;\n        }\n\n        return nextTab?.element;\n      });\n    };\n\n    if (!targetWindow?.requestAnimationFrame) {\n      restoreFocus();\n      return;\n    }\n\n    targetWindow.requestAnimationFrame(() => {\n      targetWindow.requestAnimationFrame(() => {\n        restoreFocus();\n      });\n    });\n  });\n\n  useEffect(() => {\n    return () => {\n      if (removalRecoveryRafRef.current != null && targetWindow) {\n        targetWindow.cancelAnimationFrame(removalRecoveryRafRef.current);\n      }\n    };\n  }, [removalRecoveryRafRef, targetWindow]);\n\n  return handleTabRemoval;\n}\n"],"names":["useCallback","useEventCallback","_a","isHTMLElement","useEffect"],"mappings":"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"}

package/dist-cjs/tabs-next/hooks/useTabSelectionFocus.js

@@ -0,0 +1,80 @@
+'use strict';
+
+var core = require('@salt-ds/core');
+var domAccessibilityApi = require('dom-accessibility-api');
+var react = require('react');
+
+function hasLostDocumentFocus(doc) {
+  const activeElement = doc.activeElement;
+  return !activeElement || activeElement === doc.body || activeElement === doc.documentElement || !activeElement.isConnected;
+}
+function getTabAccessibleName(element) {
+  return domAccessibilityApi.computeAccessibleName(element).trim();
+}
+function useTabSelectionFocus({
+  announce,
+  focusElementWithRetry,
+  getRenderedTab,
+  getSelectedTabElement,
+  menuOpen,
+  resolvedOverflowActiveValue,
+  selected,
+  selectionFromOverflowValueRef,
+  targetWindow
+}) {
+  const previousSelected = core.usePrevious(selected, [selected]);
+  const focusSelectedTab = react.useCallback(() => {
+    focusElementWithRetry(getSelectedTabElement);
+  }, [focusElementWithRetry, getSelectedTabElement]);
+  core.useIsomorphicLayoutEffect(() => {
+    if (!menuOpen || !resolvedOverflowActiveValue) {
+      return;
+    }
+    focusElementWithRetry(
+      () => {
+        var _a;
+        return (_a = getRenderedTab(resolvedOverflowActiveValue)) == null ? void 0 : _a.trigger;
+      }
+    );
+  }, [
+    focusElementWithRetry,
+    getRenderedTab,
+    menuOpen,
+    resolvedOverflowActiveValue
+  ]);
+  core.useIsomorphicLayoutEffect(() => {
+    const doc = targetWindow == null ? void 0 : targetWindow.document;
+    if (!doc || selected === void 0 || previousSelected === void 0 || selected === previousSelected) {
+      return;
+    }
+    if (!hasLostDocumentFocus(doc)) {
+      return;
+    }
+    focusSelectedTab();
+  }, [focusSelectedTab, previousSelected, selected, targetWindow]);
+  core.useIsomorphicLayoutEffect(() => {
+    const selectedFromOverflow = selectionFromOverflowValueRef.current;
+    if (selectedFromOverflow == null || selected === void 0 || selected === previousSelected) {
+      return;
+    }
+    if (selected !== selectedFromOverflow) {
+      selectionFromOverflowValueRef.current = null;
+      return;
+    }
+    focusSelectedTab();
+    const selectedTab = getSelectedTabElement();
+    const selectedTabName = selectedTab ? getTabAccessibleName(selectedTab) || selected : selected;
+    announce(`${selectedTabName} moved to main tab list`, 100);
+    selectionFromOverflowValueRef.current = null;
+  }, [
+    announce,
+    getSelectedTabElement,
+    previousSelected,
+    focusSelectedTab,
+    selected,
+    selectionFromOverflowValueRef
+  ]);
+}
+
+exports.useTabSelectionFocus = useTabSelectionFocus;
+//# sourceMappingURL=useTabSelectionFocus.js.map

package/dist-cjs/tabs-next/hooks/useTabSelectionFocus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTabSelectionFocus.js","sources":["../src/tabs-next/hooks/useTabSelectionFocus.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect, usePrevious } from \"@salt-ds/core\";\nimport { computeAccessibleName } from \"dom-accessibility-api\";\nimport type { MutableRefObject } from \"react\";\nimport { useCallback } from \"react\";\nimport type { TabsNextContextValue } from \"../TabsNextContext\";\n\nfunction hasLostDocumentFocus(doc: Document) {\n  const activeElement = doc.activeElement;\n  return (\n    !activeElement ||\n    activeElement === doc.body ||\n    activeElement === doc.documentElement ||\n    !activeElement.isConnected\n  );\n}\n\nfunction getTabAccessibleName(element: HTMLElement) {\n  return computeAccessibleName(element).trim();\n}\n\ninterface UseTabSelectionFocusArgs {\n  announce: (message: string, timeout?: number) => void;\n  focusElementWithRetry: (\n    getElement: () => HTMLElement | null | undefined,\n  ) => void;\n  getRenderedTab: TabsNextContextValue[\"getRenderedTab\"];\n  getSelectedTabElement: () => HTMLElement | null | undefined;\n  menuOpen: boolean;\n  resolvedOverflowActiveValue: string | null;\n  selected?: string;\n  selectionFromOverflowValueRef: MutableRefObject<string | null>;\n  targetWindow: Window | null | undefined;\n}\n\nexport function useTabSelectionFocus({\n  announce,\n  focusElementWithRetry,\n  getRenderedTab,\n  getSelectedTabElement,\n  menuOpen,\n  resolvedOverflowActiveValue,\n  selected,\n  selectionFromOverflowValueRef,\n  targetWindow,\n}: UseTabSelectionFocusArgs) {\n  const previousSelected = usePrevious(selected, [selected]);\n\n  const focusSelectedTab = useCallback(() => {\n    focusElementWithRetry(getSelectedTabElement);\n  }, [focusElementWithRetry, getSelectedTabElement]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!menuOpen || !resolvedOverflowActiveValue) {\n      return;\n    }\n\n    focusElementWithRetry(\n      () => getRenderedTab(resolvedOverflowActiveValue)?.trigger,\n    );\n  }, [\n    focusElementWithRetry,\n    getRenderedTab,\n    menuOpen,\n    resolvedOverflowActiveValue,\n  ]);\n\n  useIsomorphicLayoutEffect(() => {\n    const doc = targetWindow?.document;\n    if (\n      !doc ||\n      selected === undefined ||\n      previousSelected === undefined ||\n      selected === previousSelected\n    ) {\n      return;\n    }\n\n    if (!hasLostDocumentFocus(doc)) {\n      return;\n    }\n\n    focusSelectedTab();\n  }, [focusSelectedTab, previousSelected, selected, targetWindow]);\n\n  useIsomorphicLayoutEffect(() => {\n    const selectedFromOverflow = selectionFromOverflowValueRef.current;\n    if (\n      selectedFromOverflow == null ||\n      selected === undefined ||\n      selected === previousSelected\n    ) {\n      return;\n    }\n\n    if (selected !== selectedFromOverflow) {\n      selectionFromOverflowValueRef.current = null;\n      return;\n    }\n\n    focusSelectedTab();\n\n    const selectedTab = getSelectedTabElement();\n    const selectedTabName = selectedTab\n      ? getTabAccessibleName(selectedTab) || selected\n      : selected;\n\n    announce(`${selectedTabName} moved to main tab list`, 100);\n    selectionFromOverflowValueRef.current = null;\n  }, [\n    announce,\n    getSelectedTabElement,\n    previousSelected,\n    focusSelectedTab,\n    selected,\n    selectionFromOverflowValueRef,\n  ]);\n}\n"],"names":["computeAccessibleName","usePrevious","useCallback","useIsomorphicLayoutEffect"],"mappings":";;;;;;AAMA,SAAS,qBAAqB,GAAA,EAAe;AAC3C,EAAA,MAAM,gBAAgB,GAAA,CAAI,aAAA;AAC1B,EAAA,OACE,CAAC,iBACD,aAAA,KAAkB,GAAA,CAAI,QACtB,aAAA,KAAkB,GAAA,CAAI,eAAA,IACtB,CAAC,aAAA,CAAc,WAAA;AAEnB;AAEA,SAAS,qBAAqB,OAAA,EAAsB;AAClD,EAAA,OAAOA,yCAAA,CAAsB,OAAO,CAAA,CAAE,IAAA,EAAK;AAC7C;AAgBO,SAAS,oBAAA,CAAqB;AAAA,EACnC,QAAA;AAAA,EACA,qBAAA;AAAA,EACA,cAAA;AAAA,EACA,qBAAA;AAAA,EACA,QAAA;AAAA,EACA,2BAAA;AAAA,EACA,QAAA;AAAA,EACA,6BAAA;AAAA,EACA;AACF,CAAA,EAA6B;AAC3B,EAAA,MAAM,gBAAA,GAAmBC,gBAAA,CAAY,QAAA,EAAU,CAAC,QAAQ,CAAC,CAAA;AAEzD,EAAA,MAAM,gBAAA,GAAmBC,kBAAY,MAAM;AACzC,IAAA,qBAAA,CAAsB,qBAAqB,CAAA;AAAA,EAC7C,CAAA,EAAG,CAAC,qBAAA,EAAuB,qBAAqB,CAAC,CAAA;AAEjD,EAAAC,8BAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,CAAC,QAAA,IAAY,CAAC,2BAAA,EAA6B;AAC7C,MAAA;AAAA,IACF;AAEA,IAAA,qBAAA;AAAA,MACE,MAAG;AAzDT,QAAA,IAAA,EAAA;AAyDY,QAAA,OAAA,CAAA,EAAA,GAAA,cAAA,CAAe,2BAA2B,MAA1C,IAAA,GAAA,MAAA,GAAA,EAAA,CAA6C,OAAA;AAAA,MAAA;AAAA,KACrD;AAAA,EACF,CAAA,EAAG;AAAA,IACD,qBAAA;AAAA,IACA,cAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAAA,8BAAA,CAA0B,MAAM;AAC9B,IAAA,MAAM,MAAM,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAc,QAAA;AAC1B,IAAA,IACE,CAAC,GAAA,IACD,QAAA,KAAa,UACb,gBAAA,KAAqB,MAAA,IACrB,aAAa,gBAAA,EACb;AACA,MAAA;AAAA,IACF;AAEA,IAAA,IAAI,CAAC,oBAAA,CAAqB,GAAG,CAAA,EAAG;AAC9B,MAAA;AAAA,IACF;AAEA,IAAA,gBAAA,EAAiB;AAAA,EACnB,GAAG,CAAC,gBAAA,EAAkB,gBAAA,EAAkB,QAAA,EAAU,YAAY,CAAC,CAAA;AAE/D,EAAAA,8BAAA,CAA0B,MAAM;AAC9B,IAAA,MAAM,uBAAuB,6BAAA,CAA8B,OAAA;AAC3D,IAAA,IACE,oBAAA,IAAwB,IAAA,IACxB,QAAA,KAAa,MAAA,IACb,aAAa,gBAAA,EACb;AACA,MAAA;AAAA,IACF;AAEA,IAAA,IAAI,aAAa,oBAAA,EAAsB;AACrC,MAAA,6BAAA,CAA8B,OAAA,GAAU,IAAA;AACxC,MAAA;AAAA,IACF;AAEA,IAAA,gBAAA,EAAiB;AAEjB,IAAA,MAAM,cAAc,qBAAA,EAAsB;AAC1C,IAAA,MAAM,eAAA,GAAkB,WAAA,GACpB,oBAAA,CAAqB,WAAW,KAAK,QAAA,GACrC,QAAA;AAEJ,IAAA,QAAA,CAAS,CAAA,EAAG,eAAe,CAAA,uBAAA,CAAA,EAA2B,GAAG,CAAA;AACzD,IAAA,6BAAA,CAA8B,OAAA,GAAU,IAAA;AAAA,EAC1C,CAAA,EAAG;AAAA,IACD,QAAA;AAAA,IACA,qBAAA;AAAA,IACA,gBAAA;AAAA,IACA,gBAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,GACD,CAAA;AACH;;;;"}

package/dist-cjs/tabs-next/widthMeasurement.js

@@ -0,0 +1,42 @@
+'use strict';
+
+const WIDTH_EPSILON = 0.5;
+function getMeasuredWidth(element) {
+  if (!element) {
+    return 0;
+  }
+  const width = element.getBoundingClientRect().width;
+  return width || element.clientWidth || 0;
+}
+function getIntrinsicMeasuredWidth(element) {
+  if (!element) {
+    return 0;
+  }
+  const borderWidth = element.offsetWidth - element.clientWidth;
+  return Math.max(getMeasuredWidth(element), element.scrollWidth + borderWidth);
+}
+function getGapValue(styles) {
+  return Number.parseFloat(styles.columnGap || styles.gap || "0") || 0;
+}
+function seedWidthMap(elements) {
+  const widths = /* @__PURE__ */ new Map();
+  for (const element of elements) {
+    widths.set(element, getMeasuredWidth(element));
+  }
+  return widths;
+}
+function updateWidthMap(widths, element, nextWidth, epsilon = WIDTH_EPSILON) {
+  const previousWidth = widths.get(element);
+  widths.set(element, nextWidth);
+  if (previousWidth === void 0) {
+    return false;
+  }
+  return Math.abs(previousWidth - nextWidth) > epsilon;
+}
+
+exports.getGapValue = getGapValue;
+exports.getIntrinsicMeasuredWidth = getIntrinsicMeasuredWidth;
+exports.getMeasuredWidth = getMeasuredWidth;
+exports.seedWidthMap = seedWidthMap;
+exports.updateWidthMap = updateWidthMap;
+//# sourceMappingURL=widthMeasurement.js.map

package/dist-cjs/tabs-next/widthMeasurement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widthMeasurement.js","sources":["../src/tabs-next/widthMeasurement.ts"],"sourcesContent":["const WIDTH_EPSILON = 0.5;\n\nexport function getMeasuredWidth(element: HTMLElement | null | undefined) {\n  if (!element) {\n    return 0;\n  }\n\n  const width = element.getBoundingClientRect().width;\n  return width || element.clientWidth || 0;\n}\n\nexport function getIntrinsicMeasuredWidth(\n  element: HTMLElement | null | undefined,\n) {\n  if (!element) {\n    return 0;\n  }\n\n  const borderWidth = element.offsetWidth - element.clientWidth;\n  return Math.max(getMeasuredWidth(element), element.scrollWidth + borderWidth);\n}\n\nexport function getGapValue(styles: CSSStyleDeclaration) {\n  return Number.parseFloat(styles.columnGap || styles.gap || \"0\") || 0;\n}\n\nexport function seedWidthMap(elements: HTMLElement[]) {\n  const widths = new Map<HTMLElement, number>();\n  for (const element of elements) {\n    widths.set(element, getMeasuredWidth(element));\n  }\n  return widths;\n}\n\nexport function updateWidthMap(\n  widths: Map<HTMLElement, number>,\n  element: HTMLElement,\n  nextWidth: number,\n  epsilon = WIDTH_EPSILON,\n) {\n  const previousWidth = widths.get(element);\n  widths.set(element, nextWidth);\n\n  if (previousWidth === undefined) {\n    return false;\n  }\n\n  return Math.abs(previousWidth - nextWidth) > epsilon;\n}\n"],"names":[],"mappings":";;AAAA,MAAM,aAAA,GAAgB,GAAA;AAEf,SAAS,iBAAiB,OAAA,EAAyC;AACxE,EAAA,IAAI,CAAC,OAAA,EAAS;AACZ,IAAA,OAAO,CAAA;AAAA,EACT;AAEA,EAAA,MAAM,KAAA,GAAQ,OAAA,CAAQ,qBAAA,EAAsB,CAAE,KAAA;AAC9C,EAAA,OAAO,KAAA,IAAS,QAAQ,WAAA,IAAe,CAAA;AACzC;AAEO,SAAS,0BACd,OAAA,EACA;AACA,EAAA,IAAI,CAAC,OAAA,EAAS;AACZ,IAAA,OAAO,CAAA;AAAA,EACT;AAEA,EAAA,MAAM,WAAA,GAAc,OAAA,CAAQ,WAAA,GAAc,OAAA,CAAQ,WAAA;AAClD,EAAA,OAAO,KAAK,GAAA,CAAI,gBAAA,CAAiB,OAAO,CAAA,EAAG,OAAA,CAAQ,cAAc,WAAW,CAAA;AAC9E;AAEO,SAAS,YAAY,MAAA,EAA6B;AACvD,EAAA,OAAO,OAAO,UAAA,CAAW,MAAA,CAAO,aAAa,MAAA,CAAO,GAAA,IAAO,GAAG,CAAA,IAAK,CAAA;AACrE;AAEO,SAAS,aAAa,QAAA,EAAyB;AACpD,EAAA,MAAM,MAAA,uBAAa,GAAA,EAAyB;AAC5C,EAAA,KAAA,MAAW,WAAW,QAAA,EAAU;AAC9B,IAAA,MAAA,CAAO,GAAA,CAAI,OAAA,EAAS,gBAAA,CAAiB,OAAO,CAAC,CAAA;AAAA,EAC/C;AACA,EAAA,OAAO,MAAA;AACT;AAEO,SAAS,cAAA,CACd,MAAA,EACA,OAAA,EACA,SAAA,EACA,UAAU,aAAA,EACV;AACA,EAAA,MAAM,aAAA,GAAgB,MAAA,CAAO,GAAA,CAAI,OAAO,CAAA;AACxC,EAAA,MAAA,CAAO,GAAA,CAAI,SAAS,SAAS,CAAA;AAE7B,EAAA,IAAI,kBAAkB,MAAA,EAAW;AAC/B,IAAA,OAAO,KAAA;AAAA,EACT;AAEA,EAAA,OAAO,IAAA,CAAK,GAAA,CAAI,aAAA,GAAgB,SAAS,CAAA,GAAI,OAAA;AAC/C;;;;;;;;"}

package/dist-cjs/toast-group/ToastGroup.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var css_248z = ".saltToastGroup {\n  width: var(--toastGroup-width);\n  max-height: calc(100% - var(--salt-spacing-300) * 2);\n  margin: var(--salt-spacing-300) var(--salt-spacing-200) var(--salt-spacing-100) var(--salt-spacing-200);\n  overflow: auto;\n  display: flex-inline;\n  flex-direction: column;\n  position: fixed;\n  z-index: var(--salt-zIndex-flyover);\n}\n\n.saltToastGroup-bottom-right {\n  bottom: 0;\n  right: 0;\n  justify-content: flex-end;\n}\n\n.saltToastGroup-top-right {\n  top: 0;\n  right: 0;\n  justify-content: flex-start;\n}\n\n.salt-density-high {\n  --toastGroup-width: 210px;\n}\n\n.salt-density-medium {\n  --toastGroup-width: 260px;\n}\n\n.salt-density-low {\n  --toastGroup-width: 310px;\n}\n\n.salt-density-touch {\n  --toastGroup-width: 360px;\n}\n";
+
+module.exports = css_248z;
+//# sourceMappingURL=ToastGroup.css.js.map

package/dist-cjs/toast-group/ToastGroup.css.js.map

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