@react-md/core 1.0.0-next.0

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export { nanoid } from \"nanoid\";\nexport * from \"./CoreProviders.js\";\nexport * from \"./NoSsr.js\";\nexport * from \"./SsrProvider.js\";\nexport * from \"./app-bar/AppBar.js\";\nexport * from \"./app-bar/AppBarTitle.js\";\nexport * from \"./avatar/Avatar.js\";\nexport * from \"./avatar/styles.js\";\nexport * from \"./badge/Badge.js\";\nexport * from \"./box/Box.js\";\nexport * from \"./box/styles.js\";\nexport * from \"./button/AsyncButton.js\";\nexport * from \"./button/Button.js\";\nexport * from \"./button/ButtonUnstyled.js\";\nexport * from \"./button/FloatingActionButton.js\";\nexport * from \"./button/buttonStyles.js\";\nexport * from \"./button/buttonUnstyledStyles.js\";\nexport * from \"./card/Card.js\";\nexport * from \"./card/CardContent.js\";\nexport * from \"./card/CardFooter.js\";\nexport * from \"./card/CardHeader.js\";\nexport * from \"./card/CardSubtitle.js\";\nexport * from \"./card/CardTitle.js\";\nexport * from \"./card/styles.js\";\nexport * from \"./chip/Chip.js\";\nexport * from \"./chip/styles.js\";\nexport * from \"./cssUtils.js\";\nexport * from \"./delegateEvent.js\";\nexport * from \"./dialog/Dialog.js\";\nexport * from \"./dialog/DialogContainer.js\";\nexport * from \"./dialog/DialogContent.js\";\nexport * from \"./dialog/DialogFooter.js\";\nexport * from \"./dialog/DialogHeader.js\";\nexport * from \"./dialog/DialogTitle.js\";\nexport * from \"./dialog/FixedDialog.js\";\nexport * from \"./dialog/NestedDialogProvider.js\";\nexport * from \"./dialog/styles.js\";\nexport * from \"./divider/Divider.js\";\nexport * from \"./divider/VerticalDivider.js\";\nexport * from \"./divider/styles.js\";\nexport * from \"./divider/useVerticalDividerHeight.js\";\nexport * from \"./draggable/useDraggable.js\";\nexport * from \"./expansion-panel/ExpansionList.js\";\nexport * from \"./expansion-panel/ExpansionPanel.js\";\nexport * from \"./expansion-panel/ExpansionPanelHeader.js\";\nexport * from \"./expansion-panel/useExpansionList.js\";\nexport * from \"./expansion-panel/useExpansionPanels.js\";\nexport * from \"./focus/useFocusContainer.js\";\nexport * from \"./focus/utils.js\";\nexport * from \"./form/Checkbox.js\";\nexport * from \"./form/Fieldset.js\";\nexport * from \"./form/FileInput.js\";\nexport * from \"./form/Form.js\";\nexport * from \"./form/FormMessage.js\";\nexport * from \"./form/FormMessageContainer.js\";\nexport * from \"./form/FormMessageCounter.js\";\nexport * from \"./form/InputToggle.js\";\nexport * from \"./form/Label.js\";\nexport * from \"./form/Legend.js\";\nexport * from \"./form/MenuItemCheckbox.js\";\nexport * from \"./form/MenuItemFileInput.js\";\nexport * from \"./form/MenuItemInputToggle.js\";\nexport * from \"./form/MenuItemRadio.js\";\nexport * from \"./form/MenuItemSwitch.js\";\nexport * from \"./form/MenuItemTextField.js\";\nexport * from \"./form/NativeSelect.js\";\nexport * from \"./form/OptGroup.js\";\nexport * from \"./form/Option.js\";\nexport * from \"./form/Password.js\";\nexport * from \"./form/Radio.js\";\nexport * from \"./form/Select.js\";\nexport * from \"./form/Slider.js\";\nexport * from \"./form/SliderContainer.js\";\nexport * from \"./form/SliderMark.js\";\nexport * from \"./form/SliderMarkLabel.js\";\nexport * from \"./form/SliderThumb.js\";\nexport * from \"./form/SliderTrack.js\";\nexport * from \"./form/SliderValueMarks.js\";\nexport * from \"./form/SliderValueTooltip.js\";\nexport * from \"./form/Switch.js\";\nexport * from \"./form/TextArea.js\";\nexport * from \"./form/TextField.js\";\nexport * from \"./form/TextFieldAddon.js\";\nexport * from \"./form/TextFieldContainer.js\";\nexport * from \"./form/TextFieldContainerStyles.js\";\nexport * from \"./form/fileUtils.js\";\nexport * from \"./form/formConfig.js\";\nexport * from \"./form/formMessageStyles.js\";\nexport * from \"./form/nativeSelectStyles.js\";\nexport * from \"./form/optionStyles.js\";\nexport * from \"./form/passwordStyles.js\";\nexport * from \"./form/selectStyles.js\";\nexport * from \"./form/switchStyles.js\";\nexport * from \"./form/textFieldStyles.js\";\nexport * from \"./form/types.js\";\nexport * from \"./form/useCheckboxGroup.js\";\nexport * from \"./form/useFileUpload.js\";\nexport * from \"./form/useNumberField.js\";\nexport * from \"./form/useRadioGroup.js\";\nexport * from \"./form/useRangeSlider.js\";\nexport * from \"./form/useSlider.js\";\nexport * from \"./form/useTextField.js\";\nexport * from \"./form/validation.js\";\nexport * from \"./hoverMode/useHoverMode.js\";\nexport * from \"./hoverMode/useHoverModeProvider.js\";\nexport * from \"./icon/FontIcon.js\";\nexport * from \"./icon/IconRotator.js\";\nexport * from \"./icon/MaterialIcon.js\";\nexport * from \"./icon/MaterialIconsProvider.js\";\nexport * from \"./icon/MaterialSymbol.js\";\nexport * from \"./icon/MaterialSymbolsProvider.js\";\nexport * from \"./icon/SVGIcon.js\";\nexport * from \"./icon/TextIconSpacing.js\";\nexport * from \"./icon/iconConfig.js\";\nexport * from \"./icon/material.js\";\nexport * from \"./icon/styles.js\";\nexport * from \"./interaction/Ripple.js\";\nexport * from \"./interaction/RippleContainer.js\";\nexport * from \"./interaction/UserInteractionModeProvider.js\";\nexport * from \"./interaction/config.js\";\nexport * from \"./interaction/types.js\";\nexport * from \"./interaction/useElementInteraction.js\";\nexport * from \"./interaction/useHigherContrastChildren.js\";\nexport * from \"./layout/LayoutAppBar.js\";\nexport * from \"./layout/LayoutNav.js\";\nexport * from \"./layout/LayoutWindowSplitter.js\";\nexport * from \"./layout/Main.js\";\nexport * from \"./layout/layoutNavStyles.js\";\nexport * from \"./layout/layoutWindowSplitterStyles.js\";\nexport * from \"./layout/mainStyles.js\";\nexport * from \"./layout/useExpandableLayout.js\";\nexport * from \"./layout/useHorizontalLayoutTransition.js\";\nexport * from \"./layout/useLayoutAppBarHeight.js\";\nexport * from \"./layout/useLayoutTree.js\";\nexport * from \"./layout/useLayoutWindowSplitter.js\";\nexport * from \"./layout/useMainTabIndex.js\";\nexport * from \"./layout/useResizableLayout.js\";\nexport * from \"./layout/useTemporaryLayout.js\";\nexport * from \"./link/Link.js\";\nexport * from \"./link/LinkProvider.js\";\nexport * from \"./link/SkipToMainContent.js\";\nexport * from \"./link/styles.js\";\nexport * from \"./list/List.js\";\nexport * from \"./list/ListItem.js\";\nexport * from \"./list/ListItemAddon.js\";\nexport * from \"./list/ListItemChildren.js\";\nexport * from \"./list/ListItemLink.js\";\nexport * from \"./list/ListItemText.js\";\nexport * from \"./list/ListSubheader.js\";\nexport * from \"./list/getListItemHeight.js\";\nexport * from \"./list/listItemStyles.js\";\nexport * from \"./list/types.js\";\nexport * from \"./media-queries/AppSizeProvider.js\";\nexport * from \"./media-queries/appSize.js\";\nexport * from \"./media-queries/useMediaQuery.js\";\nexport * from \"./menu/DropdownMenu.js\";\nexport * from \"./menu/Menu.js\";\nexport * from \"./menu/MenuBar.js\";\nexport * from \"./menu/MenuButton.js\";\nexport * from \"./menu/MenuConfigurationProvider.js\";\nexport * from \"./menu/MenuItem.js\";\nexport * from \"./menu/MenuItemButton.js\";\nexport * from \"./menu/MenuItemGroup.js\";\nexport * from \"./menu/MenuItemSeparator.js\";\nexport * from \"./menu/MenuSheet.js\";\nexport * from \"./menu/MenuVisibilityProvider.js\";\nexport * from \"./menu/MenuWidget.js\";\nexport * from \"./menu/useContextMenu.js\";\nexport * from \"./menu/useMenuBarProvider.js\";\nexport * from \"./movement/constants.js\";\nexport * from \"./movement/findMatchIndex.js\";\nexport * from \"./movement/types.js\";\nexport * from \"./movement/useKeyboardMovementProvider.js\";\nexport * from \"./movement/utils.js\";\nexport * from \"./overlay/Overlay.js\";\nexport * from \"./overlay/overlayStyles.js\";\nexport * from \"./portal/Portal.js\";\nexport * from \"./portal/PortalContainerProvider.js\";\nexport * from \"./positioning/constants.js\";\nexport * from \"./positioning/types.js\";\nexport * from \"./positioning/useFixedPositioning.js\";\nexport * from \"./progress/CircularProgress.js\";\nexport * from \"./progress/LinearProgress.js\";\nexport * from \"./progress/getProgressA11y.js\";\nexport * from \"./progress/types.js\";\nexport * from \"./responsive-item/ResponsiveItemContainer.js\";\nexport * from \"./responsive-item/ResponsiveItemOverlay.js\";\nexport * from \"./responsive-item/styles.js\";\nexport * from \"./scroll/ScrollLock.js\";\nexport * from \"./scroll/getScrollbarWidth.js\";\nexport * from \"./scroll/useScrollLock.js\";\nexport * from \"./segmented-button/SegmentedButton.js\";\nexport * from \"./segmented-button/SegmentedButtonContainer.js\";\nexport * from \"./segmented-button/segmentedButtonContainerStyles.js\";\nexport * from \"./segmented-button/segmentedButtonStyles.js\";\nexport * from \"./sheet/Sheet.js\";\nexport * from \"./sheet/styles.js\";\nexport * from \"./snackbar/DefaultToastRenderer.js\";\nexport * from \"./snackbar/Snackbar.js\";\nexport * from \"./snackbar/Toast.js\";\nexport * from \"./snackbar/ToastActionButton.js\";\nexport * from \"./snackbar/ToastCloseButton.js\";\nexport * from \"./snackbar/ToastContent.js\";\nexport * from \"./snackbar/ToastManager.js\";\nexport * from \"./snackbar/ToastManagerProvider.js\";\nexport * from \"./snackbar/snackbarStyles.js\";\nexport * from \"./snackbar/toastContentStyles.js\";\nexport * from \"./snackbar/toastStyles.js\";\nexport * from \"./snackbar/useCurrentToastActions.js\";\nexport * from \"./suspense/CircularProgressSuspense.js\";\nexport * from \"./suspense/NullSuspense.js\";\nexport * from \"./table/Table.js\";\nexport * from \"./table/TableBody.js\";\nexport * from \"./table/TableCell.js\";\nexport * from \"./table/TableCellContent.js\";\nexport * from \"./table/TableCheckbox.js\";\nexport * from \"./table/TableConfigurationProvider.js\";\nexport * from \"./table/TableContainer.js\";\nexport * from \"./table/TableContainerProvider.js\";\nexport * from \"./table/TableFooter.js\";\nexport * from \"./table/TableHeader.js\";\nexport * from \"./table/TableRow.js\";\nexport * from \"./table/types.js\";\nexport * from \"./tabs/Tab.js\";\nexport * from \"./tabs/TabList.js\";\nexport * from \"./tabs/TabListScrollButton.js\";\nexport * from \"./tabs/tabIndicatorStyles.js\";\nexport * from \"./tabs/tabListScrollButtonStyles.js\";\nexport * from \"./tabs/tabListStyles.js\";\nexport * from \"./tabs/tabStyles.js\";\nexport * from \"./tabs/useTabs.js\";\nexport { getTabListScrollToOptions } from \"./tabs/utils.js\";\nexport type {\n  GetTabListScrollToOptions,\n  TabListScrollToOptions,\n} from \"./tabs/utils.js\";\nexport * from \"./theme/LocalStorageColorSchemeProvider.js\";\nexport * from \"./theme/ThemeProvider.js\";\nexport * from \"./theme/colors.js\";\nexport * from \"./theme/cssVars.js\";\nexport * from \"./theme/types.js\";\nexport * from \"./theme/useCSSVariables.js\";\nexport * from \"./theme/useColorScheme.js\";\nexport * from \"./theme/useColorSchemeMetaTag.js\";\nexport * from \"./theme/useColorSchemeProvider.js\";\nexport * from \"./theme/usePrefersColorScheme.js\";\nexport * from \"./theme/utils.js\";\nexport * from \"./tooltip/Tooltip.js\";\nexport * from \"./tooltip/TooltipHoverModeProvider.js\";\nexport * from \"./tooltip/constants.js\";\nexport * from \"./tooltip/useOverflowTooltip.js\";\nexport * from \"./tooltip/useTooltip.js\";\nexport * from \"./transition/CSSTransition.js\";\nexport * from \"./transition/Collapse.js\";\nexport * from \"./transition/CrossFade.js\";\nexport * from \"./transition/ScaleTransition.js\";\nexport * from \"./transition/SkeletonPlaceholder.js\";\nexport * from \"./transition/Slide.js\";\nexport * from \"./transition/SlideContainer.js\";\nexport * from \"./transition/maxWidthTransition.js\";\nexport * from \"./transition/types.js\";\nexport * from \"./transition/useCSSTransition.js\";\nexport * from \"./transition/useCarousel.js\";\nexport * from \"./transition/useCollapseTransition.js\";\nexport * from \"./transition/useCrossFadeTransition.js\";\nexport * from \"./transition/useMaxWidthTransition.js\";\nexport * from \"./transition/useScaleTransition.js\";\nexport * from \"./transition/useSkeletonPlaceholder.js\";\nexport * from \"./transition/useSlideTransition.js\";\nexport * from \"./transition/useTransition.js\";\nexport * from \"./tree/DefaultTreeItemRenderer.js\";\nexport * from \"./tree/Tree.js\";\nexport * from \"./tree/TreeGroup.js\";\nexport * from \"./tree/TreeItem.js\";\nexport * from \"./tree/TreeItemExpander.js\";\nexport * from \"./tree/TreeProvider.js\";\nexport * from \"./tree/styles.js\";\nexport * from \"./tree/types.js\";\nexport * from \"./tree/useTree.js\";\nexport * from \"./tree/useTreeExpansion.js\";\nexport * from \"./tree/useTreeItems.js\";\nexport * from \"./tree/useTreeSelection.js\";\nexport * from \"./tree/utils.js\";\nexport * from \"./types.js\";\nexport * from \"./typography/SrOnly.js\";\nexport * from \"./typography/TextContainer.js\";\nexport * from \"./typography/Typography.js\";\nexport * from \"./typography/WritingDirectionProvider.js\";\nexport * from \"./useAsyncAction.js\";\nexport * from \"./useDebouncedFunction.js\";\nexport * from \"./useDropzone.js\";\nexport * from \"./useEnsuredId.js\";\nexport * from \"./useEnsuredRef.js\";\nexport * from \"./useHtmlClassName.js\";\nexport * from \"./useIntersectionObserver.js\";\nexport * from \"./useIsomorphicLayoutEffect.js\";\nexport * from \"./useLocalStorage.js\";\nexport * from \"./useOrientation.js\";\nexport * from \"./usePageInactive.js\";\nexport * from \"./useResizeListener.js\";\nexport * from \"./useResizeObserver.js\";\nexport * from \"./useThrottledFunction.js\";\nexport * from \"./useToggle.js\";\nexport * from \"./useUnmounted.js\";\nexport * from \"./useWindowSize.js\";\nexport * from \"./utils/RenderRecursively.js\";\nexport * from \"./utils/alphaNumericSort.js\";\nexport * from \"./utils/applyRef.js\";\nexport * from \"./utils/bem.js\";\nexport * from \"./utils/filters.js\";\nexport * from \"./utils/getClientPosition.js\";\nexport * from \"./utils/getPercentage.js\";\nexport * from \"./utils/getRangeDefaultValue.js\";\nexport * from \"./utils/getRangeSteps.js\";\nexport * from \"./utils/identity.js\";\nexport * from \"./utils/isElementVisible.js\";\nexport * from \"./utils/loop.js\";\nexport * from \"./utils/nearest.js\";\nexport * from \"./utils/parseCssLengthUnit.js\";\nexport * from \"./utils/randomInt.js\";\nexport * from \"./utils/wait.js\";\nexport * from \"./utils/withinRange.js\";\nexport * from \"./window-splitter/WindowSplitter.js\";\nexport * from \"./window-splitter/useWindowSplitter.js\";\n"],"names":["nanoid","getTabListScrollToOptions"],"mappings":"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"}

