@react-md/core 1.0.0-next.1 → 1.0.0-next.10

package/dist/snackbar/ToastManager.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/snackbar/ToastManager.tsx"],"sourcesContent":["import { nanoid } from \"nanoid\";\nimport { type ConfigurableToastProps } from \"./Toast.js\";\n\n/**\n * @remarks \\@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, it will be shown once the newly added toast again.\n *\n * @remarks \\@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 * @remarks \\@since 6.0.0 Renamed from `DuplicateBehavior`\n */\nexport type ToastDuplicateBehavior = \"allow\" | \"restart\" | \"update\";\n\n/**\n * @remarks \\@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 * @remarks \\@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 * @remarks \\@since 6.0.0\n */\nexport interface QueuedToast extends ConfigurableToastProps, ToastMeta {}\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport type ToastQueue = readonly Readonly<QueuedToast>[];\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport type ToastCallback = (queue: ToastQueue) => void;\n\n/**\n * @internal\n * @remarks \\@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 ToastManagerProvider}\n *\n * @remarks \\@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\n   * 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\" : undefined,\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\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, { ...existingToast, ...toast });\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({\n          ...existingToast,\n          ...toast,\n        });\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        this.startRemoveTimeout(toastId);\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    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 * @remarks \\@since 6.0.0\n */\nexport const toastManager = new ToastManager();\n\n/**\n * @see {@link ToastManager.addToast}\n * @remarks \\@since 6.0.0\n */\nexport const addToast: ToastManager[\"addToast\"] = (toast) =>\n  toastManager.addToast(toast);\n\n/**\n * @see {@link ToastManager.startRemoveTimeout}\n * @remarks \\@since 6.0.0\n */\nexport const startRemoveToastTimeout: ToastManager[\"startRemoveTimeout\"] = (\n  toastId\n) => toastManager.startRemoveTimeout(toastId);\n\n/**\n * @see {@link ToastManager.popToast}\n * @remarks \\@since 6.0.0\n */\nexport const popToast: ToastManager[\"popToast\"] = () => toastManager.popToast();\n\n/**\n * @see {@link ToastManager.removeToast}\n * @remarks \\@since 6.0.0\n */\nexport const removeToast: ToastManager[\"removeToast\"] = (toastId, transition) =>\n  toastManager.removeToast(toastId, transition);\n\n/**\n * @see {@link ToastManager.clearToasts}\n * @remarks \\@since 6.0.0\n */\nexport const clearToasts = (): void => toastManager.clearToasts();\n"],"names":["nanoid","DEFAULT_TOAST_VISIBLE_TIME","ToastManager","constructor","queue","listeners","forEach","callback","toastId","findIndex","toast","getToastIndex","nextToast","current","clearTimer","visible","priority","splice","toastIdOrIndex","patch","index","emit","subscribe","push","filter","cb","getQueue","addToast","visibleTime","role","undefined","duplicates","existingIndex","existingToast","addToastImmediately","timers","get","set","elapsedTime","startRemoveTimeout","updateToast","paused","queueSize","length","getToast","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.tsx"],"sourcesContent":["import { nanoid } from \"nanoid\";\nimport { type ConfigurableToastProps } from \"./Toast.js\";\n\n/**\n * @remarks \\@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 * @remarks \\@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 * @remarks \\@since 6.0.0 Renamed from `DuplicateBehavior`\n */\nexport type ToastDuplicateBehavior = \"allow\" | \"restart\" | \"update\";\n\n/**\n * @remarks \\@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 * @remarks \\@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 * @remarks \\@since 6.0.0\n */\nexport interface QueuedToast extends ConfigurableToastProps, ToastMeta {}\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport type ToastQueue = readonly Readonly<QueuedToast>[];\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport type ToastCallback = (queue: ToastQueue) => void;\n\n/**\n * @internal\n * @remarks \\@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 ToastManagerProvider}\n *\n * @remarks \\@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\n   * 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\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, { ...existingToast, ...toast });\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({\n          ...existingToast,\n          ...toast,\n        });\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        this.startRemoveTimeout(toastId);\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    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 * @remarks \\@since 6.0.0\n */\nexport const toastManager = new ToastManager();\n\n/**\n * @see {@link ToastManager.addToast}\n * @remarks \\@since 6.0.0\n */\nexport const addToast: ToastManager[\"addToast\"] = (toast) =>\n  toastManager.addToast(toast);\n\n/**\n * @see {@link ToastManager.startRemoveTimeout}\n * @remarks \\@since 6.0.0\n */\nexport const startRemoveToastTimeout: ToastManager[\"startRemoveTimeout\"] = (\n  toastId\n) => toastManager.startRemoveTimeout(toastId);\n\n/**\n * @see {@link ToastManager.popToast}\n * @remarks \\@since 6.0.0\n */\nexport const popToast: ToastManager[\"popToast\"] = () => toastManager.popToast();\n\n/**\n * @see {@link ToastManager.removeToast}\n * @remarks \\@since 6.0.0\n */\nexport const removeToast: ToastManager[\"removeToast\"] = (toastId, transition) =>\n  toastManager.removeToast(toastId, transition);\n\n/**\n * @see {@link ToastManager.clearToasts}\n * @remarks \\@since 6.0.0\n */\nexport const clearToasts = (): void => toastManager.clearToasts();\n"],"names":["nanoid","DEFAULT_TOAST_VISIBLE_TIME","ToastManager","constructor","queue","listeners","forEach","callback","toastId","findIndex","toast","getToastIndex","nextToast","current","clearTimer","visible","priority","splice","toastIdOrIndex","patch","index","emit","subscribe","push","filter","cb","getQueue","addToast","visibleTime","role","duplicates","existingIndex","existingToast","addToastImmediately","timers","get","set","elapsedTime","startRemoveTimeout","updateToast","paused","queueSize","length","getToast","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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"}

