@react-md/core 6.5.0 → 6.5.1

package/dist/positioning/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/positioning/utils.ts"],"sourcesContent":["import { type PositionAnchor } from \"./types.js\";\n\n/** @internal */\nexport interface XCoordConfig {\n  xMargin: number;\n  elWidth: number;\n  initialX?: number;\n  containerRect: DOMRect;\n}\n\n/** @internal */\nexport interface YCoordConfig {\n  yMargin: number;\n  elHeight: number;\n  initialY?: number;\n  containerRect: DOMRect;\n}\n\ntype Left = number;\ntype Top = number;\n\n/**\n * Creates the `left` style value for an element that should be fixed to the\n * (outer) left of the container element. So the right bounds of the fixed\n * element will be equal to the left bounds of the container element (before the\n * xMargin is applied).\n *\n * @internal\n */\nexport function getLeftCoord({\n  xMargin,\n  elWidth,\n  initialX,\n  containerRect,\n}: XCoordConfig): Left {\n  return (initialX ?? containerRect.left) - elWidth - xMargin;\n}\n\n/**\n * Creates the `left` style value for an element that should be fixed to the\n * inner-left of the container element. So the left bounds of both the container\n * and fixed elements will overlap (before the xMargin is applied)\n *\n * @internal\n */\nexport function getInnerLeftCoord({\n  xMargin,\n  initialX,\n  containerRect,\n}: XCoordConfig): Left {\n  return (initialX ?? containerRect.left) + xMargin;\n}\n\n/**\n * Creates the `left` style value for an element that should be fixed to the\n * center of the container element. So the center point of the fixed element\n * should be the center point of the container element.\n *\n * Note: Unlike all the other horizontal positioning logic, the center position\n * does not use the xMargin.\n *\n * @internal\n */\nexport function getCenterXCoord({\n  elWidth,\n  initialX,\n  containerRect,\n}: XCoordConfig): Left {\n  const containerCenter = containerRect.width / 2;\n  const elementCenter = elWidth / 2;\n  return (initialX ?? containerRect.left + containerCenter) - elementCenter;\n}\n\n/**\n * Creates the `left` style value for an element that should be fixed to the\n * inner-right of the container element. So the right bounds for both the\n * container and fixed elements will overlap (before the xMargin is applied).\n *\n * @internal\n */\nexport function getInnerRightCoord({\n  xMargin,\n  elWidth,\n  initialX,\n  containerRect,\n}: XCoordConfig): Left {\n  return (\n    (initialX ?? containerRect.left + containerRect.width) - elWidth - xMargin\n  );\n}\n\n/**\n * Creates the `left` style value for an element that should be fixed to the\n * (outer) right of the container element. So the left bounds of the fixed\n * element will overlap with the right bounds of the container element (before\n * the xMargin is applied).\n *\n * @internal\n */\nexport function getRightCoord({\n  xMargin,\n  initialX,\n  containerRect,\n}: XCoordConfig): Left {\n  return (initialX ?? containerRect.left + containerRect.width) + xMargin;\n}\n\n/**\n * Creates the `top` style value for an element that should be fixed above the\n * container element. So the bottom bounds of the fixed element will overlap\n * with the top bounds of the container element (before the yMargin is applied).\n *\n * @internal\n */\nexport function getAboveCoord({\n  yMargin,\n  initialY,\n  elHeight,\n  containerRect,\n}: YCoordConfig): Top {\n  return (initialY ?? containerRect.top) - elHeight - yMargin;\n}\n\n/**\n * Creates the `top` style value for an element that should be fixed to the top\n * of the container element. So the top bounds for both the container and fixed\n * elements will overlap (before the yMargin is applied).\n *\n * @internal\n */\nexport function getTopCoord({\n  yMargin,\n  initialY,\n  containerRect,\n}: YCoordConfig): Top {\n  return (initialY ?? containerRect.top) + yMargin;\n}\n\n/**\n * Creates the `top` style value for an element that should be fixed vertically\n * centered relative to the container element. So the vertical center point for\n * the fixed element should overlap the vertical center point of the container\n * element.\n *\n * Note: Unlike all the other vertical positioning logic, the center position\n * does not use the yMargin.\n *\n * @internal\n */\nexport function getCenterYCoord({\n  yMargin,\n  elHeight,\n  initialY,\n  containerRect,\n}: YCoordConfig): Top {\n  const containerCenter = containerRect.height / 2;\n  const elementCenter = elHeight / 2;\n  return (\n    (initialY ?? containerRect.top + containerCenter + yMargin) - elementCenter\n  );\n}\n\n/**\n * Creates the `top` style value for an element that should be fixed to the\n * bottom of the container element. So the top bounds of the fixed element\n * should overlap the bottom bounds of the container element (before the yMargin\n * is applied).\n *\n * @internal\n */\nexport function getBottomCoord({\n  yMargin,\n  initialY,\n  elHeight,\n  containerRect,\n}: YCoordConfig): Top {\n  return (\n    (initialY ?? containerRect.top + containerRect.height) - elHeight - yMargin\n  );\n}\n\n/**\n * Creates the `top` style value for an element that should be fixed to the\n * bottom of the container element. So the bottom bounds of both the container\n * and fixed elements should overlap (before the yMargin is applied).\n *\n * @internal\n */\nexport function getBelowCoord({\n  yMargin,\n  initialY,\n  containerRect,\n}: YCoordConfig): Top {\n  return (initialY ?? containerRect.top + containerRect.height) + yMargin;\n}\n\n/**\n * @since 6.0.0\n * @internal\n */\nexport interface TransformOriginOptions extends PositionAnchor {\n  transformOriginY?: number;\n}\n\n/**\n * This is a simple util that'll generate a css `transform-origin` string so\n * that the fixed element can animate from the correct point based on the\n * provided anchor.\n *\n * @param options - The anchor that should be used to create the transform origin\n * for.\n * @returns the transform origin string\n * @internal\n */\nexport function getTransformOrigin(options: TransformOriginOptions): string {\n  const { transformOriginY: yPosition } = options;\n\n  let x = \"0\";\n  switch (options.x) {\n    case \"right\":\n    case \"inner-left\":\n      x = \"0\";\n      break;\n    case \"center\":\n      x = \"50%\";\n      break;\n    case \"left\":\n    case \"inner-right\":\n      x = \"100%\";\n      break;\n    default:\n      x = \"0\";\n  }\n\n  let y = \"0\";\n  if (typeof yPosition === \"number\") {\n    y = `${yPosition}px`;\n  } else {\n    switch (options.y) {\n      case \"above\":\n      case \"bottom\":\n        y = \"100%\";\n        break;\n      case \"center\":\n        y = \"50%\";\n        break;\n      case \"below\":\n      case \"top\":\n        y = \"0\";\n        break;\n      default:\n        y = \"0\";\n    }\n  }\n\n  return `${x} ${y}`;\n}\n\n/**\n * Attempts to find a sizing container based on the provided HTMLElement. By\n * default, the sizing element will just be the provided element unless:\n * - the item has a known role within react-md that can target known classes\n * - the item has a `data-sizing-selector` attribute that is a valid query\n *   selector for the nested item.\n *\n * NOTE: The `data-sizing-selector` will be run from the current element instead\n * of the `document`.\n *\n * @param el - The element to find a sizing container for.\n * @returns the sizing container relative to the provided element, or `null` if\n * none could be found.\n * @throws This error will be thrown if using the `data-query-selector` and the\n * query selector does not return an element on the page.\n * @internal\n */\nexport function findSizingContainer(\n  el: HTMLElement | null\n): HTMLElement | null {\n  if (!el) {\n    return null;\n  }\n\n  if (/(tree|list)item/.test(el.getAttribute(\"role\") || \"\")) {\n    const content = el.querySelector(\n      \".rmd-tree-item__content, .rmd-item-text\"\n    ) as HTMLElement;\n    if (content) {\n      return content;\n    }\n  } else if (el.getAttribute(\"type\") === \"file\") {\n    const label = document.querySelector<HTMLLabelElement>(`[for=\"${el.id}\"]`);\n    if (label) {\n      return label;\n    }\n  }\n\n  const data = el.getAttribute(\"data-sizing-selector\");\n  if (data) {\n    const content = el.querySelector(data) as HTMLElement;\n    if (content) {\n      return content;\n    }\n\n    if (process.env.NODE_ENV !== \"production\") {\n      throw new Error(\n        \"Unable to find a child element using the `data-sizing-selector`\"\n      );\n    }\n  }\n\n  return el;\n}\n\n/**\n * This util is used to get the \"true\" `element.getBoundingClientRect()` that\n * ensures that transitions using transforms don't mess up the sizing so that\n * position calculations are easier to do.\n *\n * @param element - The element to get a rect for.\n * @returns either a DOMRect for the element\n * @internal\n */\nexport function getElementRect(element: HTMLElement): DOMRect {\n  const cloned = element.cloneNode(true) as HTMLElement;\n  // remove the id so there won't be two elements with the same id on the page\n  cloned.removeAttribute(\"id\");\n\n  // remove the role just in case the role would alert screen readers once added\n  // to the dom\n  cloned.removeAttribute(\"role\");\n\n  // ensure the cloned node won't shift the page or be visible\n  cloned.style.position = \"fixed\";\n  cloned.style.visibility = \"hidden\";\n\n  // reset positioning to get a \"pure\" calculation. otherwise this will mess up\n  // the height and width if the element is able to line wrap.\n  cloned.style.left = \"\";\n  cloned.style.top = \"\";\n  cloned.style.right = \"\";\n  cloned.style.bottom = \"\";\n\n  // reset transforms so that custom animations don't mess with the sizing\n  cloned.style.transform = \"none\";\n\n  const parent = element.parentElement || document.body;\n  parent.appendChild(cloned);\n\n  const rect = cloned.getBoundingClientRect();\n  parent.removeChild(cloned);\n\n  return rect;\n}\n\n/**\n * @since 4.0.0\n * @internal\n */\ninterface IsWithinViewportOptions {\n  fixedElement: HTMLElement;\n  fixedToElement: HTMLElement;\n}\n\n/**\n * @since 4.0.0\n * @internal\n */\nexport function isWithinViewport(options: IsWithinViewportOptions): boolean {\n  const { fixedElement, fixedToElement } = options;\n  const fixedElementRect = fixedElement.getBoundingClientRect();\n  const fixedToElementRect = fixedToElement.getBoundingClientRect();\n  const vh = window.innerHeight;\n  const vw = window.innerWidth;\n  const top = Math.min(fixedElementRect.top, fixedToElementRect.top);\n  const right = Math.max(fixedElementRect.right, fixedToElementRect.right);\n  const bottom = Math.max(fixedElementRect.bottom, fixedToElementRect.bottom);\n  const left = Math.min(fixedElementRect.left, fixedToElementRect.left);\n\n  return bottom >= 0 && top <= vh && right >= 0 && left <= vw;\n}\n"],"names":["getLeftCoord","xMargin","elWidth","initialX","containerRect","left","getInnerLeftCoord","getCenterXCoord","containerCenter","width","elementCenter","getInnerRightCoord","getRightCoord","getAboveCoord","yMargin","initialY","elHeight","top","getTopCoord","getCenterYCoord","height","getBottomCoord","getBelowCoord","getTransformOrigin","options","transformOriginY","yPosition","x","y","findSizingContainer","el","test","getAttribute","content","querySelector","label","document","id","data","process","env","NODE_ENV","Error","getElementRect","element","cloned","cloneNode","removeAttribute","style","position","visibility","right","bottom","transform","parent","parentElement","body","appendChild","rect","getBoundingClientRect","removeChild","isWithinViewport","fixedElement","fixedToElement","fixedElementRect","fixedToElementRect","vh","window","innerHeight","vw","innerWidth","Math","min","max"],"mappings":"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"}
+{"version":3,"sources":["../../src/positioning/utils.ts"],"sourcesContent":["import { type PositionAnchor } from \"./types.js\";\n\n/** @internal */\nexport interface XCoordConfig {\n  xMargin: number;\n  elWidth: number;\n  initialX?: number;\n  containerRect: DOMRect;\n}\n\n/** @internal */\nexport interface YCoordConfig {\n  yMargin: number;\n  elHeight: number;\n  initialY?: number;\n  containerRect: DOMRect;\n}\n\ntype Left = number;\ntype Top = number;\n\n/**\n * Creates the `left` style value for an element that should be fixed to the\n * (outer) left of the container element. So the right bounds of the fixed\n * element will be equal to the left bounds of the container element (before the\n * xMargin is applied).\n *\n * @internal\n */\nexport function getLeftCoord({\n  xMargin,\n  elWidth,\n  initialX,\n  containerRect,\n}: XCoordConfig): Left {\n  return (initialX ?? containerRect.left) - elWidth - xMargin;\n}\n\n/**\n * Creates the `left` style value for an element that should be fixed to the\n * inner-left of the container element. So the left bounds of both the container\n * and fixed elements will overlap (before the xMargin is applied)\n *\n * @internal\n */\nexport function getInnerLeftCoord({\n  xMargin,\n  initialX,\n  containerRect,\n}: XCoordConfig): Left {\n  return (initialX ?? containerRect.left) + xMargin;\n}\n\n/**\n * Creates the `left` style value for an element that should be fixed to the\n * center of the container element. So the center point of the fixed element\n * should be the center point of the container element.\n *\n * Note: Unlike all the other horizontal positioning logic, the center position\n * does not use the xMargin.\n *\n * @internal\n */\nexport function getCenterXCoord({\n  elWidth,\n  initialX,\n  containerRect,\n}: XCoordConfig): Left {\n  const containerCenter = containerRect.width / 2;\n  const elementCenter = elWidth / 2;\n  return (initialX ?? containerRect.left + containerCenter) - elementCenter;\n}\n\n/**\n * Creates the `left` style value for an element that should be fixed to the\n * inner-right of the container element. So the right bounds for both the\n * container and fixed elements will overlap (before the xMargin is applied).\n *\n * @internal\n */\nexport function getInnerRightCoord({\n  xMargin,\n  elWidth,\n  initialX,\n  containerRect,\n}: XCoordConfig): Left {\n  return (\n    (initialX ?? containerRect.left + containerRect.width) - elWidth - xMargin\n  );\n}\n\n/**\n * Creates the `left` style value for an element that should be fixed to the\n * (outer) right of the container element. So the left bounds of the fixed\n * element will overlap with the right bounds of the container element (before\n * the xMargin is applied).\n *\n * @internal\n */\nexport function getRightCoord({\n  xMargin,\n  initialX,\n  containerRect,\n}: XCoordConfig): Left {\n  return (initialX ?? containerRect.left + containerRect.width) + xMargin;\n}\n\n/**\n * Creates the `top` style value for an element that should be fixed above the\n * container element. So the bottom bounds of the fixed element will overlap\n * with the top bounds of the container element (before the yMargin is applied).\n *\n * @internal\n */\nexport function getAboveCoord({\n  yMargin,\n  initialY,\n  elHeight,\n  containerRect,\n}: YCoordConfig): Top {\n  return (initialY ?? containerRect.top) - elHeight - yMargin;\n}\n\n/**\n * Creates the `top` style value for an element that should be fixed to the top\n * of the container element. So the top bounds for both the container and fixed\n * elements will overlap (before the yMargin is applied).\n *\n * @internal\n */\nexport function getTopCoord({\n  yMargin,\n  initialY,\n  containerRect,\n}: YCoordConfig): Top {\n  return (initialY ?? containerRect.top) + yMargin;\n}\n\n/**\n * Creates the `top` style value for an element that should be fixed vertically\n * centered relative to the container element. So the vertical center point for\n * the fixed element should overlap the vertical center point of the container\n * element.\n *\n * Note: Unlike all the other vertical positioning logic, the center position\n * does not use the yMargin.\n *\n * @internal\n */\nexport function getCenterYCoord({\n  yMargin,\n  elHeight,\n  initialY,\n  containerRect,\n}: YCoordConfig): Top {\n  const containerCenter = containerRect.height / 2;\n  const elementCenter = elHeight / 2;\n  return (\n    (initialY ?? containerRect.top + containerCenter + yMargin) - elementCenter\n  );\n}\n\n/**\n * Creates the `top` style value for an element that should be fixed to the\n * bottom of the container element. So the top bounds of the fixed element\n * should overlap the bottom bounds of the container element (before the yMargin\n * is applied).\n *\n * @internal\n */\nexport function getBottomCoord({\n  yMargin,\n  initialY,\n  elHeight,\n  containerRect,\n}: YCoordConfig): Top {\n  return (\n    (initialY ?? containerRect.top + containerRect.height) - elHeight - yMargin\n  );\n}\n\n/**\n * Creates the `top` style value for an element that should be fixed to the\n * bottom of the container element. So the bottom bounds of both the container\n * and fixed elements should overlap (before the yMargin is applied).\n *\n * @internal\n */\nexport function getBelowCoord({\n  yMargin,\n  initialY,\n  containerRect,\n}: YCoordConfig): Top {\n  return (initialY ?? containerRect.top + containerRect.height) + yMargin;\n}\n\n/**\n * @since 6.0.0\n * @internal\n */\nexport interface TransformOriginOptions extends PositionAnchor {\n  transformOriginY?: number;\n}\n\n/**\n * This is a simple util that'll generate a css `transform-origin` string so\n * that the fixed element can animate from the correct point based on the\n * provided anchor.\n *\n * @param options - The anchor that should be used to create the transform origin\n * for.\n * @returns the transform origin string\n * @internal\n */\nexport function getTransformOrigin(options: TransformOriginOptions): string {\n  const { transformOriginY: yPosition } = options;\n\n  let x = \"0\";\n  switch (options.x) {\n    case \"right\":\n    case \"inner-left\":\n      x = \"0\";\n      break;\n    case \"center\":\n      x = \"50%\";\n      break;\n    case \"left\":\n    case \"inner-right\":\n      x = \"100%\";\n      break;\n    default:\n      x = \"0\";\n  }\n\n  let y = \"0\";\n  if (typeof yPosition === \"number\") {\n    y = `${yPosition}px`;\n  } else {\n    switch (options.y) {\n      case \"above\":\n      case \"bottom\":\n        y = \"100%\";\n        break;\n      case \"center\":\n        y = \"50%\";\n        break;\n      case \"below\":\n      case \"top\":\n        y = \"0\";\n        break;\n      default:\n        y = \"0\";\n    }\n  }\n\n  return `${x} ${y}`;\n}\n\n/**\n * Attempts to find a sizing container based on the provided HTMLElement. By\n * default, the sizing element will just be the provided element unless:\n * - the item has a known role within react-md that can target known classes\n * - the item has a `data-sizing-selector` attribute that is a valid query\n *   selector for the nested item.\n *\n * NOTE: The `data-sizing-selector` will be run from the current element instead\n * of the `document`.\n *\n * @param el - The element to find a sizing container for.\n * @returns the sizing container relative to the provided element, or `null` if\n * none could be found.\n * @throws This error will be thrown if using the `data-query-selector` and the\n * query selector does not return an element on the page.\n * @internal\n */\nexport function findSizingContainer(\n  el: HTMLElement | null\n): HTMLElement | null {\n  if (!el) {\n    return null;\n  }\n\n  if (/(tree|list)item/.test(el.getAttribute(\"role\") || \"\")) {\n    const content = el.querySelector(\n      \".rmd-tree-item__content, .rmd-item-text\"\n    ) as HTMLElement;\n    if (content) {\n      return content;\n    }\n  } else if (el.getAttribute(\"type\") === \"file\") {\n    const label = document.querySelector<HTMLLabelElement>(`[for=\"${el.id}\"]`);\n    if (label) {\n      return label;\n    }\n  }\n\n  const data = el.dataset.sizingSelector;\n  if (data) {\n    const content = el.querySelector(data) as HTMLElement;\n    if (content) {\n      return content;\n    }\n\n    if (process.env.NODE_ENV !== \"production\") {\n      throw new Error(\n        \"Unable to find a child element using the `data-sizing-selector`\"\n      );\n    }\n  }\n\n  return el;\n}\n\n/**\n * This util is used to get the \"true\" `element.getBoundingClientRect()` that\n * ensures that transitions using transforms don't mess up the sizing so that\n * position calculations are easier to do.\n *\n * @param element - The element to get a rect for.\n * @returns either a DOMRect for the element\n * @internal\n */\nexport function getElementRect(element: HTMLElement): DOMRect {\n  const cloned = element.cloneNode(true) as HTMLElement;\n  // remove the id so there won't be two elements with the same id on the page\n  cloned.removeAttribute(\"id\");\n\n  // remove the role just in case the role would alert screen readers once added\n  // to the dom\n  cloned.removeAttribute(\"role\");\n\n  // ensure the cloned node won't shift the page or be visible\n  cloned.style.position = \"fixed\";\n  cloned.style.visibility = \"hidden\";\n\n  // reset positioning to get a \"pure\" calculation. otherwise this will mess up\n  // the height and width if the element is able to line wrap.\n  cloned.style.left = \"\";\n  cloned.style.top = \"\";\n  cloned.style.right = \"\";\n  cloned.style.bottom = \"\";\n\n  // reset transforms so that custom animations don't mess with the sizing\n  cloned.style.transform = \"none\";\n\n  const parent = element.parentElement || document.body;\n  parent.append(cloned);\n\n  const rect = cloned.getBoundingClientRect();\n  cloned.remove();\n\n  return rect;\n}\n\n/**\n * @since 4.0.0\n * @internal\n */\ninterface IsWithinViewportOptions {\n  fixedElement: HTMLElement;\n  fixedToElement: HTMLElement;\n}\n\n/**\n * @since 4.0.0\n * @internal\n */\nexport function isWithinViewport(options: IsWithinViewportOptions): boolean {\n  const { fixedElement, fixedToElement } = options;\n  const fixedElementRect = fixedElement.getBoundingClientRect();\n  const fixedToElementRect = fixedToElement.getBoundingClientRect();\n  const vh = window.innerHeight;\n  const vw = window.innerWidth;\n  const top = Math.min(fixedElementRect.top, fixedToElementRect.top);\n  const right = Math.max(fixedElementRect.right, fixedToElementRect.right);\n  const bottom = Math.max(fixedElementRect.bottom, fixedToElementRect.bottom);\n  const left = Math.min(fixedElementRect.left, fixedToElementRect.left);\n\n  return bottom >= 0 && top <= vh && right >= 0 && left <= vw;\n}\n"],"names":["getLeftCoord","xMargin","elWidth","initialX","containerRect","left","getInnerLeftCoord","getCenterXCoord","containerCenter","width","elementCenter","getInnerRightCoord","getRightCoord","getAboveCoord","yMargin","initialY","elHeight","top","getTopCoord","getCenterYCoord","height","getBottomCoord","getBelowCoord","getTransformOrigin","options","transformOriginY","yPosition","x","y","findSizingContainer","el","test","getAttribute","content","querySelector","label","document","id","data","dataset","sizingSelector","process","env","NODE_ENV","Error","getElementRect","element","cloned","cloneNode","removeAttribute","style","position","visibility","right","bottom","transform","parent","parentElement","body","append","rect","getBoundingClientRect","remove","isWithinViewport","fixedElement","fixedToElement","fixedElementRect","fixedToElementRect","vh","window","innerHeight","vw","innerWidth","Math","min","max"],"mappings":"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"}

