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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-md/core",
-  "version": "1.0.0-next.1",
+  "version": "1.0.0-next.11",
   "description": "The core components and functionality for react-md.",
   "type": "module",
   "sass": "./dist/_core.scss",
@@ -19,16 +19,355 @@
       "require": "./dist/test-utils/polyfills/*",
       "default": "./dist/test-utils/polyfills/*.js"
     },
-    "./test-utils/jest-setup": "./dist/test-utils/jest-setup.js",
-    "./test-utils/data-testid": "./dist/test-utils/data-testid.js",
     "./test-utils": "./dist/test-utils/index.js",
     "./test-utils/*": {
       "require": "./dist/test-utils/*",
       "default": "./dist/test-utils/*.js"
     },
     "./colors": {
-      "sass": "./dist/_colors.scss"
+      "sass": "./dist/_colors.scss",
+      "default": "./dist/theme/colors.js"
     },
+    "./CoreProviders": "./dist/CoreProviders.js",
+    "./NoSsr": "./dist/NoSsr.js",
+    "./RootHtml": "./dist/RootHtml.js",
+    "./AppBar": "./dist/app-bar/AppBar.js",
+    "./AppBarTitle": "./dist/app-bar/AppBarTitle.js",
+    "./Avatar": "./dist/avatar/Avatar.js",
+    "./avatarStyles": "./dist/avatar/styles.js",
+    "./Badge": "./dist/badge/Badge.js",
+    "./Box": "./dist/box/Box.js",
+    "./boxStyles": "./dist/box/styles.js",
+    "./AsyncButton": "./dist/button/AsyncButton.js",
+    "./Button": "./dist/button/Button.js",
+    "./ButtonUnstyled": "./dist/button/ButtonUnstyled.js",
+    "./FloatingActionButton": "./dist/button/FloatingActionButton.js",
+    "./TooltippedButton": "./dist/button/TooltippedButton.js",
+    "./buttonStyles": "./dist/button/buttonStyles.js",
+    "./buttonUnstyledStyles": "./dist/button/buttonUnstyledStyles.js",
+    "./Card": "./dist/card/Card.js",
+    "./CardContent": "./dist/card/CardContent.js",
+    "./CardFooter": "./dist/card/CardFooter.js",
+    "./CardHeader": "./dist/card/CardHeader.js",
+    "./CardSubtitle": "./dist/card/CardSubtitle.js",
+    "./CardTitle": "./dist/card/CardTitle.js",
+    "./ClickableCard": "./dist/card/ClickableCard.js",
+    "./cardStyles": "./dist/card/styles.js",
+    "./Chip": "./dist/chip/Chip.js",
+    "./chipStyles": "./dist/chip/styles.js",
+    "./cssUtils": "./dist/cssUtils.js",
+    "./delegateEvent": "./dist/delegateEvent.js",
+    "./Dialog": "./dist/dialog/Dialog.js",
+    "./DialogContainer": "./dist/dialog/DialogContainer.js",
+    "./DialogContent": "./dist/dialog/DialogContent.js",
+    "./DialogFooter": "./dist/dialog/DialogFooter.js",
+    "./DialogHeader": "./dist/dialog/DialogHeader.js",
+    "./DialogTitle": "./dist/dialog/DialogTitle.js",
+    "./FixedDialog": "./dist/dialog/FixedDialog.js",
+    "./NestedDialogProvider": "./dist/dialog/NestedDialogProvider.js",
+    "./dialogStyles": "./dist/dialog/styles.js",
+    "./Divider": "./dist/divider/Divider.js",
+    "./dividerStyles": "./dist/divider/styles.js",
+    "./useDraggable": "./dist/draggable/useDraggable.js",
+    "./ExpansionList": "./dist/expansion-panel/ExpansionList.js",
+    "./ExpansionPanel": "./dist/expansion-panel/ExpansionPanel.js",
+    "./ExpansionPanelHeader": "./dist/expansion-panel/ExpansionPanelHeader.js",
+    "./useExpansionList": "./dist/expansion-panel/useExpansionList.js",
+    "./useExpansionPanels": "./dist/expansion-panel/useExpansionPanels.js",
+    "./useFocusContainer": "./dist/focus/useFocusContainer.js",
+    "./focusUtils": "./dist/focus/utils.js",
+    "./Checkbox": "./dist/form/Checkbox.js",
+    "./Fieldset": "./dist/form/Fieldset.js",
+    "./FileInput": "./dist/form/FileInput.js",
+    "./Form": "./dist/form/Form.js",
+    "./FormMessage": "./dist/form/FormMessage.js",
+    "./FormMessageContainer": "./dist/form/FormMessageContainer.js",
+    "./FormMessageCounter": "./dist/form/FormMessageCounter.js",
+    "./InputToggle": "./dist/form/InputToggle.js",
+    "./Label": "./dist/form/Label.js",
+    "./Legend": "./dist/form/Legend.js",
+    "./MenuItemCheckbox": "./dist/form/MenuItemCheckbox.js",
+    "./MenuItemFileInput": "./dist/form/MenuItemFileInput.js",
+    "./MenuItemInputToggle": "./dist/form/MenuItemInputToggle.js",
+    "./MenuItemRadio": "./dist/form/MenuItemRadio.js",
+    "./MenuItemSwitch": "./dist/form/MenuItemSwitch.js",
+    "./MenuItemTextField": "./dist/form/MenuItemTextField.js",
+    "./NativeSelect": "./dist/form/NativeSelect.js",
+    "./OptGroup": "./dist/form/OptGroup.js",
+    "./Option": "./dist/form/Option.js",
+    "./Password": "./dist/form/Password.js",
+    "./Radio": "./dist/form/Radio.js",
+    "./Select": "./dist/form/Select.js",
+    "./SelectedOption": "./dist/form/SelectedOption.js",
+    "./Slider": "./dist/form/Slider.js",
+    "./SliderContainer": "./dist/form/SliderContainer.js",
+    "./SliderMark": "./dist/form/SliderMark.js",
+    "./SliderMarkLabel": "./dist/form/SliderMarkLabel.js",
+    "./SliderThumb": "./dist/form/SliderThumb.js",
+    "./SliderTrack": "./dist/form/SliderTrack.js",
+    "./SliderValueMarks": "./dist/form/SliderValueMarks.js",
+    "./SliderValueTooltip": "./dist/form/SliderValueTooltip.js",
+    "./Switch": "./dist/form/Switch.js",
+    "./TextArea": "./dist/form/TextArea.js",
+    "./TextField": "./dist/form/TextField.js",
+    "./TextFieldAddon": "./dist/form/TextFieldAddon.js",
+    "./TextFieldContainer": "./dist/form/TextFieldContainer.js",
+    "./TextFieldContainerStyles": "./dist/form/textFieldContainerStyles.js",
+    "./fileUtils": "./dist/form/fileUtils.js",
+    "./formConfig": "./dist/form/formConfig.js",
+    "./formMessageStyles": "./dist/form/formMessageStyles.js",
+    "./menuItemInputToggleStyles": "./dist/form/menuItemInputToggleStyles.js",
+    "./nativeSelectStyles": "./dist/form/nativeSelectStyles.js",
+    "./optionStyles": "./dist/form/optionStyles.js",
+    "./passwordStyles": "./dist/form/passwordStyles.js",
+    "./selectStyles": "./dist/form/selectStyles.js",
+    "./switchStyles": "./dist/form/switchStyles.js",
+    "./textFieldStyles": "./dist/form/textFieldStyles.js",
+    "./formTypes": "./dist/form/types.js",
+    "./useCheckboxGroup": "./dist/form/useCheckboxGroup.js",
+    "./useCombobox": "./dist/form/useCombobox.js",
+    "./useEditableCombobox": "./dist/form/useEditableCombobox.js",
+    "./useFileUpload": "./dist/form/useFileUpload.js",
+    "./useFormReset": "./dist/form/useFormReset.js",
+    "./useListboxProvider": "./dist/form/useListboxProvider.js",
+    "./useNumberField": "./dist/form/useNumberField.js",
+    "./useRadioGroup": "./dist/form/useRadioGroup.js",
+    "./useRangeSlider": "./dist/form/useRangeSlider.js",
+    "./useSelectCombobox": "./dist/form/useSelectCombobox.js",
+    "./useSliderj": "./dist/form/useSlider.js",
+    "./useTextField": "./dist/form/useTextField.js",
+    "./formUtils": "./dist/form/utils.js",
+    "./validation": "./dist/form/validation.js",
+    "./useHoverMode": "./dist/hoverMode/useHoverMode.js",
+    "./useHoverModeProvider": "./dist/hoverMode/useHoverModeProvider.js",
+    "./FontIcon": "./dist/icon/FontIcon.js",
+    "./IconRotator": "./dist/icon/IconRotator.js",
+    "./MaterialIcon": "./dist/icon/MaterialIcon.js",
+    "./MaterialSymbol": "./dist/icon/MaterialSymbol.js",
+    "./SVGIcon": "./dist/icon/SVGIcon.js",
+    "./TextIconSpacing": "./dist/icon/TextIconSpacing.js",
+    "./iconConfig": "./dist/icon/iconConfig.js",
+    "./materialTypes": "./dist/icon/material.js",
+    "./materialConfig": "./dist/icon/materialConfig.js",
+    "./iconStyles": "./dist/icon/styles.js",
+    "./Ripple": "./dist/interaction/Ripple.js",
+    "./RippleContainer": "./dist/interaction/RippleContainer.js",
+    "./UserInteractionModeProvider": "./dist/interaction/UserInteractionModeProvider.js",
+    "./interactionConfig": "./dist/interaction/config.js",
+    "./interactionTypes": "./dist/interaction/types.js",
+    "./useElementInteraction": "./dist/interaction/useElementInteraction.js",
+    "./useHigherContrastChildren": "./dist/interaction/useHigherContrastChildren.js",
+    "./LayoutAppBar": "./dist/layout/LayoutAppBar.js",
+    "./LayoutNav": "./dist/layout/LayoutNav.js",
+    "./LayoutWindowSplitter": "./dist/layout/LayoutWindowSplitter.js",
+    "./Main": "./dist/layout/Main.js",
+    "./layoutNavStyles": "./dist/layout/layoutNavStyles.js",
+    "./layoutWindowSplitterStyles": "./dist/layout/layoutWindowSplitterStyles.js",
+    "./mainStyles": "./dist/layout/mainStyles.js",
+    "./useExpandableLayout": "./dist/layout/useExpandableLayout.js",
+    "./useHorizontalLayoutTransition": "./dist/layout/useHorizontalLayoutTransition.js",
+    "./useLayoutAppBarHeight": "./dist/layout/useLayoutAppBarHeight.js",
+    "./useLayoutTree": "./dist/layout/useLayoutTree.js",
+    "./useLayoutWindowSplitter": "./dist/layout/useLayoutWindowSplitter.js",
+    "./useMainTabIndex": "./dist/layout/useMainTabIndex.js",
+    "./useResizableLayout": "./dist/layout/useResizableLayout.js",
+    "./useTemporaryLayout": "./dist/layout/useTemporaryLayout.js",
+    "./Link": "./dist/link/Link.js",
+    "./SkipToMainContent": "./dist/link/SkipToMainContent.js",
+    "./linkStyles": "./dist/link/styles.js",
+    "./List": "./dist/list/List.js",
+    "./ListItem": "./dist/list/ListItem.js",
+    "./ListItemAddon": "./dist/list/ListItemAddon.js",
+    "./ListItemChildren": "./dist/list/ListItemChildren.js",
+    "./ListItemLink": "./dist/list/ListItemLink.js",
+    "./ListItemText": "./dist/list/ListItemText.js",
+    "./ListSubheader": "./dist/list/ListSubheader.js",
+    "./getListItemHeight": "./dist/list/getListItemHeight.js",
+    "./listItemStyles": "./dist/list/listItemStyles.js",
+    "./listTypes": "./dist/list/types.js",
+    "./AppSizeProvider": "./dist/media-queries/AppSizeProvider.js",
+    "./appSize": "./dist/media-queries/appSize.js",
+    "./useMediaQuery": "./dist/media-queries/useMediaQuery.js",
+    "./DropdownMenu": "./dist/menu/DropdownMenu.js",
+    "./Menu": "./dist/menu/Menu.js",
+    "./MenuBar": "./dist/menu/MenuBar.js",
+    "./MenuButton": "./dist/menu/MenuButton.js",
+    "./MenuConfigurationProvider": "./dist/menu/MenuConfigurationProvider.js",
+    "./MenuItem": "./dist/menu/MenuItem.js",
+    "./MenuItemButton": "./dist/menu/MenuItemButton.js",
+    "./MenuItemCircularProgress": "./dist/menu/MenuItemCircularProgress.js",
+    "./MenuItemGroup": "./dist/menu/MenuItemGroup.js",
+    "./MenuItemSeparator": "./dist/menu/MenuItemSeparator.js",
+    "./MenuSheet": "./dist/menu/MenuSheet.js",
+    "./MenuVisibilityProvider": "./dist/menu/MenuVisibilityProvider.js",
+    "./MenuWidget": "./dist/menu/MenuWidget.js",
+    "./useContextMenu": "./dist/menu/useContextMenu.js",
+    "./useMenuBarProvider": "./dist/menu/useMenuBarProvider.js",
+    "./movementConstants": "./dist/movement/constants.js",
+    "./findMatchIndex": "./dist/movement/findMatchIndex.js",
+    "./movementTypes": "./dist/movement/types.js",
+    "./useKeyboardMovementProvider": "./dist/movement/useKeyboardMovementProvider.js",
+    "./movementUtils": "./dist/movement/utils.js",
+    "./Overlay": "./dist/overlay/Overlay.js",
+    "./overlayStyles": "./dist/overlay/overlayStyles.js",
+    "./Portal": "./dist/portal/Portal.js",
+    "./PortalContainerProvider": "./dist/portal/PortalContainerProvider.js",
+    "./positioningConstants": "./dist/positioning/constants.js",
+    "./positioningTypes": "./dist/positioning/types.js",
+    "./useFixedPositioning": "./dist/positioning/useFixedPositioning.js",
+    "./CircularProgress": "./dist/progress/CircularProgress.js",
+    "./LinearProgress": "./dist/progress/LinearProgress.js",
+    "./getProgressA11y": "./dist/progress/getProgressA11y.js",
+    "./progressTypes": "./dist/progress/types.js",
+    "./ResponsiveItemContainer": "./dist/responsive-item/ResponsiveItemContainer.js",
+    "./ResponsiveItemOverlay": "./dist/responsive-item/ResponsiveItemOverlay.js",
+    "./responsiveItemStyles": "./dist/responsive-item/styles.js",
+    "./ScrollLock": "./dist/scroll/ScrollLock.js",
+    "./getScrollbarWidth": "./dist/scroll/getScrollbarWidth.js",
+    "./useScrollLock": "./dist/scroll/useScrollLock.js",
+    "./caseInsensitiveSearch": "./dist/searching/caseInsensitive.js",
+    "./fuzzySearch": "./dist/searching/fuzzy.js",
+    "./toSearchQuery": "./dist/searching/toSearchQuery.js",
+    "./searchingTypes": "./dist/searching/types.js",
+    "./useFuzzyMatch": "./dist/searching/useFuzzyMatch.js",
+    "./searchingUtils": "./dist/searching/utils.js",
+    "./SegmenetedButton": "./dist/segmented-button/SegmentedButton.js",
+    "./SegmentedButtonContainer": "./dist/segmented-button/SegmentedButtonContainer.js",
+    "./segmentedButtonContainerStyles": "./dist/segmented-button/segmentedButtonContainerStyles.js",
+    "./segmenetedButtonStyles": "./dist/segmented-button/segmentedButtonStyles.js",
+    "./Sheet": "./dist/sheet/Sheet.js",
+    "./sheetStyles": "./dist/sheet/styles.js",
+    "./DefaultToastRenderer": "./dist/snackbar/DefaultToastRenderer.js",
+    "./Snackbar": "./dist/snackbar/Snackbar.js",
+    "./Toast": "./dist/snackbar/Toast.js",
+    "./ToastActionButton": "./dist/snackbar/ToastActionButton.js",
+    "./ToastCloseButton": "./dist/snackbar/ToastCloseButton.js",
+    "./ToastContent": "./dist/snackbar/ToastContent.js",
+    "./ToastManager": "./dist/snackbar/ToastManager.js",
+    "./ToastManagerProvider": "./dist/snackbar/ToastManagerProvider.js",
+    "./snackbarStyles": "./dist/snackbar/snackbarStyles.js",
+    "./toastContentStyles": "./dist/snackbar/toastContentStyles.js",
+    "./toastStyles": "./dist/snackbar/toastStyles.js",
+    "./useCurrentToastActions": "./dist/snackbar/useCurrentToastActions.js",
+    "./CircularProgressSuspense": "./dist/suspense/CircularProgressSuspense.js",
+    "./NullSuspense": "./dist/suspense/NullSuspense.js",
+    "./Table": "./dist/table/Table.js",
+    "./TableBody": "./dist/table/TableBody.js",
+    "./TableCell": "./dist/table/TableCell.js",
+    "./TableCellContent": "./dist/table/TableCellContent.js",
+    "./TableCheckbox": "./dist/table/TableCheckbox.js",
+    "./TableConfigurationProvider": "./dist/table/TableConfigurationProvider.js",
+    "./TableContainer": "./dist/table/TableContainer.js",
+    "./TableContainerProvider": "./dist/table/TableContainerProvider.js",
+    "./TableFooter": "./dist/table/TableFooter.js",
+    "./TableHeader": "./dist/table/TableHeader.js",
+    "./TableRadio": "./dist/table/TableRadio.js",
+    "./TableRow": "./dist/table/TableRow.js",
+    "./tableCellStyles": "./dist/table/tableCellStyles.js",
+    "./tableFooterStyles": "./dist/table/tableFooterStyles.js",
+    "./tableHeaderStyles": "./dist/table/tableHeaderStyles.js",
+    "./tableRowStyles": "./dist/table/tableRowStyles.js",
+    "./tableStyles": "./dist/table/tableStyles.js",
+    "./tableTypes": "./dist/table/types.js",
+    "./Tab": "./dist/tabs/Tab.js",
+    "./TabList": "./dist/tabs/TabList.js",
+    "./TabListScrollButton": "./dist/tabs/TabListScrollButton.js",
+    "./tabIndicatorStyles": "./dist/tabs/tabIndicatorStyles.js",
+    "./tabListScrollButtonStyles": "./dist/tabs/tabListScrollButtonStyles.js",
+    "./tabListStyles": "./dist/tabs/tabListStyles.js",
+    "./tabStyles": "./dist/tabs/tabStyles.js",
+    "./useTabs": "./dist/tabs/useTabs.js",
+    "./tabUtils": "./dist/tabs/utils.js",
+    "./LocalStorageColorSchemeProvider": "./dist/theme/LocalStorageColorSchemeProvider.js",
+    "./ThemeProvider": "./dist/theme/ThemeProvider.js",
+    "./cssVars": "./dist/theme/cssVars.js",
+    "./themeTypes": "./dist/theme/types.js",
+    "./useCSSVariables": "./dist/theme/useCSSVariables.js",
+    "./useColorScheme": "./dist/theme/useColorScheme.js",
+    "./useColorSchemeMetaTag": "./dist/theme/useColorSchemeMetaTag.js",
+    "./useColorSchemeProvider": "./dist/theme/useColorSchemeProvider.js",
+    "./usePrefersColorScheme": "./dist/theme/usePrefersColorScheme.js",
+    "./themeUtils": "./dist/theme/utils.js",
+    "./Tooltip": "./dist/tooltip/Tooltip.js",
+    "./TooltipHoverModeProvider": "./dist/tooltip/TooltipHoverModeProvider.js",
+    "./tooltipConstants": "./dist/tooltip/constants.js",
+    "./tooltipStyles": "./dist/tooltip/tooltipStyles.js",
+    "./useTooltip": "./dist/tooltip/useTooltip.js",
+    "./CSSTransition": "./dist/transition/CSSTransition.js",
+    "./Collapse": "./dist/transition/Collapse.js",
+    "./CrossFade": "./dist/transition/CrossFade.js",
+    "./ScaleTransition": "./dist/transition/ScaleTransition.js",
+    "./SkeletonPlaceholder": "./dist/transition/SkeletonPlaceholder.js",
+    "./Slide": "./dist/transition/Slide.js",
+    "./SlideContainer": "./dist/transition/SlideContainer.js",
+    "./transitionConfig": "./dist/transition/config.js",
+    "./maxWidthTransition": "./dist/transition/maxWidthTransition.js",
+    "./skeletonPlaceholderUtils": "./dist/transition/skeletonPlaceholderUtils.js",
+    "./transitionTypes": "./dist/transition/types.js",
+    "./useCSSTransition": "./dist/transition/useCSSTransition.js",
+    "./useCarousel": "./dist/transition/useCarousel.js",
+    "./useCollapseTransition": "./dist/transition/useCollapseTransition.js",
+    "./useCrossFadeTransition": "./dist/transition/useCrossFadeTransition.js",
+    "./useMaxWidthTransition": "./dist/transition/useMaxWidthTransition.js",
+    "./useScaleTransition": "./dist/transition/useScaleTransition.js",
+    "./useSkeletonPlaceholder": "./dist/transition/useSkeletonPlaceholder.js",
+    "./useSlideTransition": "./dist/transition/useSlideTransition.js",
+    "./useTransition": "./dist/transition/useTransition.js",
+    "./DefaultTreeItemRenderer": "./dist/tree/DefaultTreeItemRenderer.js",
+    "./Tree": "./dist/tree/Tree.js",
+    "./TreeGroup": "./dist/tree/TreeGroup.js",
+    "./TreeItem": "./dist/tree/TreeItem.js",
+    "./TreeItemExpander": "./dist/tree/TreeItemExpander.js",
+    "./TreeProvider": "./dist/tree/TreeProvider.js",
+    "./treeStyles": "./dist/tree/styles.js",
+    "./treeTypes": "./dist/tree/types.js",
+    "./useTree": "./dist/tree/useTree.js",
+    "./useTreeExpansion": "./dist/tree/useTreeExpansion.js",
+    "./useTreeItems": "./dist/tree/useTreeItems.js",
+    "./useTreeSelection": "./dist/tree/useTreeSelection.js",
+    "./treeUtils": "./dist/tree/utils.js",
+    "./types": "./dist/types.js",
+    "./SrOnly": "./dist/typography/SrOnly.js",
+    "./TextContainer": "./dist/typography/TextContainer.js",
+    "./Typography": "./dist/typography/Typography.js",
+    "./WritingDirectionProvider": "./dist/typography/WritingDirectionProvider.js",
+    "./useAsyncAction": "./dist/useAsyncAction.js",
+    "./useDebouncedFunction": "./dist/useDebouncedFunction.js",
+    "./useDropzone": "./dist/useDropzone.js",
+    "./useElementSize": "./dist/useElementSize.js",
+    "./useEnsuredId": "./dist/useEnsuredId.js",
+    "./useEnsuredRef": "./dist/useEnsuredRef.js",
+    "./useHtmlClassName": "./dist/useHtmlClassName.js",
+    "./useIntersectionObserver": "./dist/useIntersectionObserver.js",
+    "./useIsomorphicLayoutEffect": "./dist/useIsomorphicLayoutEffect.js",
+    "./useLocalStorage": "./dist/useLocalStorage.js",
+    "./useOrientation": "./dist/useOrientation.js",
+    "./usePageInactive": "./dist/usePageInactive.js",
+    "./useResizeListener": "./dist/useResizeListener.js",
+    "./useResizeObserver": "./dist/useResizeObserver.js",
+    "./useThrottledFunction": "./dist/useThrottledFunction.js",
+    "./useToggle": "./dist/useToggle.js",
+    "./useUnmounted": "./dist/useUnmounted.js",
+    "./useWindowSize": "./dist/useWindowSize.js",
+    "./RenderRecursively": "./dist/utils/RenderRecursively.js",
+    "./alphaNumericSort": "./dist/utils/alphaNumericSort.js",
+    "./applyRef": "./dist/utils/applyRef.js",
+    "./bem": "./dist/utils/bem.js",
+    "./getClientPosition": "./dist/utils/getClientPosition.js",
+    "./getMiddleOfRange": "./dist/utils/getMiddleOfRange.js",
+    "./getPercentage": "./dist/utils/getPercentage.js",
+    "./getRangeDefaultValue": "./dist/utils/getRangeDefaultValue.js",
+    "./getRangeSteps": "./dist/utils/getRangeSteps.js",
+    "./identity": "./dist/utils/identity.js",
+    "./isElementVisible": "./dist/utils/isElementVisible.js",
+    "./loop": "./dist/utils/loop.js",
+    "./nearest": "./dist/utils/nearest.js",
+    "./parseCssLengthUnit": "./dist/utils/parseCssLengthUnit.js",
+    "./randomInt": "./dist/utils/randomInt.js",
+    "./wait": "./dist/utils/wait.js",
+    "./withinRange": "./dist/utils/withinRange.js",
+    "./WindowSplitter": "./dist/window-splitter/WindowSplitter.js",
+    "./useWindowSplitter": "./dist/window-splitter/useWindowSplitter.js",
     "./package.json": "./package.json"
   },
   "sideEffects": [
@@ -55,24 +394,24 @@
   "license": "MIT",
   "dependencies": {
     "cnbuilder": "^3.1.0",
-    "nanoid": "^5.0.3"
+    "nanoid": "^5.0.6"
   },
   "devDependencies": {
     "@jest/globals": "^29.7.0",
     "@jest/types": "^29.6.3",
-    "@swc/cli": "^0.1.62",
-    "@swc/core": "1.3.96",
-    "@swc/jest": "^0.2.29",
-    "@testing-library/dom": "^9.3.3",
-    "@testing-library/jest-dom": "^6.1.4",
-    "@testing-library/react": "^14.1.0",
-    "@testing-library/user-event": "^14.5.1",
-    "@types/lodash": "^4.14.201",
-    "@types/node": "^20.9.0",
-    "@types/react": "^18.2.37",
-    "@types/react-dom": "^18.2.15",
-    "chokidar": "^3.5.3",
-    "filesize": "^10.1.0",
+    "@swc/cli": "^0.3.10",
+    "@swc/core": "1.4.8",
+    "@swc/jest": "^0.2.36",
+    "@testing-library/dom": "^9.3.4",
+    "@testing-library/jest-dom": "^6.4.2",
+    "@testing-library/react": "^14.2.2",
+    "@testing-library/user-event": "^14.5.2",
+    "@types/lodash": "^4.17.0",
+    "@types/node": "^20.11.30",
+    "@types/react": "^18.2.69",
+    "@types/react-dom": "^18.2.22",
+    "chokidar": "^3.6.0",
+    "filesize": "^10.1.1",
     "glob": "10.3.10",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
@@ -80,22 +419,24 @@
     "lodash": "^4.17.21",
     "lz-string": "^1.5.0",
     "npm-run-all": "^4.1.5",
-    "postcss": "^8.4.31",
+    "postcss": "^8.4.38",
     "postcss-scss": "^4.0.9",
-    "stylelint": "^15.11.0",
+    "stylelint": "^16.3.0",
     "stylelint-config-prettier-scss": "^1.0.0",
-    "stylelint-config-recommended-scss": "^13.1.0",
-    "stylelint-order": "^6.0.3",
-    "ts-node": "^10.9.1",
-    "typescript": "^5.2.2"
+    "stylelint-config-recommended-scss": "^14.0.0",
+    "stylelint-order": "^6.0.4",
+    "stylelint-scss": "^6.2.1",
+    "ts-node": "^10.9.2",
+    "tsx": "^4.7.1",
+    "typescript": "^5.4.3"
   },
   "peerDependencies": {
-    "@jest/globals": "^29.6.1",
-    "@jest/types": "^29.6.1",
-    "@testing-library/dom": "^9.3.1",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^14.0.0",
-    "@testing-library/user-event": "^14.4.3",
+    "@jest/globals": "^29.7.0",
+    "@jest/types": "^29.6.3",
+    "@testing-library/dom": "^9.3.4",
+    "@testing-library/jest-dom": "^6.3.0",
+    "@testing-library/react": "^14.1.2",
+    "@testing-library/user-event": "^14.5.2",
     "react": ">= 18",
     "react-dom": ">= 18"
   },
@@ -129,14 +470,15 @@
     "access": "public"
   },
   "scripts": {
+    "run-script": "tsx --tsconfig scripts/tsconfig.json",
     "dev": "npm-run-all --parallel build-esm-watch build-scss-watch build-types-watch",
     "prepare-release": "npm-run-all clean-dist build",
     "build": "npm-run-all build-esm build-scss build-types",
-    "build-esm": "swc src -d ./dist",
+    "build-esm": "swc -d ./dist --strip-leading-paths src",
     "build-esm-watch": "pnpm run build-esm --watch",
     "build-types": "tsc -P tsconfig.types.json",
     "build-types-watch": "pnpm run build-types --watch",
-    "build-scss": "node scripts/copySassFiles.js",
+    "build-scss": "pnpm run run-script scripts/copySassFiles.ts",
     "build-scss-watch": "pnpm run build-scss --watch",
     "clean-dist": "rm -rf dist",
     "clean": "rm -rf .turbo dist node_modules",

package/scripts/{copySassFiles.js → copySassFiles.ts}

@@ -1,23 +1,23 @@
 /* eslint-disable no-console */
 // this is a temp file before I write the "combine everything" stuffs
-import { glob } from "glob";
 import chokidar from "chokidar";
-import { copyFile, mkdir, rm } from "node:fs/promises";
+import { glob } from "glob";
 import { existsSync } from "node:fs";
+import { copyFile, mkdir, rm } from "node:fs/promises";
 import { dirname } from "node:path";
 
 let log = false;
 const pattern = "src/**/*.scss";
 
-const replaceDist = (path) => path.replace("src", "dist");
-const ensureParentDirectories = async (filePath) => {
+const replaceDist = (path: string): string => path.replace("src", "dist");
+const ensureParentDirectories = async (filePath: string): Promise<void> => {
   const folder = dirname(filePath);
   if (!existsSync(folder)) {
     await mkdir(folder, { recursive: true });
   }
 };
 
-const cp = async (path, dest = replaceDist(path)) => {
+const cp = async (path: string, dest = replaceDist(path)): Promise<void> => {
   const isColors = path.endsWith("_colors.scss");
   await ensureParentDirectories(dest);
   await copyFile(path, dest);

package/scripts/tsconfig.json

@@ -0,0 +1,18 @@
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "noEmit": true,
+    "jsx": "preserve",
+    "strict": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "downlevelIteration": true,
+    "resolveJsonModule": true,
+    "module": "NodeNext",
+    "moduleResolution": "NodeNext",
+    "forceConsistentCasingInFileNames": true,
+    "lib": ["esnext"]
+  },
+  "include": ["**/*.ts"],
+  "exclude": ["node_modules"]
+}

package/src/RootHtml.tsx

@@ -0,0 +1,95 @@
+import {
+  type HTMLAttributes,
+  type HtmlHTMLAttributes,
+  type ReactElement,
+  type ReactNode,
+} from "react";
+import { type PropsWithRef } from "./types.js";
+
+/**
+ * @remarks \@since 6.0.0
+ */
+export interface RootHtmlProps extends HtmlHTMLAttributes<HTMLHtmlElement> {
+  /** @defaultValue `"ltr"` */
+  dir?: string;
+
+  /** @defaultValue `"en"` */
+  lang?: string;
+
+  /**
+   * Any additional props to provide to the `<body>` element and also supports a
+   * `ref` if that is required for some reason. Using a `ref` would make your
+   * root layout a client component though.
+   */
+  bodyProps?: PropsWithRef<HTMLAttributes<HTMLBodyElement>, HTMLBodyElement>;
+
+  /**
+   * Convenience prop to replace `bodyProps={{ className: "custom-class-name" }}`.
+   */
+  bodyClassName?: string;
+
+  /**
+   * Any content to render before the `<body>` tag. This can be useful if you
+   * need to render a custom `<head>` element.
+   */
+  beforeBodyChildren?: ReactNode;
+
+  /**
+   * Any content to render after the `<body>` tag. This can be useful to insert
+   * `<script>` tags for analytics or other external libraries.
+   */
+  afterBodyChildren?: ReactNode;
+}
+
+/**
+ * **Server Component**
+ *
+ * This is mostly for creating the root html for next.js applications that
+ * defaults to setting the `dir="ltr"` and `lang="en"`. Additional props can be
+ * passed to the root `<html>` and `<body>` elements and children can be
+ * rendered before and after the `<body>` if needed.
+ *
+ * @example
+ * Simple Example
+ * ```tsx
+ * // src/app/layout.tsx
+ * import { RootHtml } from "@react-md/core";
+ * import { type ReactElement, type PropsWithChildren } from "react";
+ * import { Roboto_Flex } from "next/font/google";
+ *
+ * const roboto = Roboto_Flex({
+ *   subsets: ["latin"],
+ *   variable: "--roboto",
+ * });
+ *
+ * export default function RootLayout(props: PropsWithChildren): ReactElement {
+ *   const { children } = props;
+ *
+ *   return <RootHtml className={roboto.variable}>{children}</RootHtml>;
+ * }
+ * ```
+ *
+ * @remarks \@since 6.0.0
+ */
+export function RootHtml(props: RootHtmlProps): ReactElement {
+  const {
+    dir = "ltr",
+    lang = "en",
+    children,
+    bodyProps,
+    bodyClassName,
+    beforeBodyChildren,
+    afterBodyChildren,
+    ...remaining
+  } = props;
+
+  return (
+    <html dir={dir} lang={lang} {...remaining}>
+      {beforeBodyChildren}
+      <body {...bodyProps} className={bodyClassName || bodyProps?.className}>
+        {children}
+      </body>
+      {afterBodyChildren}
+    </html>
+  );
+}