@react-md/core 1.0.0-next.12 → 1.0.0-next.13

package/dist/sheet/styles.d.ts

@@ -29,7 +29,7 @@ export type SheetHorizontalSize = "none" | "media" | "touch" | "static";
  *   `max-height` of 50vh and `min-height` of 3.5rem
  */
 export type SheetVerticalSize = "none" | "touch" | "recommended";
-/** @remarks \@since 6.0.0 */
+/** @since 6.0.0 */
 export interface BaseSheetClassNameOptions {
     className?: string;
     /**
@@ -46,12 +46,12 @@ export interface BaseSheetClassNameOptions {
     verticalSize?: SheetVerticalSize;
 }
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  * @internal
  */
 export interface SheetClassNameOptions extends BaseSheetClassNameOptions {
     offscreen?: boolean;
     disableOverlay?: boolean;
 }
-/** @remarks \@since 6.0.0 */
+/** @since 6.0.0 */
 export declare function sheet(options: SheetClassNameOptions): string;

package/dist/sheet/styles.js

@@ -1,7 +1,7 @@
 import { cnb } from "cnbuilder";
 import { bem } from "../utils/bem.js";
 const styles = bem("rmd-sheet");
-/** @remarks \@since 6.0.0 */ export function sheet(options) {
+/** @since 6.0.0 */ export function sheet(options) {
     const { position = "left", horizontalSize = "media", verticalSize = "recommended", offscreen = false, disableOverlay, className } = options;
     const horizontal = position === "left" || position === "right";
     return cnb(styles({

package/dist/sheet/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/sheet/styles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\nimport { bem } from \"../utils/bem.js\";\n\nconst styles = bem(\"rmd-sheet\");\n\n/**\n * The location that the sheet should be located within the viewport.\n */\nexport type SheetPosition = \"top\" | \"right\" | \"bottom\" | \"left\";\n\n/**\n * The size to use for sheets that have been positioned left or right. The\n * default supported values are:\n *\n * - `\"none\"` - the size is based on content, but is still limited to the\n *   viewport width so that the horizontal scrolling will not occur within the\n *   page. No limits added to sizing.\n * - `\"touch\"` - the `width` is set to be the entire viewport width minus a\n *   touchable area and is normally recommended for mobile devices.\n * - `\"static\"` - the `width` is set to a static `16rem` and generally used for\n *   landscape tablets and desktops.\n * - `\"media\"` - automatically switches between \"touch\" and \"static\" based on\n *   css media queries. (this is the default)\n */\nexport type SheetHorizontalSize = \"none\" | \"media\" | \"touch\" | \"static\";\n\n/**\n * The size to use for sheets that have been positioned top or bottom. The\n * supported sizes are:\n *\n * - `\"none\"` - the size is based on content and is limited to the viewport\n *   height\n * - `\"touch\"` - the size is based on content and is limited to the viewport\n *   height minus a small touchable area\n * - `\"recommended\"` - the material design recommended sizing that forces a\n *   `max-height` of 50vh and `min-height` of 3.5rem\n */\nexport type SheetVerticalSize = \"none\" | \"touch\" | \"recommended\";\n\n/** @remarks \\@since 6.0.0 */\nexport interface BaseSheetClassNameOptions {\n  className?: string;\n\n  /**\n   * @defaultValue `\"left\"`\n   */\n  position?: SheetPosition;\n\n  /**\n   * @defaultValue `\"media\"`\n   */\n  horizontalSize?: SheetHorizontalSize;\n\n  /**\n   * @defaultValue `\"recommended\"`\n   */\n  verticalSize?: SheetVerticalSize;\n}\n\n/**\n * @remarks \\@since 6.0.0\n * @internal\n */\nexport interface SheetClassNameOptions extends BaseSheetClassNameOptions {\n  offscreen?: boolean;\n  disableOverlay?: boolean;\n}\n\n/** @remarks \\@since 6.0.0 */\nexport function sheet(options: SheetClassNameOptions): string {\n  const {\n    position = \"left\",\n    horizontalSize = \"media\",\n    verticalSize = \"recommended\",\n    offscreen = false,\n    disableOverlay,\n    className,\n  } = options;\n  const horizontal = position === \"left\" || position === \"right\";\n\n  return cnb(\n    styles({\n      horizontal,\n      vertical: !horizontal,\n      raised: !disableOverlay,\n      offscreen,\n      [position]: true,\n      \"media-width\": horizontal && horizontalSize === \"media\",\n      \"touch-width\": horizontal && horizontalSize === \"touch\",\n      \"static-width\": horizontal && horizontalSize === \"static\",\n      \"viewport-height\": !horizontal && verticalSize === \"none\",\n      \"touchable-height\": !horizontal && verticalSize === \"touch\",\n      \"recommended-height\": !horizontal && verticalSize === \"recommended\",\n    }),\n    className\n  );\n}\n"],"names":["cnb","bem","styles","sheet","options","position","horizontalSize","verticalSize","offscreen","disableOverlay","className","horizontal","vertical","raised"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAChC,SAASC,GAAG,QAAQ,kBAAkB;AAEtC,MAAMC,SAASD,IAAI;AAiEnB,2BAA2B,GAC3B,OAAO,SAASE,MAAMC,OAA8B;IAClD,MAAM,EACJC,WAAW,MAAM,EACjBC,iBAAiB,OAAO,EACxBC,eAAe,aAAa,EAC5BC,YAAY,KAAK,EACjBC,cAAc,EACdC,SAAS,EACV,GAAGN;IACJ,MAAMO,aAAaN,aAAa,UAAUA,aAAa;IAEvD,OAAOL,IACLE,OAAO;QACLS;QACAC,UAAU,CAACD;QACXE,QAAQ,CAACJ;QACTD;QACA,CAACH,SAAS,EAAE;QACZ,eAAeM,cAAcL,mBAAmB;QAChD,eAAeK,cAAcL,mBAAmB;QAChD,gBAAgBK,cAAcL,mBAAmB;QACjD,mBAAmB,CAACK,cAAcJ,iBAAiB;QACnD,oBAAoB,CAACI,cAAcJ,iBAAiB;QACpD,sBAAsB,CAACI,cAAcJ,iBAAiB;IACxD,IACAG;AAEJ"}
+{"version":3,"sources":["../../src/sheet/styles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\nimport { bem } from \"../utils/bem.js\";\n\nconst styles = bem(\"rmd-sheet\");\n\n/**\n * The location that the sheet should be located within the viewport.\n */\nexport type SheetPosition = \"top\" | \"right\" | \"bottom\" | \"left\";\n\n/**\n * The size to use for sheets that have been positioned left or right. The\n * default supported values are:\n *\n * - `\"none\"` - the size is based on content, but is still limited to the\n *   viewport width so that the horizontal scrolling will not occur within the\n *   page. No limits added to sizing.\n * - `\"touch\"` - the `width` is set to be the entire viewport width minus a\n *   touchable area and is normally recommended for mobile devices.\n * - `\"static\"` - the `width` is set to a static `16rem` and generally used for\n *   landscape tablets and desktops.\n * - `\"media\"` - automatically switches between \"touch\" and \"static\" based on\n *   css media queries. (this is the default)\n */\nexport type SheetHorizontalSize = \"none\" | \"media\" | \"touch\" | \"static\";\n\n/**\n * The size to use for sheets that have been positioned top or bottom. The\n * supported sizes are:\n *\n * - `\"none\"` - the size is based on content and is limited to the viewport\n *   height\n * - `\"touch\"` - the size is based on content and is limited to the viewport\n *   height minus a small touchable area\n * - `\"recommended\"` - the material design recommended sizing that forces a\n *   `max-height` of 50vh and `min-height` of 3.5rem\n */\nexport type SheetVerticalSize = \"none\" | \"touch\" | \"recommended\";\n\n/** @since 6.0.0 */\nexport interface BaseSheetClassNameOptions {\n  className?: string;\n\n  /**\n   * @defaultValue `\"left\"`\n   */\n  position?: SheetPosition;\n\n  /**\n   * @defaultValue `\"media\"`\n   */\n  horizontalSize?: SheetHorizontalSize;\n\n  /**\n   * @defaultValue `\"recommended\"`\n   */\n  verticalSize?: SheetVerticalSize;\n}\n\n/**\n * @since 6.0.0\n * @internal\n */\nexport interface SheetClassNameOptions extends BaseSheetClassNameOptions {\n  offscreen?: boolean;\n  disableOverlay?: boolean;\n}\n\n/** @since 6.0.0 */\nexport function sheet(options: SheetClassNameOptions): string {\n  const {\n    position = \"left\",\n    horizontalSize = \"media\",\n    verticalSize = \"recommended\",\n    offscreen = false,\n    disableOverlay,\n    className,\n  } = options;\n  const horizontal = position === \"left\" || position === \"right\";\n\n  return cnb(\n    styles({\n      horizontal,\n      vertical: !horizontal,\n      raised: !disableOverlay,\n      offscreen,\n      [position]: true,\n      \"media-width\": horizontal && horizontalSize === \"media\",\n      \"touch-width\": horizontal && horizontalSize === \"touch\",\n      \"static-width\": horizontal && horizontalSize === \"static\",\n      \"viewport-height\": !horizontal && verticalSize === \"none\",\n      \"touchable-height\": !horizontal && verticalSize === \"touch\",\n      \"recommended-height\": !horizontal && verticalSize === \"recommended\",\n    }),\n    className\n  );\n}\n"],"names":["cnb","bem","styles","sheet","options","position","horizontalSize","verticalSize","offscreen","disableOverlay","className","horizontal","vertical","raised"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAChC,SAASC,GAAG,QAAQ,kBAAkB;AAEtC,MAAMC,SAASD,IAAI;AAiEnB,iBAAiB,GACjB,OAAO,SAASE,MAAMC,OAA8B;IAClD,MAAM,EACJC,WAAW,MAAM,EACjBC,iBAAiB,OAAO,EACxBC,eAAe,aAAa,EAC5BC,YAAY,KAAK,EACjBC,cAAc,EACdC,SAAS,EACV,GAAGN;IACJ,MAAMO,aAAaN,aAAa,UAAUA,aAAa;IAEvD,OAAOL,IACLE,OAAO;QACLS;QACAC,UAAU,CAACD;QACXE,QAAQ,CAACJ;QACTD;QACA,CAACH,SAAS,EAAE;QACZ,eAAeM,cAAcL,mBAAmB;QAChD,eAAeK,cAAcL,mBAAmB;QAChD,gBAAgBK,cAAcL,mBAAmB;QACjD,mBAAmB,CAACK,cAAcJ,iBAAiB;QACnD,oBAAoB,CAACI,cAAcJ,iBAAiB;QACpD,sBAAsB,CAACI,cAAcJ,iBAAiB;IACxD,IACAG;AAEJ"}

package/dist/snackbar/DefaultToastRenderer.d.ts

@@ -2,7 +2,7 @@ import { type ReactElement } from "react";
 import { type ConfigurableToastProps } from "./Toast.js";
 import { type ToastMeta } from "./ToastManager.js";
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export interface ToastRendererProps extends ConfigurableToastProps, ToastMeta {
     /**
@@ -29,6 +29,6 @@ export interface ToastRendererProps extends ConfigurableToastProps, ToastMeta {
  * - always renders the {@link ToastRendererProps.toastDefaults}'s `children`
  *   'after the optional toast's `children`
  *
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export declare function DefaultToastRenderer(props: ToastRendererProps): ReactElement;

package/dist/snackbar/DefaultToastRenderer.js

@@ -25,7 +25,7 @@ const noop = ()=>{
  * - always renders the {@link ToastRendererProps.toastDefaults}'s `children`
  *   'after the optional toast's `children`
  *
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */ export function DefaultToastRenderer(props) {
     const { toastId, paused, visible, priority: _priority, duplicates: _duplicates, visibleTime, onExited = noop, onEntered = noop, onMouseEnter = noop, onMouseLeave = noop, toastDefaults = {}, ...remaining } = props;
     const { closeButtonProps, closeButton = !!closeButtonProps || !!remaining.closeButtonProps, onEntered: defaultEntered = noop, onExited: defaultExited = noop, onMouseEnter: defaultMouseEnter = noop, onMouseLeave: defaultMouseLeave = noop, ...defaults } = toastDefaults;

package/dist/snackbar/DefaultToastRenderer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/snackbar/DefaultToastRenderer.tsx"],"sourcesContent":["\"use client\";\nimport { useEffect, useMemo, type ReactElement } from \"react\";\nimport { usePageInactive } from \"../usePageInactive.js\";\nimport { Toast, type ConfigurableToastProps } from \"./Toast.js\";\nimport { type ToastMeta } from \"./ToastManager.js\";\nimport { useToastManager } from \"./ToastManagerProvider.js\";\nimport {\n  CurrentToastActionsProvider,\n  type CurrentToastActions,\n} from \"./useCurrentToastActions.js\";\n\nconst noop = (): void => {\n  // do nothing\n};\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport interface ToastRendererProps extends ConfigurableToastProps, ToastMeta {\n  /**\n   * Optional props that should be passed to each `Toast` from the `Snackbar`.\n   * This is a great way to enforce each toast having a close button, a custom\n   * class name, theme, etc.\n   */\n  toastDefaults?: ConfigurableToastProps;\n}\n\n/**\n * **Client Component**\n *\n * This is the default implementation for rendering toasts that will:\n *\n * - controls the visibility of the toast with the {@link useToast} hook\n * - add a `closeButton` if the {@link ToastRendererProps.toastDefaults} has\n *   `closeButton === true` or the `closeButtonProps` exists.\n * - add a `closeButton` if the `visibleTime` is `null` and the current toast\n *   does not have an `action` or `actionButton`\n * - ensures both the toast's `onEntered` and the {@link ToastRendererProps.toastDefaults}'s\n *   `onEntered` are called\n * - ensures both the toast's `onExited` and the {@link ToastRendererProps.toastDefaults}'s\n *   `onExited` are called\n * - always renders the {@link ToastRendererProps.toastDefaults}'s `children`\n *   'after the optional toast's `children`\n *\n * @remarks \\@since 6.0.0\n */\nexport function DefaultToastRenderer(props: ToastRendererProps): ReactElement {\n  const {\n    toastId,\n    paused,\n    visible,\n    priority: _priority,\n    duplicates: _duplicates,\n    visibleTime,\n    onExited = noop,\n    onEntered = noop,\n    onMouseEnter = noop,\n    onMouseLeave = noop,\n    toastDefaults = {},\n    ...remaining\n  } = props;\n  const {\n    closeButtonProps,\n    closeButton = !!closeButtonProps || !!remaining.closeButtonProps,\n    onEntered: defaultEntered = noop,\n    onExited: defaultExited = noop,\n    onMouseEnter: defaultMouseEnter = noop,\n    onMouseLeave: defaultMouseLeave = noop,\n    ...defaults\n  } = toastDefaults;\n\n  const toastManager = useToastManager();\n  const currentToastActions = useMemo<CurrentToastActions>(\n    () => ({\n      clearTimer() {\n        toastManager.clearTimer(toastId);\n      },\n      removeToast(transition) {\n        toastManager.removeToast(toastId, transition);\n      },\n      startRemoveTimeout() {\n        toastManager.startRemoveTimeout(toastId);\n      },\n      pauseRemoveTimeout() {\n        toastManager.pauseRemoveTimeout(toastId);\n      },\n      resumeRemoveTimeout() {\n        toastManager.resumeRemoveTimeout(toastId);\n      },\n    }),\n    [toastId, toastManager]\n  );\n  useEffect(() => {\n    return () => {\n      currentToastActions.clearTimer();\n    };\n  }, [currentToastActions]);\n  usePageInactive({\n    disabled: !visible,\n    onChange(active) {\n      if (active) {\n        currentToastActions.resumeRemoveTimeout();\n      } else {\n        currentToastActions.pauseRemoveTimeout();\n      }\n    },\n  });\n\n  return (\n    <CurrentToastActionsProvider value={currentToastActions}>\n      <Toast\n        closeButton={\n          closeButton ||\n          (!visibleTime && !remaining.action && !remaining.actionButton)\n        }\n        closeButtonProps={closeButtonProps}\n        {...defaults}\n        {...remaining}\n        paused={paused}\n        visible={visible}\n        onEntered={(appearing) => {\n          defaultEntered(appearing);\n          onEntered(appearing);\n          currentToastActions.startRemoveTimeout();\n        }}\n        onExited={() => {\n          defaultExited();\n          onExited();\n          currentToastActions.removeToast(false);\n        }}\n        onMouseEnter={(event) => {\n          defaultMouseEnter(event);\n          onMouseEnter(event);\n          currentToastActions.pauseRemoveTimeout();\n        }}\n        onMouseLeave={(event) => {\n          defaultMouseLeave(event);\n          onMouseLeave(event);\n          currentToastActions.resumeRemoveTimeout();\n        }}\n      >\n        {defaults.children}\n        {remaining.children}\n      </Toast>\n    </CurrentToastActionsProvider>\n  );\n}\n"],"names":["useEffect","useMemo","usePageInactive","Toast","useToastManager","CurrentToastActionsProvider","noop","DefaultToastRenderer","props","toastId","paused","visible","priority","_priority","duplicates","_duplicates","visibleTime","onExited","onEntered","onMouseEnter","onMouseLeave","toastDefaults","remaining","closeButtonProps","closeButton","defaultEntered","defaultExited","defaultMouseEnter","defaultMouseLeave","defaults","toastManager","currentToastActions","clearTimer","removeToast","transition","startRemoveTimeout","pauseRemoveTimeout","resumeRemoveTimeout","disabled","onChange","active","value","action","actionButton","appearing","event","children"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,SAASA,SAAS,EAAEC,OAAO,QAA2B,QAAQ;AAC9D,SAASC,eAAe,QAAQ,wBAAwB;AACxD,SAASC,KAAK,QAAqC,aAAa;AAEhE,SAASC,eAAe,QAAQ,4BAA4B;AAC5D,SACEC,2BAA2B,QAEtB,8BAA8B;AAErC,MAAMC,OAAO;AACX,aAAa;AACf;AAcA;;;;;;;;;;;;;;;;;;CAkBC,GACD,OAAO,SAASC,qBAAqBC,KAAyB;IAC5D,MAAM,EACJC,OAAO,EACPC,MAAM,EACNC,OAAO,EACPC,UAAUC,SAAS,EACnBC,YAAYC,WAAW,EACvBC,WAAW,EACXC,WAAWX,IAAI,EACfY,YAAYZ,IAAI,EAChBa,eAAeb,IAAI,EACnBc,eAAed,IAAI,EACnBe,gBAAgB,CAAC,CAAC,EAClB,GAAGC,WACJ,GAAGd;IACJ,MAAM,EACJe,gBAAgB,EAChBC,cAAc,CAAC,CAACD,oBAAoB,CAAC,CAACD,UAAUC,gBAAgB,EAChEL,WAAWO,iBAAiBnB,IAAI,EAChCW,UAAUS,gBAAgBpB,IAAI,EAC9Ba,cAAcQ,oBAAoBrB,IAAI,EACtCc,cAAcQ,oBAAoBtB,IAAI,EACtC,GAAGuB,UACJ,GAAGR;IAEJ,MAAMS,eAAe1B;IACrB,MAAM2B,sBAAsB9B,QAC1B,IAAO,CAAA;YACL+B;gBACEF,aAAaE,UAAU,CAACvB;YAC1B;YACAwB,aAAYC,UAAU;gBACpBJ,aAAaG,WAAW,CAACxB,SAASyB;YACpC;YACAC;gBACEL,aAAaK,kBAAkB,CAAC1B;YAClC;YACA2B;gBACEN,aAAaM,kBAAkB,CAAC3B;YAClC;YACA4B;gBACEP,aAAaO,mBAAmB,CAAC5B;YACnC;QACF,CAAA,GACA;QAACA;QAASqB;KAAa;IAEzB9B,UAAU;QACR,OAAO;YACL+B,oBAAoBC,UAAU;QAChC;IACF,GAAG;QAACD;KAAoB;IACxB7B,gBAAgB;QACdoC,UAAU,CAAC3B;QACX4B,UAASC,MAAM;YACb,IAAIA,QAAQ;gBACVT,oBAAoBM,mBAAmB;YACzC,OAAO;gBACLN,oBAAoBK,kBAAkB;YACxC;QACF;IACF;IAEA,qBACE,KAAC/B;QAA4BoC,OAAOV;kBAClC,cAAA,MAAC5B;YACCqB,aACEA,eACC,CAACR,eAAe,CAACM,UAAUoB,MAAM,IAAI,CAACpB,UAAUqB,YAAY;YAE/DpB,kBAAkBA;YACjB,GAAGM,QAAQ;YACX,GAAGP,SAAS;YACbZ,QAAQA;YACRC,SAASA;YACTO,WAAW,CAAC0B;gBACVnB,eAAemB;gBACf1B,UAAU0B;gBACVb,oBAAoBI,kBAAkB;YACxC;YACAlB,UAAU;gBACRS;gBACAT;gBACAc,oBAAoBE,WAAW,CAAC;YAClC;YACAd,cAAc,CAAC0B;gBACblB,kBAAkBkB;gBAClB1B,aAAa0B;gBACbd,oBAAoBK,kBAAkB;YACxC;YACAhB,cAAc,CAACyB;gBACbjB,kBAAkBiB;gBAClBzB,aAAayB;gBACbd,oBAAoBM,mBAAmB;YACzC;;gBAECR,SAASiB,QAAQ;gBACjBxB,UAAUwB,QAAQ;;;;AAI3B"}
+{"version":3,"sources":["../../src/snackbar/DefaultToastRenderer.tsx"],"sourcesContent":["\"use client\";\nimport { useEffect, useMemo, type ReactElement } from \"react\";\nimport { usePageInactive } from \"../usePageInactive.js\";\nimport { Toast, type ConfigurableToastProps } from \"./Toast.js\";\nimport { type ToastMeta } from \"./ToastManager.js\";\nimport { useToastManager } from \"./ToastManagerProvider.js\";\nimport {\n  CurrentToastActionsProvider,\n  type CurrentToastActions,\n} from \"./useCurrentToastActions.js\";\n\nconst noop = (): void => {\n  // do nothing\n};\n\n/**\n * @since 6.0.0\n */\nexport interface ToastRendererProps extends ConfigurableToastProps, ToastMeta {\n  /**\n   * Optional props that should be passed to each `Toast` from the `Snackbar`.\n   * This is a great way to enforce each toast having a close button, a custom\n   * class name, theme, etc.\n   */\n  toastDefaults?: ConfigurableToastProps;\n}\n\n/**\n * **Client Component**\n *\n * This is the default implementation for rendering toasts that will:\n *\n * - controls the visibility of the toast with the {@link useToast} hook\n * - add a `closeButton` if the {@link ToastRendererProps.toastDefaults} has\n *   `closeButton === true` or the `closeButtonProps` exists.\n * - add a `closeButton` if the `visibleTime` is `null` and the current toast\n *   does not have an `action` or `actionButton`\n * - ensures both the toast's `onEntered` and the {@link ToastRendererProps.toastDefaults}'s\n *   `onEntered` are called\n * - ensures both the toast's `onExited` and the {@link ToastRendererProps.toastDefaults}'s\n *   `onExited` are called\n * - always renders the {@link ToastRendererProps.toastDefaults}'s `children`\n *   'after the optional toast's `children`\n *\n * @since 6.0.0\n */\nexport function DefaultToastRenderer(props: ToastRendererProps): ReactElement {\n  const {\n    toastId,\n    paused,\n    visible,\n    priority: _priority,\n    duplicates: _duplicates,\n    visibleTime,\n    onExited = noop,\n    onEntered = noop,\n    onMouseEnter = noop,\n    onMouseLeave = noop,\n    toastDefaults = {},\n    ...remaining\n  } = props;\n  const {\n    closeButtonProps,\n    closeButton = !!closeButtonProps || !!remaining.closeButtonProps,\n    onEntered: defaultEntered = noop,\n    onExited: defaultExited = noop,\n    onMouseEnter: defaultMouseEnter = noop,\n    onMouseLeave: defaultMouseLeave = noop,\n    ...defaults\n  } = toastDefaults;\n\n  const toastManager = useToastManager();\n  const currentToastActions = useMemo<CurrentToastActions>(\n    () => ({\n      clearTimer() {\n        toastManager.clearTimer(toastId);\n      },\n      removeToast(transition) {\n        toastManager.removeToast(toastId, transition);\n      },\n      startRemoveTimeout() {\n        toastManager.startRemoveTimeout(toastId);\n      },\n      pauseRemoveTimeout() {\n        toastManager.pauseRemoveTimeout(toastId);\n      },\n      resumeRemoveTimeout() {\n        toastManager.resumeRemoveTimeout(toastId);\n      },\n    }),\n    [toastId, toastManager]\n  );\n  useEffect(() => {\n    return () => {\n      currentToastActions.clearTimer();\n    };\n  }, [currentToastActions]);\n  usePageInactive({\n    disabled: !visible,\n    onChange(active) {\n      if (active) {\n        currentToastActions.resumeRemoveTimeout();\n      } else {\n        currentToastActions.pauseRemoveTimeout();\n      }\n    },\n  });\n\n  return (\n    <CurrentToastActionsProvider value={currentToastActions}>\n      <Toast\n        closeButton={\n          closeButton ||\n          (!visibleTime && !remaining.action && !remaining.actionButton)\n        }\n        closeButtonProps={closeButtonProps}\n        {...defaults}\n        {...remaining}\n        paused={paused}\n        visible={visible}\n        onEntered={(appearing) => {\n          defaultEntered(appearing);\n          onEntered(appearing);\n          currentToastActions.startRemoveTimeout();\n        }}\n        onExited={() => {\n          defaultExited();\n          onExited();\n          currentToastActions.removeToast(false);\n        }}\n        onMouseEnter={(event) => {\n          defaultMouseEnter(event);\n          onMouseEnter(event);\n          currentToastActions.pauseRemoveTimeout();\n        }}\n        onMouseLeave={(event) => {\n          defaultMouseLeave(event);\n          onMouseLeave(event);\n          currentToastActions.resumeRemoveTimeout();\n        }}\n      >\n        {defaults.children}\n        {remaining.children}\n      </Toast>\n    </CurrentToastActionsProvider>\n  );\n}\n"],"names":["useEffect","useMemo","usePageInactive","Toast","useToastManager","CurrentToastActionsProvider","noop","DefaultToastRenderer","props","toastId","paused","visible","priority","_priority","duplicates","_duplicates","visibleTime","onExited","onEntered","onMouseEnter","onMouseLeave","toastDefaults","remaining","closeButtonProps","closeButton","defaultEntered","defaultExited","defaultMouseEnter","defaultMouseLeave","defaults","toastManager","currentToastActions","clearTimer","removeToast","transition","startRemoveTimeout","pauseRemoveTimeout","resumeRemoveTimeout","disabled","onChange","active","value","action","actionButton","appearing","event","children"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,SAASA,SAAS,EAAEC,OAAO,QAA2B,QAAQ;AAC9D,SAASC,eAAe,QAAQ,wBAAwB;AACxD,SAASC,KAAK,QAAqC,aAAa;AAEhE,SAASC,eAAe,QAAQ,4BAA4B;AAC5D,SACEC,2BAA2B,QAEtB,8BAA8B;AAErC,MAAMC,OAAO;AACX,aAAa;AACf;AAcA;;;;;;;;;;;;;;;;;;CAkBC,GACD,OAAO,SAASC,qBAAqBC,KAAyB;IAC5D,MAAM,EACJC,OAAO,EACPC,MAAM,EACNC,OAAO,EACPC,UAAUC,SAAS,EACnBC,YAAYC,WAAW,EACvBC,WAAW,EACXC,WAAWX,IAAI,EACfY,YAAYZ,IAAI,EAChBa,eAAeb,IAAI,EACnBc,eAAed,IAAI,EACnBe,gBAAgB,CAAC,CAAC,EAClB,GAAGC,WACJ,GAAGd;IACJ,MAAM,EACJe,gBAAgB,EAChBC,cAAc,CAAC,CAACD,oBAAoB,CAAC,CAACD,UAAUC,gBAAgB,EAChEL,WAAWO,iBAAiBnB,IAAI,EAChCW,UAAUS,gBAAgBpB,IAAI,EAC9Ba,cAAcQ,oBAAoBrB,IAAI,EACtCc,cAAcQ,oBAAoBtB,IAAI,EACtC,GAAGuB,UACJ,GAAGR;IAEJ,MAAMS,eAAe1B;IACrB,MAAM2B,sBAAsB9B,QAC1B,IAAO,CAAA;YACL+B;gBACEF,aAAaE,UAAU,CAACvB;YAC1B;YACAwB,aAAYC,UAAU;gBACpBJ,aAAaG,WAAW,CAACxB,SAASyB;YACpC;YACAC;gBACEL,aAAaK,kBAAkB,CAAC1B;YAClC;YACA2B;gBACEN,aAAaM,kBAAkB,CAAC3B;YAClC;YACA4B;gBACEP,aAAaO,mBAAmB,CAAC5B;YACnC;QACF,CAAA,GACA;QAACA;QAASqB;KAAa;IAEzB9B,UAAU;QACR,OAAO;YACL+B,oBAAoBC,UAAU;QAChC;IACF,GAAG;QAACD;KAAoB;IACxB7B,gBAAgB;QACdoC,UAAU,CAAC3B;QACX4B,UAASC,MAAM;YACb,IAAIA,QAAQ;gBACVT,oBAAoBM,mBAAmB;YACzC,OAAO;gBACLN,oBAAoBK,kBAAkB;YACxC;QACF;IACF;IAEA,qBACE,KAAC/B;QAA4BoC,OAAOV;kBAClC,cAAA,MAAC5B;YACCqB,aACEA,eACC,CAACR,eAAe,CAACM,UAAUoB,MAAM,IAAI,CAACpB,UAAUqB,YAAY;YAE/DpB,kBAAkBA;YACjB,GAAGM,QAAQ;YACX,GAAGP,SAAS;YACbZ,QAAQA;YACRC,SAASA;YACTO,WAAW,CAAC0B;gBACVnB,eAAemB;gBACf1B,UAAU0B;gBACVb,oBAAoBI,kBAAkB;YACxC;YACAlB,UAAU;gBACRS;gBACAT;gBACAc,oBAAoBE,WAAW,CAAC;YAClC;YACAd,cAAc,CAAC0B;gBACblB,kBAAkBkB;gBAClB1B,aAAa0B;gBACbd,oBAAoBK,kBAAkB;YACxC;YACAhB,cAAc,CAACyB;gBACbjB,kBAAkBiB;gBAClBzB,aAAayB;gBACbd,oBAAoBM,mBAAmB;YACzC;;gBAECR,SAASiB,QAAQ;gBACjBxB,UAAUwB,QAAQ;;;;AAI3B"}

package/dist/snackbar/Snackbar.d.ts

@@ -3,7 +3,7 @@ import { type ToastRendererProps } from "./DefaultToastRenderer.js";
 import { type ConfigurableToastProps } from "./Toast.js";
 import { type SnackbarPosition } from "./snackbarStyles.js";
 /**
- * @remarks \@since 6.0.0 The `id` prop is optional
+ * @since 6.0.0 The `id` prop is optional
  */
 export interface SnackbarProps extends HTMLAttributes<HTMLDivElement> {
     /** @defaultValue `"snackbar-" + useId()` */
@@ -103,8 +103,7 @@ export interface SnackbarProps extends HTMLAttributes<HTMLDivElement> {
 /**
  * **Client Component**
  *
- * @example
- * Super SImple Example
+ * @example Super Simple Example
  * ```tsx
  * import { Button, Snackbar, addToast } from "@react-md/core";
  * import type { ReactElement } from "react";
@@ -127,7 +126,7 @@ export interface SnackbarProps extends HTMLAttributes<HTMLDivElement> {
  *
  * @see {@link SnackbarProps.renderToast} for creating a custom toast
  * implementation.
- * @remarks \@since 6.0.0 Rewritten to use a new API that supports adding toasts
+ * @since 6.0.0 Rewritten to use a new API that supports adding toasts
  * outside of React components and rendering multiple toasts at once.
  */
 export declare const Snackbar: import("react").ForwardRefExoticComponent<SnackbarProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/snackbar/Snackbar.js

@@ -10,8 +10,7 @@ import { snackbar } from "./snackbarStyles.js";
 /**
  * **Client Component**
  *
- * @example
- * Super SImple Example
+ * @example Super Simple Example
  * ```tsx
  * import { Button, Snackbar, addToast } from "@react-md/core";
  * import type { ReactElement } from "react";
@@ -34,7 +33,7 @@ import { snackbar } from "./snackbarStyles.js";
  *
  * @see {@link SnackbarProps.renderToast} for creating a custom toast
  * implementation.
- * @remarks \@since 6.0.0 Rewritten to use a new API that supports adding toasts
+ * @since 6.0.0 Rewritten to use a new API that supports adding toasts
  * outside of React components and rendering multiple toasts at once.
  */ export const Snackbar = /*#__PURE__*/ forwardRef(function Snackbar(props, ref) {
     const { id: propId, className, limit = 1, absolute, position = "bottom", renderToast: RenderToast = DefaultToastRenderer, disablePortal, toastDefaults, ...remaining } = props;

package/dist/snackbar/Snackbar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/snackbar/Snackbar.tsx"],"sourcesContent":["\"use client\";\nimport { forwardRef, type ComponentType, type HTMLAttributes } from \"react\";\nimport { Portal } from \"../portal/Portal.js\";\nimport { useEnsuredId } from \"../useEnsuredId.js\";\nimport {\n  DefaultToastRenderer,\n  type ToastRendererProps,\n} from \"./DefaultToastRenderer.js\";\nimport { type ConfigurableToastProps } from \"./Toast.js\";\nimport { useToastQueue } from \"./ToastManagerProvider.js\";\nimport { snackbar, type SnackbarPosition } from \"./snackbarStyles.js\";\n\n/**\n * @remarks \\@since 6.0.0 The `id` prop is optional\n */\nexport interface SnackbarProps extends HTMLAttributes<HTMLDivElement> {\n  /** @defaultValue `\"snackbar-\" + useId()` */\n  id?: string;\n\n  /**\n   * Set this to the number of toasts that can be visible within the snackbar at\n   * the same time. Any toasts added after this value will be added into the\n   * queue to be shown.\n   *\n   * @defaultValue `1`\n   */\n  limit?: number;\n\n  /**\n   * Set this to `true` if the snackbar should use absolute positioning so it\n   * can be fixed within a `position: relative` container instead of the entire\n   * viewport.\n   *\n   * @defaultValue `false`\n   */\n  absolute?: boolean;\n\n  /** @defaultValue `\"bottom\"` */\n  position?: SnackbarPosition;\n\n  /** @defaultValue `false` */\n  disablePortal?: boolean;\n\n  /**\n   * This can be used to create a custom toast implementation.\n   *\n   * @example\n   * ```ts\n   * import type { ToastRendererProps } from \"@react-md/core\";\n   * import {\n   *   Snackbar,\n   *   Toast,\n   *   ToastContent,\n   *   useToastManager,\n   * } from \"@react-md/core\";\n   * import type { ReactElement } from \"react\";\n   *\n   * function CustomToast(props: CustomToastRendererProps): ReactElement {\n   *   // Pretend like we don't need anything else from the toast since the\n   *   // custom behavior is related to the `toastId`\n   *   const { toastId, visible, duplicates, visibleTime } = props;\n   *\n   *   const toastManager = useToastManager();\n   *\n   *   // Note: If you want to rely on the `action` and `closeButton` behavior,\n   *   // you must also wrap the `Toast` with:\n   *   // <RemoveToastProvider value={() => toastManager.removeToast(toastId, true)}>\n   *\n   *   return (\n   *     <Toast\n   *       theme={isError(toastId) ? \"error\" : \"surface\"}\n   *       visible={visible}\n   *       onEntered={() => {\n   *         toastManager.startRemoveTimeout(toastId);\n   *       }}\n   *       onExited={() => {\n   *         toastManager.removeToast(toastId, false)\n   *       }}\n   *       disableContentWrapper\n   *     >\n   *       <ToastContent>\n   *         <TranslateMessage id={toastId} />\n   *       </ToastContent>\n   *       {isActionable(toastId) && (\n   *         <Button\n   *           onClick={async () => {\n   *             await someApiCall();\n   *             toastManager.removeToast(toastId, true);\n   *           }}\n   *         >\n   *           Dismiss\n   *         </Button>\n   *       )}\n   *     </Toast>\n   *   );\n   * }\n   *\n   * function Example(): ReactElement {\n   *   return <Snackbar renderToast={CustomToast} />\n   * }\n   * ```\n   *\n   * @see {@link DefaultToastRenderer}\n   * @defaultValue `DefaultToastRenderer`\n   */\n  renderToast?: ComponentType<ToastRendererProps>;\n\n  /**\n   * Optional props that should be passed to each `Toast` from the `Snackbar`.\n   * This is a great way to enforce each toast having a close button, a custom\n   * class name, theme, etc.\n   *\n   * @see {@link DefaultToastRenderer}\n   */\n  toastDefaults?: ConfigurableToastProps;\n}\n\n/**\n * **Client Component**\n *\n * @example\n * Super SImple Example\n * ```tsx\n * import { Button, Snackbar, addToast } from \"@react-md/core\";\n * import type { ReactElement } from \"react\";\n *\n * function Example(): ReactElement {\n *   return (\n *     <>\n *       <Button\n *         onClick={() => {\n *           addToast({ children: \"A new toast!\" });\n *         }}\n *       >\n *         Toast!\n *       </Button>\n *       <Snackbar />\n *     </>\n *   );\n * }\n * ```\n *\n * @see {@link SnackbarProps.renderToast} for creating a custom toast\n * implementation.\n * @remarks \\@since 6.0.0 Rewritten to use a new API that supports adding toasts\n * outside of React components and rendering multiple toasts at once.\n */\nexport const Snackbar = forwardRef<HTMLDivElement, SnackbarProps>(\n  function Snackbar(props, ref) {\n    const {\n      id: propId,\n      className,\n      limit = 1,\n      absolute,\n      position = \"bottom\",\n      renderToast: RenderToast = DefaultToastRenderer,\n      disablePortal,\n      toastDefaults,\n      ...remaining\n    } = props;\n    const id = useEnsuredId(propId, \"snackbar\");\n    const queue = useToastQueue(limit);\n\n    return (\n      <Portal disabled={disablePortal}>\n        {queue.length > 0 && (\n          <div\n            {...remaining}\n            id={id}\n            ref={ref}\n            className={snackbar({ absolute, position, className })}\n          >\n            {queue.map((toast) => (\n              <RenderToast\n                {...toast}\n                key={toast.toastId}\n                toastDefaults={toastDefaults}\n              />\n            ))}\n          </div>\n        )}\n      </Portal>\n    );\n  }\n);\n"],"names":["forwardRef","Portal","useEnsuredId","DefaultToastRenderer","useToastQueue","snackbar","Snackbar","props","ref","id","propId","className","limit","absolute","position","renderToast","RenderToast","disablePortal","toastDefaults","remaining","queue","disabled","length","div","map","toast","key","toastId"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;;AACA,SAASA,UAAU,QAAiD,QAAQ;AAC5E,SAASC,MAAM,QAAQ,sBAAsB;AAC7C,SAASC,YAAY,QAAQ,qBAAqB;AAClD,SACEC,oBAAoB,QAEf,4BAA4B;AAEnC,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,QAAQ,QAA+B,sBAAsB;AA2GtE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BC,GACD,OAAO,MAAMC,yBAAWN,WACtB,SAASM,SAASC,KAAK,EAAEC,GAAG;IAC1B,MAAM,EACJC,IAAIC,MAAM,EACVC,SAAS,EACTC,QAAQ,CAAC,EACTC,QAAQ,EACRC,WAAW,QAAQ,EACnBC,aAAaC,cAAcb,oBAAoB,EAC/Cc,aAAa,EACbC,aAAa,EACb,GAAGC,WACJ,GAAGZ;IACJ,MAAME,KAAKP,aAAaQ,QAAQ;IAChC,MAAMU,QAAQhB,cAAcQ;IAE5B,qBACE,KAACX;QAAOoB,UAAUJ;kBACfG,MAAME,MAAM,GAAG,mBACd,KAACC;YACE,GAAGJ,SAAS;YACbV,IAAIA;YACJD,KAAKA;YACLG,WAAWN,SAAS;gBAAEQ;gBAAUC;gBAAUH;YAAU;sBAEnDS,MAAMI,GAAG,CAAC,CAACC,sBACV,eAACT;oBACE,GAAGS,KAAK;oBACTC,KAAKD,MAAME,OAAO;oBAClBT,eAAeA;;;;AAO7B,GACA"}
+{"version":3,"sources":["../../src/snackbar/Snackbar.tsx"],"sourcesContent":["\"use client\";\nimport { forwardRef, type ComponentType, type HTMLAttributes } from \"react\";\nimport { Portal } from \"../portal/Portal.js\";\nimport { useEnsuredId } from \"../useEnsuredId.js\";\nimport {\n  DefaultToastRenderer,\n  type ToastRendererProps,\n} from \"./DefaultToastRenderer.js\";\nimport { type ConfigurableToastProps } from \"./Toast.js\";\nimport { useToastQueue } from \"./ToastManagerProvider.js\";\nimport { snackbar, type SnackbarPosition } from \"./snackbarStyles.js\";\n\n/**\n * @since 6.0.0 The `id` prop is optional\n */\nexport interface SnackbarProps extends HTMLAttributes<HTMLDivElement> {\n  /** @defaultValue `\"snackbar-\" + useId()` */\n  id?: string;\n\n  /**\n   * Set this to the number of toasts that can be visible within the snackbar at\n   * the same time. Any toasts added after this value will be added into the\n   * queue to be shown.\n   *\n   * @defaultValue `1`\n   */\n  limit?: number;\n\n  /**\n   * Set this to `true` if the snackbar should use absolute positioning so it\n   * can be fixed within a `position: relative` container instead of the entire\n   * viewport.\n   *\n   * @defaultValue `false`\n   */\n  absolute?: boolean;\n\n  /** @defaultValue `\"bottom\"` */\n  position?: SnackbarPosition;\n\n  /** @defaultValue `false` */\n  disablePortal?: boolean;\n\n  /**\n   * This can be used to create a custom toast implementation.\n   *\n   * @example\n   * ```ts\n   * import type { ToastRendererProps } from \"@react-md/core\";\n   * import {\n   *   Snackbar,\n   *   Toast,\n   *   ToastContent,\n   *   useToastManager,\n   * } from \"@react-md/core\";\n   * import type { ReactElement } from \"react\";\n   *\n   * function CustomToast(props: CustomToastRendererProps): ReactElement {\n   *   // Pretend like we don't need anything else from the toast since the\n   *   // custom behavior is related to the `toastId`\n   *   const { toastId, visible, duplicates, visibleTime } = props;\n   *\n   *   const toastManager = useToastManager();\n   *\n   *   // Note: If you want to rely on the `action` and `closeButton` behavior,\n   *   // you must also wrap the `Toast` with:\n   *   // <RemoveToastProvider value={() => toastManager.removeToast(toastId, true)}>\n   *\n   *   return (\n   *     <Toast\n   *       theme={isError(toastId) ? \"error\" : \"surface\"}\n   *       visible={visible}\n   *       onEntered={() => {\n   *         toastManager.startRemoveTimeout(toastId);\n   *       }}\n   *       onExited={() => {\n   *         toastManager.removeToast(toastId, false)\n   *       }}\n   *       disableContentWrapper\n   *     >\n   *       <ToastContent>\n   *         <TranslateMessage id={toastId} />\n   *       </ToastContent>\n   *       {isActionable(toastId) && (\n   *         <Button\n   *           onClick={async () => {\n   *             await someApiCall();\n   *             toastManager.removeToast(toastId, true);\n   *           }}\n   *         >\n   *           Dismiss\n   *         </Button>\n   *       )}\n   *     </Toast>\n   *   );\n   * }\n   *\n   * function Example(): ReactElement {\n   *   return <Snackbar renderToast={CustomToast} />\n   * }\n   * ```\n   *\n   * @see {@link DefaultToastRenderer}\n   * @defaultValue `DefaultToastRenderer`\n   */\n  renderToast?: ComponentType<ToastRendererProps>;\n\n  /**\n   * Optional props that should be passed to each `Toast` from the `Snackbar`.\n   * This is a great way to enforce each toast having a close button, a custom\n   * class name, theme, etc.\n   *\n   * @see {@link DefaultToastRenderer}\n   */\n  toastDefaults?: ConfigurableToastProps;\n}\n\n/**\n * **Client Component**\n *\n * @example Super Simple Example\n * ```tsx\n * import { Button, Snackbar, addToast } from \"@react-md/core\";\n * import type { ReactElement } from \"react\";\n *\n * function Example(): ReactElement {\n *   return (\n *     <>\n *       <Button\n *         onClick={() => {\n *           addToast({ children: \"A new toast!\" });\n *         }}\n *       >\n *         Toast!\n *       </Button>\n *       <Snackbar />\n *     </>\n *   );\n * }\n * ```\n *\n * @see {@link SnackbarProps.renderToast} for creating a custom toast\n * implementation.\n * @since 6.0.0 Rewritten to use a new API that supports adding toasts\n * outside of React components and rendering multiple toasts at once.\n */\nexport const Snackbar = forwardRef<HTMLDivElement, SnackbarProps>(\n  function Snackbar(props, ref) {\n    const {\n      id: propId,\n      className,\n      limit = 1,\n      absolute,\n      position = \"bottom\",\n      renderToast: RenderToast = DefaultToastRenderer,\n      disablePortal,\n      toastDefaults,\n      ...remaining\n    } = props;\n    const id = useEnsuredId(propId, \"snackbar\");\n    const queue = useToastQueue(limit);\n\n    return (\n      <Portal disabled={disablePortal}>\n        {queue.length > 0 && (\n          <div\n            {...remaining}\n            id={id}\n            ref={ref}\n            className={snackbar({ absolute, position, className })}\n          >\n            {queue.map((toast) => (\n              <RenderToast\n                {...toast}\n                key={toast.toastId}\n                toastDefaults={toastDefaults}\n              />\n            ))}\n          </div>\n        )}\n      </Portal>\n    );\n  }\n);\n"],"names":["forwardRef","Portal","useEnsuredId","DefaultToastRenderer","useToastQueue","snackbar","Snackbar","props","ref","id","propId","className","limit","absolute","position","renderToast","RenderToast","disablePortal","toastDefaults","remaining","queue","disabled","length","div","map","toast","key","toastId"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;;AACA,SAASA,UAAU,QAAiD,QAAQ;AAC5E,SAASC,MAAM,QAAQ,sBAAsB;AAC7C,SAASC,YAAY,QAAQ,qBAAqB;AAClD,SACEC,oBAAoB,QAEf,4BAA4B;AAEnC,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,QAAQ,QAA+B,sBAAsB;AA2GtE;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BC,GACD,OAAO,MAAMC,yBAAWN,WACtB,SAASM,SAASC,KAAK,EAAEC,GAAG;IAC1B,MAAM,EACJC,IAAIC,MAAM,EACVC,SAAS,EACTC,QAAQ,CAAC,EACTC,QAAQ,EACRC,WAAW,QAAQ,EACnBC,aAAaC,cAAcb,oBAAoB,EAC/Cc,aAAa,EACbC,aAAa,EACb,GAAGC,WACJ,GAAGZ;IACJ,MAAME,KAAKP,aAAaQ,QAAQ;IAChC,MAAMU,QAAQhB,cAAcQ;IAE5B,qBACE,KAACX;QAAOoB,UAAUJ;kBACfG,MAAME,MAAM,GAAG,mBACd,KAACC;YACE,GAAGJ,SAAS;YACbV,IAAIA;YACJD,KAAKA;YACLG,WAAWN,SAAS;gBAAEQ;gBAAUC;gBAAUH;YAAU;sBAEnDS,MAAMI,GAAG,CAAC,CAACC,sBACV,eAACT;oBACE,GAAGS,KAAK;oBACTC,KAAKD,MAAME,OAAO;oBAClBT,eAAeA;;;;AAO7B,GACA"}

package/dist/snackbar/Toast.d.ts

@@ -5,7 +5,7 @@ import { type CSSTransitionClassNames, type TransitionCallbacks, type Transition
 import { type PropsWithRef } from "../types.js";
 import { type ToastContentProps } from "./ToastContent.js";
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export interface ConfigurableToastProps extends HTMLAttributes<HTMLDivElement>, TransitionCallbacks {
     /**
@@ -88,7 +88,7 @@ export interface ConfigurableToastProps extends HTMLAttributes<HTMLDivElement>,
     classNames?: CSSTransitionClassNames;
 }
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export interface ToastProps extends ConfigurableToastProps {
     paused?: boolean;
@@ -100,6 +100,6 @@ export interface ToastProps extends ConfigurableToastProps {
  * This component is just used for toast styling and does not implement any of
  * the visibility behavior.
  *
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export declare const Toast: import("react").ForwardRefExoticComponent<ToastProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/snackbar/Toast.js

@@ -13,7 +13,7 @@ import { toast } from "./toastStyles.js";
  * This component is just used for toast styling and does not implement any of
  * the visibility behavior.
  *
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */ export const Toast = /*#__PURE__*/ forwardRef(function Toast(props, ref) {
     const { id: propId, className, timeout, classNames, theme = "surface", action: propAction, actionButton: propActionButton, paused, visible, closeIcon: propCloseIcon, closeButtonProps, closeButton = !!closeButtonProps, contentProps, disableToastContent, stacked, multiline, onEnter, onEntering, onEntered, onExit, onExiting, onExited, children, ...remaining } = props;
     const id = useEnsuredId(propId, "toast");

package/dist/snackbar/Toast.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/snackbar/Toast.tsx"],"sourcesContent":["\"use client\";\nimport {\n  forwardRef,\n  isValidElement,\n  type AriaRole,\n  type HTMLAttributes,\n  type ReactElement,\n  type ReactNode,\n} from \"react\";\nimport { type ButtonProps } from \"../button/Button.js\";\nimport { type BackgroundColor } from \"../cssUtils.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 { toast } from \"./toastStyles.js\";\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport interface ConfigurableToastProps\n  extends HTMLAttributes<HTMLDivElement>,\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   * @defaultValue `\"surface\"`\n   */\n  theme?: BackgroundColor;\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, HTMLDivElement>;\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 * @remarks \\@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 * @remarks \\@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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,SACEA,UAAU,EACVC,cAAc,QAKT,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,SAASC,KAAK,QAAQ,mBAAmB;AA6GzC;;;;;;;CAOC,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\";\nimport {\n  forwardRef,\n  isValidElement,\n  type AriaRole,\n  type HTMLAttributes,\n  type ReactElement,\n  type ReactNode,\n} from \"react\";\nimport { type ButtonProps } from \"../button/Button.js\";\nimport { type BackgroundColor } from \"../cssUtils.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 { toast } from \"./toastStyles.js\";\n\n/**\n * @since 6.0.0\n */\nexport interface ConfigurableToastProps\n  extends HTMLAttributes<HTMLDivElement>,\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   * @defaultValue `\"surface\"`\n   */\n  theme?: BackgroundColor;\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, HTMLDivElement>;\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 * @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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,SACEA,UAAU,EACVC,cAAc,QAKT,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,SAASC,KAAK,QAAQ,mBAAmB;AA6GzC;;;;;;;CAOC,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"}

package/dist/snackbar/ToastActionButton.d.ts

@@ -2,7 +2,7 @@
 import { type ButtonProps } from "../button/Button.js";
 import { type ButtonTheme } from "../button/buttonStyles.js";
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export interface ToastActionButtonProps extends ButtonProps {
     /** @defaultValue `"secondary"` */
@@ -22,6 +22,6 @@ export interface ToastActionButtonProps extends ButtonProps {
  * This button will automatically close the toast when clicked unless
  * `event.stopPropagation()` is called from the `onClick` prop.
  *
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export declare const ToastActionButton: import("react").ForwardRefExoticComponent<ToastActionButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/snackbar/ToastActionButton.js

@@ -15,7 +15,7 @@ const noop = ()=>{
  * This button will automatically close the toast when clicked unless
  * `event.stopPropagation()` is called from the `onClick` prop.
  *
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */ export const ToastActionButton = /*#__PURE__*/ forwardRef(function ToastActionButton(props, ref) {
     const { className, children, theme = "secondary", onClick = noop, reordered, ...remaining } = props;
     const { removeToast } = useCurrentToastActions();

package/dist/snackbar/ToastActionButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/snackbar/ToastActionButton.tsx"],"sourcesContent":["\"use client\";\nimport { cnb } from \"cnbuilder\";\nimport { forwardRef } from \"react\";\nimport { Button, type ButtonProps } from \"../button/Button.js\";\nimport { type ButtonTheme } from \"../button/buttonStyles.js\";\nimport { bem } from \"../utils/bem.js\";\nimport { useCurrentToastActions } from \"./useCurrentToastActions.js\";\n\nconst styles = bem(\"rmd-toast-action\");\nconst noop = (): void => {\n  // do nothing\n};\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport interface ToastActionButtonProps extends ButtonProps {\n  /** @defaultValue `\"secondary\"` */\n  theme?: ButtonTheme;\n\n  /**\n   * Set this to `true` when there is a close button visible and the content is\n   * stacked. This will update the styles so the button renders in the bottom\n   * right below the content and close button.\n   *\n   * @defaultValue `false`\n   */\n  reordered?: boolean;\n}\n\n/**\n * **Client Component**\n *\n * This button will automatically close the toast when clicked unless\n * `event.stopPropagation()` is called from the `onClick` prop.\n *\n * @remarks \\@since 6.0.0\n */\nexport const ToastActionButton = forwardRef<\n  HTMLButtonElement,\n  ToastActionButtonProps\n>(function ToastActionButton(props, ref) {\n  const {\n    className,\n    children,\n    theme = \"secondary\",\n    onClick = noop,\n    reordered,\n    ...remaining\n  } = props;\n  const { removeToast } = useCurrentToastActions();\n\n  return (\n    <Button\n      {...remaining}\n      ref={ref}\n      onClick={(event) => {\n        onClick(event);\n        if (event.isPropagationStopped()) {\n          return;\n        }\n\n        removeToast(true);\n      }}\n      theme={theme}\n      className={cnb(styles({ reordered }), className)}\n    >\n      {children}\n    </Button>\n  );\n});\n"],"names":["cnb","forwardRef","Button","bem","useCurrentToastActions","styles","noop","ToastActionButton","props","ref","className","children","theme","onClick","reordered","remaining","removeToast","event","isPropagationStopped"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,SAASA,GAAG,QAAQ,YAAY;AAChC,SAASC,UAAU,QAAQ,QAAQ;AACnC,SAASC,MAAM,QAA0B,sBAAsB;AAE/D,SAASC,GAAG,QAAQ,kBAAkB;AACtC,SAASC,sBAAsB,QAAQ,8BAA8B;AAErE,MAAMC,SAASF,IAAI;AACnB,MAAMG,OAAO;AACX,aAAa;AACf;AAmBA;;;;;;;CAOC,GACD,OAAO,MAAMC,kCAAoBN,WAG/B,SAASM,kBAAkBC,KAAK,EAAEC,GAAG;IACrC,MAAM,EACJC,SAAS,EACTC,QAAQ,EACRC,QAAQ,WAAW,EACnBC,UAAUP,IAAI,EACdQ,SAAS,EACT,GAAGC,WACJ,GAAGP;IACJ,MAAM,EAAEQ,WAAW,EAAE,GAAGZ;IAExB,qBACE,KAACF;QACE,GAAGa,SAAS;QACbN,KAAKA;QACLI,SAAS,CAACI;YACRJ,QAAQI;YACR,IAAIA,MAAMC,oBAAoB,IAAI;gBAChC;YACF;YAEAF,YAAY;QACd;QACAJ,OAAOA;QACPF,WAAWV,IAAIK,OAAO;YAAES;QAAU,IAAIJ;kBAErCC;;AAGP,GAAG"}
+{"version":3,"sources":["../../src/snackbar/ToastActionButton.tsx"],"sourcesContent":["\"use client\";\nimport { cnb } from \"cnbuilder\";\nimport { forwardRef } from \"react\";\nimport { Button, type ButtonProps } from \"../button/Button.js\";\nimport { type ButtonTheme } from \"../button/buttonStyles.js\";\nimport { bem } from \"../utils/bem.js\";\nimport { useCurrentToastActions } from \"./useCurrentToastActions.js\";\n\nconst styles = bem(\"rmd-toast-action\");\nconst noop = (): void => {\n  // do nothing\n};\n\n/**\n * @since 6.0.0\n */\nexport interface ToastActionButtonProps extends ButtonProps {\n  /** @defaultValue `\"secondary\"` */\n  theme?: ButtonTheme;\n\n  /**\n   * Set this to `true` when there is a close button visible and the content is\n   * stacked. This will update the styles so the button renders in the bottom\n   * right below the content and close button.\n   *\n   * @defaultValue `false`\n   */\n  reordered?: boolean;\n}\n\n/**\n * **Client Component**\n *\n * This button will automatically close the toast when clicked unless\n * `event.stopPropagation()` is called from the `onClick` prop.\n *\n * @since 6.0.0\n */\nexport const ToastActionButton = forwardRef<\n  HTMLButtonElement,\n  ToastActionButtonProps\n>(function ToastActionButton(props, ref) {\n  const {\n    className,\n    children,\n    theme = \"secondary\",\n    onClick = noop,\n    reordered,\n    ...remaining\n  } = props;\n  const { removeToast } = useCurrentToastActions();\n\n  return (\n    <Button\n      {...remaining}\n      ref={ref}\n      onClick={(event) => {\n        onClick(event);\n        if (event.isPropagationStopped()) {\n          return;\n        }\n\n        removeToast(true);\n      }}\n      theme={theme}\n      className={cnb(styles({ reordered }), className)}\n    >\n      {children}\n    </Button>\n  );\n});\n"],"names":["cnb","forwardRef","Button","bem","useCurrentToastActions","styles","noop","ToastActionButton","props","ref","className","children","theme","onClick","reordered","remaining","removeToast","event","isPropagationStopped"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,SAASA,GAAG,QAAQ,YAAY;AAChC,SAASC,UAAU,QAAQ,QAAQ;AACnC,SAASC,MAAM,QAA0B,sBAAsB;AAE/D,SAASC,GAAG,QAAQ,kBAAkB;AACtC,SAASC,sBAAsB,QAAQ,8BAA8B;AAErE,MAAMC,SAASF,IAAI;AACnB,MAAMG,OAAO;AACX,aAAa;AACf;AAmBA;;;;;;;CAOC,GACD,OAAO,MAAMC,kCAAoBN,WAG/B,SAASM,kBAAkBC,KAAK,EAAEC,GAAG;IACrC,MAAM,EACJC,SAAS,EACTC,QAAQ,EACRC,QAAQ,WAAW,EACnBC,UAAUP,IAAI,EACdQ,SAAS,EACT,GAAGC,WACJ,GAAGP;IACJ,MAAM,EAAEQ,WAAW,EAAE,GAAGZ;IAExB,qBACE,KAACF;QACE,GAAGa,SAAS;QACbN,KAAKA;QACLI,SAAS,CAACI;YACRJ,QAAQI;YACR,IAAIA,MAAMC,oBAAoB,IAAI;gBAChC;YACF;YAEAF,YAAY;QACd;QACAJ,OAAOA;QACPF,WAAWV,IAAIK,OAAO;YAAES;QAAU,IAAIJ;kBAErCC;;AAGP,GAAG"}

package/dist/snackbar/ToastCloseButton.d.ts

@@ -2,7 +2,7 @@
 import { type ButtonProps } from "../button/Button.js";
 import { type ButtonType } from "../button/buttonStyles.js";
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export interface ToastCloseButtonProps extends ButtonProps {
     /**
@@ -29,6 +29,6 @@ export interface ToastCloseButtonProps extends ButtonProps {
  * This button will automatically close the toast when clicked unless
  * `event.stopPropagation()` is called from the `onClick` prop.
  *
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export declare const ToastCloseButton: import("react").ForwardRefExoticComponent<ToastCloseButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/snackbar/ToastCloseButton.js

@@ -16,7 +16,7 @@ const noop = ()=>{
  * This button will automatically close the toast when clicked unless
  * `event.stopPropagation()` is called from the `onClick` prop.
  *
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */ export const ToastCloseButton = /*#__PURE__*/ forwardRef(function ToastCloseButton(props, ref) {
     const { buttonType = "icon-square", "aria-labelledby": ariaLabelledBy, "aria-label": ariaLabel = buttonType !== "text" && !ariaLabelledBy ? "Close" : undefined, children: propChildren, className, onClick = noop, reordered, ...remaining } = props;
     const children = getIcon("close", propChildren);

package/dist/snackbar/ToastCloseButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/snackbar/ToastCloseButton.tsx"],"sourcesContent":["\"use client\";\nimport { cnb } from \"cnbuilder\";\nimport { forwardRef } from \"react\";\nimport { Button, type ButtonProps } from \"../button/Button.js\";\nimport { type ButtonType } from \"../button/buttonStyles.js\";\nimport { getIcon } from \"../icon/iconConfig.js\";\nimport { bem } from \"../utils/bem.js\";\nimport { useCurrentToastActions } from \"./useCurrentToastActions.js\";\n\nconst styles = bem(\"rmd-toast-x\");\nconst noop = (): void => {\n  // do nothing\n};\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport interface ToastCloseButtonProps extends ButtonProps {\n  /**\n   * Note: This default value will only be used if the {@link buttonType} is not\n   * `\"text\"` and an `aria-labelledby` is not provided.\n   *\n   * @defaultValue `\"Close\"`\n   */\n  \"aria-label\"?: string;\n\n  /** @defaultValue `\"icon-square\"` */\n  buttonType?: ButtonType;\n\n  /**\n   * Set this to `true` when there is a close button visible and the content is\n   * stacked. This will update the styles so the button renders next to the\n   * content and above the action button.\n   *\n   * @defaultValue `false`\n   */\n  reordered?: boolean;\n}\n\n/**\n * **Client Component**\n *\n * This button will automatically close the toast when clicked unless\n * `event.stopPropagation()` is called from the `onClick` prop.\n *\n * @remarks \\@since 6.0.0\n */\nexport const ToastCloseButton = forwardRef<\n  HTMLButtonElement,\n  ToastCloseButtonProps\n>(function ToastCloseButton(props, ref) {\n  const {\n    buttonType = \"icon-square\",\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-label\": ariaLabel = buttonType !== \"text\" && !ariaLabelledBy\n      ? \"Close\"\n      : undefined,\n    children: propChildren,\n    className,\n    onClick = noop,\n    reordered,\n    ...remaining\n  } = props;\n\n  const children = getIcon(\"close\", propChildren);\n  const { removeToast } = useCurrentToastActions();\n\n  return (\n    <Button\n      {...remaining}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      ref={ref}\n      onClick={(event) => {\n        onClick(event);\n        if (event.isPropagationStopped()) {\n          return;\n        }\n\n        removeToast(true);\n      }}\n      className={cnb(styles({ reordered }), className)}\n      buttonType={buttonType}\n    >\n      {children}\n    </Button>\n  );\n});\n"],"names":["cnb","forwardRef","Button","getIcon","bem","useCurrentToastActions","styles","noop","ToastCloseButton","props","ref","buttonType","ariaLabelledBy","ariaLabel","undefined","children","propChildren","className","onClick","reordered","remaining","removeToast","aria-label","aria-labelledby","event","isPropagationStopped"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,SAASA,GAAG,QAAQ,YAAY;AAChC,SAASC,UAAU,QAAQ,QAAQ;AACnC,SAASC,MAAM,QAA0B,sBAAsB;AAE/D,SAASC,OAAO,QAAQ,wBAAwB;AAChD,SAASC,GAAG,QAAQ,kBAAkB;AACtC,SAASC,sBAAsB,QAAQ,8BAA8B;AAErE,MAAMC,SAASF,IAAI;AACnB,MAAMG,OAAO;AACX,aAAa;AACf;AA2BA;;;;;;;CAOC,GACD,OAAO,MAAMC,iCAAmBP,WAG9B,SAASO,iBAAiBC,KAAK,EAAEC,GAAG;IACpC,MAAM,EACJC,aAAa,aAAa,EAC1B,mBAAmBC,cAAc,EACjC,cAAcC,YAAYF,eAAe,UAAU,CAACC,iBAChD,UACAE,SAAS,EACbC,UAAUC,YAAY,EACtBC,SAAS,EACTC,UAAUX,IAAI,EACdY,SAAS,EACT,GAAGC,WACJ,GAAGX;IAEJ,MAAMM,WAAWZ,QAAQ,SAASa;IAClC,MAAM,EAAEK,WAAW,EAAE,GAAGhB;IAExB,qBACE,KAACH;QACE,GAAGkB,SAAS;QACbE,cAAYT;QACZU,mBAAiBX;QACjBF,KAAKA;QACLQ,SAAS,CAACM;YACRN,QAAQM;YACR,IAAIA,MAAMC,oBAAoB,IAAI;gBAChC;YACF;YAEAJ,YAAY;QACd;QACAJ,WAAWjB,IAAIM,OAAO;YAAEa;QAAU,IAAIF;QACtCN,YAAYA;kBAEXI;;AAGP,GAAG"}
+{"version":3,"sources":["../../src/snackbar/ToastCloseButton.tsx"],"sourcesContent":["\"use client\";\nimport { cnb } from \"cnbuilder\";\nimport { forwardRef } from \"react\";\nimport { Button, type ButtonProps } from \"../button/Button.js\";\nimport { type ButtonType } from \"../button/buttonStyles.js\";\nimport { getIcon } from \"../icon/iconConfig.js\";\nimport { bem } from \"../utils/bem.js\";\nimport { useCurrentToastActions } from \"./useCurrentToastActions.js\";\n\nconst styles = bem(\"rmd-toast-x\");\nconst noop = (): void => {\n  // do nothing\n};\n\n/**\n * @since 6.0.0\n */\nexport interface ToastCloseButtonProps extends ButtonProps {\n  /**\n   * Note: This default value will only be used if the {@link buttonType} is not\n   * `\"text\"` and an `aria-labelledby` is not provided.\n   *\n   * @defaultValue `\"Close\"`\n   */\n  \"aria-label\"?: string;\n\n  /** @defaultValue `\"icon-square\"` */\n  buttonType?: ButtonType;\n\n  /**\n   * Set this to `true` when there is a close button visible and the content is\n   * stacked. This will update the styles so the button renders next to the\n   * content and above the action button.\n   *\n   * @defaultValue `false`\n   */\n  reordered?: boolean;\n}\n\n/**\n * **Client Component**\n *\n * This button will automatically close the toast when clicked unless\n * `event.stopPropagation()` is called from the `onClick` prop.\n *\n * @since 6.0.0\n */\nexport const ToastCloseButton = forwardRef<\n  HTMLButtonElement,\n  ToastCloseButtonProps\n>(function ToastCloseButton(props, ref) {\n  const {\n    buttonType = \"icon-square\",\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-label\": ariaLabel = buttonType !== \"text\" && !ariaLabelledBy\n      ? \"Close\"\n      : undefined,\n    children: propChildren,\n    className,\n    onClick = noop,\n    reordered,\n    ...remaining\n  } = props;\n\n  const children = getIcon(\"close\", propChildren);\n  const { removeToast } = useCurrentToastActions();\n\n  return (\n    <Button\n      {...remaining}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      ref={ref}\n      onClick={(event) => {\n        onClick(event);\n        if (event.isPropagationStopped()) {\n          return;\n        }\n\n        removeToast(true);\n      }}\n      className={cnb(styles({ reordered }), className)}\n      buttonType={buttonType}\n    >\n      {children}\n    </Button>\n  );\n});\n"],"names":["cnb","forwardRef","Button","getIcon","bem","useCurrentToastActions","styles","noop","ToastCloseButton","props","ref","buttonType","ariaLabelledBy","ariaLabel","undefined","children","propChildren","className","onClick","reordered","remaining","removeToast","aria-label","aria-labelledby","event","isPropagationStopped"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,SAASA,GAAG,QAAQ,YAAY;AAChC,SAASC,UAAU,QAAQ,QAAQ;AACnC,SAASC,MAAM,QAA0B,sBAAsB;AAE/D,SAASC,OAAO,QAAQ,wBAAwB;AAChD,SAASC,GAAG,QAAQ,kBAAkB;AACtC,SAASC,sBAAsB,QAAQ,8BAA8B;AAErE,MAAMC,SAASF,IAAI;AACnB,MAAMG,OAAO;AACX,aAAa;AACf;AA2BA;;;;;;;CAOC,GACD,OAAO,MAAMC,iCAAmBP,WAG9B,SAASO,iBAAiBC,KAAK,EAAEC,GAAG;IACpC,MAAM,EACJC,aAAa,aAAa,EAC1B,mBAAmBC,cAAc,EACjC,cAAcC,YAAYF,eAAe,UAAU,CAACC,iBAChD,UACAE,SAAS,EACbC,UAAUC,YAAY,EACtBC,SAAS,EACTC,UAAUX,IAAI,EACdY,SAAS,EACT,GAAGC,WACJ,GAAGX;IAEJ,MAAMM,WAAWZ,QAAQ,SAASa;IAClC,MAAM,EAAEK,WAAW,EAAE,GAAGhB;IAExB,qBACE,KAACH;QACE,GAAGkB,SAAS;QACbE,cAAYT;QACZU,mBAAiBX;QACjBF,KAAKA;QACLQ,SAAS,CAACM;YACRN,QAAQM;YACR,IAAIA,MAAMC,oBAAoB,IAAI;gBAChC;YACF;YAEAJ,YAAY;QACd;QACAJ,WAAWjB,IAAIM,OAAO;YAAEa;QAAU,IAAIF;QACtCN,YAAYA;kBAEXI;;AAGP,GAAG"}

package/dist/snackbar/ToastContent.d.ts

@@ -1,6 +1,6 @@
 import { type HTMLAttributes } from "react";
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export interface ToastContentProps extends HTMLAttributes<HTMLDivElement> {
     /** @defaultValue `false` */
@@ -28,6 +28,6 @@ export interface ToastContentProps extends HTMLAttributes<HTMLDivElement> {
 /**
  * **Client Component**
  *
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export declare const ToastContent: import("react").ForwardRefExoticComponent<ToastContentProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/snackbar/ToastContent.js

@@ -6,7 +6,7 @@ import { toastContent } from "./toastContentStyles.js";
 /**
  * **Client Component**
  *
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */ export const ToastContent = /*#__PURE__*/ forwardRef(function ToastContent(props, ref) {
     const { className, children, action, stacked, multiline: propMultiline, closeButton, disableWrapper, ...remaining } = props;
     const [isMultiline, setMultiline] = useState(false);

package/dist/snackbar/ToastContent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/snackbar/ToastContent.tsx"],"sourcesContent":["\"use client\";\nimport { forwardRef, useCallback, useState, type HTMLAttributes } from \"react\";\nimport { useResizeObserver } from \"../useResizeObserver.js\";\nimport { toastContent } from \"./toastContentStyles.js\";\n\n/**\n * @remarks \\@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 * @remarks \\@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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,SAASA,UAAU,EAAEC,WAAW,EAAEC,QAAQ,QAA6B,QAAQ;AAC/E,SAASC,iBAAiB,QAAQ,0BAA0B;AAC5D,SAASC,YAAY,QAAQ,0BAA0B;AAiCvD;;;;CAIC,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\";\nimport { forwardRef, useCallback, useState, type HTMLAttributes } from \"react\";\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 * @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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,SAASA,UAAU,EAAEC,WAAW,EAAEC,QAAQ,QAA6B,QAAQ;AAC/E,SAASC,iBAAiB,QAAQ,0BAA0B;AAC5D,SAASC,YAAY,QAAQ,0BAA0B;AAiCvD;;;;CAIC,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"}

package/dist/snackbar/ToastManager.d.ts

@@ -1,6 +1,6 @@
 import { type ConfigurableToastProps } from "./Toast.js";
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export declare const DEFAULT_TOAST_VISIBLE_TIME = 5000;
 /**
@@ -15,7 +15,7 @@ export declare const DEFAULT_TOAST_VISIBLE_TIME = 5000;
  *   currently visible toast, the toast will be shown again once the `"immediate"`
  *   toast is hidden.
  *
- * @remarks \@since 6.0.0 Renamed from `MessagePriority` to `ToastPriority`
+ * @since 6.0.0 Renamed from `MessagePriority` to `ToastPriority`
  */
 export type ToastPriority = "normal" | "next" | "replace" | "immediate";
 /**
@@ -29,11 +29,11 @@ export type ToastPriority = "normal" | "next" | "replace" | "immediate";
  * - `"update"` - toasts that have the same `toastId` will just update the toast
  *   with the latest content while maintaining any existing timeouts
  *
- * @remarks \@since 6.0.0 Renamed from `DuplicateBehavior`
+ * @since 6.0.0 Renamed from `DuplicateBehavior`
  */
 export type ToastDuplicateBehavior = "allow" | "restart" | "update";
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export interface ToastMeta {
     /**
@@ -59,7 +59,7 @@ export interface ToastMeta {
     visibleTime: number | null;
 }
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export interface CreateToastOptions extends ConfigurableToastProps {
     /**
@@ -86,21 +86,21 @@ export interface CreateToastOptions extends ConfigurableToastProps {
     visibleTime?: number | null;
 }
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export interface QueuedToast extends ConfigurableToastProps, ToastMeta {
 }
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export type ToastQueue = readonly Readonly<QueuedToast>[];
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export type ToastCallback = (queue: ToastQueue) => void;
 /**
  * @internal
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export interface ToastVisibilityTimers {
     inactive: boolean;
@@ -111,7 +111,7 @@ export interface ToastVisibilityTimers {
 /**
  * @see {@link ToastManagerProvider}
  *
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export declare class ToastManager {
     #private;
@@ -139,8 +139,7 @@ export declare class ToastManager {
      * Either adds the toast to the queue or updates an existing toast when using
      * an existing `toastId`.
      *
-     * @example
-     * Adding toasts
+     * @example Adding toasts
      * ```tsx
      * // create a toast when the user is offline that will not disappear
      * addToast({ toastId: "offline", visibleTime: null });
@@ -261,31 +260,31 @@ export declare class ToastManager {
  * added without setting up the {@link ToastManagerProvider}.
  *
  * @internal
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export declare const toastManager: ToastManager;
 /**
  * @see {@link ToastManager.addToast}
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export declare const addToast: ToastManager["addToast"];
 /**
  * @see {@link ToastManager.startRemoveTimeout}
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export declare const startRemoveToastTimeout: ToastManager["startRemoveTimeout"];
 /**
  * @see {@link ToastManager.popToast}
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export declare const popToast: ToastManager["popToast"];
 /**
  * @see {@link ToastManager.removeToast}
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export declare const removeToast: ToastManager["removeToast"];
 /**
  * @see {@link ToastManager.clearToasts}
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export declare const clearToasts: () => void;