@react-md/core 1.0.0-next.16 → 1.0.0-next.17

package/dist/segmented-button/_segmented-button.scss

@@ -169,27 +169,27 @@ $variables: (
         padding: $vertical-padding $horizontal-padding;
 
         &:first-child {
+          border-bottom-left-radius: $border-radius;
+          border-top-left-radius: $border-radius;
+
           @include utils.rtl {
             border-bottom-left-radius: 0;
             border-bottom-right-radius: $border-radius;
             border-top-left-radius: 0;
             border-top-right-radius: $border-radius;
           }
-
-          border-bottom-left-radius: $border-radius;
-          border-top-left-radius: $border-radius;
         }
 
         &:last-child {
+          border-bottom-right-radius: $border-radius;
+          border-top-right-radius: $border-radius;
+
           @include utils.rtl {
             border-bottom-left-radius: $border-radius;
             border-bottom-right-radius: 0;
             border-top-left-radius: $border-radius;
             border-top-right-radius: 0;
           }
-
-          border-bottom-right-radius: $border-radius;
-          border-top-right-radius: $border-radius;
         }
 
         &--selected {

package/dist/sheet/_sheet.scss

@@ -103,19 +103,31 @@ $variables: (
 
         @if not $disable-position-left {
           &--left {
-            @include utils.auto-rtl(left, 0) {
+            @include set-var(transform-offscreen, translate3d(-100%, 0, 0));
+
+            left: 0;
+
+            @include utils.rtl {
               @include set-var(transform-offscreen, translate3d(100%, 0, 0));
+
+              left: auto;
+              right: 0;
             }
-            @include set-var(transform-offscreen, translate3d(-100%, 0, 0));
           }
         }
 
         @if not $disable-position-right {
           &--right {
-            @include utils.auto-rtl(right, 0) {
+            @include set-var(transform-offscreen, translate3d(100%, 0, 0));
+
+            right: 0;
+
+            @include utils.rtl {
               @include set-var(transform-offscreen, translate3d(-100%, 0, 0));
+
+              left: 0;
+              right: auto;
             }
-            @include set-var(transform-offscreen, translate3d(100%, 0, 0));
           }
         }
 
@@ -144,11 +156,11 @@ $variables: (
         }
 
         &--media-width {
+          @include set-var(width, get-var(touch-width));
+
           @include media-queries.tablet-media {
             @include set-var(width, get-var(static-width));
           }
-
-          @include set-var(width, get-var(touch-width));
         }
 
         &--viewport-height {

package/dist/snackbar/ToastManager.js

@@ -441,22 +441,32 @@ var _queue = /*#__PURE__*/ new WeakMap(), _timers = /*#__PURE__*/ new WeakMap(),
 /**
  * @see {@link ToastManager.addToast}
  * @since 6.0.0
- */ export const addToast = (toast)=>toastManager.addToast(toast);
+ */ export const addToast = (toast)=>{
+    toastManager.addToast(toast);
+};
 /**
  * @see {@link ToastManager.startRemoveTimeout}
  * @since 6.0.0
- */ export const startRemoveToastTimeout = (toastId)=>toastManager.startRemoveTimeout(toastId);
+ */ export const startRemoveToastTimeout = (toastId)=>{
+    toastManager.startRemoveTimeout(toastId);
+};
 /**
  * @see {@link ToastManager.popToast}
  * @since 6.0.0
- */ export const popToast = ()=>toastManager.popToast();
+ */ export const popToast = ()=>{
+    toastManager.popToast();
+};
 /**
  * @see {@link ToastManager.removeToast}
  * @since 6.0.0
- */ export const removeToast = (toastId, transition)=>toastManager.removeToast(toastId, transition);
+ */ export const removeToast = (toastId, transition)=>{
+    toastManager.removeToast(toastId, transition);
+};
 /**
  * @see {@link ToastManager.clearToasts}
  * @since 6.0.0
- */ export const clearToasts = ()=>toastManager.clearToasts();
+ */ export const clearToasts = ()=>{
+    toastManager.clearToasts();
+};
 
 //# sourceMappingURL=ToastManager.js.map

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

package/dist/snackbar/_snackbar.scss

@@ -169,21 +169,23 @@ $variables: (background-color, color, offset);
 
         @if not $disable-action-button {
           &--action {
-            @include utils.auto-rtl(
-              padding-right,
-              $action-horizontal-padding,
-              $horizontal-padding
-            );
+            padding-right: $action-horizontal-padding;
+
+            @include utils.rtl {
+              padding-left: $action-horizontal-padding;
+              padding-right: $horizontal-padding;
+            }
           }
         }
 
         @if not $disable-close-button {
           &--x {
-            @include utils.auto-rtl(
-              padding-right,
-              $close-button-horizontal-padding,
-              $horizontal-padding
-            );
+            padding-right: $close-button-horizontal-padding;
+
+            @include utils.rtl {
+              padding-left: $close-button-horizontal-padding;
+              padding-right: $horizontal-padding;
+            }
           }
 
           @if not $disable-action-button {
@@ -226,16 +228,23 @@ $variables: (background-color, color, offset);
 
         @if not $disable-action-button {
           &--action {
-            @include utils.auto-rtl(
-              padding-right,
-              button.$text-horizontal-padding
-            );
+            padding-right: button.$text-horizontal-padding;
+
+            @include utils.rtl {
+              padding-left: button.$text-horizontal-padding;
+              padding-right: 0;
+            }
           }
         }
 
         @if not $disable-close-button and not $disable-action-button {
           &--gap {
-            @include utils.auto-rtl(margin-right, $toast-gap);
+            margin-right: $toast-gap;
+
+            @include utils.rtl {
+              margin-left: $toast-gap;
+              margin-right: 0;
+            }
           }
         }
       }
@@ -254,10 +263,14 @@ $variables: (background-color, color, offset);
           justify-self: flex-end;
 
           &--reordered {
-            @include utils.auto-rtl(margin-right, $action-horizontal-padding);
-
             grid-column-end: span 2;
+            margin-right: $action-horizontal-padding;
             order: 3;
+
+            @include utils.rtl {
+              margin-left: $action-horizontal-padding;
+              margin-right: 0;
+            }
           }
         }
       }

package/dist/snackbar/useCurrentToastActions.d.ts

@@ -6,15 +6,15 @@
  */
 export interface CurrentToastActions {
     /** @see {@link ToastManager.clearTimer} */
-    clearTimer(): void;
+    clearTimer: () => void;
     /** @see {@link ToastManager.removeToast} */
-    removeToast(transition: boolean): void;
+    removeToast: (transition: boolean) => void;
     /** @see {@link ToastManager.startRemoveTimeout} */
-    startRemoveTimeout(): void;
+    startRemoveTimeout: () => void;
     /** @see {@link ToastManager.pauseRemoveTimeout} */
-    pauseRemoveTimeout(): void;
+    pauseRemoveTimeout: () => void;
     /** @see {@link ToastManager.resumeRemoveTimeout} */
-    resumeRemoveTimeout(): void;
+    resumeRemoveTimeout: () => void;
 }
 /**
  * @since 6.0.0

package/dist/snackbar/useCurrentToastActions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/snackbar/useCurrentToastActions.ts"],"sourcesContent":["\"use client\";\nimport { createContext, useContext } from \"react\";\n\n/**\n * A simplified version of the {@link ToastManager} that has the actions bound\n * to the current {@link QueuedToast.toastId}.\n *\n * @since 6.0.0\n */\nexport interface CurrentToastActions {\n  /** @see {@link ToastManager.clearTimer} */\n  clearTimer(): void;\n  /** @see {@link ToastManager.removeToast} */\n  removeToast(transition: boolean): void;\n  /** @see {@link ToastManager.startRemoveTimeout} */\n  startRemoveTimeout(): void;\n  /** @see {@link ToastManager.pauseRemoveTimeout} */\n  pauseRemoveTimeout(): void;\n  /** @see {@link ToastManager.resumeRemoveTimeout} */\n  resumeRemoveTimeout(): void;\n}\n\nconst context = createContext<CurrentToastActions | null>(null);\ncontext.displayName = \"CurrentToastActions\";\n\n/**\n * @since 6.0.0\n * @internal\n */\nexport const { Provider: CurrentToastActionsProvider } = context;\n\n/**\n * This is only required if you have multiple `Snackbar` implementations in your\n * app.\n *\n * @since 6.0.0\n */\nexport function useCurrentToastActions(): CurrentToastActions {\n  const actions = useContext(context);\n  if (!actions) {\n    throw new Error(\n      \"The `CurrentToastActionsProvider` has not been initialized\"\n    );\n  }\n\n  return actions;\n}\n"],"names":["createContext","useContext","context","displayName","Provider","CurrentToastActionsProvider","useCurrentToastActions","actions","Error"],"mappings":"AAAA;AACA,SAASA,aAAa,EAAEC,UAAU,QAAQ,QAAQ;AAqBlD,MAAMC,UAAUF,cAA0C;AAC1DE,QAAQC,WAAW,GAAG;AAEtB;;;CAGC,GACD,OAAO,MAAM,EAAEC,UAAUC,2BAA2B,EAAE,GAAGH,QAAQ;AAEjE;;;;;CAKC,GACD,OAAO,SAASI;IACd,MAAMC,UAAUN,WAAWC;IAC3B,IAAI,CAACK,SAAS;QACZ,MAAM,IAAIC,MACR;IAEJ;IAEA,OAAOD;AACT"}
+{"version":3,"sources":["../../src/snackbar/useCurrentToastActions.ts"],"sourcesContent":["\"use client\";\nimport { createContext, useContext } from \"react\";\n\n/**\n * A simplified version of the {@link ToastManager} that has the actions bound\n * to the current {@link QueuedToast.toastId}.\n *\n * @since 6.0.0\n */\nexport interface CurrentToastActions {\n  /** @see {@link ToastManager.clearTimer} */\n  clearTimer: () => void;\n  /** @see {@link ToastManager.removeToast} */\n  removeToast: (transition: boolean) => void;\n  /** @see {@link ToastManager.startRemoveTimeout} */\n  startRemoveTimeout: () => void;\n  /** @see {@link ToastManager.pauseRemoveTimeout} */\n  pauseRemoveTimeout: () => void;\n  /** @see {@link ToastManager.resumeRemoveTimeout} */\n  resumeRemoveTimeout: () => void;\n}\n\nconst context = createContext<CurrentToastActions | null>(null);\ncontext.displayName = \"CurrentToastActions\";\n\n/**\n * @since 6.0.0\n * @internal\n */\nexport const { Provider: CurrentToastActionsProvider } = context;\n\n/**\n * This is only required if you have multiple `Snackbar` implementations in your\n * app.\n *\n * @since 6.0.0\n */\nexport function useCurrentToastActions(): CurrentToastActions {\n  const actions = useContext(context);\n  if (!actions) {\n    throw new Error(\n      \"The `CurrentToastActionsProvider` has not been initialized\"\n    );\n  }\n\n  return actions;\n}\n"],"names":["createContext","useContext","context","displayName","Provider","CurrentToastActionsProvider","useCurrentToastActions","actions","Error"],"mappings":"AAAA;AACA,SAASA,aAAa,EAAEC,UAAU,QAAQ,QAAQ;AAqBlD,MAAMC,UAAUF,cAA0C;AAC1DE,QAAQC,WAAW,GAAG;AAEtB;;;CAGC,GACD,OAAO,MAAM,EAAEC,UAAUC,2BAA2B,EAAE,GAAGH,QAAQ;AAEjE;;;;;CAKC,GACD,OAAO,SAASI;IACd,MAAMC,UAAUN,WAAWC;IAC3B,IAAI,CAACK,SAAS;QACZ,MAAM,IAAIC,MACR;IAEJ;IAEA,OAAOD;AACT"}

package/dist/table/_table.scss

@@ -255,10 +255,11 @@ $row-selected-styles: (
           &--sticky {
             @include use-var(background-color, sticky-background-color);
             @include use-var(top, sticky-header);
-            @include utils.map-to-styles($sticky-header-inactive-styles);
 
             position: sticky;
             z-index: $sticky-header-z-index;
+
+            @include utils.map-to-styles($sticky-header-inactive-styles);
           }
 
           &--sticky-active {
@@ -272,10 +273,11 @@ $row-selected-styles: (
           &--sticky {
             @include use-var(background-color, sticky-background-color);
             @include use-var(bottom, sticky-footer);
-            @include utils.map-to-styles($sticky-footer-inactive-styles);
 
             position: sticky;
             z-index: $sticky-footer-z-index;
+
+            @include utils.map-to-styles($sticky-footer-inactive-styles);
           }
 
           &--sticky-active {
@@ -357,9 +359,9 @@ $row-selected-styles: (
           }
 
           &--sticky-cell {
-            @include utils.auto-rtl(left, get-var(sticky-cell));
             @include theme.theme-use-var(background-color);
 
+            @include use-var(left, sticky-cell);
             transition: background-color transition.$linear-duration;
             z-index: $sticky-cell-z-index;
 
@@ -441,6 +443,16 @@ $row-selected-styles: (
             width: 100%;
           }
         }
+
+        @if not $disable-sticky-cell {
+          @include utils.rtl {
+            &--sticky-cell {
+              @include use-var(right, sticky-cell);
+
+              left: auto;
+            }
+          }
+        }
       }
     }
   }

package/dist/table/tableCellStyles.d.ts

@@ -5,13 +5,17 @@ export interface TableCellClassNameOptions {
     /**
      * Set this to `true` if the cell is rendered as a `<th>` so that the correct
      * sticky styles can be applied.
+     *
+     * @defaultValue `false`
      */
-    header: boolean;
+    header?: boolean;
     /**
      * Set this to true if the cell is rendered in a `<thead>` so that the correct
      * sticky styles can be applied.
+     *
+     * @defaultValue `header`
      */
-    isInTableHeader: boolean;
+    isInTableHeader?: boolean;
     /** @defaultValue `false` */
     grow?: boolean;
     /** @defaultValue `false` */
@@ -30,4 +34,4 @@ export interface TableCellClassNameOptions {
 /**
  * @since 6.0.0
  */
-export declare function tableCell(options: TableCellClassNameOptions): string;
+export declare function tableCell(options?: TableCellClassNameOptions): string;

package/dist/table/tableCellStyles.js

@@ -2,8 +2,8 @@ import { cnb } from "cnbuilder";
 import { cssUtils } from "../cssUtils.js";
 /**
  * @since 6.0.0
- */ export function tableCell(options) {
-    const { grow, sticky, header, inputToggle, hAlign, vAlign, lineWrap = true, padding = "horizontal", isInTableHeader, className } = options;
+ */ export function tableCell(options = {}) {
+    const { grow, sticky, header, inputToggle, hAlign = "left", vAlign = "middle", lineWrap = true, padding = "horizontal", isInTableHeader = header, className } = options;
     // using `&&` instead of `bem` since the latest version of typescript does not
     // support setting the same object key (empty string)
     const p = "rmd-table-cell--";

package/dist/table/tableCellStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/table/tableCellStyles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\nimport { cssUtils } from \"../cssUtils.js\";\nimport {\n  type TableCellHorizontalAlignment,\n  type TableCellVerticalAlignment,\n} from \"./types.js\";\n\n/** @since 6.0.0 */\nexport interface TableCellClassNameOptions {\n  className?: string;\n\n  /**\n   * Set this to `true` if the cell is rendered as a `<th>` so that the correct\n   * sticky styles can be applied.\n   */\n  header: boolean;\n\n  /**\n   * Set this to true if the cell is rendered in a `<thead>` so that the correct\n   * sticky styles can be applied.\n   */\n  isInTableHeader: boolean;\n\n  /** @defaultValue `false` */\n  grow?: boolean;\n\n  /** @defaultValue `false` */\n  sticky?: boolean;\n\n  /** @defaultValue `false` */\n  inputToggle?: boolean;\n\n  hAlign?: TableCellHorizontalAlignment;\n  vAlign?: TableCellVerticalAlignment;\n\n  /** @defaultValue `true` */\n  lineWrap?: boolean;\n\n  /**\n   * @defaultValue `\"horizontal\"`\n   */\n  padding?: \"horizontal\" | \"vertical\" | \"none\";\n}\n\n/**\n * @since 6.0.0\n */\nexport function tableCell(options: TableCellClassNameOptions): string {\n  const {\n    grow,\n    sticky,\n    header,\n    inputToggle,\n    hAlign,\n    vAlign,\n    lineWrap = true,\n    padding = \"horizontal\",\n    isInTableHeader,\n    className,\n  } = options;\n\n  // using `&&` instead of `bem` since the latest version of typescript does not\n  // support setting the same object key (empty string)\n  const p = \"rmd-table-cell--\";\n  return cnb(\n    \"rmd-table-cell\",\n    grow && `${p}grow`,\n    header && `${p}header`,\n    sticky && `${p}sticky`,\n    inputToggle && `${p}input-toggle`,\n    sticky && (!isInTableHeader || inputToggle) && `${p}sticky-cell`,\n    sticky && isInTableHeader && `${p}sticky-header`,\n    sticky && isInTableHeader && inputToggle && `${p}header-cell`,\n    vAlign && vAlign !== \"middle\" && `${p}${vAlign}`,\n    !lineWrap && `${p}no-wrap`,\n    padding === \"vertical\" && `${p}v-padding`,\n    padding === \"none\" && `${p}no-padding`,\n    cssUtils({\n      textAlign: hAlign,\n    }),\n    className\n  );\n}\n"],"names":["cnb","cssUtils","tableCell","options","grow","sticky","header","inputToggle","hAlign","vAlign","lineWrap","padding","isInTableHeader","className","p","textAlign"],"mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAChC,SAASC,QAAQ,QAAQ,iBAAiB;AA2C1C;;CAEC,GACD,OAAO,SAASC,UAAUC,OAAkC;IAC1D,MAAM,EACJC,IAAI,EACJC,MAAM,EACNC,MAAM,EACNC,WAAW,EACXC,MAAM,EACNC,MAAM,EACNC,WAAW,IAAI,EACfC,UAAU,YAAY,EACtBC,eAAe,EACfC,SAAS,EACV,GAAGV;IAEJ,8EAA8E;IAC9E,qDAAqD;IACrD,MAAMW,IAAI;IACV,OAAOd,IACL,kBACAI,QAAQ,CAAC,EAAEU,EAAE,IAAI,CAAC,EAClBR,UAAU,CAAC,EAAEQ,EAAE,MAAM,CAAC,EACtBT,UAAU,CAAC,EAAES,EAAE,MAAM,CAAC,EACtBP,eAAe,CAAC,EAAEO,EAAE,YAAY,CAAC,EACjCT,UAAW,CAAA,CAACO,mBAAmBL,WAAU,KAAM,CAAC,EAAEO,EAAE,WAAW,CAAC,EAChET,UAAUO,mBAAmB,CAAC,EAAEE,EAAE,aAAa,CAAC,EAChDT,UAAUO,mBAAmBL,eAAe,CAAC,EAAEO,EAAE,WAAW,CAAC,EAC7DL,UAAUA,WAAW,YAAY,CAAC,EAAEK,EAAE,EAAEL,OAAO,CAAC,EAChD,CAACC,YAAY,CAAC,EAAEI,EAAE,OAAO,CAAC,EAC1BH,YAAY,cAAc,CAAC,EAAEG,EAAE,SAAS,CAAC,EACzCH,YAAY,UAAU,CAAC,EAAEG,EAAE,UAAU,CAAC,EACtCb,SAAS;QACPc,WAAWP;IACb,IACAK;AAEJ"}
+{"version":3,"sources":["../../src/table/tableCellStyles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\nimport { cssUtils } from \"../cssUtils.js\";\nimport {\n  type TableCellHorizontalAlignment,\n  type TableCellVerticalAlignment,\n} from \"./types.js\";\n\n/** @since 6.0.0 */\nexport interface TableCellClassNameOptions {\n  className?: string;\n\n  /**\n   * Set this to `true` if the cell is rendered as a `<th>` so that the correct\n   * sticky styles can be applied.\n   *\n   * @defaultValue `false`\n   */\n  header?: boolean;\n\n  /**\n   * Set this to true if the cell is rendered in a `<thead>` so that the correct\n   * sticky styles can be applied.\n   *\n   * @defaultValue `header`\n   */\n  isInTableHeader?: boolean;\n\n  /** @defaultValue `false` */\n  grow?: boolean;\n\n  /** @defaultValue `false` */\n  sticky?: boolean;\n\n  /** @defaultValue `false` */\n  inputToggle?: boolean;\n\n  hAlign?: TableCellHorizontalAlignment;\n  vAlign?: TableCellVerticalAlignment;\n\n  /** @defaultValue `true` */\n  lineWrap?: boolean;\n\n  /**\n   * @defaultValue `\"horizontal\"`\n   */\n  padding?: \"horizontal\" | \"vertical\" | \"none\";\n}\n\n/**\n * @since 6.0.0\n */\nexport function tableCell(options: TableCellClassNameOptions = {}): string {\n  const {\n    grow,\n    sticky,\n    header,\n    inputToggle,\n    hAlign = \"left\",\n    vAlign = \"middle\",\n    lineWrap = true,\n    padding = \"horizontal\",\n    isInTableHeader = header,\n    className,\n  } = options;\n\n  // using `&&` instead of `bem` since the latest version of typescript does not\n  // support setting the same object key (empty string)\n  const p = \"rmd-table-cell--\";\n  return cnb(\n    \"rmd-table-cell\",\n    grow && `${p}grow`,\n    header && `${p}header`,\n    sticky && `${p}sticky`,\n    inputToggle && `${p}input-toggle`,\n    sticky && (!isInTableHeader || inputToggle) && `${p}sticky-cell`,\n    sticky && isInTableHeader && `${p}sticky-header`,\n    sticky && isInTableHeader && inputToggle && `${p}header-cell`,\n    vAlign && vAlign !== \"middle\" && `${p}${vAlign}`,\n    !lineWrap && `${p}no-wrap`,\n    padding === \"vertical\" && `${p}v-padding`,\n    padding === \"none\" && `${p}no-padding`,\n    cssUtils({\n      textAlign: hAlign,\n    }),\n    className\n  );\n}\n"],"names":["cnb","cssUtils","tableCell","options","grow","sticky","header","inputToggle","hAlign","vAlign","lineWrap","padding","isInTableHeader","className","p","textAlign"],"mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAChC,SAASC,QAAQ,QAAQ,iBAAiB;AA+C1C;;CAEC,GACD,OAAO,SAASC,UAAUC,UAAqC,CAAC,CAAC;IAC/D,MAAM,EACJC,IAAI,EACJC,MAAM,EACNC,MAAM,EACNC,WAAW,EACXC,SAAS,MAAM,EACfC,SAAS,QAAQ,EACjBC,WAAW,IAAI,EACfC,UAAU,YAAY,EACtBC,kBAAkBN,MAAM,EACxBO,SAAS,EACV,GAAGV;IAEJ,8EAA8E;IAC9E,qDAAqD;IACrD,MAAMW,IAAI;IACV,OAAOd,IACL,kBACAI,QAAQ,GAAGU,EAAE,IAAI,CAAC,EAClBR,UAAU,GAAGQ,EAAE,MAAM,CAAC,EACtBT,UAAU,GAAGS,EAAE,MAAM,CAAC,EACtBP,eAAe,GAAGO,EAAE,YAAY,CAAC,EACjCT,UAAW,CAAA,CAACO,mBAAmBL,WAAU,KAAM,GAAGO,EAAE,WAAW,CAAC,EAChET,UAAUO,mBAAmB,GAAGE,EAAE,aAAa,CAAC,EAChDT,UAAUO,mBAAmBL,eAAe,GAAGO,EAAE,WAAW,CAAC,EAC7DL,UAAUA,WAAW,YAAY,GAAGK,IAAIL,QAAQ,EAChD,CAACC,YAAY,GAAGI,EAAE,OAAO,CAAC,EAC1BH,YAAY,cAAc,GAAGG,EAAE,SAAS,CAAC,EACzCH,YAAY,UAAU,GAAGG,EAAE,UAAU,CAAC,EACtCb,SAAS;QACPc,WAAWP;IACb,IACAK;AAEJ"}

package/dist/tabs/Tab.d.ts

@@ -1,9 +1,10 @@
 import { type AnchorHTMLAttributes, type ButtonHTMLAttributes, type ReactElement, type ReactNode } from "react";
+import { type ComponentWithRippleProps } from "../interaction/types.js";
 import { type CustomLinkComponent } from "../link/Link.js";
 /**
  * @since 6.0.0
  */
-export interface BaseTabProps {
+export interface BaseTabProps extends ComponentWithRippleProps {
     /**
      * Set this to `true` if the tab is currently active.
      *

package/dist/tabs/Tab.js

@@ -15,11 +15,12 @@ import { tab } from "./tabStyles.js";
  *
  * @since 6.0.0
  */ export function Tab(props) {
-    const { id: propId, as: Component = "button", active, activeIndicator, verticalActiveIndicator, icon, iconAfter, stacked, className, children: propChildren, onBlur, onClick, onKeyDown, onKeyUp, onMouseDown, onMouseUp, onMouseLeave, onDragStart, onTouchStart, onTouchEnd, onTouchMove, ...remaining } = props;
+    const { id: propId, as: Component = "button", active, activeIndicator, verticalActiveIndicator, icon, iconAfter, stacked, className, children: propChildren, onBlur, onClick, onKeyDown, onKeyUp, onMouseDown, onMouseUp, onMouseLeave, onDragStart, onTouchStart, onTouchEnd, onTouchMove, disableRipple, ...remaining } = props;
     const { disabled } = props;
     const id = useEnsuredId(propId, "tab");
     const { activeDescendantId } = useKeyboardMovementContext();
     const { ripples, handlers } = useElementInteraction({
+        mode: disableRipple ? "none" : undefined,
         onBlur,
         onClick,
         onKeyDown,

package/dist/tabs/Tab.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/tabs/Tab.tsx"],"sourcesContent":["\"use client\";\nimport {\n  type AnchorHTMLAttributes,\n  type ButtonHTMLAttributes,\n  type ReactElement,\n  type ReactNode,\n} from \"react\";\nimport { useElementInteraction } from \"../interaction/useElementInteraction.js\";\nimport { useHigherContrastChildren } from \"../interaction/useHigherContrastChildren.js\";\nimport { type CustomLinkComponent } from \"../link/Link.js\";\nimport { useKeyboardMovementContext } from \"../movement/useKeyboardMovementProvider.js\";\nimport { useEnsuredId } from \"../useEnsuredId.js\";\nimport { tab } from \"./tabStyles.js\";\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { type useTabs } from \"./useTabs.js\";\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { type TabListProps } from \"./TabList.js\";\n\n/**\n * @since 6.0.0\n */\nexport interface BaseTabProps {\n  /**\n   * Set this to `true` if the tab is currently active.\n   *\n   * This is normally provided by the {@link useTabs} hook.\n   */\n  active: boolean;\n\n  /**\n   * Set this to `true` if the {@link TabListProps.disableTransition} prop has\n   * also been set to `true` to disable an active indicator below the tab when\n   * {@link active} is `true`.\n   *\n   * @defaultValue `false`\n   */\n  activeIndicator?: boolean;\n\n  /**\n   * Set this to `true` when rendering the tabs vertically and\n   * {@link activeIndicator} has been enabled.\n   *\n   * @defaultValue !false\n   */\n  verticalActiveIndicator?: boolean;\n\n  /**\n   * An optional icon to render with the with the {@link children}. The default\n   * behavior will render this icon before the children.\n   *\n   * @see {@link iconAfter}\n   * @see {@link stacked}\n   */\n  icon?: ReactNode;\n\n  /**\n   * Set this to `true` to render the {@link icon} after the {@link children}.\n   *\n   * @defaultValue `false`\n   */\n  iconAfter?: boolean;\n\n  /**\n   * Set this to `true` to render the {@link icon} and {@link children} stacked\n   * instead of horizontally.\n   *\n   * @defaultValue `false`\n   */\n  stacked?: boolean;\n}\n\n/**\n * @since 6.0.0\n */\nexport interface TabButtonProps\n  extends BaseTabProps,\n    ButtonHTMLAttributes<HTMLButtonElement> {\n  as?: \"button\";\n}\n\n/**\n * @since 6.0.0\n */\nexport interface TabLinkProps\n  extends BaseTabProps,\n    AnchorHTMLAttributes<HTMLAnchorElement> {\n  as: CustomLinkComponent;\n}\n\n/**\n * @since 6.0.0\n */\nexport type TabProps = TabButtonProps | TabLinkProps;\n\n/**\n * **Client Component**\n *\n * This component should usually be used with the `TabsList` component and\n * `useTabs` hook.\n *\n * @see {@link useTabs}\n *\n * @since 6.0.0\n */\nexport function Tab(props: TabProps): ReactElement {\n  const {\n    id: propId,\n    as: Component = \"button\",\n    active,\n    activeIndicator,\n    verticalActiveIndicator,\n    icon,\n    iconAfter,\n    stacked,\n    className,\n    children: propChildren,\n    onBlur,\n    onClick,\n    onKeyDown,\n    onKeyUp,\n    onMouseDown,\n    onMouseUp,\n    onMouseLeave,\n    onDragStart,\n    onTouchStart,\n    onTouchEnd,\n    onTouchMove,\n    ...remaining\n  } = props as TabButtonProps;\n  const { disabled } = props as TabButtonProps;\n\n  const id = useEnsuredId(propId, \"tab\");\n  const { activeDescendantId } = useKeyboardMovementContext();\n  const { ripples, handlers } = useElementInteraction({\n    onBlur,\n    onClick,\n    onKeyDown,\n    onKeyUp,\n    onMouseDown,\n    onMouseUp,\n    onMouseLeave,\n    onDragStart,\n    onTouchStart,\n    onTouchEnd,\n    onTouchMove,\n    disabled,\n  });\n\n  const isLink = Component !== \"button\";\n  const children = useHigherContrastChildren(propChildren);\n  let buttonOnlyProps: Record<string, unknown> | undefined;\n  if (!isLink) {\n    buttonOnlyProps = { type: \"button\" };\n  }\n\n  return (\n    <Component\n      {...remaining}\n      {...buttonOnlyProps}\n      {...handlers}\n      aria-selected={active}\n      id={id}\n      role=\"tab\"\n      tabIndex={id === activeDescendantId ? 0 : -1}\n      className={tab({\n        className,\n        active,\n        isLink,\n        stacked: !!icon && stacked,\n        disabled,\n        reversed: !!icon && iconAfter,\n        activeIndicator,\n        verticalActiveIndicator,\n      })}\n    >\n      {icon}\n      {children}\n      {ripples}\n    </Component>\n  );\n}\n"],"names":["useElementInteraction","useHigherContrastChildren","useKeyboardMovementContext","useEnsuredId","tab","Tab","props","id","propId","as","Component","active","activeIndicator","verticalActiveIndicator","icon","iconAfter","stacked","className","children","propChildren","onBlur","onClick","onKeyDown","onKeyUp","onMouseDown","onMouseUp","onMouseLeave","onDragStart","onTouchStart","onTouchEnd","onTouchMove","remaining","disabled","activeDescendantId","ripples","handlers","isLink","buttonOnlyProps","type","aria-selected","role","tabIndex","reversed"],"mappings":"AAAA;;AAOA,SAASA,qBAAqB,QAAQ,0CAA0C;AAChF,SAASC,yBAAyB,QAAQ,8CAA8C;AAExF,SAASC,0BAA0B,QAAQ,6CAA6C;AACxF,SAASC,YAAY,QAAQ,qBAAqB;AAClD,SAASC,GAAG,QAAQ,iBAAiB;AAmFrC;;;;;;;;;CASC,GACD,OAAO,SAASC,IAAIC,KAAe;IACjC,MAAM,EACJC,IAAIC,MAAM,EACVC,IAAIC,YAAY,QAAQ,EACxBC,MAAM,EACNC,eAAe,EACfC,uBAAuB,EACvBC,IAAI,EACJC,SAAS,EACTC,OAAO,EACPC,SAAS,EACTC,UAAUC,YAAY,EACtBC,MAAM,EACNC,OAAO,EACPC,SAAS,EACTC,OAAO,EACPC,WAAW,EACXC,SAAS,EACTC,YAAY,EACZC,WAAW,EACXC,YAAY,EACZC,UAAU,EACVC,WAAW,EACX,GAAGC,WACJ,GAAGzB;IACJ,MAAM,EAAE0B,QAAQ,EAAE,GAAG1B;IAErB,MAAMC,KAAKJ,aAAaK,QAAQ;IAChC,MAAM,EAAEyB,kBAAkB,EAAE,GAAG/B;IAC/B,MAAM,EAAEgC,OAAO,EAAEC,QAAQ,EAAE,GAAGnC,sBAAsB;QAClDoB;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAE;IACF;IAEA,MAAMI,SAAS1B,cAAc;IAC7B,MAAMQ,WAAWjB,0BAA0BkB;IAC3C,IAAIkB;IACJ,IAAI,CAACD,QAAQ;QACXC,kBAAkB;YAAEC,MAAM;QAAS;IACrC;IAEA,qBACE,MAAC5B;QACE,GAAGqB,SAAS;QACZ,GAAGM,eAAe;QAClB,GAAGF,QAAQ;QACZI,iBAAe5B;QACfJ,IAAIA;QACJiC,MAAK;QACLC,UAAUlC,OAAO0B,qBAAqB,IAAI,CAAC;QAC3ChB,WAAWb,IAAI;YACba;YACAN;YACAyB;YACApB,SAAS,CAAC,CAACF,QAAQE;YACnBgB;YACAU,UAAU,CAAC,CAAC5B,QAAQC;YACpBH;YACAC;QACF;;YAECC;YACAI;YACAgB;;;AAGP"}
+{"version":3,"sources":["../../src/tabs/Tab.tsx"],"sourcesContent":["\"use client\";\nimport {\n  type AnchorHTMLAttributes,\n  type ButtonHTMLAttributes,\n  type ReactElement,\n  type ReactNode,\n} from \"react\";\nimport { type ComponentWithRippleProps } from \"../interaction/types.js\";\nimport { useElementInteraction } from \"../interaction/useElementInteraction.js\";\nimport { useHigherContrastChildren } from \"../interaction/useHigherContrastChildren.js\";\nimport { type CustomLinkComponent } from \"../link/Link.js\";\nimport { useKeyboardMovementContext } from \"../movement/useKeyboardMovementProvider.js\";\nimport { useEnsuredId } from \"../useEnsuredId.js\";\nimport { tab } from \"./tabStyles.js\";\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { type useTabs } from \"./useTabs.js\";\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { type TabListProps } from \"./TabList.js\";\n\n/**\n * @since 6.0.0\n */\nexport interface BaseTabProps extends ComponentWithRippleProps {\n  /**\n   * Set this to `true` if the tab is currently active.\n   *\n   * This is normally provided by the {@link useTabs} hook.\n   */\n  active: boolean;\n\n  /**\n   * Set this to `true` if the {@link TabListProps.disableTransition} prop has\n   * also been set to `true` to disable an active indicator below the tab when\n   * {@link active} is `true`.\n   *\n   * @defaultValue `false`\n   */\n  activeIndicator?: boolean;\n\n  /**\n   * Set this to `true` when rendering the tabs vertically and\n   * {@link activeIndicator} has been enabled.\n   *\n   * @defaultValue !false\n   */\n  verticalActiveIndicator?: boolean;\n\n  /**\n   * An optional icon to render with the with the {@link children}. The default\n   * behavior will render this icon before the children.\n   *\n   * @see {@link iconAfter}\n   * @see {@link stacked}\n   */\n  icon?: ReactNode;\n\n  /**\n   * Set this to `true` to render the {@link icon} after the {@link children}.\n   *\n   * @defaultValue `false`\n   */\n  iconAfter?: boolean;\n\n  /**\n   * Set this to `true` to render the {@link icon} and {@link children} stacked\n   * instead of horizontally.\n   *\n   * @defaultValue `false`\n   */\n  stacked?: boolean;\n}\n\n/**\n * @since 6.0.0\n */\nexport interface TabButtonProps\n  extends BaseTabProps,\n    ButtonHTMLAttributes<HTMLButtonElement> {\n  as?: \"button\";\n}\n\n/**\n * @since 6.0.0\n */\nexport interface TabLinkProps\n  extends BaseTabProps,\n    AnchorHTMLAttributes<HTMLAnchorElement> {\n  as: CustomLinkComponent;\n}\n\n/**\n * @since 6.0.0\n */\nexport type TabProps = TabButtonProps | TabLinkProps;\n\n/**\n * **Client Component**\n *\n * This component should usually be used with the `TabsList` component and\n * `useTabs` hook.\n *\n * @see {@link useTabs}\n *\n * @since 6.0.0\n */\nexport function Tab(props: TabProps): ReactElement {\n  const {\n    id: propId,\n    as: Component = \"button\",\n    active,\n    activeIndicator,\n    verticalActiveIndicator,\n    icon,\n    iconAfter,\n    stacked,\n    className,\n    children: propChildren,\n    onBlur,\n    onClick,\n    onKeyDown,\n    onKeyUp,\n    onMouseDown,\n    onMouseUp,\n    onMouseLeave,\n    onDragStart,\n    onTouchStart,\n    onTouchEnd,\n    onTouchMove,\n    disableRipple,\n    ...remaining\n  } = props as TabButtonProps;\n  const { disabled } = props as TabButtonProps;\n\n  const id = useEnsuredId(propId, \"tab\");\n  const { activeDescendantId } = useKeyboardMovementContext();\n  const { ripples, handlers } = useElementInteraction({\n    mode: disableRipple ? \"none\" : undefined,\n    onBlur,\n    onClick,\n    onKeyDown,\n    onKeyUp,\n    onMouseDown,\n    onMouseUp,\n    onMouseLeave,\n    onDragStart,\n    onTouchStart,\n    onTouchEnd,\n    onTouchMove,\n    disabled,\n  });\n\n  const isLink = Component !== \"button\";\n  const children = useHigherContrastChildren(propChildren);\n  let buttonOnlyProps: Record<string, unknown> | undefined;\n  if (!isLink) {\n    buttonOnlyProps = { type: \"button\" };\n  }\n\n  return (\n    <Component\n      {...remaining}\n      {...buttonOnlyProps}\n      {...handlers}\n      aria-selected={active}\n      id={id}\n      role=\"tab\"\n      tabIndex={id === activeDescendantId ? 0 : -1}\n      className={tab({\n        className,\n        active,\n        isLink,\n        stacked: !!icon && stacked,\n        disabled,\n        reversed: !!icon && iconAfter,\n        activeIndicator,\n        verticalActiveIndicator,\n      })}\n    >\n      {icon}\n      {children}\n      {ripples}\n    </Component>\n  );\n}\n"],"names":["useElementInteraction","useHigherContrastChildren","useKeyboardMovementContext","useEnsuredId","tab","Tab","props","id","propId","as","Component","active","activeIndicator","verticalActiveIndicator","icon","iconAfter","stacked","className","children","propChildren","onBlur","onClick","onKeyDown","onKeyUp","onMouseDown","onMouseUp","onMouseLeave","onDragStart","onTouchStart","onTouchEnd","onTouchMove","disableRipple","remaining","disabled","activeDescendantId","ripples","handlers","mode","undefined","isLink","buttonOnlyProps","type","aria-selected","role","tabIndex","reversed"],"mappings":"AAAA;;AAQA,SAASA,qBAAqB,QAAQ,0CAA0C;AAChF,SAASC,yBAAyB,QAAQ,8CAA8C;AAExF,SAASC,0BAA0B,QAAQ,6CAA6C;AACxF,SAASC,YAAY,QAAQ,qBAAqB;AAClD,SAASC,GAAG,QAAQ,iBAAiB;AAmFrC;;;;;;;;;CASC,GACD,OAAO,SAASC,IAAIC,KAAe;IACjC,MAAM,EACJC,IAAIC,MAAM,EACVC,IAAIC,YAAY,QAAQ,EACxBC,MAAM,EACNC,eAAe,EACfC,uBAAuB,EACvBC,IAAI,EACJC,SAAS,EACTC,OAAO,EACPC,SAAS,EACTC,UAAUC,YAAY,EACtBC,MAAM,EACNC,OAAO,EACPC,SAAS,EACTC,OAAO,EACPC,WAAW,EACXC,SAAS,EACTC,YAAY,EACZC,WAAW,EACXC,YAAY,EACZC,UAAU,EACVC,WAAW,EACXC,aAAa,EACb,GAAGC,WACJ,GAAG1B;IACJ,MAAM,EAAE2B,QAAQ,EAAE,GAAG3B;IAErB,MAAMC,KAAKJ,aAAaK,QAAQ;IAChC,MAAM,EAAE0B,kBAAkB,EAAE,GAAGhC;IAC/B,MAAM,EAAEiC,OAAO,EAAEC,QAAQ,EAAE,GAAGpC,sBAAsB;QAClDqC,MAAMN,gBAAgB,SAASO;QAC/BlB;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAG;IACF;IAEA,MAAMM,SAAS7B,cAAc;IAC7B,MAAMQ,WAAWjB,0BAA0BkB;IAC3C,IAAIqB;IACJ,IAAI,CAACD,QAAQ;QACXC,kBAAkB;YAAEC,MAAM;QAAS;IACrC;IAEA,qBACE,MAAC/B;QACE,GAAGsB,SAAS;QACZ,GAAGQ,eAAe;QAClB,GAAGJ,QAAQ;QACZM,iBAAe/B;QACfJ,IAAIA;QACJoC,MAAK;QACLC,UAAUrC,OAAO2B,qBAAqB,IAAI,CAAC;QAC3CjB,WAAWb,IAAI;YACba;YACAN;YACA4B;YACAvB,SAAS,CAAC,CAACF,QAAQE;YACnBiB;YACAY,UAAU,CAAC,CAAC/B,QAAQC;YACpBH;YACAC;QACF;;YAECC;YACAI;YACAiB;;;AAGP"}

package/dist/tabs/TabList.d.ts

@@ -1,13 +1,13 @@
 import { type HTMLAttributes } from "react";
+import { type GetTabListScrollToOptions } from "./getTabListScrollToOptions.js";
 import { type BaseTabListScrollButtonProps } from "./TabListScrollButton.js";
 import { type TabsAlignment } from "./tabListStyles.js";
-import { type GetTabListScrollToOptions } from "./utils.js";
 /**
  * @since 6.0.0
  */
 export interface TabListProps extends HTMLAttributes<HTMLDivElement> {
     activeIndex: number;
-    setActiveIndex(nextActiveIndex: number): void;
+    setActiveIndex: (nextActiveIndex: number) => void;
     /**
      * @defaultValue `"left"`
      */

package/dist/tabs/TabList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/tabs/TabList.tsx"],"sourcesContent":["\"use client\";\nimport {\n  forwardRef,\n  useEffect,\n  useRef,\n  useState,\n  type HTMLAttributes,\n} from \"react\";\nimport { useAppSize } from \"../media-queries/AppSizeProvider.js\";\nimport { KeyboardMovementProvider } from \"../movement/useKeyboardMovementProvider.js\";\nimport {\n  TabListScrollButton,\n  type BaseTabListScrollButtonProps,\n} from \"./TabListScrollButton.js\";\nimport { tabList, type TabsAlignment } from \"./tabListStyles.js\";\nimport { useTabList } from \"./useTabList.js\";\nimport { type GetTabListScrollToOptions } from \"./utils.js\";\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { type useTabs } from \"./useTabs.js\";\n\n/**\n * @since 6.0.0\n */\nexport interface TabListProps extends HTMLAttributes<HTMLDivElement> {\n  activeIndex: number;\n  setActiveIndex(nextActiveIndex: number): void;\n\n  /**\n   * @defaultValue `\"left\"`\n   */\n  align?: TabsAlignment;\n\n  /**\n   * @defaultValue `false`\n   */\n  padded?: boolean;\n\n  /**\n   * @defaultValue `false`\n   */\n  vertical?: boolean;\n\n  /**\n   * @defaultValue `false`\n   */\n  inline?: boolean;\n\n  /**\n   * Set this to `true` to show a scrollbar when the number of tabs cause\n   * overflow.\n   *\n   * @see {@link scrollButtons}\n   * @defaultValue `false`\n   */\n  scrollbar?: boolean;\n\n  /**\n   * Set this to `true` to disable the active tab indicator from animating\n   * when a new tab is selected.\n   *\n   * @defaultValue `false`\n   */\n  disableTransition?: boolean;\n\n  /**\n   * This should be equal to the `$tabs-transition-duration` variable.\n   *\n   * @defaultValue `150`\n   */\n  transitionDuration?: number;\n\n  /**\n   * @defaultValue `\"manual\"`\n   */\n  activationMode?: \"manual\" | \"automatic\";\n\n  /**\n   * Set this to `true` to render buttons that can scroll forwards or backwards\n   * within the tab list if there is overflow **on desktop**. If you want to\n   * display the scroll buttons on mobile as well, set this to `\"allow-phone\"` .\n   *\n   * @defaultValue `false`\n   */\n  scrollButtons?: boolean | \"allow-phone\";\n\n  /**\n   * A convenience prop for the {@link BaseTabListScrollButtonProps.getScrollToOptions}\n   * on {@link forwardScrollButtonProps} and {@link backwardScrollButtonProps}.\n   */\n  getScrollToOptions?: GetTabListScrollToOptions;\n\n  /**\n   * Any additional props that should be passed to the scroll forward button.\n   *\n   * @example\n   * ```tsx\n   * forwardScrollButtonProps={{\n   *   \"aria-label\": \"Scroll right\",\n   *   theme: \"primary\",\n   *   themeType: \"contained\",\n   *   className: styles.buttonContainer,\n   *   buttonProps: {\n   *     className: styles.button,\n   *   }\n   * }}\n   * ```\n   */\n  forwardScrollButtonProps?: BaseTabListScrollButtonProps;\n\n  /**\n   * Any additional props that should be passed to the scroll backward button.\n   *\n   * @example\n   * ```tsx\n   * forwardScrollButtonProps={{\n   *   \"aria-label\": \"Scroll left\",\n   *   theme: \"primary\",\n   *   themeType: \"contained\",\n   *   className: styles.buttonContainer,\n   *   buttonProps: {\n   *     className: styles.button,\n   *   }\n   * }}\n   * ```\n   */\n  backwardScrollButtonProps?: BaseTabListScrollButtonProps;\n}\n\n/**\n * **Client Component**\n *\n * @see {@link useTabs} for example usage.\n *\n * @since 6.0.0\n */\nexport const TabList = forwardRef<HTMLDivElement, TabListProps>(\n  function TabList(props, ref) {\n    const {\n      style,\n      onClick,\n      onFocus,\n      onKeyDown,\n      className,\n      children,\n      activeIndex,\n      setActiveIndex,\n      activationMode = \"manual\",\n      align = \"left\",\n      padded = false,\n      inline = false,\n      vertical = false,\n      scrollbar = false,\n      scrollButtons = false,\n      disableTransition = false,\n      transitionDuration = 150,\n      getScrollToOptions,\n      forwardScrollButtonProps,\n      backwardScrollButtonProps,\n      ...remaining\n    } = props;\n\n    const { isPhone } = useAppSize();\n    const showScrollButtons =\n      !!scrollButtons && (scrollButtons === \"allow-phone\" || !isPhone);\n\n    const { elementProps, movementContext, backwardProps, forwardProps } =\n      useTabList({\n        ref,\n        style,\n        onClick,\n        onFocus,\n        onKeyDown,\n        vertical,\n        activeIndex,\n        setActiveIndex,\n        activationMode,\n        scrollButtons: showScrollButtons,\n        disableTransition,\n      });\n\n    const prevActiveIndex = useRef(activeIndex);\n    const [animate, setAnimate] = useState(false);\n    useEffect(() => {\n      const isSameIndex = activeIndex === prevActiveIndex.current;\n      prevActiveIndex.current = activeIndex;\n      if (disableTransition || isSameIndex) {\n        return;\n      }\n\n      setAnimate(true);\n      const timeout = window.setTimeout(() => {\n        setAnimate(false);\n      }, transitionDuration);\n\n      return () => {\n        window.clearTimeout(timeout);\n      };\n    }, [activeIndex, disableTransition, transitionDuration]);\n\n    return (\n      <KeyboardMovementProvider value={movementContext}>\n        <div\n          {...remaining}\n          {...elementProps}\n          role=\"tablist\"\n          className={tabList({\n            align,\n            padded,\n            inline,\n            animate: !disableTransition && animate,\n            vertical,\n            scrollbar,\n            indicator: !disableTransition,\n            className,\n          })}\n        >\n          {showScrollButtons && (\n            <TabListScrollButton\n              getScrollToOptions={getScrollToOptions}\n              {...backwardScrollButtonProps}\n              {...backwardProps}\n            />\n          )}\n          {children}\n          {showScrollButtons && (\n            <TabListScrollButton\n              getScrollToOptions={getScrollToOptions}\n              {...forwardScrollButtonProps}\n              {...forwardProps}\n            />\n          )}\n        </div>\n      </KeyboardMovementProvider>\n    );\n  }\n);\n"],"names":["forwardRef","useEffect","useRef","useState","useAppSize","KeyboardMovementProvider","TabListScrollButton","tabList","useTabList","TabList","props","ref","style","onClick","onFocus","onKeyDown","className","children","activeIndex","setActiveIndex","activationMode","align","padded","inline","vertical","scrollbar","scrollButtons","disableTransition","transitionDuration","getScrollToOptions","forwardScrollButtonProps","backwardScrollButtonProps","remaining","isPhone","showScrollButtons","elementProps","movementContext","backwardProps","forwardProps","prevActiveIndex","animate","setAnimate","isSameIndex","current","timeout","window","setTimeout","clearTimeout","value","div","role","indicator"],"mappings":"AAAA;;AACA,SACEA,UAAU,EACVC,SAAS,EACTC,MAAM,EACNC,QAAQ,QAEH,QAAQ;AACf,SAASC,UAAU,QAAQ,sCAAsC;AACjE,SAASC,wBAAwB,QAAQ,6CAA6C;AACtF,SACEC,mBAAmB,QAEd,2BAA2B;AAClC,SAASC,OAAO,QAA4B,qBAAqB;AACjE,SAASC,UAAU,QAAQ,kBAAkB;AAkH7C;;;;;;CAMC,GACD,OAAO,MAAMC,wBAAUT,WACrB,SAASS,QAAQC,KAAK,EAAEC,GAAG;IACzB,MAAM,EACJC,KAAK,EACLC,OAAO,EACPC,OAAO,EACPC,SAAS,EACTC,SAAS,EACTC,QAAQ,EACRC,WAAW,EACXC,cAAc,EACdC,iBAAiB,QAAQ,EACzBC,QAAQ,MAAM,EACdC,SAAS,KAAK,EACdC,SAAS,KAAK,EACdC,WAAW,KAAK,EAChBC,YAAY,KAAK,EACjBC,gBAAgB,KAAK,EACrBC,oBAAoB,KAAK,EACzBC,qBAAqB,GAAG,EACxBC,kBAAkB,EAClBC,wBAAwB,EACxBC,yBAAyB,EACzB,GAAGC,WACJ,GAAGtB;IAEJ,MAAM,EAAEuB,OAAO,EAAE,GAAG7B;IACpB,MAAM8B,oBACJ,CAAC,CAACR,iBAAkBA,CAAAA,kBAAkB,iBAAiB,CAACO,OAAM;IAEhE,MAAM,EAAEE,YAAY,EAAEC,eAAe,EAAEC,aAAa,EAAEC,YAAY,EAAE,GAClE9B,WAAW;QACTG;QACAC;QACAC;QACAC;QACAC;QACAS;QACAN;QACAC;QACAC;QACAM,eAAeQ;QACfP;IACF;IAEF,MAAMY,kBAAkBrC,OAAOgB;IAC/B,MAAM,CAACsB,SAASC,WAAW,GAAGtC,SAAS;IACvCF,UAAU;QACR,MAAMyC,cAAcxB,gBAAgBqB,gBAAgBI,OAAO;QAC3DJ,gBAAgBI,OAAO,GAAGzB;QAC1B,IAAIS,qBAAqBe,aAAa;YACpC;QACF;QAEAD,WAAW;QACX,MAAMG,UAAUC,OAAOC,UAAU,CAAC;YAChCL,WAAW;QACb,GAAGb;QAEH,OAAO;YACLiB,OAAOE,YAAY,CAACH;QACtB;IACF,GAAG;QAAC1B;QAAaS;QAAmBC;KAAmB;IAEvD,qBACE,KAACvB;QAAyB2C,OAAOZ;kBAC/B,cAAA,MAACa;YACE,GAAGjB,SAAS;YACZ,GAAGG,YAAY;YAChBe,MAAK;YACLlC,WAAWT,QAAQ;gBACjBc;gBACAC;gBACAC;gBACAiB,SAAS,CAACb,qBAAqBa;gBAC/BhB;gBACAC;gBACA0B,WAAW,CAACxB;gBACZX;YACF;;gBAECkB,mCACC,KAAC5B;oBACCuB,oBAAoBA;oBACnB,GAAGE,yBAAyB;oBAC5B,GAAGM,aAAa;;gBAGpBpB;gBACAiB,mCACC,KAAC5B;oBACCuB,oBAAoBA;oBACnB,GAAGC,wBAAwB;oBAC3B,GAAGQ,YAAY;;;;;AAM5B,GACA"}
+{"version":3,"sources":["../../src/tabs/TabList.tsx"],"sourcesContent":["\"use client\";\nimport {\n  forwardRef,\n  useEffect,\n  useRef,\n  useState,\n  type HTMLAttributes,\n} from \"react\";\nimport { useAppSize } from \"../media-queries/AppSizeProvider.js\";\nimport { KeyboardMovementProvider } from \"../movement/useKeyboardMovementProvider.js\";\nimport { type GetTabListScrollToOptions } from \"./getTabListScrollToOptions.js\";\nimport {\n  TabListScrollButton,\n  type BaseTabListScrollButtonProps,\n} from \"./TabListScrollButton.js\";\nimport { tabList, type TabsAlignment } from \"./tabListStyles.js\";\nimport { useTabList } from \"./useTabList.js\";\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { type useTabs } from \"./useTabs.js\";\n\n/**\n * @since 6.0.0\n */\nexport interface TabListProps extends HTMLAttributes<HTMLDivElement> {\n  activeIndex: number;\n  setActiveIndex: (nextActiveIndex: number) => void;\n\n  /**\n   * @defaultValue `\"left\"`\n   */\n  align?: TabsAlignment;\n\n  /**\n   * @defaultValue `false`\n   */\n  padded?: boolean;\n\n  /**\n   * @defaultValue `false`\n   */\n  vertical?: boolean;\n\n  /**\n   * @defaultValue `false`\n   */\n  inline?: boolean;\n\n  /**\n   * Set this to `true` to show a scrollbar when the number of tabs cause\n   * overflow.\n   *\n   * @see {@link scrollButtons}\n   * @defaultValue `false`\n   */\n  scrollbar?: boolean;\n\n  /**\n   * Set this to `true` to disable the active tab indicator from animating\n   * when a new tab is selected.\n   *\n   * @defaultValue `false`\n   */\n  disableTransition?: boolean;\n\n  /**\n   * This should be equal to the `$tabs-transition-duration` variable.\n   *\n   * @defaultValue `150`\n   */\n  transitionDuration?: number;\n\n  /**\n   * @defaultValue `\"manual\"`\n   */\n  activationMode?: \"manual\" | \"automatic\";\n\n  /**\n   * Set this to `true` to render buttons that can scroll forwards or backwards\n   * within the tab list if there is overflow **on desktop**. If you want to\n   * display the scroll buttons on mobile as well, set this to `\"allow-phone\"` .\n   *\n   * @defaultValue `false`\n   */\n  scrollButtons?: boolean | \"allow-phone\";\n\n  /**\n   * A convenience prop for the {@link BaseTabListScrollButtonProps.getScrollToOptions}\n   * on {@link forwardScrollButtonProps} and {@link backwardScrollButtonProps}.\n   */\n  getScrollToOptions?: GetTabListScrollToOptions;\n\n  /**\n   * Any additional props that should be passed to the scroll forward button.\n   *\n   * @example\n   * ```tsx\n   * forwardScrollButtonProps={{\n   *   \"aria-label\": \"Scroll right\",\n   *   theme: \"primary\",\n   *   themeType: \"contained\",\n   *   className: styles.buttonContainer,\n   *   buttonProps: {\n   *     className: styles.button,\n   *   }\n   * }}\n   * ```\n   */\n  forwardScrollButtonProps?: BaseTabListScrollButtonProps;\n\n  /**\n   * Any additional props that should be passed to the scroll backward button.\n   *\n   * @example\n   * ```tsx\n   * forwardScrollButtonProps={{\n   *   \"aria-label\": \"Scroll left\",\n   *   theme: \"primary\",\n   *   themeType: \"contained\",\n   *   className: styles.buttonContainer,\n   *   buttonProps: {\n   *     className: styles.button,\n   *   }\n   * }}\n   * ```\n   */\n  backwardScrollButtonProps?: BaseTabListScrollButtonProps;\n}\n\n/**\n * **Client Component**\n *\n * @see {@link useTabs} for example usage.\n *\n * @since 6.0.0\n */\nexport const TabList = forwardRef<HTMLDivElement, TabListProps>(\n  function TabList(props, ref) {\n    const {\n      style,\n      onClick,\n      onFocus,\n      onKeyDown,\n      className,\n      children,\n      activeIndex,\n      setActiveIndex,\n      activationMode = \"manual\",\n      align = \"left\",\n      padded = false,\n      inline = false,\n      vertical = false,\n      scrollbar = false,\n      scrollButtons = false,\n      disableTransition = false,\n      transitionDuration = 150,\n      getScrollToOptions,\n      forwardScrollButtonProps,\n      backwardScrollButtonProps,\n      ...remaining\n    } = props;\n\n    const { isPhone } = useAppSize();\n    const showScrollButtons =\n      !!scrollButtons && (scrollButtons === \"allow-phone\" || !isPhone);\n\n    const { elementProps, movementContext, backwardProps, forwardProps } =\n      useTabList({\n        ref,\n        style,\n        onClick,\n        onFocus,\n        onKeyDown,\n        vertical,\n        activeIndex,\n        setActiveIndex,\n        activationMode,\n        scrollButtons: showScrollButtons,\n        disableTransition,\n      });\n\n    const prevActiveIndex = useRef(activeIndex);\n    const [animate, setAnimate] = useState(false);\n    useEffect(() => {\n      const isSameIndex = activeIndex === prevActiveIndex.current;\n      prevActiveIndex.current = activeIndex;\n      if (disableTransition || isSameIndex) {\n        return;\n      }\n\n      setAnimate(true);\n      const timeout = window.setTimeout(() => {\n        setAnimate(false);\n      }, transitionDuration);\n\n      return () => {\n        window.clearTimeout(timeout);\n      };\n    }, [activeIndex, disableTransition, transitionDuration]);\n\n    return (\n      <KeyboardMovementProvider value={movementContext}>\n        <div\n          {...remaining}\n          {...elementProps}\n          role=\"tablist\"\n          className={tabList({\n            align,\n            padded,\n            inline,\n            animate: !disableTransition && animate,\n            vertical,\n            scrollbar,\n            indicator: !disableTransition,\n            className,\n          })}\n        >\n          {showScrollButtons && (\n            <TabListScrollButton\n              getScrollToOptions={getScrollToOptions}\n              {...backwardScrollButtonProps}\n              {...backwardProps}\n            />\n          )}\n          {children}\n          {showScrollButtons && (\n            <TabListScrollButton\n              getScrollToOptions={getScrollToOptions}\n              {...forwardScrollButtonProps}\n              {...forwardProps}\n            />\n          )}\n        </div>\n      </KeyboardMovementProvider>\n    );\n  }\n);\n"],"names":["forwardRef","useEffect","useRef","useState","useAppSize","KeyboardMovementProvider","TabListScrollButton","tabList","useTabList","TabList","props","ref","style","onClick","onFocus","onKeyDown","className","children","activeIndex","setActiveIndex","activationMode","align","padded","inline","vertical","scrollbar","scrollButtons","disableTransition","transitionDuration","getScrollToOptions","forwardScrollButtonProps","backwardScrollButtonProps","remaining","isPhone","showScrollButtons","elementProps","movementContext","backwardProps","forwardProps","prevActiveIndex","animate","setAnimate","isSameIndex","current","timeout","window","setTimeout","clearTimeout","value","div","role","indicator"],"mappings":"AAAA;;AACA,SACEA,UAAU,EACVC,SAAS,EACTC,MAAM,EACNC,QAAQ,QAEH,QAAQ;AACf,SAASC,UAAU,QAAQ,sCAAsC;AACjE,SAASC,wBAAwB,QAAQ,6CAA6C;AAEtF,SACEC,mBAAmB,QAEd,2BAA2B;AAClC,SAASC,OAAO,QAA4B,qBAAqB;AACjE,SAASC,UAAU,QAAQ,kBAAkB;AAiH7C;;;;;;CAMC,GACD,OAAO,MAAMC,wBAAUT,WACrB,SAASS,QAAQC,KAAK,EAAEC,GAAG;IACzB,MAAM,EACJC,KAAK,EACLC,OAAO,EACPC,OAAO,EACPC,SAAS,EACTC,SAAS,EACTC,QAAQ,EACRC,WAAW,EACXC,cAAc,EACdC,iBAAiB,QAAQ,EACzBC,QAAQ,MAAM,EACdC,SAAS,KAAK,EACdC,SAAS,KAAK,EACdC,WAAW,KAAK,EAChBC,YAAY,KAAK,EACjBC,gBAAgB,KAAK,EACrBC,oBAAoB,KAAK,EACzBC,qBAAqB,GAAG,EACxBC,kBAAkB,EAClBC,wBAAwB,EACxBC,yBAAyB,EACzB,GAAGC,WACJ,GAAGtB;IAEJ,MAAM,EAAEuB,OAAO,EAAE,GAAG7B;IACpB,MAAM8B,oBACJ,CAAC,CAACR,iBAAkBA,CAAAA,kBAAkB,iBAAiB,CAACO,OAAM;IAEhE,MAAM,EAAEE,YAAY,EAAEC,eAAe,EAAEC,aAAa,EAAEC,YAAY,EAAE,GAClE9B,WAAW;QACTG;QACAC;QACAC;QACAC;QACAC;QACAS;QACAN;QACAC;QACAC;QACAM,eAAeQ;QACfP;IACF;IAEF,MAAMY,kBAAkBrC,OAAOgB;IAC/B,MAAM,CAACsB,SAASC,WAAW,GAAGtC,SAAS;IACvCF,UAAU;QACR,MAAMyC,cAAcxB,gBAAgBqB,gBAAgBI,OAAO;QAC3DJ,gBAAgBI,OAAO,GAAGzB;QAC1B,IAAIS,qBAAqBe,aAAa;YACpC;QACF;QAEAD,WAAW;QACX,MAAMG,UAAUC,OAAOC,UAAU,CAAC;YAChCL,WAAW;QACb,GAAGb;QAEH,OAAO;YACLiB,OAAOE,YAAY,CAACH;QACtB;IACF,GAAG;QAAC1B;QAAaS;QAAmBC;KAAmB;IAEvD,qBACE,KAACvB;QAAyB2C,OAAOZ;kBAC/B,cAAA,MAACa;YACE,GAAGjB,SAAS;YACZ,GAAGG,YAAY;YAChBe,MAAK;YACLlC,WAAWT,QAAQ;gBACjBc;gBACAC;gBACAC;gBACAiB,SAAS,CAACb,qBAAqBa;gBAC/BhB;gBACAC;gBACA0B,WAAW,CAACxB;gBACZX;YACF;;gBAECkB,mCACC,KAAC5B;oBACCuB,oBAAoBA;oBACnB,GAAGE,yBAAyB;oBAC5B,GAAGM,aAAa;;gBAGpBpB;gBACAiB,mCACC,KAAC5B;oBACCuB,oBAAoBA;oBACnB,GAAGC,wBAAwB;oBAC3B,GAAGQ,YAAY;;;;;AAM5B,GACA"}

package/dist/tabs/TabListScrollButton.d.ts

@@ -2,7 +2,7 @@ import { type HTMLAttributes } from "react";
 import { type ButtonProps } from "../button/Button.js";
 import { type ButtonClassNameThemeOptions } from "../button/buttonStyles.js";
 import { type PropsWithRef } from "../types.js";
-import { type GetTabListScrollToOptions } from "./utils.js";
+import { type GetTabListScrollToOptions } from "./getTabListScrollToOptions.js";
 /**
  * @internal
  * @since 6.0.0

package/dist/tabs/TabListScrollButton.js

@@ -6,8 +6,8 @@ import { getIcon } from "../icon/iconConfig.js";
 import { useDir } from "../typography/WritingDirectionProvider.js";
 import { useIntersectionObserver } from "../useIntersectionObserver.js";
 import { applyRef } from "../utils/applyRef.js";
+import { getTabListScrollToOptions } from "./getTabListScrollToOptions.js";
 import { tabListScrollButton, tabListScrollButtonContainer } from "./tabListScrollButtonStyles.js";
-import { getTabListScrollToOptions } from "./utils.js";
 /**
  * **Client Component**
  *