package/dist/scroll/getScrollbarWidth.js

@@ -2,7 +2,7 @@ let cache;
 /**
  * @internal
  */ export function getScrollbarWidth(force = false) {
-    /* istanbul ignore if */ if (typeof window === "undefined") {
+    /* istanbul ignore if */ if (globalThis.window === undefined) {
         return 0;
     }
     let value = cache;
@@ -12,14 +12,14 @@ let cache;
     const outer = document.createElement("div");
     outer.style.visibility = "hidden";
     outer.style.overflow = "scroll";
-    document.body.appendChild(outer);
+    document.body.append(outer);
     const inner = document.createElement("div");
-    outer.appendChild(inner);
+    outer.append(inner);
     // the scrollbar width can be determined by comparing the width of the parent
     // element that has scrollbars to the child element that does not.
     value = outer.offsetWidth - inner.offsetWidth;
     cache = value;
-    document.body.removeChild(outer);
+    outer.remove();
     return value;
 }
 

package/dist/scroll/getScrollbarWidth.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/scroll/getScrollbarWidth.ts"],"sourcesContent":["let cache: number | undefined;\n\n/**\n * @internal\n */\nexport function getScrollbarWidth(force = false): number {\n  /* istanbul ignore if */\n  if (typeof window === \"undefined\") {\n    return 0;\n  }\n\n  let value = cache;\n  if (!force && typeof value === \"number\") {\n    return value;\n  }\n\n  const outer = document.createElement(\"div\");\n  outer.style.visibility = \"hidden\";\n  outer.style.overflow = \"scroll\";\n  document.body.appendChild(outer);\n\n  const inner = document.createElement(\"div\");\n  outer.appendChild(inner);\n\n  // the scrollbar width can be determined by comparing the width of the parent\n  // element that has scrollbars to the child element that does not.\n  value = outer.offsetWidth - inner.offsetWidth;\n  cache = value;\n  document.body.removeChild(outer);\n\n  return value;\n}\n"],"names":["cache","getScrollbarWidth","force","window","value","outer","document","createElement","style","visibility","overflow","body","appendChild","inner","offsetWidth","removeChild"],"mappings":"AAAA,IAAIA;AAEJ;;CAEC,GACD,OAAO,SAASC,kBAAkBC,QAAQ,KAAK;IAC7C,sBAAsB,GACtB,IAAI,OAAOC,WAAW,aAAa;QACjC,OAAO;IACT;IAEA,IAAIC,QAAQJ;IACZ,IAAI,CAACE,SAAS,OAAOE,UAAU,UAAU;QACvC,OAAOA;IACT;IAEA,MAAMC,QAAQC,SAASC,aAAa,CAAC;IACrCF,MAAMG,KAAK,CAACC,UAAU,GAAG;IACzBJ,MAAMG,KAAK,CAACE,QAAQ,GAAG;IACvBJ,SAASK,IAAI,CAACC,WAAW,CAACP;IAE1B,MAAMQ,QAAQP,SAASC,aAAa,CAAC;IACrCF,MAAMO,WAAW,CAACC;IAElB,6EAA6E;IAC7E,kEAAkE;IAClET,QAAQC,MAAMS,WAAW,GAAGD,MAAMC,WAAW;IAC7Cd,QAAQI;IACRE,SAASK,IAAI,CAACI,WAAW,CAACV;IAE1B,OAAOD;AACT"}
+{"version":3,"sources":["../../src/scroll/getScrollbarWidth.ts"],"sourcesContent":["let cache: number | undefined;\n\n/**\n * @internal\n */\nexport function getScrollbarWidth(force = false): number {\n  /* istanbul ignore if */\n  if (globalThis.window === undefined) {\n    return 0;\n  }\n\n  let value = cache;\n  if (!force && typeof value === \"number\") {\n    return value;\n  }\n\n  const outer = document.createElement(\"div\");\n  outer.style.visibility = \"hidden\";\n  outer.style.overflow = \"scroll\";\n  document.body.append(outer);\n\n  const inner = document.createElement(\"div\");\n  outer.append(inner);\n\n  // the scrollbar width can be determined by comparing the width of the parent\n  // element that has scrollbars to the child element that does not.\n  value = outer.offsetWidth - inner.offsetWidth;\n  cache = value;\n  outer.remove();\n\n  return value;\n}\n"],"names":["cache","getScrollbarWidth","force","globalThis","window","undefined","value","outer","document","createElement","style","visibility","overflow","body","append","inner","offsetWidth","remove"],"mappings":"AAAA,IAAIA;AAEJ;;CAEC,GACD,OAAO,SAASC,kBAAkBC,QAAQ,KAAK;IAC7C,sBAAsB,GACtB,IAAIC,WAAWC,MAAM,KAAKC,WAAW;QACnC,OAAO;IACT;IAEA,IAAIC,QAAQN;IACZ,IAAI,CAACE,SAAS,OAAOI,UAAU,UAAU;QACvC,OAAOA;IACT;IAEA,MAAMC,QAAQC,SAASC,aAAa,CAAC;IACrCF,MAAMG,KAAK,CAACC,UAAU,GAAG;IACzBJ,MAAMG,KAAK,CAACE,QAAQ,GAAG;IACvBJ,SAASK,IAAI,CAACC,MAAM,CAACP;IAErB,MAAMQ,QAAQP,SAASC,aAAa,CAAC;IACrCF,MAAMO,MAAM,CAACC;IAEb,6EAA6E;IAC7E,kEAAkE;IAClET,QAAQC,MAAMS,WAAW,GAAGD,MAAMC,WAAW;IAC7ChB,QAAQM;IACRC,MAAMU,MAAM;IAEZ,OAAOX;AACT"}

package/dist/searching/fuzzy.js

@@ -34,8 +34,9 @@ import { defaultExtractor, search } from "./utils.js";
  * @since 6.0.0
  * @see {@link fuzzySearch}
  */ export function createFuzzyRegExp(query) {
-    return new RegExp(query.split("").join("\\w*").replace(/(\(|\||\)|\\(?!w\*)|\[|\|-|\.|\^|\+|\$|\?|^(?!w)\*)/g, "\\$1")// Couldn't get the matching of two '*' working, so replace them here..
-    .replace(/\*\*/g, "*\\*"), "i");
+    return new RegExp(query// eslint-disable-next-line unicorn/prefer-spread
+    .split("").join(String.raw`\w*`).replaceAll(/(\(|\||\)|\\(?!w\*)|\[|\|-|\.|\^|\+|\$|\?|^(?!w)\*)/g, String.raw`\$1`)// Couldn't get the matching of two '*' working, so replace them here..
+    .replaceAll("**", String.raw`*\*`), "i");
 }
 export function fuzzySearch(options) {
     const { list, type = "filter", query, extractor = DEFAULT_EXTRACTOR, whitespace } = options;

package/dist/searching/fuzzy.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/searching/fuzzy.ts"],"sourcesContent":["import { type AutomaticTextExtraction, type TextExtractor } from \"../types.js\";\nimport { type BaseSearchOptions } from \"./types.js\";\nimport { defaultExtractor, search } from \"./utils.js\";\n\n/**\n * @since 6.2.0\n * @internal\n */\nconst DEFAULT_EXTRACTOR = defaultExtractor(\"fuzzySearch\");\n\n/**\n * @example\n * ```tsx\n * import { createFuzzyRegExp } from \"@react-md/core/searching/fuzzy\":\n * import { toSearchQuery } from \"@react-md/core/searching/toSearchQuery\":\n * import { useDeferredValue, useMemo, useState, type ReactElement } from \"react\";\n *\n * function Example(): ReactElement {\n *   const [value, setValue] = useState(\"\");\n *   const deferredValue = useDeferredValue(value)\n *\n *   const match = useMemo(() => {\n *     const query = toSearchQuery(deferredValue);\n *     if (!query) {\n *       return;\n *     }\n *\n *     const fuzzyRegExp = createFuzzyRegExp(query);\n *     return options.find(option => fuzzyRegExp.test(option.label)):\n *   }, [options])\n *\n *   if (match) {\n *     // do something\n *   }\n * }\n *\n * ```\n *\n * @since 6.0.0\n * @see {@link fuzzySearch}\n */\nexport function createFuzzyRegExp(query: string): RegExp {\n  return new RegExp(\n    query\n      .split(\"\")\n      .join(\"\\\\w*\")\n      .replace(/(\\(|\\||\\)|\\\\(?!w\\*)|\\[|\\|-|\\.|\\^|\\+|\\$|\\?|^(?!w)\\*)/g, \"\\\\$1\")\n      // Couldn't get the matching of two '*' working, so replace them here..\n      .replace(/\\*\\*/g, \"*\\\\*\"),\n    \"i\"\n  );\n}\n\n/**\n * @since 6.0.0\n */\nexport type FuzzySearchOptions<T> = BaseSearchOptions<T>;\n\n/**\n * Filters a list by making sure that all the letters appear in order ignoring\n * case, punctuation, whitespace, and special characters. This is kind of the\n * same filtering that appears in text editors.\n *\n * @example Simple Example\n * ```ts\n * const list = [\n *   \"at\",\n *   \"charAt\",\n *   \"charCodeAt\",\n *   \"codePointAt\",\n *   \"concat\",\n *   \"constructor\",\n *   \"endsWith\",\n *   \"includes\",\n *   \"indexOf\",\n *   \"lastIndexOf\",\n *   \"length\",\n *   \"localeCompare\",\n *   \"match\",\n *   \"matchAll\",\n *   \"normalize\",\n *   \"padEnd\",\n *   \"padStart\",\n *   \"repeat\",\n *   \"replace\",\n *   \"replaceAll\",\n *   \"search\",\n *   \"slice\",\n *   \"split\",\n *   \"startsWith\",\n *   \"substring\",\n *   \"toLocaleLowerCase\",\n *   \"toLocaleUpperCase\",\n *   \"toLowerCase\",\n *   \"toString\",\n *   \"toUpperCase\",\n *   \"trim\",\n *   \"trimEnd\",\n *   \"trimStart\",\n *   \"valueOf\",\n * ];\n *\n * fuzzySearch({\n *   list,\n *   query: \"la\",\n * });\n * // [\n * //   \"lastIndexOf\",\n * //    ^^\n * //   \"localeCompare\",\n * //    ^  ^\n * //   \"replace\",\n * //       ^^\n * //   \"replaceAll\",\n * //       ^^\n * //   \"toLocaleLowerCase\",\n * //      ^  ^\n * //   \"toLocaleUpperCase\",\n * //      ^  ^\n * //   \"toLowerCase\",\n * //      ^     ^\n * // ]\n *\n * fuzzySearch({\n *   list,\n *   query: \"ad\",\n *   type: \"search\",\n * });\n * // \"charCodeAt\"\n * //    ^   ^\n * ```\n *\n * @since 6.0.0\n */\nexport function fuzzySearch<T extends AutomaticTextExtraction>(\n  options: FuzzySearchOptions<T> & { type?: \"filter\" }\n): readonly T[];\nexport function fuzzySearch<T extends AutomaticTextExtraction>(\n  options: FuzzySearchOptions<T> & { type?: \"search\" }\n): T | undefined;\nexport function fuzzySearch<T>(\n  option: FuzzySearchOptions<T> & {\n    extractor: TextExtractor<T>;\n    type?: \"filter\";\n  }\n): readonly T[];\nexport function fuzzySearch<T>(\n  option: FuzzySearchOptions<T> & {\n    extractor: TextExtractor<T>;\n    type?: \"search\";\n  }\n): T | undefined;\nexport function fuzzySearch<T>(\n  options: FuzzySearchOptions<T>\n): readonly T[] | T | undefined {\n  const {\n    list,\n    type = \"filter\",\n    query,\n    extractor = DEFAULT_EXTRACTOR,\n    whitespace,\n  } = options;\n\n  // lazy initialize the RegExp since the base `filter` function will modify the\n  // query and never call the filter function if:\n  // - there is no query\n  // - the list is empty\n  let regexp: RegExp;\n  return search({\n    type,\n    list,\n    query,\n    extractor,\n    whitespace,\n    filter(query, value) {\n      return (\n        value.length > 0 && (regexp ??= createFuzzyRegExp(query)).test(value)\n      );\n    },\n  });\n}\n"],"names":["defaultExtractor","search","DEFAULT_EXTRACTOR","createFuzzyRegExp","query","RegExp","split","join","replace","fuzzySearch","options","list","type","extractor","whitespace","regexp","filter","value","length","test"],"mappings":"AAEA,SAASA,gBAAgB,EAAEC,MAAM,QAAQ,aAAa;AAEtD;;;CAGC,GACD,MAAMC,oBAAoBF,iBAAiB;AAE3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BC,GACD,OAAO,SAASG,kBAAkBC,KAAa;IAC7C,OAAO,IAAIC,OACTD,MACGE,KAAK,CAAC,IACNC,IAAI,CAAC,QACLC,OAAO,CAAC,wDAAwD,OACjE,uEAAuE;KACtEA,OAAO,CAAC,SAAS,SACpB;AAEJ;AAqGA,OAAO,SAASC,YACdC,OAA8B;IAE9B,MAAM,EACJC,IAAI,EACJC,OAAO,QAAQ,EACfR,KAAK,EACLS,YAAYX,iBAAiB,EAC7BY,UAAU,EACX,GAAGJ;IAEJ,8EAA8E;IAC9E,+CAA+C;IAC/C,sBAAsB;IACtB,sBAAsB;IACtB,IAAIK;IACJ,OAAOd,OAAO;QACZW;QACAD;QACAP;QACAS;QACAC;QACAE,QAAOZ,KAAK,EAAEa,KAAK;YACjB,OACEA,MAAMC,MAAM,GAAG,KAAK,AAACH,CAAAA,WAAWZ,kBAAkBC,MAAK,EAAGe,IAAI,CAACF;QAEnE;IACF;AACF"}
+{"version":3,"sources":["../../src/searching/fuzzy.ts"],"sourcesContent":["import { type AutomaticTextExtraction, type TextExtractor } from \"../types.js\";\nimport { type BaseSearchOptions } from \"./types.js\";\nimport { defaultExtractor, search } from \"./utils.js\";\n\n/**\n * @since 6.2.0\n * @internal\n */\nconst DEFAULT_EXTRACTOR = defaultExtractor(\"fuzzySearch\");\n\n/**\n * @example\n * ```tsx\n * import { createFuzzyRegExp } from \"@react-md/core/searching/fuzzy\":\n * import { toSearchQuery } from \"@react-md/core/searching/toSearchQuery\":\n * import { useDeferredValue, useMemo, useState, type ReactElement } from \"react\";\n *\n * function Example(): ReactElement {\n *   const [value, setValue] = useState(\"\");\n *   const deferredValue = useDeferredValue(value)\n *\n *   const match = useMemo(() => {\n *     const query = toSearchQuery(deferredValue);\n *     if (!query) {\n *       return;\n *     }\n *\n *     const fuzzyRegExp = createFuzzyRegExp(query);\n *     return options.find(option => fuzzyRegExp.test(option.label)):\n *   }, [options])\n *\n *   if (match) {\n *     // do something\n *   }\n * }\n *\n * ```\n *\n * @since 6.0.0\n * @see {@link fuzzySearch}\n */\nexport function createFuzzyRegExp(query: string): RegExp {\n  return new RegExp(\n    query\n      // eslint-disable-next-line unicorn/prefer-spread\n      .split(\"\")\n      .join(String.raw`\\w*`)\n      .replaceAll(\n        /(\\(|\\||\\)|\\\\(?!w\\*)|\\[|\\|-|\\.|\\^|\\+|\\$|\\?|^(?!w)\\*)/g,\n        String.raw`\\$1`\n      )\n      // Couldn't get the matching of two '*' working, so replace them here..\n      .replaceAll(\"**\", String.raw`*\\*`),\n    \"i\"\n  );\n}\n\n/**\n * @since 6.0.0\n */\nexport type FuzzySearchOptions<T> = BaseSearchOptions<T>;\n\n/**\n * Filters a list by making sure that all the letters appear in order ignoring\n * case, punctuation, whitespace, and special characters. This is kind of the\n * same filtering that appears in text editors.\n *\n * @example Simple Example\n * ```ts\n * const list = [\n *   \"at\",\n *   \"charAt\",\n *   \"charCodeAt\",\n *   \"codePointAt\",\n *   \"concat\",\n *   \"constructor\",\n *   \"endsWith\",\n *   \"includes\",\n *   \"indexOf\",\n *   \"lastIndexOf\",\n *   \"length\",\n *   \"localeCompare\",\n *   \"match\",\n *   \"matchAll\",\n *   \"normalize\",\n *   \"padEnd\",\n *   \"padStart\",\n *   \"repeat\",\n *   \"replace\",\n *   \"replaceAll\",\n *   \"search\",\n *   \"slice\",\n *   \"split\",\n *   \"startsWith\",\n *   \"substring\",\n *   \"toLocaleLowerCase\",\n *   \"toLocaleUpperCase\",\n *   \"toLowerCase\",\n *   \"toString\",\n *   \"toUpperCase\",\n *   \"trim\",\n *   \"trimEnd\",\n *   \"trimStart\",\n *   \"valueOf\",\n * ];\n *\n * fuzzySearch({\n *   list,\n *   query: \"la\",\n * });\n * // [\n * //   \"lastIndexOf\",\n * //    ^^\n * //   \"localeCompare\",\n * //    ^  ^\n * //   \"replace\",\n * //       ^^\n * //   \"replaceAll\",\n * //       ^^\n * //   \"toLocaleLowerCase\",\n * //      ^  ^\n * //   \"toLocaleUpperCase\",\n * //      ^  ^\n * //   \"toLowerCase\",\n * //      ^     ^\n * // ]\n *\n * fuzzySearch({\n *   list,\n *   query: \"ad\",\n *   type: \"search\",\n * });\n * // \"charCodeAt\"\n * //    ^   ^\n * ```\n *\n * @since 6.0.0\n */\nexport function fuzzySearch<T extends AutomaticTextExtraction>(\n  options: FuzzySearchOptions<T> & { type?: \"filter\" }\n): readonly T[];\nexport function fuzzySearch<T extends AutomaticTextExtraction>(\n  options: FuzzySearchOptions<T> & { type?: \"search\" }\n): T | undefined;\nexport function fuzzySearch<T>(\n  option: FuzzySearchOptions<T> & {\n    extractor: TextExtractor<T>;\n    type?: \"filter\";\n  }\n): readonly T[];\nexport function fuzzySearch<T>(\n  option: FuzzySearchOptions<T> & {\n    extractor: TextExtractor<T>;\n    type?: \"search\";\n  }\n): T | undefined;\nexport function fuzzySearch<T>(\n  options: FuzzySearchOptions<T>\n): readonly T[] | T | undefined {\n  const {\n    list,\n    type = \"filter\",\n    query,\n    extractor = DEFAULT_EXTRACTOR,\n    whitespace,\n  } = options;\n\n  // lazy initialize the RegExp since the base `filter` function will modify the\n  // query and never call the filter function if:\n  // - there is no query\n  // - the list is empty\n  let regexp: RegExp;\n  return search({\n    type,\n    list,\n    query,\n    extractor,\n    whitespace,\n    filter(query, value) {\n      return (\n        value.length > 0 && (regexp ??= createFuzzyRegExp(query)).test(value)\n      );\n    },\n  });\n}\n"],"names":["defaultExtractor","search","DEFAULT_EXTRACTOR","createFuzzyRegExp","query","RegExp","split","join","String","raw","replaceAll","fuzzySearch","options","list","type","extractor","whitespace","regexp","filter","value","length","test"],"mappings":"AAEA,SAASA,gBAAgB,EAAEC,MAAM,QAAQ,aAAa;AAEtD;;;CAGC,GACD,MAAMC,oBAAoBF,iBAAiB;AAE3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BC,GACD,OAAO,SAASG,kBAAkBC,KAAa;IAC7C,OAAO,IAAIC,OACTD,KACE,iDAAiD;KAChDE,KAAK,CAAC,IACNC,IAAI,CAACC,OAAOC,GAAG,CAAC,GAAG,CAAC,EACpBC,UAAU,CACT,wDACAF,OAAOC,GAAG,CAAC,GAAG,CAAC,CAEjB,uEAAuE;KACtEC,UAAU,CAAC,MAAMF,OAAOC,GAAG,CAAC,GAAG,CAAC,GACnC;AAEJ;AAqGA,OAAO,SAASE,YACdC,OAA8B;IAE9B,MAAM,EACJC,IAAI,EACJC,OAAO,QAAQ,EACfV,KAAK,EACLW,YAAYb,iBAAiB,EAC7Bc,UAAU,EACX,GAAGJ;IAEJ,8EAA8E;IAC9E,+CAA+C;IAC/C,sBAAsB;IACtB,sBAAsB;IACtB,IAAIK;IACJ,OAAOhB,OAAO;QACZa;QACAD;QACAT;QACAW;QACAC;QACAE,QAAOd,KAAK,EAAEe,KAAK;YACjB,OACEA,MAAMC,MAAM,GAAG,KAAK,AAACH,CAAAA,WAAWd,kBAAkBC,MAAK,EAAGiB,IAAI,CAACF;QAEnE;IACF;AACF"}

package/dist/searching/toSearchQuery.js

@@ -5,7 +5,7 @@
  */ export function toSearchQuery(s, whitespace = "keep") {
     let q = s.toLowerCase();
     if (whitespace === "ignore") {
-        q = q.replace(/\s/g, "");
+        q = q.replaceAll(/\s/g, "");
     } else if (whitespace === "trim") {
         q = q.trim();
     }

package/dist/searching/toSearchQuery.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/searching/toSearchQuery.ts"],"sourcesContent":["import { type WhitespaceFilter } from \"./types.js\";\n\n/**\n * @param s - The string to convert\n * @param whitespace - (default: `\"keep\"`)\n * @since 6.0.0\n */\nexport function toSearchQuery(\n  s: string,\n  whitespace: WhitespaceFilter = \"keep\"\n): string {\n  let q = s.toLowerCase();\n  if (whitespace === \"ignore\") {\n    q = q.replace(/\\s/g, \"\");\n  } else if (whitespace === \"trim\") {\n    q = q.trim();\n  }\n\n  return q;\n}\n"],"names":["toSearchQuery","s","whitespace","q","toLowerCase","replace","trim"],"mappings":"AAEA;;;;CAIC,GACD,OAAO,SAASA,cACdC,CAAS,EACTC,aAA+B,MAAM;IAErC,IAAIC,IAAIF,EAAEG,WAAW;IACrB,IAAIF,eAAe,UAAU;QAC3BC,IAAIA,EAAEE,OAAO,CAAC,OAAO;IACvB,OAAO,IAAIH,eAAe,QAAQ;QAChCC,IAAIA,EAAEG,IAAI;IACZ;IAEA,OAAOH;AACT"}
+{"version":3,"sources":["../../src/searching/toSearchQuery.ts"],"sourcesContent":["import { type WhitespaceFilter } from \"./types.js\";\n\n/**\n * @param s - The string to convert\n * @param whitespace - (default: `\"keep\"`)\n * @since 6.0.0\n */\nexport function toSearchQuery(\n  s: string,\n  whitespace: WhitespaceFilter = \"keep\"\n): string {\n  let q = s.toLowerCase();\n  if (whitespace === \"ignore\") {\n    q = q.replaceAll(/\\s/g, \"\");\n  } else if (whitespace === \"trim\") {\n    q = q.trim();\n  }\n\n  return q;\n}\n"],"names":["toSearchQuery","s","whitespace","q","toLowerCase","replaceAll","trim"],"mappings":"AAEA;;;;CAIC,GACD,OAAO,SAASA,cACdC,CAAS,EACTC,aAA+B,MAAM;IAErC,IAAIC,IAAIF,EAAEG,WAAW;IACrB,IAAIF,eAAe,UAAU;QAC3BC,IAAIA,EAAEE,UAAU,CAAC,OAAO;IAC1B,OAAO,IAAIH,eAAe,QAAQ;QAChCC,IAAIA,EAAEG,IAAI;IACZ;IAEA,OAAOH;AACT"}

package/dist/searching/utils.js

@@ -23,7 +23,7 @@ import { toSearchQuery } from "./toSearchQuery.js";
  */ export function search(options) {
     const { list, type, query, filter, extractor, whitespace = "keep" } = options;
     const fallback = type === "search" ? undefined : list;
-    if (!list.length) {
+    if (list.length === 0) {
         return fallback;
     }
     const q = toSearchQuery(query, whitespace);

package/dist/searching/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/searching/utils.ts"],"sourcesContent":["import { type TextExtractor } from \"../types.js\";\nimport { toSearchQuery } from \"./toSearchQuery.js\";\nimport { type BaseSearchOptions } from \"./types.js\";\n\n/**\n * @since 6.0.0\n * @since 6.2.0 Added support for `item.name` and `item.label`.\n * @internal\n */\nexport const defaultExtractor =\n  (usageName: string, propName = \"extractor\") =>\n  (item: unknown): string => {\n    if (typeof item === \"string\") {\n      return item;\n    }\n\n    if (item && typeof item === \"object\") {\n      if (\"label\" in item && typeof item.label === \"string\") {\n        return item.label;\n      }\n\n      if (\"name\" in item && typeof item.name === \"string\") {\n        return item.name;\n      }\n    }\n\n    throw new Error(\n      `\\`${usageName}\\` requires the \\`${propName}\\` prop for lists that do not contain strings or known object types.`\n    );\n  };\n\n/**\n * @internal\n * @since 6.0.0\n */\nexport interface SearchOptions<T> extends BaseSearchOptions<T> {\n  type: \"search\" | \"filter\";\n  filter: (query: string, value: string) => boolean;\n  extractor: TextExtractor<T>;\n}\n\n/**\n * @internal\n * @since 6.0.0\n */\nexport function search<T>(\n  options: SearchOptions<T>\n): readonly T[] | T | undefined {\n  const { list, type, query, filter, extractor, whitespace = \"keep\" } = options;\n  const fallback = type === \"search\" ? undefined : list;\n  if (!list.length) {\n    return fallback;\n  }\n\n  const q = toSearchQuery(query, whitespace);\n  if (!q) {\n    return fallback;\n  }\n\n  const fn = type === \"search\" ? \"find\" : \"filter\";\n  return list[fn]((item) =>\n    filter(q, toSearchQuery(extractor(item), whitespace))\n  );\n}\n"],"names":["toSearchQuery","defaultExtractor","usageName","propName","item","label","name","Error","search","options","list","type","query","filter","extractor","whitespace","fallback","undefined","length","q","fn"],"mappings":"AACA,SAASA,aAAa,QAAQ,qBAAqB;AAGnD;;;;CAIC,GACD,OAAO,MAAMC,mBACX,CAACC,WAAmBC,WAAW,WAAW,GAC1C,CAACC;QACC,IAAI,OAAOA,SAAS,UAAU;YAC5B,OAAOA;QACT;QAEA,IAAIA,QAAQ,OAAOA,SAAS,UAAU;YACpC,IAAI,WAAWA,QAAQ,OAAOA,KAAKC,KAAK,KAAK,UAAU;gBACrD,OAAOD,KAAKC,KAAK;YACnB;YAEA,IAAI,UAAUD,QAAQ,OAAOA,KAAKE,IAAI,KAAK,UAAU;gBACnD,OAAOF,KAAKE,IAAI;YAClB;QACF;QAEA,MAAM,IAAIC,MACR,CAAC,EAAE,EAAEL,UAAU,kBAAkB,EAAEC,SAAS,oEAAoE,CAAC;IAErH,EAAE;AAYJ;;;CAGC,GACD,OAAO,SAASK,OACdC,OAAyB;IAEzB,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAEC,KAAK,EAAEC,MAAM,EAAEC,SAAS,EAAEC,aAAa,MAAM,EAAE,GAAGN;IACtE,MAAMO,WAAWL,SAAS,WAAWM,YAAYP;IACjD,IAAI,CAACA,KAAKQ,MAAM,EAAE;QAChB,OAAOF;IACT;IAEA,MAAMG,IAAInB,cAAcY,OAAOG;IAC/B,IAAI,CAACI,GAAG;QACN,OAAOH;IACT;IAEA,MAAMI,KAAKT,SAAS,WAAW,SAAS;IACxC,OAAOD,IAAI,CAACU,GAAG,CAAC,CAAChB,OACfS,OAAOM,GAAGnB,cAAcc,UAAUV,OAAOW;AAE7C"}
+{"version":3,"sources":["../../src/searching/utils.ts"],"sourcesContent":["import { type TextExtractor } from \"../types.js\";\nimport { toSearchQuery } from \"./toSearchQuery.js\";\nimport { type BaseSearchOptions } from \"./types.js\";\n\n/**\n * @since 6.0.0\n * @since 6.2.0 Added support for `item.name` and `item.label`.\n * @internal\n */\nexport const defaultExtractor =\n  (usageName: string, propName = \"extractor\") =>\n  (item: unknown): string => {\n    if (typeof item === \"string\") {\n      return item;\n    }\n\n    if (item && typeof item === \"object\") {\n      if (\"label\" in item && typeof item.label === \"string\") {\n        return item.label;\n      }\n\n      if (\"name\" in item && typeof item.name === \"string\") {\n        return item.name;\n      }\n    }\n\n    throw new Error(\n      `\\`${usageName}\\` requires the \\`${propName}\\` prop for lists that do not contain strings or known object types.`\n    );\n  };\n\n/**\n * @internal\n * @since 6.0.0\n */\nexport interface SearchOptions<T> extends BaseSearchOptions<T> {\n  type: \"search\" | \"filter\";\n  filter: (query: string, value: string) => boolean;\n  extractor: TextExtractor<T>;\n}\n\n/**\n * @internal\n * @since 6.0.0\n */\nexport function search<T>(\n  options: SearchOptions<T>\n): readonly T[] | T | undefined {\n  const { list, type, query, filter, extractor, whitespace = \"keep\" } = options;\n  const fallback = type === \"search\" ? undefined : list;\n  if (list.length === 0) {\n    return fallback;\n  }\n\n  const q = toSearchQuery(query, whitespace);\n  if (!q) {\n    return fallback;\n  }\n\n  const fn = type === \"search\" ? \"find\" : \"filter\";\n  return list[fn]((item) =>\n    filter(q, toSearchQuery(extractor(item), whitespace))\n  );\n}\n"],"names":["toSearchQuery","defaultExtractor","usageName","propName","item","label","name","Error","search","options","list","type","query","filter","extractor","whitespace","fallback","undefined","length","q","fn"],"mappings":"AACA,SAASA,aAAa,QAAQ,qBAAqB;AAGnD;;;;CAIC,GACD,OAAO,MAAMC,mBACX,CAACC,WAAmBC,WAAW,WAAW,GAC1C,CAACC;QACC,IAAI,OAAOA,SAAS,UAAU;YAC5B,OAAOA;QACT;QAEA,IAAIA,QAAQ,OAAOA,SAAS,UAAU;YACpC,IAAI,WAAWA,QAAQ,OAAOA,KAAKC,KAAK,KAAK,UAAU;gBACrD,OAAOD,KAAKC,KAAK;YACnB;YAEA,IAAI,UAAUD,QAAQ,OAAOA,KAAKE,IAAI,KAAK,UAAU;gBACnD,OAAOF,KAAKE,IAAI;YAClB;QACF;QAEA,MAAM,IAAIC,MACR,CAAC,EAAE,EAAEL,UAAU,kBAAkB,EAAEC,SAAS,oEAAoE,CAAC;IAErH,EAAE;AAYJ;;;CAGC,GACD,OAAO,SAASK,OACdC,OAAyB;IAEzB,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAEC,KAAK,EAAEC,MAAM,EAAEC,SAAS,EAAEC,aAAa,MAAM,EAAE,GAAGN;IACtE,MAAMO,WAAWL,SAAS,WAAWM,YAAYP;IACjD,IAAIA,KAAKQ,MAAM,KAAK,GAAG;QACrB,OAAOF;IACT;IAEA,MAAMG,IAAInB,cAAcY,OAAOG;IAC/B,IAAI,CAACI,GAAG;QACN,OAAOH;IACT;IAEA,MAAMI,KAAKT,SAAS,WAAW,SAAS;IACxC,OAAOD,IAAI,CAACU,GAAG,CAAC,CAAChB,OACfS,OAAOM,GAAGnB,cAAcc,UAAUV,OAAOW;AAE7C"}

package/dist/snackbar/Toast.js

@@ -37,7 +37,7 @@ import { toast } from "./toastStyles.js";
         });
     }
     let closeIcon = propCloseIcon;