package/dist/interaction/Ripple.d.ts

@@ -0,0 +1,22 @@
+import { type ReactElement } from "react";
+import { type CSSTransitionClassNames, type TransitionTimeout } from "../transition/types.js";
+import { type RippleState, type RippleTransitionCallbacks } from "./types.js";
+/** @internal */
+export declare const DEFAULT_RIPPLE_CLASSNAMES: Readonly<CSSTransitionClassNames>;
+/** @internal */
+export declare const DEFAULT_RIPPLE_TIMEOUT: Readonly<TransitionTimeout>;
+/** @internal */
+export interface RippleProps extends RippleTransitionCallbacks {
+    className?: string;
+    timeout?: TransitionTimeout;
+    classNames?: CSSTransitionClassNames;
+    ripple: RippleState;
+}
+/**
+ * **Client Component**
+ *
+ * This component should only be used by the `RippleContainer` component.
+ *
+ * @internal
+ */
+export declare function Ripple(props: RippleProps): ReactElement;

package/dist/interaction/Ripple.js

@@ -0,0 +1,46 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { cnb } from "cnbuilder";
+import { useCSSTransition } from "../transition/useCSSTransition.js";
+/** @internal */ export const DEFAULT_RIPPLE_CLASSNAMES = {
+    enter: "rmd-ripple--animating",
+    enterActive: "rmd-ripple--scaling",
+    enterDone: "rmd-ripple--animating rmd-ripple--scaling",
+    exit: "rmd-ripple--animating rmd-ripple--scaling",
+    exitActive: "rmd-ripple--fading"
+};
+/** @internal */ export const DEFAULT_RIPPLE_TIMEOUT = {
+    enter: 150,
+    exit: 300
+};
+/**
+ * **Client Component**
+ *
+ * This component should only be used by the `RippleContainer` component.
+ *
+ * @internal
+ */ export function Ripple(props) {
+    const { className, timeout = DEFAULT_RIPPLE_TIMEOUT, classNames = DEFAULT_RIPPLE_CLASSNAMES, ripple, onEntered, onExited } = props;
+    const { style, exiting } = ripple;
+    const { elementProps, rendered } = useCSSTransition({
+        appear: true,
+        className: cnb("rmd-ripple", className),
+        transitionIn: !exiting,
+        timeout,
+        classNames,
+        onEntered () {
+            onEntered(ripple);
+        },
+        onExited () {
+            onExited(ripple);
+        }
+    });
+    return /*#__PURE__*/ _jsx(_Fragment, {
+        children: rendered && /*#__PURE__*/ _jsx("span", {
+            style: style,
+            ...elementProps
+        })
+    });
+}
+
+//# sourceMappingURL=Ripple.js.map