package/dist/snackbar/_snackbar.scss

@@ -11,6 +11,7 @@
 @use "../transition/transition";
 
 $disable-everything: false !default;
+$disable-absolute: false !default;
 $disable-top: false !default;
 $disable-bottom: false !default;
 $disable-top-right: $disable-top !default;
@@ -60,201 +61,204 @@ $background-color: theme.get-default-color(
 ) !default;
 $color: theme.get-default-color($light-theme-color, $dark-theme-color) !default;
 
-$var-lookup: (
-  color: (
-    var: --rmd-toast-color,
-    value: $color,
-  ),
-  background-color: (
-    var: --rmd-toast-background-color,
-    value: $background-color,
-  ),
-  offset: (
-    var: --rmd-snackbar-offset,
-    value: 0,
-  ),
-);
+$variables: (background-color, color, offset);
 
 @function get-var($name, $fallback: null) {
-  $found: utils.validate($var-lookup, $name, "alert var");
-  $var: map.get($found, var);
-  $value: if($fallback, $fallback, map.get($found, value));
-
-  @if $value {
-    @return var(#{$var}, #{$value});
+  $var: utils.get-var-name($variables, $name, "snackbar");
+  @if $fallback {
+    @return var(#{$var}, #{$fallback});
   }
 
   @return var(#{$var});
 }
 
 @mixin set-var($name, $value) {
-  $var: map.get(utils.validate($var-lookup, $name, "alert var"), var);
-
-  #{$var}: #{$value};
+  @if $value {
+    #{utils.get-var-name($variables, $name, "snackbar")}: #{$value};
+  }
 }
 
 @mixin use-var($property, $name: $property, $fallback: null) {
   #{$property}: get-var($name, $fallback);
 }
 
-@mixin styles {
+@mixin variables {
   @if not $disable-everything {
-    .rmd-snackbar {
-      align-items: $default-align-items;
-      display: flex;
-      flex-direction: column;
-      gap: $gap;
-      left: 0;
-      margin: $margin;
-      pointer-events: none;
-      position: fixed;
-      right: 0;
-      z-index: $z-index;
-
-      @if not $disable-top or not $disable-top-left or not $disable-bottom-left
-      {
-        &--top {
-          @include use-var(top, offset);
-        }
-      }
+    @include set-var(background-color, $background-color);
+    @include set-var(color, $color);
+    @include set-var(offset, 0);
+  }
+}
 
-      @if not
-        $disable-bottom or not
-        $disable-bottom-left or not
-        $disable-bottom-right
-      {
-        &--bottom {
-          @include use-var(bottom, offset);
+@mixin styles($disable-layer: false) {
+  @if not $disable-everything {
+    @include utils.optional-layer(snackbar, $disable-layer) {
+      .rmd-snackbar {
+        align-items: $default-align-items;
+        display: flex;
+        flex-direction: column;
+        gap: $gap;
+        left: 0;
+        margin: $margin;
+        pointer-events: none;
+        position: fixed;
+        right: 0;
+        z-index: $z-index;
+
+        @if not $disable-absolute {
+          &--absolute {
+            position: absolute;
+          }
         }
-      }
 
-      @if not $disable-top-left or not $disable-bottom-left {
-        &--start {
-          align-items: flex-start;
+        @if not
+          $disable-top or not
+          $disable-top-left or not
+          $disable-bottom-left
+        {
+          &--top {
+            @include use-var(top, offset);
+          }
         }
-      }
 
-      @if not $disable-top-right or not $disable-bottom-right {
-        &--end {
-          align-items: flex-end;
+        @if not
+          $disable-bottom or not
+          $disable-bottom-left or not
+          $disable-bottom-right
+        {
+          &--bottom {
+            @include use-var(bottom, offset);
+          }
         }
-      }
-    }
 
-    .rmd-toast {
-      @include box-shadows.box-shadow($box-shadow, $disable-colors: true);
-      @include utils.map-to-styles($typography);
-      @include use-var(background-color);
-      @include use-var(color);
-
-      align-items: center;
-      border-radius: $border-radius;
-      display: flex;
-      gap: $toast-gap;
-      justify-content: space-between;
-      max-width: $max-width;
-      min-height: $min-height;
-      padding-left: $horizontal-padding;
-      padding-right: $horizontal-padding;
-      pointer-events: auto;
-      width: 100%;
-
-      @include media-queries.tablet-media {
-        min-width: $min-width;
-        width: auto;
-      }
+        @if not $disable-top-left or not $disable-bottom-left {
+          &--start {
+            align-items: flex-start;
+          }
+        }
 
-      @if not $disable-action-button {
-        &--action {
-          @include utils.auto-rtl(
-            padding-right,
-            $action-horizontal-padding,
-            $horizontal-padding
-          );
+        @if not $disable-top-right or not $disable-bottom-right {
+          &--end {
+            align-items: flex-end;
+          }
         }
       }
 
-      @if not $disable-close-button {
-        &--x {
-          @include utils.auto-rtl(
-            padding-right,
-            $close-button-horizontal-padding,
-            $horizontal-padding
-          );
+      .rmd-toast {
+        @include box-shadows.box-shadow($box-shadow, $disable-colors: true);
+        @include utils.map-to-styles($typography);
+        @include use-var(background-color);
+        @include use-var(color);
+
+        align-items: center;
+        border-radius: $border-radius;
+        display: flex;
+        gap: $toast-gap;
+        justify-content: space-between;
+        max-width: $max-width;
+        min-height: $min-height;
+        padding-left: $horizontal-padding;
+        padding-right: $horizontal-padding;
+        pointer-events: auto;
+        width: 100%;
+
+        @include media-queries.tablet-media {
+          min-width: $min-width;
+          width: auto;
         }
 
         @if not $disable-action-button {
-          &--small-gap {
-            gap: $toast-gap-both-buttons;
+          &--action {
+            @include utils.auto-rtl(
+              padding-right,
+              $action-horizontal-padding,
+              $horizontal-padding
+            );
           }
         }
-      }
 
-      @if not $disable-stacked {
-        &--stacked {
-          display: grid;
-          gap: $toast-gap-stacked;
-          grid-template-columns: 1fr;
-          padding-bottom: $vertical-padding;
-          padding-top: $vertical-padding;
+        @if not $disable-close-button {
+          &--x {
+            @include utils.auto-rtl(
+              padding-right,
+              $close-button-horizontal-padding,
+              $horizontal-padding
+            );
+          }
+
+          @if not $disable-action-button {
+            &--small-gap {
+              gap: $toast-gap-both-buttons;
+            }
+          }
         }
 
-        &--reordered {
-          grid-template-columns: 1fr min-content;
-          padding-top: 0;
+        @if not $disable-stacked {
+          &--stacked {
+            display: grid;
+            gap: $toast-gap-stacked;
+            grid-template-columns: 1fr;
+            padding-bottom: $vertical-padding;
+            padding-top: $vertical-padding;
+          }
+
+          &--reordered {
+            grid-template-columns: 1fr min-content;
+            padding-top: 0;
+          }
         }
       }
-    }
 
-    .rmd-toast-content {
-      flex: 1 1 auto;
+      .rmd-toast-content {
+        flex: 1 1 auto;
 
-      p {
-        margin: 0;
-      }
+        p {
+          margin: 0;
+        }
 
-      &--v-padding {
-        padding: $vertical-padding 0;
-      }
+        &--v-padding {
+          padding: $vertical-padding 0;
+        }
 
-      &--t-padding {
-        padding-bottom: 0;
-      }
+        &--t-padding {
+          padding-bottom: 0;
+        }
 
-      @if not $disable-action-button {
-        &--action {
-          @include utils.auto-rtl(
-            padding-right,
-            button.$text-horizontal-padding
-          );
+        @if not $disable-action-button {
+          &--action {
+            @include utils.auto-rtl(
+              padding-right,
+              button.$text-horizontal-padding
+            );
+          }
         }
-      }
 
-      @if not $disable-close-button and not $disable-action-button {
-        &--gap {
-          @include utils.auto-rtl(margin-right, $toast-gap);
+        @if not $disable-close-button and not $disable-action-button {
+          &--gap {
+            @include utils.auto-rtl(margin-right, $toast-gap);
+          }
         }
       }
-    }
 
-    @if not $disable-close-button {
-      .rmd-toast-x {
-        &--reordered {
-          align-self: flex-start;
-          order: 2;
+      @if not $disable-close-button {
+        .rmd-toast-x {
+          &--reordered {
+            align-self: flex-start;
+            order: 2;
+          }
         }
       }
-    }
 
-    @if not $disable-action-button {
-      .rmd-toast-action {
-        justify-self: flex-end;
+      @if not $disable-action-button {
+        .rmd-toast-action {
+          justify-self: flex-end;
 
-        &--reordered {
-          @include utils.auto-rtl(margin-right, $action-horizontal-padding);
+          &--reordered {
+            @include utils.auto-rtl(margin-right, $action-horizontal-padding);
 
-          grid-column-end: span 2;
-          order: 3;
+            grid-column-end: span 2;
+            order: 3;
+          }
         }
       }
     }

package/dist/snackbar/snackbarStyles.d.ts

@@ -8,6 +8,7 @@ export type SnackbarPosition = "bottom" | "bottom-left" | "bottom-right" | "top"
 /** @remarks \@since 6.0.0 */
 export interface SnackbarClassNameOptions {
     className?: string;
+    absolute?: boolean;
     position: SnackbarPosition;
 }
 /**

package/dist/snackbar/snackbarStyles.js

@@ -4,9 +4,10 @@ const styles = bem("rmd-snackbar");
 /**
  * @remarks \@since 6.0.0
  */ export function snackbar(options) {
-    const { className, position } = options;
+    const { className, absolute, position } = options;
     const top = position === "top" || position === "top-left" || position === "top-right";
     return cnb(styles({
+        absolute,
         top,
         bottom: !top,
         start: position === "top-left" || position === "bottom-left",

package/dist/snackbar/snackbarStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/snackbar/snackbarStyles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\nimport { bem } from \"../utils/bem.js\";\n\nconst styles = bem(\"rmd-snackbar\");\n\n/**\n * @remarks\n * \\@since 2.0.0\n * \\@since 6.0.0 Added the `\"top-left\"`, `\"top-right\"`, `\"bottom-left\"`, and\n * `\"bottom-right\"` positions\n */\nexport type SnackbarPosition =\n  | \"bottom\"\n  | \"bottom-left\"\n  | \"bottom-right\"\n  | \"top\"\n  | \"top-left\"\n  | \"top-right\";\n\n/** @remarks \\@since 6.0.0 */\nexport interface SnackbarClassNameOptions {\n  className?: string;\n  position: SnackbarPosition;\n}\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport function snackbar(options: SnackbarClassNameOptions): string {\n  const { className, position } = options;\n  const top =\n    position === \"top\" || position === \"top-left\" || position === \"top-right\";\n\n  return cnb(\n    styles({\n      top,\n      bottom: !top,\n      start: position === \"top-left\" || position === \"bottom-left\",\n      end: position === \"top-right\" || position === \"bottom-right\",\n    }),\n    className\n  );\n}\n"],"names":["cnb","bem","styles","snackbar","options","className","position","top","bottom","start","end"],"mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAChC,SAASC,GAAG,QAAQ,kBAAkB;AAEtC,MAAMC,SAASD,IAAI;AAsBnB;;CAEC,GACD,OAAO,SAASE,SAASC,OAAiC;IACxD,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGF;IAChC,MAAMG,MACJD,aAAa,SAASA,aAAa,cAAcA,aAAa;IAEhE,OAAON,IACLE,OAAO;QACLK;QACAC,QAAQ,CAACD;QACTE,OAAOH,aAAa,cAAcA,aAAa;QAC/CI,KAAKJ,aAAa,eAAeA,aAAa;IAChD,IACAD;AAEJ"}
+{"version":3,"sources":["../../src/snackbar/snackbarStyles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\nimport { bem } from \"../utils/bem.js\";\n\nconst styles = bem(\"rmd-snackbar\");\n\n/**\n * @remarks\n * \\@since 2.0.0\n * \\@since 6.0.0 Added the `\"top-left\"`, `\"top-right\"`, `\"bottom-left\"`, and\n * `\"bottom-right\"` positions\n */\nexport type SnackbarPosition =\n  | \"bottom\"\n  | \"bottom-left\"\n  | \"bottom-right\"\n  | \"top\"\n  | \"top-left\"\n  | \"top-right\";\n\n/** @remarks \\@since 6.0.0 */\nexport interface SnackbarClassNameOptions {\n  className?: string;\n  absolute?: boolean;\n  position: SnackbarPosition;\n}\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport function snackbar(options: SnackbarClassNameOptions): string {\n  const { className, absolute, position } = options;\n  const top =\n    position === \"top\" || position === \"top-left\" || position === \"top-right\";\n\n  return cnb(\n    styles({\n      absolute,\n      top,\n      bottom: !top,\n      start: position === \"top-left\" || position === \"bottom-left\",\n      end: position === \"top-right\" || position === \"bottom-right\",\n    }),\n    className\n  );\n}\n"],"names":["cnb","bem","styles","snackbar","options","className","absolute","position","top","bottom","start","end"],"mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAChC,SAASC,GAAG,QAAQ,kBAAkB;AAEtC,MAAMC,SAASD,IAAI;AAuBnB;;CAEC,GACD,OAAO,SAASE,SAASC,OAAiC;IACxD,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,QAAQ,EAAE,GAAGH;IAC1C,MAAMI,MACJD,aAAa,SAASA,aAAa,cAAcA,aAAa;IAEhE,OAAOP,IACLE,OAAO;QACLI;QACAE;QACAC,QAAQ,CAACD;QACTE,OAAOH,aAAa,cAAcA,aAAa;QAC/CI,KAAKJ,aAAa,eAAeA,aAAa;IAChD,IACAF;AAEJ"}

package/dist/table/TableCheckbox.d.ts

@@ -44,8 +44,9 @@ export interface TableCheckboxProps extends TableCheckboxTdHTMLAttributes, Table
     checkboxProps?: PropsWithRef<CheckboxProps, HTMLInputElement>;
 }
 /**
- * **Server Component**
- * This might actually be a client component.
+ * **Client Component**
+ * The `TableCheckbox` is used to render a `Checkbox` within a `TableCell` by applying
+ * some minimal styles.
  *
  * @example
  * Simple Example

package/dist/table/TableCheckbox.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { Checkbox } from "../form/Checkbox.js";
@@ -6,8 +7,9 @@ const noop = ()=>{
 // do nothing
 };
 /**
- * **Server Component**
- * This might actually be a client component.
+ * **Client Component**
+ * The `TableCheckbox` is used to render a `Checkbox` within a `TableCell` by applying
+ * some minimal styles.
  *
  * @example
  * Simple Example

package/dist/table/TableCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/table/TableCheckbox.tsx"],"sourcesContent":["import { forwardRef, type TdHTMLAttributes } from \"react\";\nimport { Checkbox } from \"../form/Checkbox.js\";\nimport { type CheckboxProps } from \"../form/InputToggle.js\";\nimport { type PropsWithRef } from \"../types.js\";\nimport { TableCell } from \"./TableCell.js\";\n\nconst noop = (): void => {\n  // do nothing\n};\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport type TableCheckboxTdHTMLAttributes = Omit<\n  TdHTMLAttributes<HTMLTableCellElement>,\n  \"aria-sort\" | \"scope\" | \"onChange\"\n>;\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport type TableCheckboxSupportedCheckboxProps = Pick<\n  CheckboxProps,\n  | \"name\"\n  | \"value\"\n  | \"icon\"\n  | \"iconStyle\"\n  | \"iconClassName\"\n  | \"iconProps\"\n  | \"checkedIcon\"\n  | \"indeterminateIcon\"\n  | \"checked\"\n  | \"onChange\"\n  | \"defaultChecked\"\n  | \"indeterminate\"\n  | \"aria-controls\"\n>;\n\n/**\n * @remarks\n * \\@since 6.0.0 The `id` prop is no longer required since the checkbox's id\n * will automatically be generated as `\"checkbox\" + useId()`. Use the {@link checkboxProps}\n * to set an `id` manually for the checkbox.\n * \\@since 6.0.0 The `cellId` prop was removed. Use the `id` prop instead.\n * \\@since 6,0.0 The default `aria-label` was changed from\n * `\"Toggle Row Selection\"` to `\"Select Row\"`.\n */\nexport interface TableCheckboxProps\n  extends TableCheckboxTdHTMLAttributes,\n    TableCheckboxSupportedCheckboxProps {\n  /**\n   * @defaultValue `!props[\"aria-labelledby\"] ? \"Select Row\" : undefined`\n   */\n  \"aria-label\"?: string;\n\n  /** @defaultValue `false` */\n  sticky?: boolean;\n\n  /**\n   * This allows you to override any props for the checkbox that are not\n   * configurable as top-level props.\n   *\n   * @example\n   * Simple Example\n   * ```tsx\n   * checkboxProps={{\n   *   id: \"some-custom-id\",\n   *   ref: checkboxRef,\n   * }}\n   * ```\n   *\n   * @see {@link TableCheckboxSupportedCheckboxProps}\n   * @remarks \\@since 6.0.0\n   */\n  checkboxProps?: PropsWithRef<CheckboxProps, HTMLInputElement>;\n}\n\n/**\n * **Server Component**\n * This might actually be a client component.\n *\n * @example\n * Simple Example\n * ```tsx\n * import {\n *   Table,\n *   TableBody,\n *   TableCell,\n *   TableCheckbox,\n *   TableContainer,\n *   TableHeader,\n *   TableRow,\n *   useCheckboxGroup\n * } from \"@react-md/core\";\n * import { type ReactElement } from \"react\";\n *\n * const rows = [\n *   { name: \"Frozen Yogurt\", type: \"Ice Cream\" },\n *   { name: \"Ice cream sandwich\", type: \"Ice Cream\" },\n *   { name: \"Eclair\", type: \"Pastry\" },\n *   // ...other content\n * ] as const;\n *\n * function Example(): ReactElement {\n *   const { getCheckboxProps, getIndeterminateProps } = useCheckboxGroup({\n *     values: rows.map(({ name }) => name),\n *     name: \"selected\",\n *   });\n *   return (\n *     <TableContainer>\n *       <Table>\n *         <TableHeader>\n *           <TableRow>\n *             <TableCheckbox {...getIndeterminateProps()} />\n *             <TableCell>Name</TableCell>\n *             <TableCell>Type</TableCell>\n *           </TableRow>\n *         </TableHeader>\n *         <TableBody>\n *           {rows.map(({ name, type }) => {\n *             const checkboxProps = getCheckboxProps(name);\n *             const { checked, onChange } = checkboxProps;\n *\n *             return (\n *               <TableRow\n *                 key={name}\n *                 onClick={onChange}\n *                 clickable\n *                 selected={checked}\n *               >\n *                 <TableCheckbox {...checkboxProps} />\n *                 <TableCell>{name}</TableCell>\n *                 <TableCell hAlign=\"right\">{type}</TableCell>\n *               </TableRow>\n *             );\n *           })}\n *         </TableBody>\n *       </Table>\n *     </TableContainer>\n *   );\n * }\n * ```\n *\n * @remarks\n * \\@since 6.0.0 The `id` prop is no longer required since the checkbox's id\n * will automatically be generated as `\"checkbox\" + useId()`. Use the {@link checkboxProps}\n * to set an `id` manually for the checkbox.\n * \\@since 6.0.0 The `cellId` prop was removed. Use the `id` prop instead.\n * \\@since 6,0.0 The default `aria-label` was changed from\n * `\"Toggle Row Selection\"` to `\"Select Row\"`.\n */\nexport const TableCheckbox = forwardRef<\n  HTMLTableCellElement,\n  TableCheckboxProps\n>(function TableCheckbox(props, ref) {\n  const {\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-label\": ariaLabel = !ariaLabelledBy ? \"Select Row\" : undefined,\n    \"aria-controls\": ariaControls,\n    name,\n    icon,\n    iconProps,\n    iconStyle,\n    iconClassName,\n    checkedIcon,\n    indeterminateIcon,\n    value,\n    checked,\n    onChange,\n    defaultChecked,\n    indeterminate,\n    checkboxProps,\n    onClick = noop,\n    ...remaining\n  } = props;\n\n  return (\n    <TableCell\n      {...remaining}\n      ref={ref}\n      header={false}\n      inputToggle\n      onClick={(event) => {\n        event.stopPropagation();\n        onClick(event);\n      }}\n    >\n      <Checkbox\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        aria-controls={ariaControls}\n        name={name}\n        icon={icon}\n        iconProps={iconProps}\n        iconStyle={iconStyle}\n        iconClassName={iconClassName}\n        checkedIcon={checkedIcon}\n        indeterminateIcon={indeterminateIcon}\n        value={value}\n        checked={checked}\n        defaultChecked={defaultChecked}\n        onChange={onChange}\n        indeterminate={indeterminate}\n        {...checkboxProps}\n      />\n    </TableCell>\n  );\n});\n"],"names":["forwardRef","Checkbox","TableCell","noop","TableCheckbox","props","ref","ariaLabelledBy","ariaLabel","undefined","ariaControls","name","icon","iconProps","iconStyle","iconClassName","checkedIcon","indeterminateIcon","value","checked","onChange","defaultChecked","indeterminate","checkboxProps","onClick","remaining","header","inputToggle","event","stopPropagation","aria-label","aria-labelledby","aria-controls"],"mappings":";AAAA,SAASA,UAAU,QAA+B,QAAQ;AAC1D,SAASC,QAAQ,QAAQ,sBAAsB;AAG/C,SAASC,SAAS,QAAQ,iBAAiB;AAE3C,MAAMC,OAAO;AACX,aAAa;AACf;AAqEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyEC,GACD,OAAO,MAAMC,8BAAgBJ,WAG3B,SAASI,cAAcC,KAAK,EAAEC,GAAG;IACjC,MAAM,EACJ,mBAAmBC,cAAc,EACjC,cAAcC,YAAY,CAACD,iBAAiB,eAAeE,SAAS,EACpE,iBAAiBC,YAAY,EAC7BC,IAAI,EACJC,IAAI,EACJC,SAAS,EACTC,SAAS,EACTC,aAAa,EACbC,WAAW,EACXC,iBAAiB,EACjBC,KAAK,EACLC,OAAO,EACPC,QAAQ,EACRC,cAAc,EACdC,aAAa,EACbC,aAAa,EACbC,UAAUrB,IAAI,EACd,GAAGsB,WACJ,GAAGpB;IAEJ,qBACE,KAACH;QACE,GAAGuB,SAAS;QACbnB,KAAKA;QACLoB,QAAQ;QACRC,WAAW;QACXH,SAAS,CAACI;YACRA,MAAMC,eAAe;YACrBL,QAAQI;QACV;kBAEA,cAAA,KAAC3B;YACC6B,cAAYtB;YACZuB,mBAAiBxB;YACjByB,iBAAetB;YACfC,MAAMA;YACNC,MAAMA;YACNC,WAAWA;YACXC,WAAWA;YACXC,eAAeA;YACfC,aAAaA;YACbC,mBAAmBA;YACnBC,OAAOA;YACPC,SAASA;YACTE,gBAAgBA;YAChBD,UAAUA;YACVE,eAAeA;YACd,GAAGC,aAAa;;;AAIzB,GAAG"}
+{"version":3,"sources":["../../src/table/TableCheckbox.tsx"],"sourcesContent":["\"use client\";\nimport { forwardRef, type TdHTMLAttributes } from \"react\";\nimport { Checkbox } from \"../form/Checkbox.js\";\nimport { type CheckboxProps } from \"../form/InputToggle.js\";\nimport { type PropsWithRef } from \"../types.js\";\nimport { TableCell } from \"./TableCell.js\";\n\nconst noop = (): void => {\n  // do nothing\n};\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport type TableCheckboxTdHTMLAttributes = Omit<\n  TdHTMLAttributes<HTMLTableCellElement>,\n  \"aria-sort\" | \"scope\" | \"onChange\"\n>;\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport type TableCheckboxSupportedCheckboxProps = Pick<\n  CheckboxProps,\n  | \"name\"\n  | \"value\"\n  | \"icon\"\n  | \"iconStyle\"\n  | \"iconClassName\"\n  | \"iconProps\"\n  | \"checkedIcon\"\n  | \"indeterminateIcon\"\n  | \"checked\"\n  | \"onChange\"\n  | \"defaultChecked\"\n  | \"indeterminate\"\n  | \"aria-controls\"\n>;\n\n/**\n * @remarks\n * \\@since 6.0.0 The `id` prop is no longer required since the checkbox's id\n * will automatically be generated as `\"checkbox\" + useId()`. Use the {@link checkboxProps}\n * to set an `id` manually for the checkbox.\n * \\@since 6.0.0 The `cellId` prop was removed. Use the `id` prop instead.\n * \\@since 6,0.0 The default `aria-label` was changed from\n * `\"Toggle Row Selection\"` to `\"Select Row\"`.\n */\nexport interface TableCheckboxProps\n  extends TableCheckboxTdHTMLAttributes,\n    TableCheckboxSupportedCheckboxProps {\n  /**\n   * @defaultValue `!props[\"aria-labelledby\"] ? \"Select Row\" : undefined`\n   */\n  \"aria-label\"?: string;\n\n  /** @defaultValue `false` */\n  sticky?: boolean;\n\n  /**\n   * This allows you to override any props for the checkbox that are not\n   * configurable as top-level props.\n   *\n   * @example\n   * Simple Example\n   * ```tsx\n   * checkboxProps={{\n   *   id: \"some-custom-id\",\n   *   ref: checkboxRef,\n   * }}\n   * ```\n   *\n   * @see {@link TableCheckboxSupportedCheckboxProps}\n   * @remarks \\@since 6.0.0\n   */\n  checkboxProps?: PropsWithRef<CheckboxProps, HTMLInputElement>;\n}\n\n/**\n * **Client Component**\n * The `TableCheckbox` is used to render a `Checkbox` within a `TableCell` by applying\n * some minimal styles.\n *\n * @example\n * Simple Example\n * ```tsx\n * import {\n *   Table,\n *   TableBody,\n *   TableCell,\n *   TableCheckbox,\n *   TableContainer,\n *   TableHeader,\n *   TableRow,\n *   useCheckboxGroup\n * } from \"@react-md/core\";\n * import { type ReactElement } from \"react\";\n *\n * const rows = [\n *   { name: \"Frozen Yogurt\", type: \"Ice Cream\" },\n *   { name: \"Ice cream sandwich\", type: \"Ice Cream\" },\n *   { name: \"Eclair\", type: \"Pastry\" },\n *   // ...other content\n * ] as const;\n *\n * function Example(): ReactElement {\n *   const { getCheckboxProps, getIndeterminateProps } = useCheckboxGroup({\n *     values: rows.map(({ name }) => name),\n *     name: \"selected\",\n *   });\n *   return (\n *     <TableContainer>\n *       <Table>\n *         <TableHeader>\n *           <TableRow>\n *             <TableCheckbox {...getIndeterminateProps()} />\n *             <TableCell>Name</TableCell>\n *             <TableCell>Type</TableCell>\n *           </TableRow>\n *         </TableHeader>\n *         <TableBody>\n *           {rows.map(({ name, type }) => {\n *             const checkboxProps = getCheckboxProps(name);\n *             const { checked, onChange } = checkboxProps;\n *\n *             return (\n *               <TableRow\n *                 key={name}\n *                 onClick={onChange}\n *                 clickable\n *                 selected={checked}\n *               >\n *                 <TableCheckbox {...checkboxProps} />\n *                 <TableCell>{name}</TableCell>\n *                 <TableCell hAlign=\"right\">{type}</TableCell>\n *               </TableRow>\n *             );\n *           })}\n *         </TableBody>\n *       </Table>\n *     </TableContainer>\n *   );\n * }\n * ```\n *\n * @remarks\n * \\@since 6.0.0 The `id` prop is no longer required since the checkbox's id\n * will automatically be generated as `\"checkbox\" + useId()`. Use the {@link checkboxProps}\n * to set an `id` manually for the checkbox.\n * \\@since 6.0.0 The `cellId` prop was removed. Use the `id` prop instead.\n * \\@since 6,0.0 The default `aria-label` was changed from\n * `\"Toggle Row Selection\"` to `\"Select Row\"`.\n */\nexport const TableCheckbox = forwardRef<\n  HTMLTableCellElement,\n  TableCheckboxProps\n>(function TableCheckbox(props, ref) {\n  const {\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-label\": ariaLabel = !ariaLabelledBy ? \"Select Row\" : undefined,\n    \"aria-controls\": ariaControls,\n    name,\n    icon,\n    iconProps,\n    iconStyle,\n    iconClassName,\n    checkedIcon,\n    indeterminateIcon,\n    value,\n    checked,\n    onChange,\n    defaultChecked,\n    indeterminate,\n    checkboxProps,\n    onClick = noop,\n    ...remaining\n  } = props;\n\n  return (\n    <TableCell\n      {...remaining}\n      ref={ref}\n      header={false}\n      inputToggle\n      onClick={(event) => {\n        event.stopPropagation();\n        onClick(event);\n      }}\n    >\n      <Checkbox\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        aria-controls={ariaControls}\n        name={name}\n        icon={icon}\n        iconProps={iconProps}\n        iconStyle={iconStyle}\n        iconClassName={iconClassName}\n        checkedIcon={checkedIcon}\n        indeterminateIcon={indeterminateIcon}\n        value={value}\n        checked={checked}\n        defaultChecked={defaultChecked}\n        onChange={onChange}\n        indeterminate={indeterminate}\n        {...checkboxProps}\n      />\n    </TableCell>\n  );\n});\n"],"names":["forwardRef","Checkbox","TableCell","noop","TableCheckbox","props","ref","ariaLabelledBy","ariaLabel","undefined","ariaControls","name","icon","iconProps","iconStyle","iconClassName","checkedIcon","indeterminateIcon","value","checked","onChange","defaultChecked","indeterminate","checkboxProps","onClick","remaining","header","inputToggle","event","stopPropagation","aria-label","aria-labelledby","aria-controls"],"mappings":"AAAA;;AACA,SAASA,UAAU,QAA+B,QAAQ;AAC1D,SAASC,QAAQ,QAAQ,sBAAsB;AAG/C,SAASC,SAAS,QAAQ,iBAAiB;AAE3C,MAAMC,OAAO;AACX,aAAa;AACf;AAqEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0EC,GACD,OAAO,MAAMC,8BAAgBJ,WAG3B,SAASI,cAAcC,KAAK,EAAEC,GAAG;IACjC,MAAM,EACJ,mBAAmBC,cAAc,EACjC,cAAcC,YAAY,CAACD,iBAAiB,eAAeE,SAAS,EACpE,iBAAiBC,YAAY,EAC7BC,IAAI,EACJC,IAAI,EACJC,SAAS,EACTC,SAAS,EACTC,aAAa,EACbC,WAAW,EACXC,iBAAiB,EACjBC,KAAK,EACLC,OAAO,EACPC,QAAQ,EACRC,cAAc,EACdC,aAAa,EACbC,aAAa,EACbC,UAAUrB,IAAI,EACd,GAAGsB,WACJ,GAAGpB;IAEJ,qBACE,KAACH;QACE,GAAGuB,SAAS;QACbnB,KAAKA;QACLoB,QAAQ;QACRC,WAAW;QACXH,SAAS,CAACI;YACRA,MAAMC,eAAe;YACrBL,QAAQI;QACV;kBAEA,cAAA,KAAC3B;YACC6B,cAAYtB;YACZuB,mBAAiBxB;YACjByB,iBAAetB;YACfC,MAAMA;YACNC,MAAMA;YACNC,WAAWA;YACXC,WAAWA;YACXC,eAAeA;YACfC,aAAaA;YACbC,mBAAmBA;YACnBC,OAAOA;YACPC,SAASA;YACTE,gBAAgBA;YAChBD,UAAUA;YACVE,eAAeA;YACd,GAAGC,aAAa;;;AAIzB,GAAG"}

package/dist/table/TableRadio.d.ts

@@ -38,8 +38,9 @@ export interface TableRadioProps extends TableRadioTdHTMLAttributes, TableRadioS
     radioProps?: PropsWithRef<RadioProps, HTMLInputElement>;
 }
 /**
- * **Server Component**
- * This might actually be a client component.
+ * **Client Component**
+ * The `TableRadio` is used to render a `Radio` within a `TableCell` by applying
+ * some minimal styles.
  *
  * @example
  * Simple Example

package/dist/table/TableRadio.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { Radio } from "../form/Radio.js";
@@ -6,8 +7,9 @@ const noop = ()=>{
 // do nothing
 };
 /**
- * **Server Component**
- * This might actually be a client component.
+ * **Client Component**
+ * The `TableRadio` is used to render a `Radio` within a `TableCell` by applying
+ * some minimal styles.
  *
  * @example
  * Simple Example