-    if (typeof closeButtonProps?.children !== "undefined") {
+    if (closeButtonProps?.children !== undefined) {
         closeIcon = closeButtonProps.children;
     }
     const action = !!actionButton;

package/dist/snackbar/Toast.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/snackbar/Toast.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  type AriaRole,\n  type HTMLAttributes,\n  type ReactElement,\n  type ReactNode,\n  forwardRef,\n  isValidElement,\n} from \"react\";\n\nimport { type ButtonProps } from \"../button/Button.js\";\nimport {\n  type CSSTransitionClassNames,\n  type TransitionCallbacks,\n  type TransitionTimeout,\n} from \"../transition/types.js\";\nimport { useScaleTransition } from \"../transition/useScaleTransition.js\";\nimport { type PropsWithRef } from \"../types.js\";\nimport { useEnsuredId } from \"../useEnsuredId.js\";\nimport { ToastActionButton } from \"./ToastActionButton.js\";\nimport { ToastCloseButton } from \"./ToastCloseButton.js\";\nimport { ToastContent, type ToastContentProps } from \"./ToastContent.js\";\nimport { type BaseToastClasNameOptions, toast } from \"./toastStyles.js\";\n\n/**\n * @since 6.0.0\n */\nexport interface ConfigurableToastProps\n  extends\n    HTMLAttributes<HTMLDivElement>,\n    BaseToastClasNameOptions,\n    TransitionCallbacks {\n  /**\n   * Note: this default value will only be generated in the `Toast` component.\n   *\n   * @defaultValue `\"toast-\" + useId()`\n   */\n  id?: string;\n\n  /**\n   * Note: This is set while creating the toast.\n   *\n   * @defaultValue `visibleTime === null ? \"alert\" : \"status\"`\n   */\n  role?: AriaRole;\n\n  /**\n   * Set this to `true` to stack the content above the {@link action}. It is not\n   * recommended to enable this prop if the {@link closeButton} is enabled.\n   *\n   * @defaultValue `false`\n   */\n  stacked?: boolean;\n\n  /**\n   * If this is not provided, a `ResizeObserver` will be used to determine if\n   * there are multiple lines of content.\n   */\n  multiline?: boolean;\n\n  /**\n   * When this is a string or React element, it will be rendered as the\n   * `children` within a `Button`\n   */\n  action?: ButtonProps | ReactElement | string;\n\n  /**\n   * This can be used to replace the custom action button behavior.\n   */\n  actionButton?: ReactNode;\n\n  /**\n   * @defaultValue `getIcon(\"close\")`\n   */\n  closeIcon?: ReactNode;\n\n  /**\n   * Set this to `true` if a close button should be rendered to the right of the\n   * `children`.\n   *\n   * @defaultValue `!!closeButtonProps`\n   */\n  closeButton?: boolean;\n\n  /**\n   * Use this prop to override most of the close button behavior. The\n   */\n  closeButtonProps?: ButtonProps;\n\n  /**\n   * Any additional props that should be provided to the `<div>` that surrounds\n   * the toast `children`.\n   */\n  contentProps?: PropsWithRef<ToastContentProps>;\n\n  /**\n   * Set this to `true` if the `children` for the toast should no longer be\n   * wrapped in an additional `<div>` that applies some toast layout styles.\n   * This should normally only be used for custom `Toast` implementations.\n   *\n   * @see the `Snackbar`'s `renderToast` prop for an example.\n   */\n  disableToastContent?: boolean;\n\n  /**\n   * The toast's transition timeout for entering and exiting. This is **not**\n   * how long the toast should remain visible.\n   *\n   * @defaultValue `SCALE_TIMEOUT`\n   */\n  timeout?: TransitionTimeout;\n\n  /**\n   * The toast's transition class names for entering and exiting.\n   *\n   * @defaultValue `SCALE_CLASSNAMES`\n   */\n  classNames?: CSSTransitionClassNames;\n}\n\n/**\n * @since 6.0.0\n */\nexport interface ToastProps extends ConfigurableToastProps {\n  paused?: boolean;\n  visible: boolean;\n}\n\n/**\n * **Client Component**\n *\n * This component is just used for toast styling and does not implement any of\n * the visibility behavior.\n *\n * @see {@link https://react-md.dev/components/snackbar | Snackbar Demos}\n * @since 6.0.0\n */\nexport const Toast = forwardRef<HTMLDivElement, ToastProps>(\n  function Toast(props, ref) {\n    const {\n      id: propId,\n      className,\n      timeout,\n      classNames,\n      theme = \"surface\",\n      action: propAction,\n      actionButton: propActionButton,\n      paused,\n      visible,\n      closeIcon: propCloseIcon,\n      closeButtonProps,\n      closeButton = !!closeButtonProps,\n      contentProps,\n      disableToastContent,\n      stacked,\n      multiline,\n      onEnter,\n      onEntering,\n      onEntered,\n      onExit,\n      onExiting,\n      onExited,\n      children,\n      ...remaining\n    } = props;\n    const id = useEnsuredId(propId, \"toast\");\n\n    let actionButton = propActionButton;\n    if (propAction) {\n      let overrides: ButtonProps = {};\n      let buttonChildren: ReactNode;\n      // have to use `any` to correctly filter out all react elements\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      if (isValidElement<any>(propAction) || typeof propAction !== \"object\") {\n        buttonChildren = propAction;\n      } else {\n        ({ children: buttonChildren, ...overrides } = propAction);\n      }\n\n      actionButton = (\n        <ToastActionButton\n          theme={theme === \"surface\" ? \"secondary\" : \"clear\"}\n          reordered={stacked && closeButton}\n          {...overrides}\n        >\n          {buttonChildren}\n        </ToastActionButton>\n      );\n    }\n\n    let closeIcon = propCloseIcon;\n    if (typeof closeButtonProps?.children !== \"undefined\") {\n      closeIcon = closeButtonProps.children;\n    }\n\n    const action = !!actionButton;\n    const reordered = stacked && action && closeButton;\n    const { elementProps, rendered } = useScaleTransition({\n      appear: true,\n      nodeRef: ref,\n      className: toast({\n        className,\n        theme,\n        action,\n        paused,\n        stacked,\n        reordered,\n        closeButton,\n      }),\n      timeout,\n      classNames,\n      onEnter,\n      onEntering,\n      onEntered,\n      onExit,\n      onExiting,\n      onExited,\n      temporary: true,\n      transitionIn: visible,\n      exitedHidden: true,\n    });\n\n    // this might get rid of the weird popping-back-in for a split second\n    // that sometimes happens on mobile firefox\n    if (!rendered) {\n      return null;\n    }\n\n    return (\n      <div {...remaining} {...elementProps} id={id}>\n        <ToastContent\n          action={action}\n          stacked={stacked}\n          multiline={multiline}\n          closeButton={closeButton}\n          disableWrapper={disableToastContent}\n          {...contentProps}\n        >\n          {children}\n        </ToastContent>\n        {actionButton}\n        {closeButton && (\n          <ToastCloseButton reordered={reordered} {...closeButtonProps}>\n            {closeIcon}\n          </ToastCloseButton>\n        )}\n      </div>\n    );\n  }\n);\n"],"names":["forwardRef","isValidElement","useScaleTransition","useEnsuredId","ToastActionButton","ToastCloseButton","ToastContent","toast","Toast","props","ref","id","propId","className","timeout","classNames","theme","action","propAction","actionButton","propActionButton","paused","visible","closeIcon","propCloseIcon","closeButtonProps","closeButton","contentProps","disableToastContent","stacked","multiline","onEnter","onEntering","onEntered","onExit","onExiting","onExited","children","remaining","overrides","buttonChildren","reordered","elementProps","rendered","appear","nodeRef","temporary","transitionIn","exitedHidden","div","disableWrapper"],"mappings":"AAAA;;AAEA,SAKEA,UAAU,EACVC,cAAc,QACT,QAAQ;AAQf,SAASC,kBAAkB,QAAQ,sCAAsC;AAEzE,SAASC,YAAY,QAAQ,qBAAqB;AAClD,SAASC,iBAAiB,QAAQ,yBAAyB;AAC3D,SAASC,gBAAgB,QAAQ,wBAAwB;AACzD,SAASC,YAAY,QAAgC,oBAAoB;AACzE,SAAwCC,KAAK,QAAQ,mBAAmB;AA0GxE;;;;;;;;CAQC,GACD,OAAO,MAAMC,sBAAQR,WACnB,SAASQ,MAAMC,KAAK,EAAEC,GAAG;IACvB,MAAM,EACJC,IAAIC,MAAM,EACVC,SAAS,EACTC,OAAO,EACPC,UAAU,EACVC,QAAQ,SAAS,EACjBC,QAAQC,UAAU,EAClBC,cAAcC,gBAAgB,EAC9BC,MAAM,EACNC,OAAO,EACPC,WAAWC,aAAa,EACxBC,gBAAgB,EAChBC,cAAc,CAAC,CAACD,gBAAgB,EAChCE,YAAY,EACZC,mBAAmB,EACnBC,OAAO,EACPC,SAAS,EACTC,OAAO,EACPC,UAAU,EACVC,SAAS,EACTC,MAAM,EACNC,SAAS,EACTC,QAAQ,EACRC,QAAQ,EACR,GAAGC,WACJ,GAAG7B;IACJ,MAAME,KAAKR,aAAaS,QAAQ;IAEhC,IAAIO,eAAeC;IACnB,IAAIF,YAAY;QACd,IAAIqB,YAAyB,CAAC;QAC9B,IAAIC;QACJ,+DAA+D;QAC/D,8DAA8D;QAC9D,kBAAIvC,eAAoBiB,eAAe,OAAOA,eAAe,UAAU;YACrEsB,iBAAiBtB;QACnB,OAAO;YACJ,CAAA,EAAEmB,UAAUG,cAAc,EAAE,GAAGD,WAAW,GAAGrB,UAAS;QACzD;QAEAC,6BACE,KAACf;YACCY,OAAOA,UAAU,YAAY,cAAc;YAC3CyB,WAAWZ,WAAWH;YACrB,GAAGa,SAAS;sBAEZC;;IAGP;IAEA,IAAIjB,YAAYC;IAChB,IAAI,OAAOC,kBAAkBY,aAAa,aAAa;QACrDd,YAAYE,iBAAiBY,QAAQ;IACvC;IAEA,MAAMpB,SAAS,CAAC,CAACE;IACjB,MAAMsB,YAAYZ,WAAWZ,UAAUS;IACvC,MAAM,EAAEgB,YAAY,EAAEC,QAAQ,EAAE,GAAGzC,mBAAmB;QACpD0C,QAAQ;QACRC,SAASnC;QACTG,WAAWN,MAAM;YACfM;YACAG;YACAC;YACAI;YACAQ;YACAY;YACAf;QACF;QACAZ;QACAC;QACAgB;QACAC;QACAC;QACAC;QACAC;QACAC;QACAU,WAAW;QACXC,cAAczB;QACd0B,cAAc;IAChB;IAEA,qEAAqE;IACrE,2CAA2C;IAC3C,IAAI,CAACL,UAAU;QACb,OAAO;IACT;IAEA,qBACE,MAACM;QAAK,GAAGX,SAAS;QAAG,GAAGI,YAAY;QAAE/B,IAAIA;;0BACxC,KAACL;gBACCW,QAAQA;gBACRY,SAASA;gBACTC,WAAWA;gBACXJ,aAAaA;gBACbwB,gBAAgBtB;gBACf,GAAGD,YAAY;0BAEfU;;YAEFlB;YACAO,6BACC,KAACrB;gBAAiBoC,WAAWA;gBAAY,GAAGhB,gBAAgB;0BACzDF;;;;AAKX,GACA"}
+{"version":3,"sources":["../../src/snackbar/Toast.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  type AriaRole,\n  type HTMLAttributes,\n  type ReactElement,\n  type ReactNode,\n  forwardRef,\n  isValidElement,\n} from \"react\";\n\nimport { type ButtonProps } from \"../button/Button.js\";\nimport {\n  type CSSTransitionClassNames,\n  type TransitionCallbacks,\n  type TransitionTimeout,\n} from \"../transition/types.js\";\nimport { useScaleTransition } from \"../transition/useScaleTransition.js\";\nimport { type PropsWithRef } from \"../types.js\";\nimport { useEnsuredId } from \"../useEnsuredId.js\";\nimport { ToastActionButton } from \"./ToastActionButton.js\";\nimport { ToastCloseButton } from \"./ToastCloseButton.js\";\nimport { ToastContent, type ToastContentProps } from \"./ToastContent.js\";\nimport { type BaseToastClasNameOptions, toast } from \"./toastStyles.js\";\n\n/**\n * @since 6.0.0\n */\nexport interface ConfigurableToastProps\n  extends\n    HTMLAttributes<HTMLDivElement>,\n    BaseToastClasNameOptions,\n    TransitionCallbacks {\n  /**\n   * Note: this default value will only be generated in the `Toast` component.\n   *\n   * @defaultValue `\"toast-\" + useId()`\n   */\n  id?: string;\n\n  /**\n   * Note: This is set while creating the toast.\n   *\n   * @defaultValue `visibleTime === null ? \"alert\" : \"status\"`\n   */\n  role?: AriaRole;\n\n  /**\n   * Set this to `true` to stack the content above the {@link action}. It is not\n   * recommended to enable this prop if the {@link closeButton} is enabled.\n   *\n   * @defaultValue `false`\n   */\n  stacked?: boolean;\n\n  /**\n   * If this is not provided, a `ResizeObserver` will be used to determine if\n   * there are multiple lines of content.\n   */\n  multiline?: boolean;\n\n  /**\n   * When this is a string or React element, it will be rendered as the\n   * `children` within a `Button`\n   */\n  action?: ButtonProps | ReactElement | string;\n\n  /**\n   * This can be used to replace the custom action button behavior.\n   */\n  actionButton?: ReactNode;\n\n  /**\n   * @defaultValue `getIcon(\"close\")`\n   */\n  closeIcon?: ReactNode;\n\n  /**\n   * Set this to `true` if a close button should be rendered to the right of the\n   * `children`.\n   *\n   * @defaultValue `!!closeButtonProps`\n   */\n  closeButton?: boolean;\n\n  /**\n   * Use this prop to override most of the close button behavior. The\n   */\n  closeButtonProps?: ButtonProps;\n\n  /**\n   * Any additional props that should be provided to the `<div>` that surrounds\n   * the toast `children`.\n   */\n  contentProps?: PropsWithRef<ToastContentProps>;\n\n  /**\n   * Set this to `true` if the `children` for the toast should no longer be\n   * wrapped in an additional `<div>` that applies some toast layout styles.\n   * This should normally only be used for custom `Toast` implementations.\n   *\n   * @see the `Snackbar`'s `renderToast` prop for an example.\n   */\n  disableToastContent?: boolean;\n\n  /**\n   * The toast's transition timeout for entering and exiting. This is **not**\n   * how long the toast should remain visible.\n   *\n   * @defaultValue `SCALE_TIMEOUT`\n   */\n  timeout?: TransitionTimeout;\n\n  /**\n   * The toast's transition class names for entering and exiting.\n   *\n   * @defaultValue `SCALE_CLASSNAMES`\n   */\n  classNames?: CSSTransitionClassNames;\n}\n\n/**\n * @since 6.0.0\n */\nexport interface ToastProps extends ConfigurableToastProps {\n  paused?: boolean;\n  visible: boolean;\n}\n\n/**\n * **Client Component**\n *\n * This component is just used for toast styling and does not implement any of\n * the visibility behavior.\n *\n * @see {@link https://react-md.dev/components/snackbar | Snackbar Demos}\n * @since 6.0.0\n */\nexport const Toast = forwardRef<HTMLDivElement, ToastProps>(\n  function Toast(props, ref) {\n    const {\n      id: propId,\n      className,\n      timeout,\n      classNames,\n      theme = \"surface\",\n      action: propAction,\n      actionButton: propActionButton,\n      paused,\n      visible,\n      closeIcon: propCloseIcon,\n      closeButtonProps,\n      closeButton = !!closeButtonProps,\n      contentProps,\n      disableToastContent,\n      stacked,\n      multiline,\n      onEnter,\n      onEntering,\n      onEntered,\n      onExit,\n      onExiting,\n      onExited,\n      children,\n      ...remaining\n    } = props;\n    const id = useEnsuredId(propId, \"toast\");\n\n    let actionButton = propActionButton;\n    if (propAction) {\n      let overrides: ButtonProps = {};\n      let buttonChildren: ReactNode;\n      // have to use `any` to correctly filter out all react elements\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      if (isValidElement<any>(propAction) || typeof propAction !== \"object\") {\n        buttonChildren = propAction;\n      } else {\n        ({ children: buttonChildren, ...overrides } = propAction);\n      }\n\n      actionButton = (\n        <ToastActionButton\n          theme={theme === \"surface\" ? \"secondary\" : \"clear\"}\n          reordered={stacked && closeButton}\n          {...overrides}\n        >\n          {buttonChildren}\n        </ToastActionButton>\n      );\n    }\n\n    let closeIcon = propCloseIcon;\n    if (closeButtonProps?.children !== undefined) {\n      closeIcon = closeButtonProps.children;\n    }\n\n    const action = !!actionButton;\n    const reordered = stacked && action && closeButton;\n    const { elementProps, rendered } = useScaleTransition({\n      appear: true,\n      nodeRef: ref,\n      className: toast({\n        className,\n        theme,\n        action,\n        paused,\n        stacked,\n        reordered,\n        closeButton,\n      }),\n      timeout,\n      classNames,\n      onEnter,\n      onEntering,\n      onEntered,\n      onExit,\n      onExiting,\n      onExited,\n      temporary: true,\n      transitionIn: visible,\n      exitedHidden: true,\n    });\n\n    // this might get rid of the weird popping-back-in for a split second\n    // that sometimes happens on mobile firefox\n    if (!rendered) {\n      return null;\n    }\n\n    return (\n      <div {...remaining} {...elementProps} id={id}>\n        <ToastContent\n          action={action}\n          stacked={stacked}\n          multiline={multiline}\n          closeButton={closeButton}\n          disableWrapper={disableToastContent}\n          {...contentProps}\n        >\n          {children}\n        </ToastContent>\n        {actionButton}\n        {closeButton && (\n          <ToastCloseButton reordered={reordered} {...closeButtonProps}>\n            {closeIcon}\n          </ToastCloseButton>\n        )}\n      </div>\n    );\n  }\n);\n"],"names":["forwardRef","isValidElement","useScaleTransition","useEnsuredId","ToastActionButton","ToastCloseButton","ToastContent","toast","Toast","props","ref","id","propId","className","timeout","classNames","theme","action","propAction","actionButton","propActionButton","paused","visible","closeIcon","propCloseIcon","closeButtonProps","closeButton","contentProps","disableToastContent","stacked","multiline","onEnter","onEntering","onEntered","onExit","onExiting","onExited","children","remaining","overrides","buttonChildren","reordered","undefined","elementProps","rendered","appear","nodeRef","temporary","transitionIn","exitedHidden","div","disableWrapper"],"mappings":"AAAA;;AAEA,SAKEA,UAAU,EACVC,cAAc,QACT,QAAQ;AAQf,SAASC,kBAAkB,QAAQ,sCAAsC;AAEzE,SAASC,YAAY,QAAQ,qBAAqB;AAClD,SAASC,iBAAiB,QAAQ,yBAAyB;AAC3D,SAASC,gBAAgB,QAAQ,wBAAwB;AACzD,SAASC,YAAY,QAAgC,oBAAoB;AACzE,SAAwCC,KAAK,QAAQ,mBAAmB;AA0GxE;;;;;;;;CAQC,GACD,OAAO,MAAMC,sBAAQR,WACnB,SAASQ,MAAMC,KAAK,EAAEC,GAAG;IACvB,MAAM,EACJC,IAAIC,MAAM,EACVC,SAAS,EACTC,OAAO,EACPC,UAAU,EACVC,QAAQ,SAAS,EACjBC,QAAQC,UAAU,EAClBC,cAAcC,gBAAgB,EAC9BC,MAAM,EACNC,OAAO,EACPC,WAAWC,aAAa,EACxBC,gBAAgB,EAChBC,cAAc,CAAC,CAACD,gBAAgB,EAChCE,YAAY,EACZC,mBAAmB,EACnBC,OAAO,EACPC,SAAS,EACTC,OAAO,EACPC,UAAU,EACVC,SAAS,EACTC,MAAM,EACNC,SAAS,EACTC,QAAQ,EACRC,QAAQ,EACR,GAAGC,WACJ,GAAG7B;IACJ,MAAME,KAAKR,aAAaS,QAAQ;IAEhC,IAAIO,eAAeC;IACnB,IAAIF,YAAY;QACd,IAAIqB,YAAyB,CAAC;QAC9B,IAAIC;QACJ,+DAA+D;QAC/D,8DAA8D;QAC9D,kBAAIvC,eAAoBiB,eAAe,OAAOA,eAAe,UAAU;YACrEsB,iBAAiBtB;QACnB,OAAO;YACJ,CAAA,EAAEmB,UAAUG,cAAc,EAAE,GAAGD,WAAW,GAAGrB,UAAS;QACzD;QAEAC,6BACE,KAACf;YACCY,OAAOA,UAAU,YAAY,cAAc;YAC3CyB,WAAWZ,WAAWH;YACrB,GAAGa,SAAS;sBAEZC;;IAGP;IAEA,IAAIjB,YAAYC;IAChB,IAAIC,kBAAkBY,aAAaK,WAAW;QAC5CnB,YAAYE,iBAAiBY,QAAQ;IACvC;IAEA,MAAMpB,SAAS,CAAC,CAACE;IACjB,MAAMsB,YAAYZ,WAAWZ,UAAUS;IACvC,MAAM,EAAEiB,YAAY,EAAEC,QAAQ,EAAE,GAAG1C,mBAAmB;QACpD2C,QAAQ;QACRC,SAASpC;QACTG,WAAWN,MAAM;YACfM;YACAG;YACAC;YACAI;YACAQ;YACAY;YACAf;QACF;QACAZ;QACAC;QACAgB;QACAC;QACAC;QACAC;QACAC;QACAC;QACAW,WAAW;QACXC,cAAc1B;QACd2B,cAAc;IAChB;IAEA,qEAAqE;IACrE,2CAA2C;IAC3C,IAAI,CAACL,UAAU;QACb,OAAO;IACT;IAEA,qBACE,MAACM;QAAK,GAAGZ,SAAS;QAAG,GAAGK,YAAY;QAAEhC,IAAIA;;0BACxC,KAACL;gBACCW,QAAQA;gBACRY,SAASA;gBACTC,WAAWA;gBACXJ,aAAaA;gBACbyB,gBAAgBvB;gBACf,GAAGD,YAAY;0BAEfU;;YAEFlB;YACAO,6BACC,KAACrB;gBAAiBoC,WAAWA;gBAAY,GAAGhB,gBAAgB;0BACzDF;;;;AAKX,GACA"}