package/dist/interaction/Ripple.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/interaction/Ripple.tsx"],"sourcesContent":["\"use client\";\nimport { cnb } from \"cnbuilder\";\nimport { type ReactElement } from \"react\";\nimport {\n  type CSSTransitionClassNames,\n  type TransitionTimeout,\n} from \"../transition/types.js\";\nimport { useCSSTransition } from \"../transition/useCSSTransition.js\";\nimport { type RippleState, type RippleTransitionCallbacks } from \"./types.js\";\n\n/** @internal */\nexport const DEFAULT_RIPPLE_CLASSNAMES: Readonly<CSSTransitionClassNames> = {\n  enter: \"rmd-ripple--animating\",\n  enterActive: \"rmd-ripple--scaling\",\n  enterDone: \"rmd-ripple--animating rmd-ripple--scaling\",\n  exit: \"rmd-ripple--animating rmd-ripple--scaling\",\n  exitActive: \"rmd-ripple--fading\",\n};\n\n/** @internal */\nexport const DEFAULT_RIPPLE_TIMEOUT: Readonly<TransitionTimeout> = {\n  enter: 150,\n  exit: 300,\n};\n\n/** @internal */\nexport interface RippleProps extends RippleTransitionCallbacks {\n  className?: string;\n  timeout?: TransitionTimeout;\n  classNames?: CSSTransitionClassNames;\n  ripple: RippleState;\n}\n\n/**\n * **Client Component**\n *\n * This component should only be used by the `RippleContainer` component.\n *\n * @internal\n */\nexport function Ripple(props: RippleProps): ReactElement {\n  const {\n    className,\n    timeout = DEFAULT_RIPPLE_TIMEOUT,\n    classNames = DEFAULT_RIPPLE_CLASSNAMES,\n    ripple,\n    onEntered,\n    onExited,\n  } = props;\n  const { style, exiting } = ripple;\n  const { elementProps, rendered } = useCSSTransition({\n    appear: true,\n    className: cnb(\"rmd-ripple\", className),\n    transitionIn: !exiting,\n    timeout,\n    classNames,\n    onEntered() {\n      onEntered(ripple);\n    },\n    onExited() {\n      onExited(ripple);\n    },\n  });\n\n  return <>{rendered && <span style={style} {...elementProps} />}</>;\n}\n"],"names":["cnb","useCSSTransition","DEFAULT_RIPPLE_CLASSNAMES","enter","enterActive","enterDone","exit","exitActive","DEFAULT_RIPPLE_TIMEOUT","Ripple","props","className","timeout","classNames","ripple","onEntered","onExited","style","exiting","elementProps","rendered","appear","transitionIn","span"],"mappings":"AAAA;;AACA,SAASA,GAAG,QAAQ,YAAY;AAMhC,SAASC,gBAAgB,QAAQ,oCAAoC;AAGrE,cAAc,GACd,OAAO,MAAMC,4BAA+D;IAC1EC,OAAO;IACPC,aAAa;IACbC,WAAW;IACXC,MAAM;IACNC,YAAY;AACd,EAAE;AAEF,cAAc,GACd,OAAO,MAAMC,yBAAsD;IACjEL,OAAO;IACPG,MAAM;AACR,EAAE;AAUF;;;;;;CAMC,GACD,OAAO,SAASG,OAAOC,KAAkB;IACvC,MAAM,EACJC,SAAS,EACTC,UAAUJ,sBAAsB,EAChCK,aAAaX,yBAAyB,EACtCY,MAAM,EACNC,SAAS,EACTC,QAAQ,EACT,GAAGN;IACJ,MAAM,EAAEO,KAAK,EAAEC,OAAO,EAAE,GAAGJ;IAC3B,MAAM,EAAEK,YAAY,EAAEC,QAAQ,EAAE,GAAGnB,iBAAiB;QAClDoB,QAAQ;QACRV,WAAWX,IAAI,cAAcW;QAC7BW,cAAc,CAACJ;QACfN;QACAC;QACAE;YACEA,UAAUD;QACZ;QACAE;YACEA,SAASF;QACX;IACF;IAEA,qBAAO;kBAAGM,0BAAY,KAACG;YAAKN,OAAOA;YAAQ,GAAGE,YAAY;;;AAC5D"}

