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

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

@@ -60,43 +60,35 @@ $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 variables {
+  @if not $disable-everything {
+    @include set-var(background-color, $background-color);
+    @include set-var(color, $color);
+    @include set-var(offset, 0);
+  }
+}
+
 @mixin styles {
   @if not $disable-everything {
     .rmd-snackbar {

package/dist/table/_table.scss

@@ -108,85 +108,37 @@ $sticky-footer-active-styles: $sticky-header-active-styles !default;
 $row-hover-color: interaction.get-var(hover-background-color) !default;
 $row-selected-color: interaction.get-var(selected-background-color) !default;
 
-$var-lookup: (
-  background-color: (
-    var: --rmd-table-background-color,
-    value: $background-color,
-  ),
-  border-size: (
-    var: --rmd-table-border-size,
-    value: $border-size,
-  ),
-  border-color: (
-    var: --rmd-table-border-color,
-    value: $border-color,
-  ),
-  header-background-color: (
-    var: --rmd-table-header-background-color,
-    value: $header-background-color,
-  ),
-  cell-color: (
-    var: --rmd-table-cell-color,
-    value: $cell-color,
-  ),
-  cell-height: (
-    var: --rmd-table-cell-height,
-    value: $cell-height,
-  ),
-  cell-horizontal-padding: (
-    var: --rmd-table-cell-horizontal-padding,
-    value: $cell-horizontal-padding,
-  ),
-  cell-vertical-padding: (
-    var: --rmd-table-cell-vertical-padding,
-    value: $cell-vertical-padding,
-  ),
-  header-cell-height: (
-    var: --rmd-table-header-cell-height,
-    value: $cell-header-height,
-  ),
-  hover-color: (
-    var: --rmd-table-hover-color,
-    value: $row-hover-color,
-  ),
-  selected-color: (
-    var: --rmd-table-selected-color,
-    value: $row-selected-color,
-  ),
-  sticky-cell: (
-    var: --rmd-table-sticky-cell,
-    value: $sticky-cell-position,
-  ),
-  sticky-header: (
-    var: --rmd-table-sticky-header,
-    value: $sticky-header-position,
-  ),
-  sticky-footer: (
-    var: --rmd-table-sticky-footer,
-    value: $sticky-footer-position,
-  ),
-  sticky-background-color: (
-    var: --rmd-table-sticky-background-color,
-    value: $sticky-background-color,
-  ),
+$variables: (
+  background-color,
+  border-size,
+  border-color,
+  header-background-color,
+  cell-color,
+  cell-height,
+  cell-horizontal-padding,
+  cell-vertical-padding,
+  header-cell-height,
+  hover-color,
+  selected-color,
+  sticky-cell,
+  sticky-header,
+  sticky-footer,
+  sticky-background-color
 );
 
 @function get-var($name, $fallback: null) {
-  $found: utils.validate($var-lookup, $name, "table 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, "table");
+  @if $fallback {
+    @return var(#{$var}, #{$fallback});
   }
 
   @return var(#{$var});
 }
 
 @mixin set-var($name, $value) {
-  $var: map.get(utils.validate($var-lookup, $name, "table var"), var);
-
-  #{$var}: #{$value};
+  @if $value {
+    #{utils.get-var-name($variables, $name, "table")}: #{$value};
+  }
 }
 
 @mixin use-var($property, $name: $property, $fallback: null) {
@@ -227,6 +179,39 @@ $row-selected-styles: (
   }
 }
 
+@mixin variables {
+  @if not $disable-everything {
+    @include set-var(background-color, $background-color);
+    @include set-var(header-background-color, $header-background-color);
+    @include set-var(cell-color, $cell-color);
+    @include set-var(cell-height, $cell-height);
+    @include set-var(cell-horizontal-padding, $cell-horizontal-padding);
+    @include set-var(cell-vertical-padding, $cell-vertical-padding);
+    @include set-var(header-cell-height, $cell-header-height);
+    @include set-var(selected-color, $row-selected-color);
+
+    @if not $disable-bordered {
+      @include set-var(border-size, $border-size);
+      @include set-var(border-color, $border-color);
+    }
+    @if not $disable-hoverable {
+      @include set-var(hover-color, $row-hover-color);
+    }
+    @if not $disable-sticky-cell {
+      @include set-var(sticky-cell, $sticky-cell-position);
+    }
+    @if not $disable-sticky-header {
+      @include set-var(sticky-header, $sticky-header-position);
+    }
+    @if not $disable-sticky-footer {
+      @include set-var(sticky-footer, $sticky-footer-position);
+    }
+    @if not $disable-sticky-header or not $disable-sticky-footer {
+      @include set-var(sticky-background-color, $sticky-background-color);
+    }
+  }
+}
+
 @mixin styles {
   @if not $disable-everything {
     @if not $disable-container {

package/dist/tabs/_tabs.scss

@@ -42,45 +42,27 @@ $tablist-scroller-background-color: theme.theme-get-var(
   inherit
 ) !default;
 
-$var-lookup: (
-  color: (
-    var: --rmd-tab-color,
-    value: $inactive-color,
-  ),
-  active-color: (
-    var: --rmd-tab-active-color,
-    value: $active-color,
-  ),
-  inactive-color: (
-    var: --rmd-tab-inactive-color,
-    value: $inactive-color,
-  ),
-  disabled-color: (
-    var: --rmd-tab-disabled-color,
-    value: $disabled-color,
-  ),
-  indicator-background: (
-    var: --rmd-tab-indicator-background,
-    value: $indicator-background,
-  ),
+$variables: (
+  color,
+  active-color,
+  inactive-color,
+  disabled-color,
+  indicator-background
 );
 
 @function get-var($name, $fallback: null) {
-  $found: utils.validate($var-lookup, $name, "tabs 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, "tab");
+  @if $fallback {
+    @return var(#{$var}, #{$fallback});
   }
 
   @return var(#{$var});
 }
 
 @mixin set-var($name, $value) {
-  $var: map.get(utils.validate($var-lookup, $name, "tabs var"), var);
-
-  #{$var}: #{$value};
+  @if $value {
+    #{utils.get-var-name($variables, $name, "tab")}: #{$value};
+  }
 }
 
 @mixin use-var($property, $name: $property, $fallback: null) {
@@ -248,6 +230,19 @@ $var-lookup: (
   }
 }
 
+@mixin variables {
+  @if not $disable-everything {
+    @include set-var(color, $inactive-color);
+    @include set-var(active-color, $active-color);
+    @include set-var(inactive-color, $inactive-color);
+    @include set-var(disabled-color, $disabled-color);
+
+    @if not $disable-indicator {
+      @include set-var(indicator-background, $indicator-background);
+    }
+  }
+}
+
 @mixin styles {
   @if not $disable-everything {
     @include tablist-styles;

package/dist/theme/_theme.scss

@@ -129,96 +129,34 @@ $_validated_color_scheme: utils.validate(
   "$color-scheme"
 );
 
-$theme-var-lookup: (
-  background-color: (
-    var: --rmd-background-color,
-    value: $background-color,
-  ),
-  on-background-color: (
-    var: --rmd-on-background-color,
-    value: null,
-  ),
-  surface-color: (
-    var: --rmd-surface-color,
-    value: $surface-color,
-  ),
-  primary-color: (
-    var: --rmd-primary-color,
-    value: $primary-color,
-  ),
-  on-primary-color: (
-    var: --rmd-on-primary-color,
-    value: $on-primary-color,
-  ),
-  secondary-color: (
-    var: --rmd-secondary-color,
-    value: $secondary-color,
-  ),
-  on-secondary-color: (
-    var: --rmd-on-secondary-color,
-    value: $on-secondary-color,
-  ),
-  warning-color: (
-    var: --rmd-warning-color,
-    value: $warning-color,
-  ),
-  on-warning-color: (
-    var: --rmd-on-warning-color,
-    value: $on-warning-color,
-  ),
-  error-color: (
-    var: --rmd-error-color,
-    value: $error-color,
-  ),
-  on-error-color: (
-    var: --rmd-on-error-color,
-    value: $on-error-color,
-  ),
-  success-color: (
-    var: --rmd-success-color,
-    value: $success-color,
-  ),
-  on-success-color: (
-    var: --rmd-on-success-color,
-    value: $on-success-color,
-  ),
-  text-primary-color: (
-    var: --rmd-text-primary-color,
-    value: $text-primary-color,
-  ),
-  text-secondary-color: (
-    var: --rmd-text-secondary-color,
-    value: $text-secondary-color,
-  ),
-  text-hint-color: (
-    var: --rmd-text-hint-color,
-    value: $text-hint-color,
-  ),
-  text-disabled-color: (
-    var: --rmd-text-disabled-color,
-    value: $text-disabled-color,
-  ),
-  outline-width: (
-    var: --rmd-outline-width,
-    value: $outline-width,
-  ),
-  outline-color: (
-    var: --rmd-outline-color,
-    value: $outline-color,
-  ),
-  outline-grey-color: (
-    var: --rmd-outline-grey-color,
-    value: $outline-grey-color,
-  ),
+$theme-variables: (
+  background-color,
+  on-background-color,
+  surface-color,
+  primary-color,
+  on-primary-color,
+  secondary-color,
+  on-secondary-color,
+  warning-color,
+  on-warning-color,
+  success-color,
+  on-success-color,
+  error-color,
+  on-error-color,
+  text-primary-color,
+  text-secondary-color,
+  text-hint-color,
+  text-disabled-color,
+  outline-width,
+  outline-color,
+  outline-grey-color
 );
 
 @function theme-get-var($name, $fallback: null) {
-  $found: utils.validate($theme-var-lookup, $name, "theme var");
-  $var: map.get($found, var);
-  $value: if($fallback, $fallback, map.get($found, value));
+  $var: utils.get-var-name($theme-variables, $name, "theme");
 
-  @if $value {
-    @return var(#{$var}, #{$value});
+  @if $fallback {
+    @return var(#{$var}, #{$fallback});
   }
 
   @return var(#{$var});
@@ -237,9 +175,9 @@ $theme-var-lookup: (
 }
 
 @mixin theme-set-var($name, $value-or-theme-name) {
-  $var: map.get(utils.validate($theme-var-lookup, $name, "theme var"), var);
+  $var: utils.get-var-name($theme-variables, $name, "theme");
   $value: $value-or-theme-name;
-  @if map.has-key($theme-var-lookup, $value-or-theme-name) {
+  @if list.index($theme-variables, $value-or-theme-name) {
     $name: $value-or-theme-name;
     $value: theme-get-var($name);
   }
@@ -291,7 +229,7 @@ $theme-var-lookup: (
   }
 }
 
-@mixin colors {
+@mixin theme-variables {
   @include theme-set-var(background-color, $background-color);
   @if $disable-dark-elevation {
     @include theme-set-var(surface-color, $surface-color);
@@ -317,6 +255,10 @@ $theme-var-lookup: (
       @include set-dark-elevation-color($z-value, $background-color);
     }
   }
+
+  @include theme-set-var(outline-width, $outline-width);
+  @include theme-set-var(outline-color, $outline-color);
+  @include theme-set-var(outline-grey-color, $outline-grey-color);
 }
 
 @mixin create-surface($z-value, $disable-colors: $disable-dark-elevation) {

package/dist/tooltip/_tooltip.scss

@@ -45,45 +45,36 @@ $leave-duration: transition.$linear-duration !default;
 $leave-timing-function: transition.$acceleration-timing-function !default;
 $transition-distance: 0.5rem !default;
 
-$var-lookup: (
-  background-color: (
-    var: --rmd-tooltip-background-color,
-    value: $background-color,
-  ),
-  color: (
-    var: --rmd-tooltip-color,
-    value: $color,
-  ),
-  spacing: (
-    // this is only added so you can safely do:
-    // @include react-md.tooltip-set-var(spacing, $custom-spacing);
-    var: --rmd-tooltip-spacing,
-    value: $spacing,
-  ),
-);
+$variables: (background-color, color, spacing);
 
 @function get-var($name, $fallback: null) {
-  $found: utils.validate($var-lookup, $name, "tooltip 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, "tooltip");
+  @if $fallback {
+    @return var(#{$var}, #{$fallback});
   }
 
   @return var(#{$var});
 }
 
 @mixin set-var($name, $value) {
-  $var: map.get(utils.validate($var-lookup, $name, "tooltip var"), var);
-
-  #{$var}: #{$value};
+  @if $value {
+    #{utils.get-var-name($variables, $name, "tooltip")}: #{$value};
+  }
 }
 
 @mixin use-var($property, $name: $property, $fallback: null) {
   #{$property}: get-var($name, $fallback);
 }
 
+@mixin variables {
+  @if not $disable-everything {
+    @include set-var(background-color, $background-color);
+    @include set-var(color, $color);
+
+    // do not include spacing
+  }
+}
+
 @mixin styles {
   @if not $disable-everything {
     .rmd-tooltip {