package/dist/snackbar/ToastContent.js

@@ -17,8 +17,8 @@ import { toastContent } from "./toastContentStyles.js";
         disableWidth: true,
         onUpdate: useCallback((entry)=>{
             const element = entry.target;
-            const style = window.getComputedStyle(element);
-            const lineHeight = parseFloat(style.lineHeight);
+            const style = globalThis.getComputedStyle(element);
+            const lineHeight = Number.parseFloat(style.lineHeight);
             if (Number.isNaN(lineHeight)) {
                 return;
             }

package/dist/snackbar/ToastContent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/snackbar/ToastContent.tsx"],"sourcesContent":["\"use client\";\n\nimport { type HTMLAttributes, forwardRef, useCallback, useState } from \"react\";\n\nimport { useResizeObserver } from \"../useResizeObserver.js\";\nimport { toastContent } from \"./toastContentStyles.js\";\n\n/**\n * @since 6.0.0\n */\nexport interface ToastContentProps extends HTMLAttributes<HTMLDivElement> {\n  /** @defaultValue `false` */\n  action?: boolean;\n\n  /** @defaultValue `false` */\n  stacked?: boolean;\n\n  /**\n   * Set this to `true` if you know that the {@link children} span multiple\n   * lines. When this is omitted, a `ResizeObserver` will be used to\n   * automatically detect multiline content.\n   */\n  multiline?: boolean;\n\n  /** @defaultValue `false` */\n  closeButton?: boolean;\n\n  /**\n   * Set this to `true` if you do not want to wrap the `children` in a `<div>`\n   * that applies some toast layout styles. This should really only be used for\n   * custom `Toast` implementations.\n   *\n   * @internal\n   * @defaultValue `false`\n   */\n  disableWrapper?: boolean;\n}\n\n/**\n * **Client Component**\n *\n * @see {@link https://react-md.dev/components/snackbar | Snackbar Demos}\n * @since 6.0.0\n */\nexport const ToastContent = forwardRef<HTMLDivElement, ToastContentProps>(\n  function ToastContent(props, ref) {\n    const {\n      className,\n      children,\n      action,\n      stacked,\n      multiline: propMultiline,\n      closeButton,\n      disableWrapper,\n      ...remaining\n    } = props;\n\n    const [isMultiline, setMultiline] = useState(false);\n    const nodeRef = useResizeObserver({\n      ref,\n      disabled: disableWrapper || typeof propMultiline === \"boolean\",\n      disableWidth: true,\n      onUpdate: useCallback((entry) => {\n        const element = entry.target;\n        const style = window.getComputedStyle(element);\n        const lineHeight = parseFloat(style.lineHeight);\n        if (Number.isNaN(lineHeight)) {\n          return;\n        }\n\n        setMultiline(element.scrollHeight > lineHeight);\n      }, []),\n    });\n    const multiline = propMultiline ?? isMultiline;\n\n    if (disableWrapper) {\n      return <>{children}</>;\n    }\n\n    return (\n      <div\n        {...remaining}\n        ref={nodeRef}\n        className={toastContent({\n          action,\n          stacked,\n          multiline,\n          closeButton,\n          className,\n        })}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n"],"names":["forwardRef","useCallback","useState","useResizeObserver","toastContent","ToastContent","props","ref","className","children","action","stacked","multiline","propMultiline","closeButton","disableWrapper","remaining","isMultiline","setMultiline","nodeRef","disabled","disableWidth","onUpdate","entry","element","target","style","window","getComputedStyle","lineHeight","parseFloat","Number","isNaN","scrollHeight","div"],"mappings":"AAAA;;AAEA,SAA8BA,UAAU,EAAEC,WAAW,EAAEC,QAAQ,QAAQ,QAAQ;AAE/E,SAASC,iBAAiB,QAAQ,0BAA0B;AAC5D,SAASC,YAAY,QAAQ,0BAA0B;AAiCvD;;;;;CAKC,GACD,OAAO,MAAMC,6BAAeL,WAC1B,SAASK,aAAaC,KAAK,EAAEC,GAAG;IAC9B,MAAM,EACJC,SAAS,EACTC,QAAQ,EACRC,MAAM,EACNC,OAAO,EACPC,WAAWC,aAAa,EACxBC,WAAW,EACXC,cAAc,EACd,GAAGC,WACJ,GAAGV;IAEJ,MAAM,CAACW,aAAaC,aAAa,GAAGhB,SAAS;IAC7C,MAAMiB,UAAUhB,kBAAkB;QAChCI;QACAa,UAAUL,kBAAkB,OAAOF,kBAAkB;QACrDQ,cAAc;QACdC,UAAUrB,YAAY,CAACsB;YACrB,MAAMC,UAAUD,MAAME,MAAM;YAC5B,MAAMC,QAAQC,OAAOC,gBAAgB,CAACJ;YACtC,MAAMK,aAAaC,WAAWJ,MAAMG,UAAU;YAC9C,IAAIE,OAAOC,KAAK,CAACH,aAAa;gBAC5B;YACF;YAEAX,aAAaM,QAAQS,YAAY,GAAGJ;QACtC,GAAG,EAAE;IACP;IACA,MAAMjB,YAAYC,iBAAiBI;IAEnC,IAAIF,gBAAgB;QAClB,qBAAO;sBAAGN;;IACZ;IAEA,qBACE,KAACyB;QACE,GAAGlB,SAAS;QACbT,KAAKY;QACLX,WAAWJ,aAAa;YACtBM;YACAC;YACAC;YACAE;YACAN;QACF;kBAECC;;AAGP,GACA"}
+{"version":3,"sources":["../../src/snackbar/ToastContent.tsx"],"sourcesContent":["\"use client\";\n\nimport { type HTMLAttributes, forwardRef, useCallback, useState } from \"react\";\n\nimport { useResizeObserver } from \"../useResizeObserver.js\";\nimport { toastContent } from \"./toastContentStyles.js\";\n\n/**\n * @since 6.0.0\n */\nexport interface ToastContentProps extends HTMLAttributes<HTMLDivElement> {\n  /** @defaultValue `false` */\n  action?: boolean;\n\n  /** @defaultValue `false` */\n  stacked?: boolean;\n\n  /**\n   * Set this to `true` if you know that the {@link children} span multiple\n   * lines. When this is omitted, a `ResizeObserver` will be used to\n   * automatically detect multiline content.\n   */\n  multiline?: boolean;\n\n  /** @defaultValue `false` */\n  closeButton?: boolean;\n\n  /**\n   * Set this to `true` if you do not want to wrap the `children` in a `<div>`\n   * that applies some toast layout styles. This should really only be used for\n   * custom `Toast` implementations.\n   *\n   * @internal\n   * @defaultValue `false`\n   */\n  disableWrapper?: boolean;\n}\n\n/**\n * **Client Component**\n *\n * @see {@link https://react-md.dev/components/snackbar | Snackbar Demos}\n * @since 6.0.0\n */\nexport const ToastContent = forwardRef<HTMLDivElement, ToastContentProps>(\n  function ToastContent(props, ref) {\n    const {\n      className,\n      children,\n      action,\n      stacked,\n      multiline: propMultiline,\n      closeButton,\n      disableWrapper,\n      ...remaining\n    } = props;\n\n    const [isMultiline, setMultiline] = useState(false);\n    const nodeRef = useResizeObserver({\n      ref,\n      disabled: disableWrapper || typeof propMultiline === \"boolean\",\n      disableWidth: true,\n      onUpdate: useCallback((entry) => {\n        const element = entry.target;\n        const style = globalThis.getComputedStyle(element);\n        const lineHeight = Number.parseFloat(style.lineHeight);\n        if (Number.isNaN(lineHeight)) {\n          return;\n        }\n\n        setMultiline(element.scrollHeight > lineHeight);\n      }, []),\n    });\n    const multiline = propMultiline ?? isMultiline;\n\n    if (disableWrapper) {\n      return <>{children}</>;\n    }\n\n    return (\n      <div\n        {...remaining}\n        ref={nodeRef}\n        className={toastContent({\n          action,\n          stacked,\n          multiline,\n          closeButton,\n          className,\n        })}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n"],"names":["forwardRef","useCallback","useState","useResizeObserver","toastContent","ToastContent","props","ref","className","children","action","stacked","multiline","propMultiline","closeButton","disableWrapper","remaining","isMultiline","setMultiline","nodeRef","disabled","disableWidth","onUpdate","entry","element","target","style","globalThis","getComputedStyle","lineHeight","Number","parseFloat","isNaN","scrollHeight","div"],"mappings":"AAAA;;AAEA,SAA8BA,UAAU,EAAEC,WAAW,EAAEC,QAAQ,QAAQ,QAAQ;AAE/E,SAASC,iBAAiB,QAAQ,0BAA0B;AAC5D,SAASC,YAAY,QAAQ,0BAA0B;AAiCvD;;;;;CAKC,GACD,OAAO,MAAMC,6BAAeL,WAC1B,SAASK,aAAaC,KAAK,EAAEC,GAAG;IAC9B,MAAM,EACJC,SAAS,EACTC,QAAQ,EACRC,MAAM,EACNC,OAAO,EACPC,WAAWC,aAAa,EACxBC,WAAW,EACXC,cAAc,EACd,GAAGC,WACJ,GAAGV;IAEJ,MAAM,CAACW,aAAaC,aAAa,GAAGhB,SAAS;IAC7C,MAAMiB,UAAUhB,kBAAkB;QAChCI;QACAa,UAAUL,kBAAkB,OAAOF,kBAAkB;QACrDQ,cAAc;QACdC,UAAUrB,YAAY,CAACsB;YACrB,MAAMC,UAAUD,MAAME,MAAM;YAC5B,MAAMC,QAAQC,WAAWC,gBAAgB,CAACJ;YAC1C,MAAMK,aAAaC,OAAOC,UAAU,CAACL,MAAMG,UAAU;YACrD,IAAIC,OAAOE,KAAK,CAACH,aAAa;gBAC5B;YACF;YAEAX,aAAaM,QAAQS,YAAY,GAAGJ;QACtC,GAAG,EAAE;IACP;IACA,MAAMjB,YAAYC,iBAAiBI;IAEnC,IAAIF,gBAAgB;QAClB,qBAAO;sBAAGN;;IACZ;IAEA,qBACE,KAACyB;QACE,GAAGlB,SAAS;QACbT,KAAKY;QACLX,WAAWJ,aAAa;YACtBM;YACAC;YACAC;YACAE;YACAN;QACF;kBAECC;;AAGP,GACA"}