package/dist/interaction/RippleContainer.d.ts

@@ -0,0 +1,22 @@
+import { type ReactElement } from "react";
+import { type ProvidedRippleContainerProps } from "./types.js";
+declare module "react" {
+    interface CSSProperties {
+        "--rmd-ripple-inset"?: string | number;
+        "--rmd-ripple-border-radius"?: string | number;
+    }
+}
+/** @internal */
+export interface RippleContainerProps extends ProvidedRippleContainerProps {
+    className?: string;
+}
+/**
+ * **Server Component**
+ *
+ * This component should generally only be used internally within `react-md`
+ * unless you are implementing a custom component interaction with
+ * `useElementInteraction`.
+ *
+ * @see {@link useElementInteraction} for example usage.
+ */
+export declare function RippleContainer(props: RippleContainerProps): ReactElement;

package/dist/interaction/RippleContainer.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cnb } from "cnbuilder";
+import { Ripple } from "./Ripple.js";
+/**
+ * **Server Component**
+ *
+ * This component should generally only be used internally within `react-md`
+ * unless you are implementing a custom component interaction with
+ * `useElementInteraction`.
+ *
+ * @see {@link useElementInteraction} for example usage.
+ */ export function RippleContainer(props) {
+    const { className, ripples, onEntered, onExited } = props;
+    return /*#__PURE__*/ _jsx("span", {
+        className: cnb("rmd-ripple-container", className),
+        children: ripples.map((ripple)=>/*#__PURE__*/ _jsx(Ripple, {
+                ripple: ripple,
+                onEntered: onEntered,
+                onExited: onExited
+            }, ripple.startTime))
+    });
+}
+
+//# sourceMappingURL=RippleContainer.js.map

