@react-md/core 1.0.0-next.19 → 1.0.0-next.20

package/src/useResizeListener.ts

@@ -1,5 +1,7 @@
 "use client";
+
 import { useEffect } from "react";
+
 import { delegateEvent } from "./delegateEvent.js";
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import { type useResizeObserver } from "./useResizeObserver.js";
@@ -43,15 +45,15 @@ export interface ResizeListenerOptions extends AddEventListenerOptions {
  *
  * @example Simple Example
  * ```tsx
- * import { useResizeListener } from "@react-md/core";
- * import type { ReactElement } from "react";
+ * import { useResizeListener } from "@react-md/core/useResizeListener";
+ * import { type ReactElement } from "react";
  * import { useState } from "react";
  *
  * function Example(): ReactElement {
  *   const [size, setSize] = useState({
  *     height: window.innerHeight,
  *     width: window.innerWidth,
- *   }):
+ *   });
  *
  *   useResizeListener({
  *     onUpdate(event) {
@@ -65,7 +67,9 @@ export interface ResizeListenerOptions extends AddEventListenerOptions {
  *   return (
  *     <>
  *       The current window size:
- *       <pre><code>{JSON.stringify(size, null, 2)}</code></pre>
+ *       <pre>
+ *         <code>{JSON.stringify(size, null, 2)}</code>
+ *       </pre>
  *     </>
  *   );
  * }

package/src/useResizeObserver.ts

@@ -1,9 +1,10 @@
 "use client";
-import { useEffect, type Ref, type RefCallback } from "react";
-import { useEnsuredRef } from "./useEnsuredRef.js";
+
+import { type Ref, type RefCallback, useEffect } from "react";
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import { type useElementSize } from "./useElementSize.js";
+import { useEnsuredRef } from "./useEnsuredRef.js";
 
 /**
  * @since 6.0.0
@@ -204,7 +205,7 @@ export interface ResizeObserverHookOptions<E extends HTMLElement> {
  *     onUpdate: useCallback((entry) => {
  *       const element = entry.target;
  *       const { height, width } = entry.contentRect;
- *       const { inlineSize, blockSize } = entry.borderBoxSize[0]O
+ *       const { inlineSize, blockSize } = entry.borderBoxSize[0];
  *       // do something
  *     }, []),
  *   });

package/src/useThrottledFunction.ts

@@ -1,5 +1,7 @@
 "use client";
+
 import { useEffect, useMemo, useRef } from "react";
+
 import { type AnyFunction, type ThrottledFunction } from "./types.js";
 import { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect.js";
 

package/src/useToggle.ts

@@ -1,5 +1,7 @@
 "use client";
+
 import { useCallback, useState } from "react";
+
 import { type UseStateInitializer, type UseStateSetter } from "./types.js";
 
 /**
@@ -14,11 +16,11 @@ export interface ToggleImplementation {
 }
 
 /**
- *
  * @example Simple Example
  * ```tsx
- * import { Button, useToggle } from "@react-md/core";
- * import type { ReactElement } from "react";
+ * import { Button } from "@react-md/core/button/Button";
+ * import { useToggle } from "@react-md/core/useToggle";
+ * import { type ReactElement } from "react";
  *
  * function Example(): ReactElement {
  *   const { toggled, toggle } = useToggle();

package/src/useUnmounted.ts

@@ -1,5 +1,7 @@
 "use client";
+
 import { useEffect, useRef } from "react";
+
 import type { NonNullRef } from "./types.js";
 
 /**

package/src/useWindowSize.ts

@@ -1,10 +1,12 @@
 "use client";
+
 import { useCallback, useState } from "react";
+
 import { useSsr } from "./SsrProvider.js";
 import { type ElementSize } from "./types.js";
 import {
-  useResizeListener,
   type ResizeListenerOptions,
+  useResizeListener,
 } from "./useResizeListener.js";
 
 /**
@@ -50,7 +52,7 @@ export interface WindowSizeOptions
  *
  * @example Simple Example
  * ```tsx
- * import { useWindowSize } from "@react-md/core";
+ * import { useWindowSize } from "@react-md/core/useWindowSize";
  * import type { ReactElement } from "react";
  * import { useState } from "react";
  *

package/src/utils/RenderRecursively.tsx

@@ -107,17 +107,46 @@ export interface RenderRecursivelyProps<
  *
  * @example
  * ```tsx
+ * "use client";
+ *
+ * import { Box } from "@react-md/core/box/Box";
+ * import { Button } from "@react-md/core/button/Button";
+ * import { Divider } from "@react-md/core/divider/Divider";
+ * import { List } from "@react-md/core/list/List";
+ * import { useCollapseTransition } from "@react-md/core/transition/useCollapseTransition";
  * import {
- *   buildTree,
- *   List,
- *   ListItem,
- *   ListItemLink,
- *   RenderRecursively,
- *   TreeData,
  *   type DefaultTreeItemNode,
+ *   type TreeData,
+ * } from "@react-md/core/tree/types";
+ * import { type UseStateSetter } from "@react-md/core/types";
+ * import { useToggle } from "@react-md/core/useToggle";
+ * import {
  *   type RenderRecursiveItemsProps,
- * } from "@react-md/core";
- * import { type ReactElement } from "react";
+ *   RenderRecursively,
+ * } from "@react-md/core/utils/RenderRecursively";
+ * import { type ReactElement, useState } from "react";
+ *
+ * interface Data {
+ *   activeId: string;
+ *   setActiveId: UseStateSetter<string>;
+ * }
+ *
+ * export default function SimpleExample(): ReactElement {
+ *   const [activeId, setActiveId] = useState("/");
+ *   return (
+ *     <Box fullWidth disableWrap>
+ *       <Box stacked align="stretch">
+ *         <RenderRecursively
+ *           // this is optional and can be any sort of info
+ *           data={{ activeId, setActiveId }}
+ *           items={Object.values(navItems)}
+ *           render={Render}
+ *         />
+ *       </Box>
+ *       <div>Active route: {activeId}</div>
+ *     </Box>
+ *   );
+ * }
  *
  * const navItems = {
  *   "/": {
@@ -143,50 +172,77 @@ export interface RenderRecursivelyProps<
  *   },
  *   "/divider-1": {
  *     itemId: "/divider-1",
- *     parentId: null
+ *     parentId: null,
  *   },
  *   "/route-2": {
- *     itemId: "/route-2"
+ *     itemId: "/route-2",
  *     parentId: null,
  *     children: "Route 2",
  *   },
  * } satisfies TreeData;
  *
- * function NestedNavigation(props: RenderRecursiveItemsProps<DefaultTreeItemNode>): ReactElement {
- *   const { item, parents, children } = props;
- *   const { toggle, toggled: collapsed } = useToggle(false);
- *   const { elementProps } = useCollapseTransition({
- *     transitionIn: !collapsed,
- *   });
- *
- *   return (
- *     <li>
- *       <Button onClick={toggle}>{item.children}</Button>
- *       <List {...elementProps}>{children}</List>
- *     </li>
- *   ):
- * }
- *
- *
- * function Render(props: RenderRecursiveItemsProps<DefaultTreeItemNode>): ReactElement {
- *   const { item, parents } = props;
+ * function Render(
+ *   props: RenderRecursiveItemsProps<DefaultTreeItemNode, Data>
+ * ): ReactElement {
+ *   const {
+ *     item,
+ *     parents,
+ *     // this is passed down from the root `RenderRecursively`
+ *     data,
+ *     // this _might_ be defined based on the implementation. it's set to any
+ *     // renderable element
+ *     children: _children,
+ *   } = props;
  *   if (item.itemId.includes("divider")) {
  *     return <Divider />;
  *   }
  *
  *   if (item.items) {
- *     return <NestedNavigation {...props} />
+ *     return <NestedNavigation {...props} />;
  *   }
  *
  *   const prefix = parents.map((parent) => parent.itemId).join("/");
+ *   const currentId = `${prefix}${item.itemId}`;
+ *   // I haven't figured out how to manage the type safety of this yet
+ *   const active = data?.activeId === currentId;
+ *   // this would normally be a link, but to keep the demo simple, it's a button
  *   return (
- *     <Link href={`${prefix}${item.itemId}`}>
+ *     <Button
+ *       theme={active ? "primary" : "clear"}
+ *       themeType={active ? "contained" : "flat"}
+ *       onClick={() => {
+ *         data?.setActiveId(currentId);
+ *       }}
+ *       style={{ justifyContent: "flex-start" }}
+ *     >
  *       {item.children}
- *     </Link>
+ *     </Button>
  *   );
  * }
- * ```
  *
+ * function NestedNavigation(
+ *   props: RenderRecursiveItemsProps<DefaultTreeItemNode, Data>
+ * ): ReactElement {
+ *   const {
+ *     item,
+ *     parents: _parents,
+ *     // this is passed down from the root `RenderRecursively`
+ *     data: _data,
+ *     children,
+ *   } = props;
+ *   const { toggle, toggled: collapsed } = useToggle(false);
+ *   const { elementProps } = useCollapseTransition({
+ *     transitionIn: !collapsed,
+ *   });
+ *
+ *   return (
+ *     <li>
+ *       <Button onClick={toggle}>{item.children}</Button>
+ *       <List {...elementProps}>{children}</List>
+ *     </li>
+ *   );
+ * }
+ * ```
  *
  * @since 6.0.0
  */

package/src/utils/alphaNumericSort.ts

@@ -1,16 +1,22 @@
 import { defaultExtractor } from "../searching/utils.js";
 import { type TextExtractor } from "../types.js";
 
+/** @since 6.0.0 */
+export const DEFAULT_COLLATOR_OPTIONS = {
+  numeric: true,
+  caseFirst: "upper",
+} as const satisfies Intl.CollatorOptions;
+
 /**
  * The default `Intl.Collator` that should be used for sorting large lists.
  *
  * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/localeCompare#performance
  * @since 6.0.0
  */
-export const DEFAULT_COLLATOR = new Intl.Collator("en-US", {
-  numeric: true,
-  caseFirst: "upper",
-});
+export const DEFAULT_COLLATOR = new Intl.Collator(
+  "en-US",
+  DEFAULT_COLLATOR_OPTIONS
+);
 
 /** @since 6.0.0 */
 export interface AlphaNumericSortOptions<T> {

package/src/utils/bem.ts

@@ -1,8 +1,6 @@
-export type Block = string;
-export type Element = string;
-export type Modifier = Record<string, unknown>;
+export type BEMModifier = Record<string, unknown>;
 
-function modify(base: string, modifier?: Modifier): string {
+function modify(base: string, modifier?: BEMModifier): string {
   if (!modifier) {
     return base;
   }
@@ -17,17 +15,61 @@ function modify(base: string, modifier?: Modifier): string {
   }, base);
 }
 
-export type BEMResult = (
-  elementOrModifier?: Element | Modifier,
-  modifier?: Modifier
-) => string;
+/**
+ * Creates the full class name from the base block name. This can be called
+ * without any arguments which will just return the base block name (kind of
+ * worthless), or you can provide a child element name and modifiers.
+ *
+ * @since 6.0.0 Converted to an interface that supports the `base` attribute.
+ */
+export interface BEMResult {
+  /**
+   * @example Simple Example
+   * ```ts
+   * const styles = bem("root");
+   *
+   * styles("child"); // "root__child"
+   * styles("child", {
+   *   modifier1: true,
+   *   modifier2: false,
+   * }); // "root__child root__child--modifier-1"
+   * ```
+   * @param element - The child element to be prefixed before any modifiers.
+   * @param modifier - Any optional modifiers to apply to the block and optional
+   * element.
+   * @returns the full class name
+   */
+  (element: string, modifier?: BEMModifier): string;
+
+  /**
+   * @example Simple Example
+   * ```ts
+   * const styles = bem("root");
+   *
+   * styles() // "root"
+   * styles({
+   *   modifier1: true,
+   *   modifier2: false,
+   * }); // "root--modifier-1"
+   * ```
+   * @param modifier - Any optional modifiers to apply to the block and optional
+   * element.
+   * @returns the full class name
+   */
+  (modifier?: BEMModifier): string;
+
+  /**
+   * The base class name
+   */
+  base: string;
+}
 
 /**
  * Applies the BEM styled class name to an element.
  *
  * @example Simple Example
  * ```tsx
- * import { bem } from "@react-md/core":
+ * import { bem } from "@react-md/core/utils/bem":
  *
  * const styles = bem("my-component"):
  *
@@ -62,7 +104,7 @@ export type BEMResult = (
  * @param base - The base class to use
  * @returns a function to call that generates the full class name
  */
-export function bem(base: Block): BEMResult {
+export function bem(base: string): BEMResult {
   if (process.env.NODE_ENV !== "production") {
     if (!base) {
       throw new Error(
@@ -71,21 +113,9 @@ export function bem(base: Block): BEMResult {
     }
   }
 
-  /**
-   * Creates the full class name from the base block name. This can be called
-   * without any arguments which will just return the base block name (kind of
-   * worthless), or you can provide a child element name and modifiers.
-   *
-   * @param elementOrModifier - This is either the child element name or an
-   * object of modifiers to apply. This **must** be a string if the second
-   * argument is provided.
-   * @param modifier - Any optional modifiers to apply to the block and optional
-   * element.
-   * @returns the full class name
-   */
-  return function block(
-    elementOrModifier?: Element | Modifier,
-    modifier?: Modifier
+  function block(
+    elementOrModifier?: BEMModifier | string,
+    modifier?: BEMModifier
   ): string {
     if (process.env.NODE_ENV !== "production") {
       if (typeof elementOrModifier !== "string" && modifier) {
@@ -104,5 +134,7 @@ export function bem(base: Block): BEMResult {
     }
 
     return modify(`${base}__${elementOrModifier}`, modifier);
-  };
+  }
+  block.base = base;
+  return block;
 }

package/src/utils/getRangeDefaultValue.ts

@@ -1,7 +1,7 @@
 import { type UseStateInitializer } from "../types.js";
 import {
-  getMiddleOfRange,
   type GetMiddleOfRangeOptions,
+  getMiddleOfRange,
 } from "./getMiddleOfRange.js";
 
 /**

package/src/utils/isElementVisible.ts

@@ -16,7 +16,7 @@ export const DISPLAY_NONE_CLASS = "rmd-display-none";
  * const subTreeItem = screen.getByRole("treeitem", { Name: "Sub Tree Item" });
  *
  * expect(isElementVisible(treeItem)).toBe(true);
- * expect(isElementVisible(subTreeItem)).toBe(false):
+ * expect(isElementVisible(subTreeItem)).toBe(false);
  *
  * await user.click(treeItem);
  * expect(isElementVisible(treeItem)).toBe(true);

package/src/utils/loop.ts

@@ -29,6 +29,8 @@ export interface LoopOptions {
    * Boolean if the looping should be ignored and only the `min`/`max` options
    * should be respected. In other words, the looping  behavior will be disabled
    * and the `value` must be: `min >= value <= max`
+   *
+   * @defaultValue `false`
    */
   minmax?: boolean;
 }

package/src/utils/parseCssLengthUnit.ts

@@ -1,7 +1,7 @@
 /** @internal */
 export interface ParseCssLengthUnitOptions {
   /**
-   *
+   * The css unit to convert to a numeric value.
    */
   value: number | string;
 

package/src/utils/wait.ts

@@ -1,11 +1,11 @@
 /**
  * @example Wait some duration
  * ```ts
- * import { wait } from "@react-md/core";
+ * import { wait } from "@react-md/core/utils/wait";
  *
- * console.log('start');
+ * console.log("start");
  * await wait(5000);
- * console.log('it has been five seconds');
+ * console.log("it has been five seconds");
  * ```
  *
  * This util was just added to support random waits for mocking data and random
@@ -13,9 +13,10 @@
  *
  * @since 6.0.0
  */
-export const wait = (ms: number): Promise<void> =>
-  new Promise((resolve) =>
+export function wait(ms: number): Promise<void> {
+  return new Promise((resolve) =>
     setTimeout(() => {
       resolve();
     }, ms)
   );
+}

package/src/window-splitter/WindowSplitter.tsx

@@ -1,7 +1,7 @@
-import { forwardRef, type ButtonHTMLAttributes } from "react";
+import { type ButtonHTMLAttributes, forwardRef } from "react";
+
 import { type LabelRequiredForA11y } from "../types.js";
 import { windowSplitter } from "./styles.js";
-
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import { type useWindowSplitter } from "./useWindowSplitter.js";
 

package/src/window-splitter/styles.ts

@@ -1,4 +1,5 @@
 import { cnb } from "cnbuilder";
+
 import { bem } from "../utils/bem.js";
 
 const styles = bem("rmd-window-splitter");

package/src/window-splitter/useWindowSplitter.ts

@@ -1,13 +1,15 @@
 "use client";
+
 import { type Ref, type RefCallback } from "react";
+
 import {
-  useDraggable,
   type BaseDraggableOptions,
   type DraggableImplementation,
   type DraggableKeyboardEventHandlers,
   type DraggableMouseEventHandlers,
   type DraggableStateOptions,
   type DraggableTouchEventHandlers,
+  useDraggable,
 } from "../draggable/useDraggable.js";
 import { useEnsuredId } from "../useEnsuredId.js";
 
@@ -79,7 +81,10 @@ export interface WindowSplitterImplementation<
  *
  * @example Custom Implementation
  * ```tsx
- * import { useWindowSplitter, WindowSplitterImplementation } from "@react-md/core";
+ * import {
+ *   useWindowSplitter,
+ *   type WindowSplitterImplementation
+ * } from "@react-md/core/window-splitter/useWindowSplitter";
  * import { useState } from "react";
  *
  * // this is pretty much the `useWindowSplitter` implementation

package/dist/icon/iconConfig.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/icon/iconConfig.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\nimport { FontIcon } from \"./FontIcon.js\";\n\n/**\n * @since 5.0.0 The `download` icon has been renamed to `upload`.\n */\nexport interface ConfigurableIcons {\n  /**\n   * The icon for navigating backwards or closing an item to the left.\n   *\n   * @defaultValue `<FontIcon>keyboard_arrow_left</FontIcon>`\n   */\n  back?: ReactNode;\n\n  /**\n   * The icon to use when clearing content from a text field.\n   *\n   * @defaultValue `<FontIcon>clear</FontIcon>`\n   * @since 6.0.0\n   */\n  clear?: ReactNode;\n\n  /**\n   * @defaultValue `<FontIcon>close</FontIcon>`\n   *\n   * @since 6.0.0\n   */\n  close?: ReactNode;\n\n  /**\n   * The icon to use for unchecked checkboxes.\n   *\n   * @defaultValue `<FontIcon>check_box_outline_blank</FontIcon>`\n   * @since 6.0.0 This icon now represents the unchecked state for\n   * checkboxes.\n   */\n  checkbox?: ReactNode;\n\n  /**\n   * The icon to use for checked checkboxes.\n   *\n   * @defaultValue `<FontIcon>check_box</FontIcon>`\n   * @since 6.0.0\n   */\n  checkboxChecked?: ReactNode;\n\n  /**\n   * The icon to use for indeterminate checkboxes.\n   *\n   * @defaultValue `<FontIcon>indeterminate_check_box</FontIcon>`\n   * @since 6.0.0\n   */\n  checkboxIndeterminate?: ReactNode;\n\n  /**\n   * The icon to use for dropdown menus or content that expands vertically in a\n   * new material instead of inline like the `expander` icon.\n   *\n   * @defaultValue `<FontIcon>arrow_drop_down</FontIcon>`\n   */\n  dropdown?: ReactNode;\n\n  /**\n   * The icon to use when there are form errors.\n   *\n   * @since 2.5.0\n   * @defaultValue `<FontIcon>error_outline</FontIcon>`\n   */\n  error?: ReactNode;\n\n  /**\n   * The icon to use for expanding content vertically.\n   *\n   * @defaultValue `<FontIcon>keyboard_arrow_down</FontIcon>`\n   */\n  expander?: ReactNode;\n\n  /**\n   * The icon for navigating forwards or closing an item to the right. This is\n   * also used internally for nested dropdown menus.\n   *\n   * @defaultValue `<FontIcon>keyboard_arrow_right</FontIcon>`\n   */\n  forward?: ReactNode;\n\n  /**\n   * The general to use for displaying a main navigation menu (usually a\n   * hamburger menu).\n   *\n   * @defaultValue `<FontIcon>menu</FontIcon>`\n   */\n  menu?: ReactNode;\n\n  /**\n   * The icon for displaying notifications. This is used internally in the\n   * `BadgedButton` in the `@react-md/badge` package.\n   *\n   * @defaultValue `<FontIcon>notifications</FontIcon>`\n   */\n  notification?: ReactNode;\n\n  /**\n   * The icon for temporarily displaying a password's field value as plain text.\n   *\n   * @defaultValue `<FontIcon>remove_red_eye</FontIcon>`\n   */\n  password?: ReactNode;\n\n  /**\n   * The icon to use for unchecked radio buttons.\n   *\n   * @defaultValue `<FontIcon>radio_button_unchecked</FontIcon>`\n   * @since 6.0.0 This icon now represents the unchecked state for\n   * radios.\n   */\n  radio?: ReactNode;\n\n  /**\n   * The icon to use for checked radio buttons.\n   *\n   * @defaultValue `<FontIcon>radio_button_checked</FontIcon>`\n   */\n  radioChecked?: ReactNode;\n\n  /**\n   * The icon to use when removing elements.\n   *\n   * @defaultValue `<FontIcon>cancel</FontIcon>`\n   */\n  remove?: ReactNode;\n\n  /**\n   * The icon to use for showing that something has been selected that is not a\n   * radio or checkbox. This is used internally for the `Chip` in the\n   * `@react-md/core` package.\n   *\n   * @defaultValue `<FontIcon>check</FontIcon>`\n   */\n  selected?: ReactNode;\n\n  /**\n   * The icon to represent sorting content.\n   *\n   * @defaultValue `<FontIcon>arrow_upward</FontIcon>`\n   */\n  sort?: ReactNode;\n\n  /**\n   * The icon to use for the `FileInput` component (normally file\n   * uploads).\n   *\n   * @since 5.0.0\n   * @defaultValue `<FontIcon>file_upload</FontIcon>`\n   */\n  upload?: ReactNode;\n}\n\nexport type ConfiguredIcons = Required<ConfigurableIcons>;\n\n/**\n * @since 6.0.0\n */\nexport type ConfigurableIconName = keyof ConfigurableIcons;\n\n/**\n * This is a **mutable** object of icons that `react-md` will use for rendering\n * icons within components. The defaults will use the font versions of material\n * icons.\n *\n * @see {@link configureIcons} for a quick way of overriding the configuration\n * or the example below.\n *\n * @example Mutating this object\n * ```tsx\n * import { ICON_CONFIG } from \"@react-md/core\";\n * import ArrowDropDownIcon from \"@react-md/material-icons/ArrowDropDownIcon\";\n * import ArrowUpwardIcon from \"@react-md/material-icons/ArrowUpwardIcon\";\n * import CancelIcon from \"@react-md/material-icons/CancelIcon\";\n * import CheckBoxIcon from \"@react-md/material-icons/CheckBoxIcon\";\n * import CheckBoxOutlineBlankIcon from \"@react-md/material-icons/CheckBoxOutlineBlankIcon\";\n * import CheckIcon from \"@react-md/material-icons/CheckIcon\";\n * import CloseIcon from \"@react-md/material-icons/CloseIcon\";\n * import ErrorOutlineIcon from \"@react-md/material-icons/ErrorOutlineIcon\";\n * import FileUploadIcon from \"@react-md/material-icons/FileUploadIcon\";\n * import IndeterminateCheckBoxIcon from \"@react-md/material-icons/IndeterminateCheckBoxIcon\";\n * import KeyboardArrowDownIcon from \"@react-md/material-icons/KeyboardArrowDownIcon\";\n * import KeyboardArrowLeftIcon from \"@react-md/material-icons/KeyboardArrowLeftIcon\";\n * import KeyboardArrowRightIcon from \"@react-md/material-icons/KeyboardArrowRightIcon\";\n * import MenuIcon from \"@react-md/material-icons/MenuIcon\";\n * import NotificationsIcon from \"@react-md/material-icons/NotificationsIcon\";\n * import RadioButtonCheckedIcon from \"@react-md/material-icons/RadioButtonCheckedIcon\";\n * import RadioButtonUncheckedIcon from \"@react-md/material-icons/RadioButtonUncheckedIcon\";\n * import RemoveRedEyeIcon from \"@react-md/material-icons/RemoveRedEyeIcon\";\n *\n * ICON_CONFIG.back = <KeyboardArrowLeftIcon />;\n * ICON_CONFIG.close = <CloseIcon />;\n * ICON_CONFIG.checkbox = <CheckBoxOutlineBlankIcon />;\n * ICON_CONFIG.checkboxChecked = <CheckBoxIcon />;\n * ICON_CONFIG.checkboxIndeterminate = <IndeterminateCheckBoxIcon />;\n * ICON_CONFIG.dropdown = <ArrowDropDownIcon />;\n * ICON_CONFIG.error = <ErrorOutlineIcon />;\n * ICON_CONFIG.expander = <KeyboardArrowDownIcon />;\n * ICON_CONFIG.forward = <KeyboardArrowRightIcon />;\n * ICON_CONFIG.menu = <MenuIcon />;\n * ICON_CONFIG.notification = <NotificationsIcon />;\n * ICON_CONFIG.password = <RemoveRedEyeIcon />;\n * ICON_CONFIG.radio = <RadioButtonUncheckedIcon />;\n * ICON_CONFIG.radioChecked = <RadioButtonCheckedIcon />;\n * ICON_CONFIG.remove = <CancelIcon />;\n * ICON_CONFIG.selected = <CheckIcon />;\n * ICON_CONFIG.sort = <ArrowUpwardIcon />;\n * ICON_CONFIG.upload = <FileUploadIcon />;\n * ```\n *\n *\n * @since 6.0.0\n */\nexport const ICON_CONFIG: ConfiguredIcons = {\n  back: <FontIcon>keyboard_arrow_left</FontIcon>,\n  clear: <FontIcon>clear</FontIcon>,\n  close: <FontIcon>close</FontIcon>,\n  checkbox: <FontIcon>check_box_outline_blank</FontIcon>,\n  checkboxChecked: <FontIcon>check_box</FontIcon>,\n  checkboxIndeterminate: <FontIcon>indeterminate_check_box</FontIcon>,\n  dropdown: <FontIcon>arrow_drop_down</FontIcon>,\n  error: <FontIcon>error_outline</FontIcon>,\n  expander: <FontIcon>keyboard_arrow_down</FontIcon>,\n  forward: <FontIcon>keyboard_arrow_right</FontIcon>,\n  menu: <FontIcon>menu</FontIcon>,\n  notification: <FontIcon>notifications</FontIcon>,\n  password: <FontIcon>remove_red_eye</FontIcon>,\n  radio: <FontIcon>radio_button_unchecked</FontIcon>,\n  radioChecked: <FontIcon>radio_button_checked</FontIcon>,\n  remove: <FontIcon>cancel</FontIcon>,\n  selected: <FontIcon>check</FontIcon>,\n  sort: <FontIcon>arrow_upward</FontIcon>,\n  upload: <FontIcon>file_upload</FontIcon>,\n};\n\n/**\n * A convenience helper to reconfigure icons within `react-md`.\n *\n * @example Using SVG Material Icons\n * ```tsx\n * \"use client\";\n * import { configureIcons } from \"@react-md/core\";\n * import ArrowDropDownIcon from \"@react-md/material-icons/ArrowDropDownIcon\";\n * import ArrowUpwardIcon from \"@react-md/material-icons/ArrowUpwardIcon\";\n * import CancelIcon from \"@react-md/material-icons/CancelIcon\";\n * import CheckBoxIcon from \"@react-md/material-icons/CheckBoxIcon\";\n * import CheckBoxOutlineBlankIcon from \"@react-md/material-icons/CheckBoxOutlineBlankIcon\";\n * import CheckIcon from \"@react-md/material-icons/CheckIcon\";\n * import CloseIcon from \"@react-md/material-icons/CloseIcon\";\n * import ErrorOutlineIcon from \"@react-md/material-icons/ErrorOutlineIcon\";\n * import FileUploadIcon from \"@react-md/material-icons/FileUploadIcon\";\n * import IndeterminateCheckBoxIcon from \"@react-md/material-icons/IndeterminateCheckBoxIcon\";\n * import KeyboardArrowDownIcon from \"@react-md/material-icons/KeyboardArrowDownIcon\";\n * import KeyboardArrowLeftIcon from \"@react-md/material-icons/KeyboardArrowLeftIcon\";\n * import KeyboardArrowRightIcon from \"@react-md/material-icons/KeyboardArrowRightIcon\";\n * import MenuIcon from \"@react-md/material-icons/MenuIcon\";\n * import NotificationsIcon from \"@react-md/material-icons/NotificationsIcon\";\n * import RadioButtonCheckedIcon from \"@react-md/material-icons/RadioButtonCheckedIcon\";\n * import RadioButtonUncheckedIcon from \"@react-md/material-icons/RadioButtonUncheckedIcon\";\n * import RemoveRedEyeIcon from \"@react-md/material-icons/RemoveRedEyeIcon\";\n *\n * configureIcons({\n *   back: <KeyboardArrowLeftIcon />,\n *   close: <CloseIcon />,\n *   checkbox: <CheckBoxOutlineBlankIcon />,\n *   checkboxChecked: <CheckBoxIcon />,\n *   checkboxIndeterminate: <IndeterminateCheckBoxIcon />,\n *   dropdown: <ArrowDropDownIcon />,\n *   error: <ErrorOutlineIcon />,\n *   expander: <KeyboardArrowDownIcon />,\n *   forward: <KeyboardArrowRightIcon />,\n *   menu: <MenuIcon />,\n *   notification: <NotificationsIcon />,\n *   password: <RemoveRedEyeIcon />,\n *   radio: <RadioButtonUncheckedIcon />,\n *   radioChecked: <RadioButtonCheckedIcon />,\n *   remove: <CancelIcon />,\n *   selected: <CheckIcon />,\n *   sort: <ArrowUpwardIcon />,\n *   upload: <FileUploadIcon />,\n * });\n * ```\n *\n * @since 6.0.0\n */\nexport function configureIcons(overrides: ConfiguredIcons): void {\n  Object.entries(overrides).forEach(([name, value]) => {\n    if (process.env.NODE_ENV !== \"production\" && !(name in ICON_CONFIG)) {\n      throw new Error(`${name} is an invalid react-md icon name.`);\n    }\n\n    ICON_CONFIG[name as keyof ConfiguredIcons] = value;\n  });\n}\n\n/**\n * This is mostly an internal helper to get a specific icon by name and allowing\n * a custom prop to override this behavior. The main benefit of this function is\n * that icons can be removed if the override is set to `null`.\n *\n * @since 6.0.0\n */\nexport function getIcon(\n  name: ConfigurableIconName,\n  override?: ReactNode\n): ReactNode {\n  if (typeof override !== \"undefined\") {\n    return override;\n  }\n\n  return ICON_CONFIG[name];\n}\n"],"names":["FontIcon","ICON_CONFIG","back","clear","close","checkbox","checkboxChecked","checkboxIndeterminate","dropdown","error","expander","forward","menu","notification","password","radio","radioChecked","remove","selected","sort","upload","configureIcons","overrides","Object","entries","forEach","name","value","process","env","NODE_ENV","Error","getIcon","override"],"mappings":";AACA,SAASA,QAAQ,QAAQ,gBAAgB;AAmKzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDC,GACD,OAAO,MAAMC,cAA+B;IAC1CC,oBAAM,KAACF;kBAAS;;IAChBG,qBAAO,KAACH;kBAAS;;IACjBI,qBAAO,KAACJ;kBAAS;;IACjBK,wBAAU,KAACL;kBAAS;;IACpBM,+BAAiB,KAACN;kBAAS;;IAC3BO,qCAAuB,KAACP;kBAAS;;IACjCQ,wBAAU,KAACR;kBAAS;;IACpBS,qBAAO,KAACT;kBAAS;;IACjBU,wBAAU,KAACV;kBAAS;;IACpBW,uBAAS,KAACX;kBAAS;;IACnBY,oBAAM,KAACZ;kBAAS;;IAChBa,4BAAc,KAACb;kBAAS;;IACxBc,wBAAU,KAACd;kBAAS;;IACpBe,qBAAO,KAACf;kBAAS;;IACjBgB,4BAAc,KAAChB;kBAAS;;IACxBiB,sBAAQ,KAACjB;kBAAS;;IAClBkB,wBAAU,KAAClB;kBAAS;;IACpBmB,oBAAM,KAACnB;kBAAS;;IAChBoB,sBAAQ,KAACpB;kBAAS;;AACpB,EAAE;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDC,GACD,OAAO,SAASqB,eAAeC,SAA0B;IACvDC,OAAOC,OAAO,CAACF,WAAWG,OAAO,CAAC,CAAC,CAACC,MAAMC,MAAM;QAC9C,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,gBAAgB,CAAEJ,CAAAA,QAAQzB,WAAU,GAAI;YACnE,MAAM,IAAI8B,MAAM,GAAGL,KAAK,kCAAkC,CAAC;QAC7D;QAEAzB,WAAW,CAACyB,KAA8B,GAAGC;IAC/C;AACF;AAEA;;;;;;CAMC,GACD,OAAO,SAASK,QACdN,IAA0B,EAC1BO,QAAoB;IAEpB,IAAI,OAAOA,aAAa,aAAa;QACnC,OAAOA;IACT;IAEA,OAAOhC,WAAW,CAACyB,KAAK;AAC1B"}

package/dist/test-utils/IntersectionObserver.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/test-utils/IntersectionObserver.ts"],"sourcesContent":["export class IntersectionObserverMock implements IntersectionObserver {\n  root: Document | Element | null;\n  rootMargin: string;\n  thresholds: readonly number[];\n\n  elements: Set<Element>;\n\n  constructor(\n    public callback: IntersectionObserverCallback,\n    options: IntersectionObserverInit = {}\n  ) {\n    this.root = options.root || null;\n    this.rootMargin = options.rootMargin || \"\";\n    this.thresholds =\n      typeof options.threshold === \"number\"\n        ? [options.threshold]\n        : (options.threshold ?? []);\n\n    this.elements = new Set();\n  }\n\n  observe(target: Element): void {\n    this.elements.add(target);\n\n    this.callback(this.takeRecords(), this);\n  }\n\n  unobserve(target: Element): void {\n    this.elements.delete(target);\n  }\n\n  takeRecords(): IntersectionObserverEntry[] {\n    return [...this.elements].map<IntersectionObserverEntry>((target) => ({\n      time: Date.now(),\n      target,\n      boundingClientRect: target.getBoundingClientRect(),\n      intersectionRatio: 0,\n      intersectionRect: target.getBoundingClientRect(),\n      isIntersecting: false,\n      rootBounds:\n        this.root && \"getBoundingClientRect\" in this.root\n          ? this.root.getBoundingClientRect()\n          : null,\n    }));\n  }\n\n  disconnect(): void {\n    this.elements.clear();\n  }\n}\n"],"names":["IntersectionObserverMock","observe","target","elements","add","callback","takeRecords","unobserve","delete","map","time","Date","now","boundingClientRect","getBoundingClientRect","intersectionRatio","intersectionRect","isIntersecting","rootBounds","root","disconnect","clear","constructor","options","rootMargin","thresholds","threshold","Set"],"mappings":";;;;;;;;;;;;;AAAA,OAAO,MAAMA;IAqBXC,QAAQC,MAAe,EAAQ;QAC7B,IAAI,CAACC,QAAQ,CAACC,GAAG,CAACF;QAElB,IAAI,CAACG,QAAQ,CAAC,IAAI,CAACC,WAAW,IAAI,IAAI;IACxC;IAEAC,UAAUL,MAAe,EAAQ;QAC/B,IAAI,CAACC,QAAQ,CAACK,MAAM,CAACN;IACvB;IAEAI,cAA2C;QACzC,OAAO;eAAI,IAAI,CAACH,QAAQ;SAAC,CAACM,GAAG,CAA4B,CAACP,SAAY,CAAA;gBACpEQ,MAAMC,KAAKC,GAAG;gBACdV;gBACAW,oBAAoBX,OAAOY,qBAAqB;gBAChDC,mBAAmB;gBACnBC,kBAAkBd,OAAOY,qBAAqB;gBAC9CG,gBAAgB;gBAChBC,YACE,IAAI,CAACC,IAAI,IAAI,2BAA2B,IAAI,CAACA,IAAI,GAC7C,IAAI,CAACA,IAAI,CAACL,qBAAqB,KAC/B;YACR,CAAA;IACF;IAEAM,aAAmB;QACjB,IAAI,CAACjB,QAAQ,CAACkB,KAAK;IACrB;IAzCAC,YACE,AAAOjB,QAAsC,EAC7CkB,UAAoC,CAAC,CAAC,CACtC;;QATFJ,uBAAAA,QAAAA,KAAAA;QACAK,uBAAAA,cAAAA,KAAAA;QACAC,uBAAAA,cAAAA,KAAAA;QAEAtB,uBAAAA,YAAAA,KAAAA;aAGSE,WAAAA;QAGP,IAAI,CAACc,IAAI,GAAGI,QAAQJ,IAAI,IAAI;QAC5B,IAAI,CAACK,UAAU,GAAGD,QAAQC,UAAU,IAAI;QACxC,IAAI,CAACC,UAAU,GACb,OAAOF,QAAQG,SAAS,KAAK,WACzB;YAACH,QAAQG,SAAS;SAAC,GAClBH,QAAQG,SAAS,IAAI,EAAE;QAE9B,IAAI,CAACvB,QAAQ,GAAG,IAAIwB;IACtB;AA8BF"}

package/dist/test-utils/ResizeObserver.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/test-utils/ResizeObserver.ts"],"sourcesContent":["import { afterEach, jest } from \"@jest/globals\";\nimport {\n  resizeObserverManager,\n  type ResizeObserverManager,\n} from \"../useResizeObserver.js\";\n\n/**\n * @since 6.0.0\n */\nexport interface ResizeObserverEntrySize {\n  height?: number;\n  width?: number;\n}\n\n/**\n * @since 6.0.0\n */\nexport type GetResizeObserverEntryMock = (\n  target: Element,\n  size?: ResizeObserverEntrySize\n) => ResizeObserverEntry;\n\n/**\n * This is mostly an internal function to be used with the {@link ResizeObserverMock}\n * and {@link setupResizeObserverMock}\n *\n * @since 6.0.0\n */\nexport const createResizeObserverEntry: GetResizeObserverEntryMock = (\n  target,\n  size\n) => {\n  const contentRect = target.getBoundingClientRect();\n  if (typeof size?.height === \"number\") {\n    contentRect.height = size.height;\n  }\n  if (typeof size?.width === \"number\") {\n    contentRect.width = size.width;\n  }\n\n  const boxSize: ResizeObserverSize = {\n    blockSize: contentRect.height,\n    inlineSize: contentRect.width,\n  };\n\n  return {\n    target,\n    contentRect,\n    borderBoxSize: [boxSize],\n    contentBoxSize: [boxSize],\n    devicePixelContentBoxSize: [],\n  };\n};\n\n/**\n * This is the default ResizeObserver implementation if it does not already\n * exist in jsdom. You normally should not use this directly and instead use the\n * {@link setupResizeObserverMock} instead.\n *\n * @since 6.0.0\n */\nexport class ResizeObserverMock implements ResizeObserver {\n  elements: Set<Element>;\n\n  constructor(public callback: ResizeObserverCallback) {\n    this.elements = new Set();\n  }\n\n  observe = (target: Element): void => {\n    this.elements.add(target);\n    this.resizeAllElements(createResizeObserverEntry);\n  };\n\n  unobserve = (target: Element): void => {\n    this.elements.delete(target);\n  };\n\n  disconnect = (): void => {\n    this.elements.clear();\n  };\n\n  /**\n   * Triggers the resize event for a specific element. This must be wrapped in\n   * `act`.\n   *\n   * @example Main Usage\n   * ```tsx\n   * import {\n   *   cleanupResizeObserverAfterEach,\n   *   setupResizeObserverMock,\n   * } from \"@react-md/core/test-utils\";\n   * import { useResizeObserver } from \"@react-md/core\";\n   * import { ExampleComponent } from \"../ExampleComponent.js\";\n   *\n   * cleanupResizeObserverAfterEach();\n   *\n   * describe(\"ExampleComponent\", () => {\n   *   it(\"should do stuff\", () => {\n   *     const observer = setupResizeObserverMock();\n   *     render(<ExampleComponent />)\n   *\n   *     const resizeTarget = screen.getByTestId(\"resize-target\")\n   *\n   *     // you can trigger with a custom change\n   *     act(() => {\n   *       observer.resizeElement(resizeTarget, { height: 100, width: 100 });\n   *     });\n   *     // expect resize changes\n   *   });\n   * })\n   * ```\n   */\n  resizeElement = (\n    target: Element,\n    changesOrGetEntry:\n      | GetResizeObserverEntryMock\n      | ResizeObserverEntrySize\n      | ResizeObserverEntry = createResizeObserverEntry\n  ): void => {\n    if (!this.elements.has(target)) {\n      throw new Error(\n        \"The `ResizeObserverMock` is not watching the target element and cannot be resized\"\n      );\n    }\n\n    let entry: ResizeObserverEntry;\n    if (typeof changesOrGetEntry === \"function\") {\n      entry = changesOrGetEntry(target);\n    } else if (!(\"contentRect\" in changesOrGetEntry)) {\n      entry = createResizeObserverEntry(target, changesOrGetEntry);\n    } else {\n      entry = changesOrGetEntry;\n    }\n\n    this.callback([entry], this);\n  };\n\n  /**\n   * You'll normally want to use {@link resizeElement} instead, but this can be\n   * used to resize all the watched elements at once.\n   *\n   * @example\n   * ```tsx\n   * import {\n   *   act,\n   *   createResizeObserverEntry,\n   *   render,\n   *   screen,\n   *   setupResizeObserverMock,\n   * } from \"@react-md/core/test-utils\";\n   *\n   * const observer = setupResizeObserverMock();\n   * const { container } = render(<Test />)\n   * expect(container).toMatchSnapshot()\n   *\n   * const target1 = screen.getByTestId('target-1');\n   * const target2 = screen.getByTestId('target-2');\n   * const target3 = screen.getByTestId('target-3');\n   *\n   * act(() => {\n   *   observer.resizeAllElements((element) => {\n   *     let height: number | undefined;\n   *     let width: number | undefined;\n   *     switch (element) {\n   *       case target1:\n   *         height = 400;\n   *         width = 250;\n   *         break;\n   *       case target2:\n   *         height = 100;\n   *         width = 380;\n   *         break;\n   *       case target3:\n   *         height = 24;\n   *         width = 24;\n   *         break;\n   *     }\n   *\n   *     return createResizeObserverEntry(element, { height, width });\n   *   });\n   * });\n   * expect(container).toMatchSnapshot()\n   * ```\n   */\n  resizeAllElements = (getEntry = createResizeObserverEntry): void => {\n    const entries = [...this.elements].map((element) => getEntry(element));\n    this.callback(entries, this);\n  };\n}\n\n/**\n * @since 6.0.0\n */\nexport interface SetupResizeObserverMockOptions {\n  /**\n   * Set this to `true` to mimic the real `ResizeObserver` behavior where the\n   * updates occur after an animation frame instead of invoking immediately.\n   *\n   * Keeping this as `false` is recommended since this option was only added to\n   * make testing this function itself easier.\n   *\n   * @defaultValue `false`\n   */\n  raf?: boolean;\n\n  /**\n   * Keeping this as the `resizeObserverManager` is recommended since this\n   * option was only added to make testing this function easier itself.\n   *\n   * @defaultValue `resizeObserverManager`\n   */\n  manager?: ResizeObserverManager;\n}\n\n/**\n * Initializes the `ResizeObserverMock` to be used for tests.\n *\n * @example Main Usage\n * ```tsx\n * import {\n *   cleanupResizeObserverAfterEach,\n *   render,\n *   screen,\n *   setupResizeObserverMock,\n * } from \"@react-md/core/test-utils\";\n * import { useResizeObserver } from \"@react-md/core/useResizeObserver\";\n * import { useCallback, useState } from \"react\";\n *\n * function ExampleComponent() {\n *   const [size, setSize] = useState({ height: 0, width: 0 });\n *   const ref = useResizeObserver({\n *     onUpdate: useCallback((entry) => {\n *       setSize({\n *         height: entry.contentRect.height,\n *         width: entry.contentRect.width,\n *       });\n *     }, []),\n *   });\n *\n *   return (\n *     <>\n *       <div data-testid=\"size\">{JSON.stringify(size)}</div>\n *       <div data-testid=\"resize-target\" ref={ref} />\n *     </>\n *   );\n * }\n *\n * cleanupResizeObserverAfterEach();\n *\n * describe(\"ExampleComponent\", () => {\n *   it(\"should do stuff\", () => {\n *     const observer = setupResizeObserverMock();\n *     render(<ExampleComponent />);\n *\n *     const size = screen.getByTestId(\"size\");\n *     const resizeTarget = screen.getByTestId(\"resize-target\");\n *\n *     // jsdom sets all element sizes to 0 by default\n *     expect(size).toHaveTextContent(JSON.stringify({ height: 0, width: 0 }));\n *\n *     // you can trigger with a custom change\n *     act(() => {\n *       observer.resizeElement(resizeTarget, { height: 100, width: 100 });\n *     });\n *     expect(size).toHaveTextContent(JSON.stringify({ height: 100, width: 100 }));\n *\n *     // or you can mock the `getBoundingClientRect` result\n *     jest.spyOn(resizeTarget, \"getBoundingClientRect\").mockReturnValue({\n *       ...document.body.getBoundingClientRect(),\n *       height: 200,\n *       width: 200,\n *     });\n *\n *     act(() => {\n *       observer.resizeElement(resizeTarget);\n *     });\n *     expect(size).toHaveTextContent(JSON.stringify({ height: 200, width: 200 }));\n *   });\n * });\n * ```\n *\n * @since 6.0.0\n */\nexport function setupResizeObserverMock(\n  options: SetupResizeObserverMockOptions = {}\n): ResizeObserverMock {\n  const { raf, manager = resizeObserverManager } = options;\n\n  const resizeObserver = new ResizeObserverMock((entries) => {\n    if (raf) {\n      window.cancelAnimationFrame(manager.frame);\n      manager.frame = window.requestAnimationFrame(() => {\n        manager.handleResizeEntries(entries);\n      });\n    } else {\n      manager.handleResizeEntries(entries);\n    }\n  });\n  manager.sharedObserver = resizeObserver;\n  return resizeObserver;\n}\n\n/**\n * @see {@link setupResizeObserverMock}\n * @since 6.0.0\n */\nexport function cleanupResizeObserverAfterEach(restoreAllMocks = true): void {\n  afterEach(() => {\n    resizeObserverManager.frame = 0;\n    resizeObserverManager.subscriptions = new Map();\n    resizeObserverManager.sharedObserver = undefined;\n\n    if (restoreAllMocks) {\n      jest.restoreAllMocks();\n    }\n  });\n}\n"],"names":["afterEach","jest","resizeObserverManager","createResizeObserverEntry","target","size","contentRect","getBoundingClientRect","height","width","boxSize","blockSize","inlineSize","borderBoxSize","contentBoxSize","devicePixelContentBoxSize","ResizeObserverMock","constructor","callback","elements","observe","unobserve","disconnect","resizeElement","resizeAllElements","add","delete","clear","changesOrGetEntry","has","Error","entry","getEntry","entries","map","element","Set","setupResizeObserverMock","options","raf","manager","resizeObserver","window","cancelAnimationFrame","frame","requestAnimationFrame","handleResizeEntries","sharedObserver","cleanupResizeObserverAfterEach","restoreAllMocks","subscriptions","Map","undefined"],"mappings":"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"}

package/dist/test-utils/jest-setup.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/test-utils/jest-setup.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/test-utils/jest-setup.ts"],"sourcesContent":["import { beforeEach } from \"@jest/globals\";\nimport { INTERACTION_CONFIG } from \"../interaction/config.js\";\nimport { TRANSITION_CONFIG } from \"../transition/config.js\";\n\nbeforeEach(() => {\n  // set the mode to `none` in tests since ripples require\n  // `getBoundingClientRect()` to create correct CSS. You'll either see warnings\n  // in the console around invalid css values or `NaN`.\n  INTERACTION_CONFIG.mode = \"none\";\n\n  // disable transitions in tests since it just makes it more difficult\n  TRANSITION_CONFIG.disabled = true;\n});\n"],"names":["beforeEach","INTERACTION_CONFIG","TRANSITION_CONFIG","mode","disabled"],"mappings":"AAAA,SAASA,UAAU,QAAQ,gBAAgB;AAC3C,SAASC,kBAAkB,QAAQ,2BAA2B;AAC9D,SAASC,iBAAiB,QAAQ,0BAA0B;AAE5DF,WAAW;IACT,wDAAwD;IACxD,8EAA8E;IAC9E,qDAAqD;IACrDC,mBAAmBE,IAAI,GAAG;IAE1B,qEAAqE;IACrED,kBAAkBE,QAAQ,GAAG;AAC/B"}