package/dist/snackbar/ToastManager.d.ts

@@ -106,7 +106,7 @@ export interface ToastVisibilityTimers {
     inactive: boolean;
     startTime: number;
     elapsedTime: number;
-    exitTimeout?: number;
+    exitTimeout?: NodeJS.Timeout;
 }
 /**
  * @see {@link https://react-md.dev/components/snackbar | Snackbar Demos}

package/dist/snackbar/ToastManager.js

@@ -87,9 +87,9 @@ var _queue = /*#__PURE__*/ new WeakMap(), _timers = /*#__PURE__*/ new WeakMap(),
                 _class_private_field_set(this, _queue, [
                     ..._class_private_field_get(this, _queue)
                 ]);
-                _class_private_field_get(this, _listeners).forEach((callback)=>{
+                for (const callback of _class_private_field_get(this, _listeners)){
                     callback(_class_private_field_get(this, _queue));
-                });
+                }
             }
         });
         _class_private_field_init(this, _getToastIndex, {
@@ -302,13 +302,13 @@ var _queue = /*#__PURE__*/ new WeakMap(), _timers = /*#__PURE__*/ new WeakMap(),
                 startTime: Date.now(),
                 elapsedTime: 0
             };
-            window.clearTimeout(timers.exitTimeout);
+            globalThis.clearTimeout(timers.exitTimeout);
             let duration = visibleTime;
             if (timers.elapsedTime) {
                 duration -= timers.elapsedTime;
             }
             timers.inactive = false;
-            timers.exitTimeout = window.setTimeout(()=>{
+            timers.exitTimeout = globalThis.setTimeout(()=>{
                 this.removeToast(toastId, true);
             }, duration);
             _class_private_field_get(this, _timers).set(toastId, timers);
@@ -324,11 +324,11 @@ var _queue = /*#__PURE__*/ new WeakMap(), _timers = /*#__PURE__*/ new WeakMap(),
             if (!toast || !cached || cached.inactive) {
                 return;
             }
-            window.clearTimeout(cached.exitTimeout);
+            globalThis.clearTimeout(cached.exitTimeout);
             const timers = {
-                ...cached
+                ...cached,
+                inactive: true
             };
-            timers.inactive = true;
             timers.elapsedTime = Date.now() - timers.startTime + timers.elapsedTime;
             _class_private_field_get(this, _timers).set(toastId, timers);
             _class_private_field_get(this, _updateToast).call(this, toastId, {
@@ -391,7 +391,7 @@ var _queue = /*#__PURE__*/ new WeakMap(), _timers = /*#__PURE__*/ new WeakMap(),
    * ```
    */ _define_property(this, "clearTimer", (toastId)=>{
             const timer = _class_private_field_get(this, _timers).get(toastId);
-            window.clearTimeout(timer?.exitTimeout);
+            globalThis.clearTimeout(timer?.exitTimeout);
             _class_private_field_get(this, _timers).delete(toastId);
         });
         /**
@@ -408,9 +408,9 @@ var _queue = /*#__PURE__*/ new WeakMap(), _timers = /*#__PURE__*/ new WeakMap(),
    * Mostly used for tests.
    */ _define_property(this, "clearToasts", (disableEmit = false)=>{
             _class_private_field_set(this, _queue, []);
-            _class_private_field_get(this, _timers).forEach((meta)=>{
-                window.clearTimeout(meta.exitTimeout);
-            });
+            for (const [, meta] of _class_private_field_get(this, _timers)){
+                globalThis.clearTimeout(meta.exitTimeout);
+            }
             _class_private_field_get(this, _timers).clear();
             if (!disableEmit) {
                 _class_private_field_get(this, _emit).call(this);

package/dist/snackbar/ToastManager.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/snackbar/ToastManager.ts"],"sourcesContent":["import { nanoid } from \"nanoid\";\n\nimport { type ConfigurableToastProps } from \"./Toast.js\";\n\n/**\n * @since 6.0.0\n */\nexport const DEFAULT_TOAST_VISIBLE_TIME = 5000;\n\n/**\n * - `\"normal\"` - the toast will be added to the end of the queue\n * - `\"next\"` - the toast will be inserted next-in-line in the queue, waiting\n *   for the current visible toast to exit before being shown. If the toast does\n *   not support duplicates, the existing toast will be moved instead and merged\n *   with the toast.\n * - `\"replace\"` - if there is a currently visible toast, it will start the\n *   leave transition and display the newly added toast instead.\n * - `\"immediate\"` - the same behavior as `\"replace\"` except that if there was a\n *   currently visible toast, the toast will be shown again once the `\"immediate\"`\n *   toast is hidden.\n *\n * @since 6.0.0 Renamed from `MessagePriority` to `ToastPriority`\n */\nexport type ToastPriority = \"normal\" | \"next\" | \"replace\" | \"immediate\";\n\n/**\n * - `\"allow\"` - toasts with the same `toastId` can be added into the queue, but\n *   the leave timeout behavior might not work if multiple toasts can be shown\n *   at the same time.\n * - `\"restart\"` - (default) toasts that have the same `toastId` as a toast\n *   being shown will restart the exit timeout and update the toast with any\n *   differences in the toast. If the toast is not currently being shown, a new\n *   toast will not be added.\n * - `\"update\"` - toasts that have the same `toastId` will just update the toast\n *   with the latest content while maintaining any existing timeouts\n *\n * @since 6.0.0 Renamed from `DuplicateBehavior`\n */\nexport type ToastDuplicateBehavior = \"allow\" | \"restart\" | \"update\";\n\n/**\n * @since 6.0.0\n */\nexport interface ToastMeta {\n  /**\n   * This will be `true` if the exit timeout has been paused either by hovering\n   * the toast or the page has become inactive through blur or minimizing.\n   */\n  paused: boolean;\n\n  /**\n   * This will be `true` when the toast should be visible and `false` during the\n   * exit animation.\n   */\n  visible: boolean;\n\n  /**\n   * The current toast's id which can be used with the:\n   * - {@link ToastManager.removeToast}\n   * - {@link ToastManager.startRemoveTimeout}\n   * - {@link ToastManager.pauseRemoveTimeout}\n   * - {@link ToastManager.resumeRemoveTimeout}\n   */\n  toastId: string;\n  priority: ToastPriority;\n  duplicates: ToastDuplicateBehavior;\n  visibleTime: number | null;\n}\n\n/**\n * @since 6.0.0\n */\nexport interface CreateToastOptions extends ConfigurableToastProps {\n  /**\n   * @defaultValue `nanoid()`\n   */\n  toastId?: string;\n\n  /**\n   * @see {@link ToastDuplicateBehavior}\n   * @defaultValue `\"restart\"`\n   */\n  duplicates?: ToastDuplicateBehavior;\n\n  /**\n   * @see {@link ToastPriority}\n   * @defaultValue `\"normal\"`\n   */\n  priority?: ToastPriority;\n\n  /**\n   * Set this to `null` to prevent the toast from automatically hiding,\n   * otherwise set this to the number of milliseconds to remain visible.\n   *\n   * @see {@link DEFAULT_TOAST_VISIBLE_TIME}\n   * @defaultValue `DEFAULT_TOAST_VISIBLE_TIME`\n   */\n  visibleTime?: number | null;\n}\n\n/**\n * @since 6.0.0\n */\nexport interface QueuedToast extends ConfigurableToastProps, ToastMeta {}\n\n/**\n * @since 6.0.0\n */\nexport type ToastQueue = readonly Readonly<QueuedToast>[];\n\n/**\n * @since 6.0.0\n */\nexport type ToastCallback = (queue: ToastQueue) => void;\n\n/**\n * @internal\n * @since 6.0.0\n */\nexport interface ToastVisibilityTimers {\n  inactive: boolean;\n  startTime: number;\n  elapsedTime: number;\n  exitTimeout?: number;\n}\n\n/**\n * @see {@link https://react-md.dev/components/snackbar | Snackbar Demos}\n * @see {@link ToastManagerProvider}\n * @since 6.0.0\n */\nexport class ToastManager {\n  #queue: QueuedToast[];\n  #timers: Map<string, ToastVisibilityTimers>;\n  #listeners: ToastCallback[];\n\n  constructor() {\n    this.#queue = [];\n    this.#timers = new Map();\n    this.#listeners = [];\n\n    // All of the class methods must be arrow functions to preserve the correct\n    // `this` value. If they aren't arrow functions, I'd have to wrap each call\n    // in an arrow function to work.\n    //\n    // i.e.\n    // useSyncExternalStore(\n    //   (cb) => manager.subscribe(cb),\n    //   () => manager.getQueue(),\n    //   () => manager.getQueue(),\n    // );\n  }\n\n  #emit = (): void => {\n    // shallow clone to ensure react updates\n    this.#queue = [...this.#queue];\n    this.#listeners.forEach((callback) => {\n      callback(this.#queue);\n    });\n  };\n\n  #getToastIndex = (toastId: string | undefined): number => {\n    if (!toastId) {\n      return -1;\n    }\n\n    return this.#queue.findIndex((toast) => toast.toastId === toastId);\n  };\n\n  #getToast = (toastId: string | undefined): QueuedToast | undefined => {\n    return this.#queue[this.#getToastIndex(toastId)];\n  };\n\n  /**\n   * Starts the exit transition for the currently shown toast and adds the next\n   * toast into the queue. This requires a manual call to `this.#emit()`\n   * afterwards.\n   */\n  #addToastImmediately = (nextToast: QueuedToast): void => {\n    const [current] = this.#queue;\n    this.clearTimer(current.toastId);\n    this.#queue[0] = {\n      ...current,\n      visible: false,\n    };\n    if (nextToast.priority === \"immediate\") {\n      this.#queue.splice(1, 0, nextToast, current);\n    } else {\n      this.#queue.splice(1, 0, nextToast);\n    }\n  };\n\n  /**\n   * This calls `this.#emit()` if the toast was updated\n   */\n  #updateToast = (\n    toastIdOrIndex: string | number,\n    patch: Partial<QueuedToast>\n  ): void => {\n    const index =\n      typeof toastIdOrIndex === \"number\"\n        ? toastIdOrIndex\n        : this.#getToastIndex(toastIdOrIndex);\n\n    if (index === -1) {\n      return;\n    }\n\n    this.#queue[index] = {\n      ...this.#queue[index],\n      ...patch,\n    };\n    this.#emit();\n  };\n\n  /**\n   * This is just used to subscribe to changes in the {@link useToastQueue}.\n   *\n   * ```tsx\n   * useSyncExternalStore(\n   *   toastManager.subscribe,\n   *   toastManager.getQueue,\n   *   toastManager.getQueue,\n   * );\n   * ```\n   *\n   * @internal\n   */\n  subscribe = (callback: ToastCallback): (() => void) => {\n    this.#listeners.push(callback);\n\n    return () => {\n      this.#listeners = this.#listeners.filter((cb) => cb !== callback);\n    };\n  };\n\n  /**\n   * @see {@link subscribe}\n   * @internal\n   */\n  getQueue = (): ToastQueue => {\n    return this.#queue;\n  };\n\n  /**\n   * Either adds the toast to the queue or updates an existing toast when using\n   * an existing `toastId`.\n   *\n   * @example Adding toasts\n   * ```tsx\n   * // create a toast when the user is offline that will not disappear\n   * addToast({ toastId: \"offline\", visibleTime: null });\n   *\n   * // add a new toast that displays `\"Toast\"` to the queue\n   * addToast({ children: \"Toast!\" });\n   *\n   * // add an online toast notification. since these three use the same toast\n   * // id, the hide timer will be reset each time\n   * addToast({ toastId: \"online\" });\n   * addToast({ toastId: \"online\" });\n   * addToast({ toastId: \"online\" });\n   *\n   * // add a server error toast to the queue where the second one will be\n   * // ignored\n   * addToast({\n   *   toastId: \"ServerError\",\n   *   theme: \"error\",\n   *   duplicates: \"prevent\",\n   * });\n   * addToast({\n   *   toastId: \"ServerError\",\n   *   theme: \"error\",\n   *   duplicates: \"prevent\",\n   * });\n   *\n   * // add a toast to the queue that has an action button that says \"Goodbye\"\n   * addToast({\n   *   children: \"Hello, world!\",\n   *   action: \"Goodbye\",\n   * });\n   *\n   * // add a toast to the queue that has an action button that says \"Goodbye\"\n   * // and a custom click handler\n   * addToast({\n   *   children: \"Hello, world!\",\n   *   action: {\n   *     onClick: () => {\n   *       logout();\n   *     },\n   *     children: \"Goodbye\",\n   *   },\n   * });\n   *\n   * // add a toast to the queue that renders a react component in the content,\n   * // a custom action button implementation (using `ToastActionButton`), and a\n   * // close button\n   * addToast({\n   *   children: <SomeCustomComponent />,\n   *   actionButton: <SomeCustomActionButton />,\n   *   closeButton: true,\n   * });\n   * ```\n   */\n  addToast = (toast: CreateToastOptions): void => {\n    const {\n      toastId = nanoid(),\n      visibleTime = DEFAULT_TOAST_VISIBLE_TIME,\n      role = visibleTime === null ? \"alert\" : \"status\",\n      priority = \"normal\",\n      duplicates = \"restart\",\n    } = toast;\n\n    const existingIndex = this.#getToastIndex(toast.toastId);\n    if (existingIndex !== -1 && duplicates !== \"allow\") {\n      const existingToast = this.#queue[existingIndex];\n      const nextToast: QueuedToast = {\n        ...existingToast,\n        ...toast,\n      };\n\n      // reorder/move the existing toast to be the next item in the queue by:\n      // - removing the toast from the queue\n      // - inserting it into the next position with the updates\n      if (priority === \"next\" && existingIndex > 1) {\n        this.#queue.splice(existingIndex, 1);\n        this.#queue.splice(1, 0, nextToast);\n        this.#emit();\n        return;\n      }\n\n      // only need to reorder the queue if it is not being shown\n      if (\n        (priority === \"replace\" || priority === \"immediate\") &&\n        existingIndex !== 0\n      ) {\n        this.#queue.splice(existingIndex, 1);\n        this.#addToastImmediately(nextToast);\n        this.#emit();\n        return;\n      }\n\n      const timers = this.#timers.get(toastId);\n      if (existingToast.visible && duplicates === \"restart\" && timers) {\n        this.#timers.set(toastId, { ...timers, elapsedTime: 0 });\n\n        // wait for the next resume event instead. this _should_ only happen\n        // when hovering a toast and another toast replaces it\n        if (!nextToast.paused) {\n          this.startRemoveTimeout(toastId);\n        }\n      }\n\n      this.#updateToast(existingIndex, toast);\n      return;\n    }\n\n    const nextToast: QueuedToast = {\n      ...toast,\n      role,\n      paused: false,\n      visible: true,\n      toastId,\n      priority,\n      duplicates,\n      visibleTime,\n    };\n\n    const queueSize = this.#queue.length;\n    if (priority === \"next\" && queueSize > 1) {\n      this.#queue.splice(1, 0, nextToast);\n    } else if (\n      (priority === \"replace\" || priority === \"immediate\") &&\n      queueSize > 0\n    ) {\n      this.#addToastImmediately(nextToast);\n    } else {\n      this.#queue.push(nextToast);\n    }\n\n    this.#emit();\n  };\n\n  /**\n   * Attempts to start the timeout for removing the toast when the `visibleTime`\n   * is not null for a toast.\n   *\n   * @param toastId - The specific toastId to update\n   */\n  startRemoveTimeout = (toastId: string): void => {\n    const toast = this.#getToast(toastId);\n    if (!toast) {\n      return;\n    }\n\n    const { visibleTime } = toast;\n    if (visibleTime === null) {\n      // Must manually be closed\n      return;\n    }\n\n    const cached = this.#timers.get(toastId);\n    const timers = (cached && { ...cached }) || {\n      inactive: false,\n      startTime: Date.now(),\n      elapsedTime: 0,\n    };\n    window.clearTimeout(timers.exitTimeout);\n\n    let duration = visibleTime;\n    if (timers.elapsedTime) {\n      duration -= timers.elapsedTime;\n    }\n\n    timers.inactive = false;\n    timers.exitTimeout = window.setTimeout(() => {\n      this.removeToast(toastId, true);\n    }, duration);\n    this.#timers.set(toastId, timers);\n  };\n\n  /**\n   * Pauses the remove timeout for a specific toast normally with hover events\n   * or the browser becoming inactive.\n   *\n   * @param toastId - The specific toastId to pause\n   */\n  pauseRemoveTimeout = (toastId: string): void => {\n    const toast = this.#getToast(toastId);\n    const cached = this.#timers.get(toastId);\n    if (!toast || !cached || cached.inactive) {\n      return;\n    }\n\n    window.clearTimeout(cached.exitTimeout);\n    const timers = { ...cached };\n    timers.inactive = true;\n    timers.elapsedTime = Date.now() - timers.startTime + timers.elapsedTime;\n    this.#timers.set(toastId, timers);\n    this.#updateToast(toastId, { paused: true });\n  };\n\n  /**\n   * Resumes the current remove timeout if it was paused by\n   * {@link pauseRemoveTimeout}.\n   *\n   * @param toastId - The specific toastId to resume\n   */\n  resumeRemoveTimeout = (toastId: string): void => {\n    const toastIndex = this.#getToastIndex(toastId);\n    const timers = this.#timers.get(toastId);\n    if (toastIndex === -1 || !timers?.startTime) {\n      return;\n    }\n\n    timers.startTime = Date.now();\n    this.#updateToast(toastIndex, { paused: false });\n    this.startRemoveTimeout(toastId);\n  };\n\n  /**\n   * Removes a toast by id from the queue without any exit animation.\n   *\n   * @param toastId - The specific {@link QueuedToast.toastId}\n   * @param transition - Set this to `true` to remove the toast by the exit\n   * transition instead of immediately.\n   */\n  removeToast = (toastId: string, transition: boolean): void => {\n    const toastIndex = this.#getToastIndex(toastId);\n    if (toastIndex === -1) {\n      return;\n    }\n\n    if (transition) {\n      this.clearTimer(toastId);\n      this.#updateToast(toastIndex, { visible: false });\n      return;\n    }\n\n    this.#queue.splice(toastIndex, 1);\n    this.#emit();\n  };\n\n  /**\n   * Clears any pending timers for the provided toast id. This should generally\n   * be used in the `useEffect` cleanup effect for any custom toast renderer\n   * implementations.\n   *\n   * @example\n   * ```tsx\n   * const { toastId } = toast;\n   * const toastManager = useToastManager();\n   *\n   * useEffect(() => {\n   *   return () => {\n   *     toastManager.clearTimer(toastId):\n   *   }\n   * }, [toastManager, toastId]);\n   * ```\n   */\n  clearTimer = (toastId: string): void => {\n    const timer = this.#timers.get(toastId);\n    window.clearTimeout(timer?.exitTimeout);\n    this.#timers.delete(toastId);\n  };\n\n  /**\n   * Removes first toast from the queue without any exit animation. You most\n   * likely want to use {@link removeToast} instead.\n   */\n  popToast = (): void => {\n    this.#queue.pop();\n    this.#emit();\n  };\n\n  /**\n   * Removes all toasts from the queue. There will be no exit animation.\n   *\n   * @param disableEmit - Set this to `true` to disable emitting the empty queue.\n   * Mostly used for tests.\n   */\n  clearToasts = (disableEmit = false): void => {\n    this.#queue = [];\n    this.#timers.forEach((meta) => {\n      window.clearTimeout(meta.exitTimeout);\n    });\n    this.#timers.clear();\n    if (!disableEmit) {\n      this.#emit();\n    }\n  };\n}\n\n/**\n * The default toast manager for react-md apps that will allow toasts to be\n * added without setting up the {@link ToastManagerProvider}.\n *\n * @internal\n * @since 6.0.0\n */\nexport const toastManager = new ToastManager();\n\n/**\n * @see {@link ToastManager.addToast}\n * @since 6.0.0\n */\nexport const addToast: ToastManager[\"addToast\"] = (toast) => {\n  toastManager.addToast(toast);\n};\n\n/**\n * @see {@link ToastManager.startRemoveTimeout}\n * @since 6.0.0\n */\nexport const startRemoveToastTimeout: ToastManager[\"startRemoveTimeout\"] = (\n  toastId\n) => {\n  toastManager.startRemoveTimeout(toastId);\n};\n\n/**\n * @see {@link ToastManager.popToast}\n * @since 6.0.0\n */\nexport const popToast: ToastManager[\"popToast\"] = () => {\n  toastManager.popToast();\n};\n\n/**\n * @see {@link ToastManager.removeToast}\n * @since 6.0.0\n */\nexport const removeToast: ToastManager[\"removeToast\"] = (\n  toastId,\n  transition\n) => {\n  toastManager.removeToast(toastId, transition);\n};\n\n/**\n * @see {@link ToastManager.clearToasts}\n * @since 6.0.0\n */\nexport const clearToasts = (): void => {\n  toastManager.clearToasts();\n};\n"],"names":["nanoid","DEFAULT_TOAST_VISIBLE_TIME","ToastManager","forEach","callback","toastId","findIndex","toast","nextToast","current","clearTimer","visible","priority","splice","toastIdOrIndex","patch","index","subscribe","push","filter","cb","getQueue","addToast","visibleTime","role","duplicates","existingIndex","existingToast","timers","get","set","elapsedTime","paused","startRemoveTimeout","queueSize","length","cached","inactive","startTime","Date","now","window","clearTimeout","exitTimeout","duration","setTimeout","removeToast","pauseRemoveTimeout","resumeRemoveTimeout","toastIndex","transition","timer","delete","popToast","pop","clearToasts","disableEmit","meta","clear","Map","toastManager","startRemoveToastTimeout"],"mappings":"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"}
+{"version":3,"sources":["../../src/snackbar/ToastManager.ts"],"sourcesContent":["import { nanoid } from \"nanoid\";\n\nimport { type ConfigurableToastProps } from \"./Toast.js\";\n\n/**\n * @since 6.0.0\n */\nexport const DEFAULT_TOAST_VISIBLE_TIME = 5000;\n\n/**\n * - `\"normal\"` - the toast will be added to the end of the queue\n * - `\"next\"` - the toast will be inserted next-in-line in the queue, waiting\n *   for the current visible toast to exit before being shown. If the toast does\n *   not support duplicates, the existing toast will be moved instead and merged\n *   with the toast.\n * - `\"replace\"` - if there is a currently visible toast, it will start the\n *   leave transition and display the newly added toast instead.\n * - `\"immediate\"` - the same behavior as `\"replace\"` except that if there was a\n *   currently visible toast, the toast will be shown again once the `\"immediate\"`\n *   toast is hidden.\n *\n * @since 6.0.0 Renamed from `MessagePriority` to `ToastPriority`\n */\nexport type ToastPriority = \"normal\" | \"next\" | \"replace\" | \"immediate\";\n\n/**\n * - `\"allow\"` - toasts with the same `toastId` can be added into the queue, but\n *   the leave timeout behavior might not work if multiple toasts can be shown\n *   at the same time.\n * - `\"restart\"` - (default) toasts that have the same `toastId` as a toast\n *   being shown will restart the exit timeout and update the toast with any\n *   differences in the toast. If the toast is not currently being shown, a new\n *   toast will not be added.\n * - `\"update\"` - toasts that have the same `toastId` will just update the toast\n *   with the latest content while maintaining any existing timeouts\n *\n * @since 6.0.0 Renamed from `DuplicateBehavior`\n */\nexport type ToastDuplicateBehavior = \"allow\" | \"restart\" | \"update\";\n\n/**\n * @since 6.0.0\n */\nexport interface ToastMeta {\n  /**\n   * This will be `true` if the exit timeout has been paused either by hovering\n   * the toast or the page has become inactive through blur or minimizing.\n   */\n  paused: boolean;\n\n  /**\n   * This will be `true` when the toast should be visible and `false` during the\n   * exit animation.\n   */\n  visible: boolean;\n\n  /**\n   * The current toast's id which can be used with the:\n   * - {@link ToastManager.removeToast}\n   * - {@link ToastManager.startRemoveTimeout}\n   * - {@link ToastManager.pauseRemoveTimeout}\n   * - {@link ToastManager.resumeRemoveTimeout}\n   */\n  toastId: string;\n  priority: ToastPriority;\n  duplicates: ToastDuplicateBehavior;\n  visibleTime: number | null;\n}\n\n/**\n * @since 6.0.0\n */\nexport interface CreateToastOptions extends ConfigurableToastProps {\n  /**\n   * @defaultValue `nanoid()`\n   */\n  toastId?: string;\n\n  /**\n   * @see {@link ToastDuplicateBehavior}\n   * @defaultValue `\"restart\"`\n   */\n  duplicates?: ToastDuplicateBehavior;\n\n  /**\n   * @see {@link ToastPriority}\n   * @defaultValue `\"normal\"`\n   */\n  priority?: ToastPriority;\n\n  /**\n   * Set this to `null` to prevent the toast from automatically hiding,\n   * otherwise set this to the number of milliseconds to remain visible.\n   *\n   * @see {@link DEFAULT_TOAST_VISIBLE_TIME}\n   * @defaultValue `DEFAULT_TOAST_VISIBLE_TIME`\n   */\n  visibleTime?: number | null;\n}\n\n/**\n * @since 6.0.0\n */\nexport interface QueuedToast extends ConfigurableToastProps, ToastMeta {}\n\n/**\n * @since 6.0.0\n */\nexport type ToastQueue = readonly Readonly<QueuedToast>[];\n\n/**\n * @since 6.0.0\n */\nexport type ToastCallback = (queue: ToastQueue) => void;\n\n/**\n * @internal\n * @since 6.0.0\n */\nexport interface ToastVisibilityTimers {\n  inactive: boolean;\n  startTime: number;\n  elapsedTime: number;\n  exitTimeout?: NodeJS.Timeout;\n}\n\n/**\n * @see {@link https://react-md.dev/components/snackbar | Snackbar Demos}\n * @see {@link ToastManagerProvider}\n * @since 6.0.0\n */\nexport class ToastManager {\n  #queue: QueuedToast[];\n  #timers: Map<string, ToastVisibilityTimers>;\n  #listeners: ToastCallback[];\n\n  constructor() {\n    this.#queue = [];\n    this.#timers = new Map();\n    this.#listeners = [];\n\n    // All of the class methods must be arrow functions to preserve the correct\n    // `this` value. If they aren't arrow functions, I'd have to wrap each call\n    // in an arrow function to work.\n    //\n    // i.e.\n    // useSyncExternalStore(\n    //   (cb) => manager.subscribe(cb),\n    //   () => manager.getQueue(),\n    //   () => manager.getQueue(),\n    // );\n  }\n\n  #emit = (): void => {\n    // shallow clone to ensure react updates\n    this.#queue = [...this.#queue];\n    for (const callback of this.#listeners) {\n      callback(this.#queue);\n    }\n  };\n\n  #getToastIndex = (toastId: string | undefined): number => {\n    if (!toastId) {\n      return -1;\n    }\n\n    return this.#queue.findIndex((toast) => toast.toastId === toastId);\n  };\n\n  #getToast = (toastId: string | undefined): QueuedToast | undefined => {\n    return this.#queue[this.#getToastIndex(toastId)];\n  };\n\n  /**\n   * Starts the exit transition for the currently shown toast and adds the next\n   * toast into the queue. This requires a manual call to `this.#emit()`\n   * afterwards.\n   */\n  #addToastImmediately = (nextToast: QueuedToast): void => {\n    const [current] = this.#queue;\n    this.clearTimer(current.toastId);\n    this.#queue[0] = {\n      ...current,\n      visible: false,\n    };\n    if (nextToast.priority === \"immediate\") {\n      this.#queue.splice(1, 0, nextToast, current);\n    } else {\n      this.#queue.splice(1, 0, nextToast);\n    }\n  };\n\n  /**\n   * This calls `this.#emit()` if the toast was updated\n   */\n  #updateToast = (\n    toastIdOrIndex: string | number,\n    patch: Partial<QueuedToast>\n  ): void => {\n    const index =\n      typeof toastIdOrIndex === \"number\"\n        ? toastIdOrIndex\n        : this.#getToastIndex(toastIdOrIndex);\n\n    if (index === -1) {\n      return;\n    }\n\n    this.#queue[index] = {\n      ...this.#queue[index],\n      ...patch,\n    };\n    this.#emit();\n  };\n\n  /**\n   * This is just used to subscribe to changes in the {@link useToastQueue}.\n   *\n   * ```tsx\n   * useSyncExternalStore(\n   *   toastManager.subscribe,\n   *   toastManager.getQueue,\n   *   toastManager.getQueue,\n   * );\n   * ```\n   *\n   * @internal\n   */\n  subscribe = (callback: ToastCallback): (() => void) => {\n    this.#listeners.push(callback);\n\n    return () => {\n      this.#listeners = this.#listeners.filter((cb) => cb !== callback);\n    };\n  };\n\n  /**\n   * @see {@link subscribe}\n   * @internal\n   */\n  getQueue = (): ToastQueue => {\n    return this.#queue;\n  };\n\n  /**\n   * Either adds the toast to the queue or updates an existing toast when using\n   * an existing `toastId`.\n   *\n   * @example Adding toasts\n   * ```tsx\n   * // create a toast when the user is offline that will not disappear\n   * addToast({ toastId: \"offline\", visibleTime: null });\n   *\n   * // add a new toast that displays `\"Toast\"` to the queue\n   * addToast({ children: \"Toast!\" });\n   *\n   * // add an online toast notification. since these three use the same toast\n   * // id, the hide timer will be reset each time\n   * addToast({ toastId: \"online\" });\n   * addToast({ toastId: \"online\" });\n   * addToast({ toastId: \"online\" });\n   *\n   * // add a server error toast to the queue where the second one will be\n   * // ignored\n   * addToast({\n   *   toastId: \"ServerError\",\n   *   theme: \"error\",\n   *   duplicates: \"prevent\",\n   * });\n   * addToast({\n   *   toastId: \"ServerError\",\n   *   theme: \"error\",\n   *   duplicates: \"prevent\",\n   * });\n   *\n   * // add a toast to the queue that has an action button that says \"Goodbye\"\n   * addToast({\n   *   children: \"Hello, world!\",\n   *   action: \"Goodbye\",\n   * });\n   *\n   * // add a toast to the queue that has an action button that says \"Goodbye\"\n   * // and a custom click handler\n   * addToast({\n   *   children: \"Hello, world!\",\n   *   action: {\n   *     onClick: () => {\n   *       logout();\n   *     },\n   *     children: \"Goodbye\",\n   *   },\n   * });\n   *\n   * // add a toast to the queue that renders a react component in the content,\n   * // a custom action button implementation (using `ToastActionButton`), and a\n   * // close button\n   * addToast({\n   *   children: <SomeCustomComponent />,\n   *   actionButton: <SomeCustomActionButton />,\n   *   closeButton: true,\n   * });\n   * ```\n   */\n  addToast = (toast: CreateToastOptions): void => {\n    const {\n      toastId = nanoid(),\n      visibleTime = DEFAULT_TOAST_VISIBLE_TIME,\n      role = visibleTime === null ? \"alert\" : \"status\",\n      priority = \"normal\",\n      duplicates = \"restart\",\n    } = toast;\n\n    const existingIndex = this.#getToastIndex(toast.toastId);\n    if (existingIndex !== -1 && duplicates !== \"allow\") {\n      const existingToast = this.#queue[existingIndex];\n      const nextToast: QueuedToast = {\n        ...existingToast,\n        ...toast,\n      };\n\n      // reorder/move the existing toast to be the next item in the queue by:\n      // - removing the toast from the queue\n      // - inserting it into the next position with the updates\n      if (priority === \"next\" && existingIndex > 1) {\n        this.#queue.splice(existingIndex, 1);\n        this.#queue.splice(1, 0, nextToast);\n        this.#emit();\n        return;\n      }\n\n      // only need to reorder the queue if it is not being shown\n      if (\n        (priority === \"replace\" || priority === \"immediate\") &&\n        existingIndex !== 0\n      ) {\n        this.#queue.splice(existingIndex, 1);\n        this.#addToastImmediately(nextToast);\n        this.#emit();\n        return;\n      }\n\n      const timers = this.#timers.get(toastId);\n      if (existingToast.visible && duplicates === \"restart\" && timers) {\n        this.#timers.set(toastId, { ...timers, elapsedTime: 0 });\n\n        // wait for the next resume event instead. this _should_ only happen\n        // when hovering a toast and another toast replaces it\n        if (!nextToast.paused) {\n          this.startRemoveTimeout(toastId);\n        }\n      }\n\n      this.#updateToast(existingIndex, toast);\n      return;\n    }\n\n    const nextToast: QueuedToast = {\n      ...toast,\n      role,\n      paused: false,\n      visible: true,\n      toastId,\n      priority,\n      duplicates,\n      visibleTime,\n    };\n\n    const queueSize = this.#queue.length;\n    if (priority === \"next\" && queueSize > 1) {\n      this.#queue.splice(1, 0, nextToast);\n    } else if (\n      (priority === \"replace\" || priority === \"immediate\") &&\n      queueSize > 0\n    ) {\n      this.#addToastImmediately(nextToast);\n    } else {\n      this.#queue.push(nextToast);\n    }\n\n    this.#emit();\n  };\n\n  /**\n   * Attempts to start the timeout for removing the toast when the `visibleTime`\n   * is not null for a toast.\n   *\n   * @param toastId - The specific toastId to update\n   */\n  startRemoveTimeout = (toastId: string): void => {\n    const toast = this.#getToast(toastId);\n    if (!toast) {\n      return;\n    }\n\n    const { visibleTime } = toast;\n    if (visibleTime === null) {\n      // Must manually be closed\n      return;\n    }\n\n    const cached = this.#timers.get(toastId);\n    const timers = (cached && { ...cached }) || {\n      inactive: false,\n      startTime: Date.now(),\n      elapsedTime: 0,\n    };\n    globalThis.clearTimeout(timers.exitTimeout);\n\n    let duration = visibleTime;\n    if (timers.elapsedTime) {\n      duration -= timers.elapsedTime;\n    }\n\n    timers.inactive = false;\n    timers.exitTimeout = globalThis.setTimeout(() => {\n      this.removeToast(toastId, true);\n    }, duration);\n    this.#timers.set(toastId, timers);\n  };\n\n  /**\n   * Pauses the remove timeout for a specific toast normally with hover events\n   * or the browser becoming inactive.\n   *\n   * @param toastId - The specific toastId to pause\n   */\n  pauseRemoveTimeout = (toastId: string): void => {\n    const toast = this.#getToast(toastId);\n    const cached = this.#timers.get(toastId);\n    if (!toast || !cached || cached.inactive) {\n      return;\n    }\n\n    globalThis.clearTimeout(cached.exitTimeout);\n    const timers = { ...cached, inactive: true };\n    timers.elapsedTime = Date.now() - timers.startTime + timers.elapsedTime;\n    this.#timers.set(toastId, timers);\n    this.#updateToast(toastId, { paused: true });\n  };\n\n  /**\n   * Resumes the current remove timeout if it was paused by\n   * {@link pauseRemoveTimeout}.\n   *\n   * @param toastId - The specific toastId to resume\n   */\n  resumeRemoveTimeout = (toastId: string): void => {\n    const toastIndex = this.#getToastIndex(toastId);\n    const timers = this.#timers.get(toastId);\n    if (toastIndex === -1 || !timers?.startTime) {\n      return;\n    }\n\n    timers.startTime = Date.now();\n    this.#updateToast(toastIndex, { paused: false });\n    this.startRemoveTimeout(toastId);\n  };\n\n  /**\n   * Removes a toast by id from the queue without any exit animation.\n   *\n   * @param toastId - The specific {@link QueuedToast.toastId}\n   * @param transition - Set this to `true` to remove the toast by the exit\n   * transition instead of immediately.\n   */\n  removeToast = (toastId: string, transition: boolean): void => {\n    const toastIndex = this.#getToastIndex(toastId);\n    if (toastIndex === -1) {\n      return;\n    }\n\n    if (transition) {\n      this.clearTimer(toastId);\n      this.#updateToast(toastIndex, { visible: false });\n      return;\n    }\n\n    this.#queue.splice(toastIndex, 1);\n    this.#emit();\n  };\n\n  /**\n   * Clears any pending timers for the provided toast id. This should generally\n   * be used in the `useEffect` cleanup effect for any custom toast renderer\n   * implementations.\n   *\n   * @example\n   * ```tsx\n   * const { toastId } = toast;\n   * const toastManager = useToastManager();\n   *\n   * useEffect(() => {\n   *   return () => {\n   *     toastManager.clearTimer(toastId):\n   *   }\n   * }, [toastManager, toastId]);\n   * ```\n   */\n  clearTimer = (toastId: string): void => {\n    const timer = this.#timers.get(toastId);\n    globalThis.clearTimeout(timer?.exitTimeout);\n    this.#timers.delete(toastId);\n  };\n\n  /**\n   * Removes first toast from the queue without any exit animation. You most\n   * likely want to use {@link removeToast} instead.\n   */\n  popToast = (): void => {\n    this.#queue.pop();\n    this.#emit();\n  };\n\n  /**\n   * Removes all toasts from the queue. There will be no exit animation.\n   *\n   * @param disableEmit - Set this to `true` to disable emitting the empty queue.\n   * Mostly used for tests.\n   */\n  clearToasts = (disableEmit = false): void => {\n    this.#queue = [];\n    for (const [, meta] of this.#timers) {\n      globalThis.clearTimeout(meta.exitTimeout);\n    }\n    this.#timers.clear();\n    if (!disableEmit) {\n      this.#emit();\n    }\n  };\n}\n\n/**\n * The default toast manager for react-md apps that will allow toasts to be\n * added without setting up the {@link ToastManagerProvider}.\n *\n * @internal\n * @since 6.0.0\n */\nexport const toastManager = new ToastManager();\n\n/**\n * @see {@link ToastManager.addToast}\n * @since 6.0.0\n */\nexport const addToast: ToastManager[\"addToast\"] = (toast) => {\n  toastManager.addToast(toast);\n};\n\n/**\n * @see {@link ToastManager.startRemoveTimeout}\n * @since 6.0.0\n */\nexport const startRemoveToastTimeout: ToastManager[\"startRemoveTimeout\"] = (\n  toastId\n) => {\n  toastManager.startRemoveTimeout(toastId);\n};\n\n/**\n * @see {@link ToastManager.popToast}\n * @since 6.0.0\n */\nexport const popToast: ToastManager[\"popToast\"] = () => {\n  toastManager.popToast();\n};\n\n/**\n * @see {@link ToastManager.removeToast}\n * @since 6.0.0\n */\nexport const removeToast: ToastManager[\"removeToast\"] = (\n  toastId,\n  transition\n) => {\n  toastManager.removeToast(toastId, transition);\n};\n\n/**\n * @see {@link ToastManager.clearToasts}\n * @since 6.0.0\n */\nexport const clearToasts = (): void => {\n  toastManager.clearToasts();\n};\n"],"names":["nanoid","DEFAULT_TOAST_VISIBLE_TIME","ToastManager","callback","toastId","findIndex","toast","nextToast","current","clearTimer","visible","priority","splice","toastIdOrIndex","patch","index","subscribe","push","filter","cb","getQueue","addToast","visibleTime","role","duplicates","existingIndex","existingToast","timers","get","set","elapsedTime","paused","startRemoveTimeout","queueSize","length","cached","inactive","startTime","Date","now","globalThis","clearTimeout","exitTimeout","duration","setTimeout","removeToast","pauseRemoveTimeout","resumeRemoveTimeout","toastIndex","transition","timer","delete","popToast","pop","clearToasts","disableEmit","meta","clear","Map","toastManager","startRemoveToastTimeout"],"mappings":"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"}

package/dist/spinbutton/useSpinButton.js

@@ -24,7 +24,7 @@ import { selectNode } from "./utils/selectNode.js";
     // trigger a noop setValue when `value` and `onValueChange` are provided
     // since `onValueChange is always called with  `setValue
     let propSetValue;
-    if (typeof propValue !== "undefined" && options.onValueChange) {
+    if (propValue !== undefined && options.onValueChange) {
         propSetValue = noop;
     }
     const [value, setValue] = useEnsuredState({