package/dist/interaction/RippleContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/interaction/RippleContainer.tsx"],"sourcesContent":["import { cnb } from \"cnbuilder\";\nimport { type ReactElement } from \"react\";\nimport { Ripple } from \"./Ripple.js\";\nimport { type ProvidedRippleContainerProps } from \"./types.js\";\n\ndeclare module \"react\" {\n  interface CSSProperties {\n    \"--rmd-ripple-inset\"?: string | number;\n    \"--rmd-ripple-border-radius\"?: string | number;\n  }\n}\n\n/** @internal */\nexport interface RippleContainerProps extends ProvidedRippleContainerProps {\n  className?: string;\n}\n\n/**\n * **Server Component**\n *\n * This component should generally only be used internally within `react-md`\n * unless you are implementing a custom component interaction with\n * `useElementInteraction`.\n *\n * @see {@link useElementInteraction} for example usage.\n */\nexport function RippleContainer(props: RippleContainerProps): ReactElement {\n  const { className, ripples, onEntered, onExited } = props;\n\n  return (\n    <span className={cnb(\"rmd-ripple-container\", className)}>\n      {ripples.map((ripple) => (\n        <Ripple\n          key={ripple.startTime}\n          ripple={ripple}\n          onEntered={onEntered}\n          onExited={onExited}\n        />\n      ))}\n    </span>\n  );\n}\n"],"names":["cnb","Ripple","RippleContainer","props","className","ripples","onEntered","onExited","span","map","ripple","startTime"],"mappings":";AAAA,SAASA,GAAG,QAAQ,YAAY;AAEhC,SAASC,MAAM,QAAQ,cAAc;AAerC;;;;;;;;CAQC,GACD,OAAO,SAASC,gBAAgBC,KAA2B;IACzD,MAAM,EAAEC,SAAS,EAAEC,OAAO,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGJ;IAEpD,qBACE,KAACK;QAAKJ,WAAWJ,IAAI,wBAAwBI;kBAC1CC,QAAQI,GAAG,CAAC,CAACC,uBACZ,KAACT;gBAECS,QAAQA;gBACRJ,WAAWA;gBACXC,UAAUA;eAHLG,OAAOC,SAAS;;AAQ/B"}

package/dist/interaction/UserInteractionModeProvider.d.ts

@@ -0,0 +1,52 @@
+import { type ReactElement, type ReactNode } from "react";
+/**
+ * This is the current mode for how your user is interacting with your app. This
+ * will be used to determine which type of state styles should be applied at the
+ * time of interacting with an element on your page.
+ *
+ * @defaultValue `"mouse"`
+ */
+export type UserInteractionMode = "keyboard" | "mouse" | "touch";
+/**
+ * @returns the current user interaction mode
+ */
+export declare function useUserInteractionMode(): UserInteractionMode;
+export interface UserInteractionModeProviderProps {
+    children: ReactNode;
+}
+/**
+ * **Client Component**
+ *
+ * This component is used to determine how a user is interacting with your app
+ * to update component functionality and applying the following class names to
+ * the `document.body`:
+ *
+ * - `"mouse-mode"`
+ * - `"keyboard-mode"`
+ * - `"touch-mode"`
+ *
+ * Within `react-md`, these classes are used for the following behavior:
+ * - only display `:focus` outlines while in `"keyboard-mode"`
+ * - do not display `:hover` effects while in `"touch-mode"`
+ *
+ * @example
+ * Mount at the root of your app
+ * ```tsx
+ * import { createRoot } from "react-dom/client";
+ * import { UserInteractionModeProvider } from "@react-md/core";
+ * import App from "./App":
+ *
+ * const container = document.getElementById("root");
+ * const root = createRoot(container);
+ *
+ * root.render(
+ *   <UserInteractionModeProvider>
+ *     <App />
+ *   </UserInteractionModeProvider>
+ * );
+ * ```
+ *
+ * @throws "The `UserInteractionModeProvider` cannot be mounted multiple times."
+ * if this component is mounted multiple times in your app.
+ */
+export declare function UserInteractionModeProvider(props: UserInteractionModeProviderProps): ReactElement;

package/dist/interaction/UserInteractionModeProvider.js

@@ -0,0 +1,154 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useMemo, useRef, useState } from "react";
+const context = /*#__PURE__*/ createContext({
+    __root: false,
+    mode: "mouse"
+});
+context.displayName = "UserInteractionMode";
+const { Provider } = context;
+/**
+ * @returns the current user interaction mode
+ */ export function useUserInteractionMode() {
+    return useContext(context).mode;
+}
+/** @internal */ const TOUCH_TIMEOUT = 1200;
+/**
+ * **Client Component**
+ *
+ * This component is used to determine how a user is interacting with your app
+ * to update component functionality and applying the following class names to
+ * the `document.body`:
+ *
+ * - `"mouse-mode"`
+ * - `"keyboard-mode"`
+ * - `"touch-mode"`
+ *
+ * Within `react-md`, these classes are used for the following behavior:
+ * - only display `:focus` outlines while in `"keyboard-mode"`
+ * - do not display `:hover` effects while in `"touch-mode"`
+ *
+ * @example
+ * Mount at the root of your app
+ * ```tsx
+ * import { createRoot } from "react-dom/client";
+ * import { UserInteractionModeProvider } from "@react-md/core";
+ * import App from "./App":
+ *
+ * const container = document.getElementById("root");
+ * const root = createRoot(container);
+ *
+ * root.render(
+ *   <UserInteractionModeProvider>
+ *     <App />
+ *   </UserInteractionModeProvider>
+ * );
+ * ```
+ *
+ * @throws "The `UserInteractionModeProvider` cannot be mounted multiple times."
+ * if this component is mounted multiple times in your app.
+ */ export function UserInteractionModeProvider(props) {
+    const { children } = props;
+    const { __root } = useContext(context);
+    if (__root) {
+        throw new Error("The `UserInteractionModeProvider` cannot be mounted multiple times.");
+    }
+    const [mode, setMode] = useState("mouse");
+    const lastTouchTime = useRef(0);
+    const isTouchContextMenu = useRef(false);
+    /**
+   * This effect helps determine the current interaction mode by attaching the
+   * required event listeners to the window. The `mode` will always be defaulted
+   * to `mouse` at first since it has the least possibilities of causing errors
+   * with styles since the mouse-only styles are normally just `:hover` effects.
+   *
+   * ## Switching between modes:
+   *
+   * ### While in `mouse` mode:
+   *
+   * - any `keydown` event will switch to `keyboard` mode
+   *   - this does have the side effect of meta keys also causing the switch over,
+   *     but it feels fine since it helps show the current focus in the document
+   *     as well
+   * - any `touchstart` event will switch to `touch` mode
+   *
+   * ### While in `keyboard` mode:
+   *
+   * - any `mousedown` event will switch to `mouse` mode
+   *   - it is perfectly okay to move the mouse while in keyboard mode, but still
+   *     want to keep the keyboard styles until the user actually starts clicking
+   * - any `touchstart` event will switch to `touch` mode
+   *
+   * ### While in `touch` mode:
+   *
+   * - any `mousemove` event will switch to `mouse` mode, but **only** if there
+   *   hasn't been a `contextmenu` event within the last `1.2s`
+   *   - you can really only switch back to `mouse` mode if you are using the
+   *     devtools to emulate devices OR using a touch-desktop. I don't know how
+   *     common this really is though.
+   *   - touching the screen will always fire a `mousemove` event (which is why
+   *     the `:hover` styles are normally with `rmd-utils-mouse-only`) and even
+   *     after the `contextmenu` event. Normally want to go back to `mouse` mode
+   *     when the mouse re-enters the `window`
+   *
+   * Note: It's currently impossible to switch from `touch` to `keyboard`
+   * immediately. You'd first need to switch to `mouse` and then to `keyboard`. I
+   * don't really know of any use-cases other than the weird touch-desktop stuff
+   * and I have no experience using them.
+   */ useEffect(()=>{
+        const enableMouseMode = ()=>setMode("mouse");
+        const enableKeyboardMode = ()=>setMode("keyboard");
+        const handleTouchStart = ()=>{
+            lastTouchTime.current = Date.now();
+            isTouchContextMenu.current = false;
+            setMode("touch");
+        };
+        const handleMouseMove = ()=>{
+            if (isTouchContextMenu.current || Date.now() - lastTouchTime.current < TOUCH_TIMEOUT) {
+                isTouchContextMenu.current = false;
+                return;
+            }
+            enableMouseMode();
+        };
+        const handleContextMenu = ()=>{
+            isTouchContextMenu.current = true;
+        };
+        const className = `${mode}-mode`;
+        document.body.classList.add(className);
+        window.addEventListener("touchstart", handleTouchStart, true);
+        if (mode === "mouse") {
+            window.addEventListener("keydown", enableKeyboardMode, true);
+        } else if (mode === "keyboard") {
+            window.addEventListener("mousedown", enableMouseMode, true);
+        } else {
+            window.addEventListener("mousemove", handleMouseMove, true);
+            window.addEventListener("contextmenu", handleContextMenu, true);
+        }
+        return ()=>{
+            document.body.classList.remove(className);
+            window.removeEventListener("touchstart", handleTouchStart, true);
+            if (mode === "mouse") {
+                window.removeEventListener("keydown", enableKeyboardMode, true);
+            } else if (mode === "keyboard") {
+                window.removeEventListener("mousedown", enableMouseMode, true);
+            } else {
+                window.removeEventListener("mousemove", handleMouseMove, true);
+                window.removeEventListener("contextmenu", handleContextMenu, true);
+            }
+        };
+    }, [
+        mode
+    ]);
+    const value = useMemo(()=>({
+            mode,
+            __root: true
+        }), [
+        mode
+    ]);
+    return /*#__PURE__*/ _jsx(Provider, {
+        value: value,
+        children: children
+    });
+}
+
+//# sourceMappingURL=UserInteractionModeProvider.js.map

package/dist/interaction/UserInteractionModeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/interaction/UserInteractionModeProvider.tsx"],"sourcesContent":["\"use client\";\nimport {\n  createContext,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ReactElement,\n  type ReactNode,\n} from \"react\";\n\n/**\n * This is the current mode for how your user is interacting with your app. This\n * will be used to determine which type of state styles should be applied at the\n * time of interacting with an element on your page.\n *\n * @defaultValue `\"mouse\"`\n */\nexport type UserInteractionMode = \"keyboard\" | \"mouse\" | \"touch\";\n\n/** @internal */\ninterface UserInteractionModeContext {\n  __root: boolean;\n  mode: UserInteractionMode;\n}\n\nconst context = createContext<UserInteractionModeContext>({\n  __root: false,\n  mode: \"mouse\",\n});\ncontext.displayName = \"UserInteractionMode\";\nconst { Provider } = context;\n\n/**\n * @returns the current user interaction mode\n */\nexport function useUserInteractionMode(): UserInteractionMode {\n  return useContext(context).mode;\n}\n\n/** @internal */\nconst TOUCH_TIMEOUT = 1200;\n\nexport interface UserInteractionModeProviderProps {\n  children: ReactNode;\n}\n\n/**\n * **Client Component**\n *\n * This component is used to determine how a user is interacting with your app\n * to update component functionality and applying the following class names to\n * the `document.body`:\n *\n * - `\"mouse-mode\"`\n * - `\"keyboard-mode\"`\n * - `\"touch-mode\"`\n *\n * Within `react-md`, these classes are used for the following behavior:\n * - only display `:focus` outlines while in `\"keyboard-mode\"`\n * - do not display `:hover` effects while in `\"touch-mode\"`\n *\n * @example\n * Mount at the root of your app\n * ```tsx\n * import { createRoot } from \"react-dom/client\";\n * import { UserInteractionModeProvider } from \"@react-md/core\";\n * import App from \"./App\":\n *\n * const container = document.getElementById(\"root\");\n * const root = createRoot(container);\n *\n * root.render(\n *   <UserInteractionModeProvider>\n *     <App />\n *   </UserInteractionModeProvider>\n * );\n * ```\n *\n * @throws \"The `UserInteractionModeProvider` cannot be mounted multiple times.\"\n * if this component is mounted multiple times in your app.\n */\nexport function UserInteractionModeProvider(\n  props: UserInteractionModeProviderProps\n): ReactElement {\n  const { children } = props;\n  const { __root } = useContext(context);\n  if (__root) {\n    throw new Error(\n      \"The `UserInteractionModeProvider` cannot be mounted multiple times.\"\n    );\n  }\n\n  const [mode, setMode] = useState<UserInteractionMode>(\"mouse\");\n  const lastTouchTime = useRef(0);\n  const isTouchContextMenu = useRef(false);\n\n  /**\n   * This effect helps determine the current interaction mode by attaching the\n   * required event listeners to the window. The `mode` will always be defaulted\n   * to `mouse` at first since it has the least possibilities of causing errors\n   * with styles since the mouse-only styles are normally just `:hover` effects.\n   *\n   * ## Switching between modes:\n   *\n   * ### While in `mouse` mode:\n   *\n   * - any `keydown` event will switch to `keyboard` mode\n   *   - this does have the side effect of meta keys also causing the switch over,\n   *     but it feels fine since it helps show the current focus in the document\n   *     as well\n   * - any `touchstart` event will switch to `touch` mode\n   *\n   * ### While in `keyboard` mode:\n   *\n   * - any `mousedown` event will switch to `mouse` mode\n   *   - it is perfectly okay to move the mouse while in keyboard mode, but still\n   *     want to keep the keyboard styles until the user actually starts clicking\n   * - any `touchstart` event will switch to `touch` mode\n   *\n   * ### While in `touch` mode:\n   *\n   * - any `mousemove` event will switch to `mouse` mode, but **only** if there\n   *   hasn't been a `contextmenu` event within the last `1.2s`\n   *   - you can really only switch back to `mouse` mode if you are using the\n   *     devtools to emulate devices OR using a touch-desktop. I don't know how\n   *     common this really is though.\n   *   - touching the screen will always fire a `mousemove` event (which is why\n   *     the `:hover` styles are normally with `rmd-utils-mouse-only`) and even\n   *     after the `contextmenu` event. Normally want to go back to `mouse` mode\n   *     when the mouse re-enters the `window`\n   *\n   * Note: It's currently impossible to switch from `touch` to `keyboard`\n   * immediately. You'd first need to switch to `mouse` and then to `keyboard`. I\n   * don't really know of any use-cases other than the weird touch-desktop stuff\n   * and I have no experience using them.\n   */\n  useEffect(() => {\n    const enableMouseMode = (): void => setMode(\"mouse\");\n    const enableKeyboardMode = (): void => setMode(\"keyboard\");\n\n    const handleTouchStart = (): void => {\n      lastTouchTime.current = Date.now();\n      isTouchContextMenu.current = false;\n      setMode(\"touch\");\n    };\n\n    const handleMouseMove = (): void => {\n      if (\n        isTouchContextMenu.current ||\n        Date.now() - lastTouchTime.current < TOUCH_TIMEOUT\n      ) {\n        isTouchContextMenu.current = false;\n        return;\n      }\n\n      enableMouseMode();\n    };\n    const handleContextMenu = (): void => {\n      isTouchContextMenu.current = true;\n    };\n\n    const className = `${mode}-mode`;\n    document.body.classList.add(className);\n    window.addEventListener(\"touchstart\", handleTouchStart, true);\n    if (mode === \"mouse\") {\n      window.addEventListener(\"keydown\", enableKeyboardMode, true);\n    } else if (mode === \"keyboard\") {\n      window.addEventListener(\"mousedown\", enableMouseMode, true);\n    } else {\n      window.addEventListener(\"mousemove\", handleMouseMove, true);\n      window.addEventListener(\"contextmenu\", handleContextMenu, true);\n    }\n\n    return () => {\n      document.body.classList.remove(className);\n      window.removeEventListener(\"touchstart\", handleTouchStart, true);\n      if (mode === \"mouse\") {\n        window.removeEventListener(\"keydown\", enableKeyboardMode, true);\n      } else if (mode === \"keyboard\") {\n        window.removeEventListener(\"mousedown\", enableMouseMode, true);\n      } else {\n        window.removeEventListener(\"mousemove\", handleMouseMove, true);\n        window.removeEventListener(\"contextmenu\", handleContextMenu, true);\n      }\n    };\n  }, [mode]);\n\n  const value = useMemo<UserInteractionModeContext>(\n    () => ({\n      mode,\n      __root: true,\n    }),\n    [mode]\n  );\n  return <Provider value={value}>{children}</Provider>;\n}\n"],"names":["createContext","useContext","useEffect","useMemo","useRef","useState","context","__root","mode","displayName","Provider","useUserInteractionMode","TOUCH_TIMEOUT","UserInteractionModeProvider","props","children","Error","setMode","lastTouchTime","isTouchContextMenu","enableMouseMode","enableKeyboardMode","handleTouchStart","current","Date","now","handleMouseMove","handleContextMenu","className","document","body","classList","add","window","addEventListener","remove","removeEventListener","value"],"mappings":"AAAA;;AACA,SACEA,aAAa,EACbC,UAAU,EACVC,SAAS,EACTC,OAAO,EACPC,MAAM,EACNC,QAAQ,QAGH,QAAQ;AAiBf,MAAMC,wBAAUN,cAA0C;IACxDO,QAAQ;IACRC,MAAM;AACR;AACAF,QAAQG,WAAW,GAAG;AACtB,MAAM,EAAEC,QAAQ,EAAE,GAAGJ;AAErB;;CAEC,GACD,OAAO,SAASK;IACd,OAAOV,WAAWK,SAASE,IAAI;AACjC;AAEA,cAAc,GACd,MAAMI,gBAAgB;AAMtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCC,GACD,OAAO,SAASC,4BACdC,KAAuC;IAEvC,MAAM,EAAEC,QAAQ,EAAE,GAAGD;IACrB,MAAM,EAAEP,MAAM,EAAE,GAAGN,WAAWK;IAC9B,IAAIC,QAAQ;QACV,MAAM,IAAIS,MACR;IAEJ;IAEA,MAAM,CAACR,MAAMS,QAAQ,GAAGZ,SAA8B;IACtD,MAAMa,gBAAgBd,OAAO;IAC7B,MAAMe,qBAAqBf,OAAO;IAElC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCC,GACDF,UAAU;QACR,MAAMkB,kBAAkB,IAAYH,QAAQ;QAC5C,MAAMI,qBAAqB,IAAYJ,QAAQ;QAE/C,MAAMK,mBAAmB;YACvBJ,cAAcK,OAAO,GAAGC,KAAKC,GAAG;YAChCN,mBAAmBI,OAAO,GAAG;YAC7BN,QAAQ;QACV;QAEA,MAAMS,kBAAkB;YACtB,IACEP,mBAAmBI,OAAO,IAC1BC,KAAKC,GAAG,KAAKP,cAAcK,OAAO,GAAGX,eACrC;gBACAO,mBAAmBI,OAAO,GAAG;gBAC7B;YACF;YAEAH;QACF;QACA,MAAMO,oBAAoB;YACxBR,mBAAmBI,OAAO,GAAG;QAC/B;QAEA,MAAMK,YAAY,CAAC,EAAEpB,KAAK,KAAK,CAAC;QAChCqB,SAASC,IAAI,CAACC,SAAS,CAACC,GAAG,CAACJ;QAC5BK,OAAOC,gBAAgB,CAAC,cAAcZ,kBAAkB;QACxD,IAAId,SAAS,SAAS;YACpByB,OAAOC,gBAAgB,CAAC,WAAWb,oBAAoB;QACzD,OAAO,IAAIb,SAAS,YAAY;YAC9ByB,OAAOC,gBAAgB,CAAC,aAAad,iBAAiB;QACxD,OAAO;YACLa,OAAOC,gBAAgB,CAAC,aAAaR,iBAAiB;YACtDO,OAAOC,gBAAgB,CAAC,eAAeP,mBAAmB;QAC5D;QAEA,OAAO;YACLE,SAASC,IAAI,CAACC,SAAS,CAACI,MAAM,CAACP;YAC/BK,OAAOG,mBAAmB,CAAC,cAAcd,kBAAkB;YAC3D,IAAId,SAAS,SAAS;gBACpByB,OAAOG,mBAAmB,CAAC,WAAWf,oBAAoB;YAC5D,OAAO,IAAIb,SAAS,YAAY;gBAC9ByB,OAAOG,mBAAmB,CAAC,aAAahB,iBAAiB;YAC3D,OAAO;gBACLa,OAAOG,mBAAmB,CAAC,aAAaV,iBAAiB;gBACzDO,OAAOG,mBAAmB,CAAC,eAAeT,mBAAmB;YAC/D;QACF;IACF,GAAG;QAACnB;KAAK;IAET,MAAM6B,QAAQlC,QACZ,IAAO,CAAA;YACLK;YACAD,QAAQ;QACV,CAAA,GACA;QAACC;KAAK;IAER,qBAAO,KAACE;QAAS2B,OAAOA;kBAAQtB;;AAClC"}