@react-md/core 1.0.0-next.2 → 1.0.0-next.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-build.log +5 -5
- package/.turbo/turbo-lint.log +12 -0
- package/.turbo/turbo-test.log +179 -0
- package/.turbo/turbo-typecheck.log +4 -0
- package/CHANGELOG.md +103 -0
- package/coverage/clover.xml +437 -3
- package/coverage/coverage-final.json +4 -1
- package/coverage/lcov-report/Avatar.tsx.html +472 -0
- package/coverage/lcov-report/IconRotator.tsx.html +322 -0
- package/coverage/lcov-report/ListItem.tsx.html +892 -0
- package/coverage/lcov-report/Portal.tsx.html +223 -0
- package/coverage/lcov-report/PortalContainerProvider.tsx.html +367 -0
- package/coverage/lcov-report/SkeletonPlaceholder.tsx.html +613 -0
- package/coverage/lcov-report/Tab.tsx.html +261 -147
- package/coverage/lcov-report/TreeGroup.tsx.html +313 -0
- package/coverage/lcov-report/app-bar/AppBar.tsx.html +178 -28
- package/coverage/lcov-report/app-bar/index.html +7 -7
- package/coverage/lcov-report/button/TooltippedButton.tsx.html +445 -0
- package/coverage/lcov-report/button/index.html +10 -10
- package/coverage/lcov-report/card/Card.tsx.html +349 -0
- package/coverage/lcov-report/card/CardContent.tsx.html +223 -0
- package/coverage/lcov-report/card/ClickableCard.tsx.html +400 -0
- package/coverage/lcov-report/card/index.html +21 -21
- package/coverage/lcov-report/card/styles.ts.html +428 -392
- package/coverage/lcov-report/cssUtils.ts.html +86 -59
- package/coverage/lcov-report/draggable/index.html +21 -36
- package/coverage/lcov-report/draggable/useDraggable.ts.html +377 -368
- package/coverage/lcov-report/draggable/utils.ts.html +96 -195
- package/coverage/lcov-report/expansion-panel/ExpansionList.tsx.html +211 -0
- package/coverage/lcov-report/expansion-panel/ExpansionPanel.tsx.html +12 -15
- package/coverage/lcov-report/expansion-panel/index.html +34 -19
- package/coverage/lcov-report/expansion-panel/useExpansionPanels.ts.html +928 -0
- package/coverage/lcov-report/form/MenuItemInputToggle.tsx.html +2 -2
- package/coverage/lcov-report/form/Select.tsx.html +1663 -0
- package/coverage/lcov-report/form/Slider.tsx.html +163 -40
- package/coverage/lcov-report/form/index.html +21 -21
- package/coverage/lcov-report/icon/FontIcon.tsx.html +28 -28
- package/coverage/lcov-report/icon/index.html +1 -1
- package/coverage/lcov-report/index.html +41 -11
- package/coverage/lcov-report/interaction/UserInteractionModeProvider.tsx.html +679 -0
- package/coverage/lcov-report/interaction/config.ts.html +181 -0
- package/coverage/lcov-report/interaction/index.html +33 -18
- package/coverage/lcov-report/list/List.tsx.html +490 -0
- package/coverage/lcov-report/list/ListItem.tsx.html +886 -0
- package/coverage/lcov-report/list/ListItemAddon.tsx.html +286 -0
- package/coverage/lcov-report/list/ListItemChildren.tsx.html +445 -0
- package/coverage/lcov-report/list/ListItemLink.tsx.html +5 -5
- package/coverage/lcov-report/list/index.html +81 -6
- package/coverage/lcov-report/list/listItemStyles.ts.html +703 -0
- package/coverage/lcov-report/media-queries/appSize.ts.html +1 -1
- package/coverage/lcov-report/media-queries/index.html +1 -1
- package/coverage/lcov-report/menu/Menu.tsx.html +37 -19
- package/coverage/lcov-report/menu/index.html +14 -44
- package/coverage/lcov-report/sheet/index.html +8 -8
- package/coverage/lcov-report/sheet/styles.ts.html +376 -0
- package/coverage/lcov-report/skeletonPlaceholderUtils.ts.html +400 -0
- package/coverage/lcov-report/src/CoreProviders.tsx.html +20 -20
- package/coverage/lcov-report/src/NoSsr.tsx.html +1 -1
- package/coverage/lcov-report/src/SsrProvider.tsx.html +10 -10
- package/coverage/lcov-report/src/app-bar/AppBar.tsx.html +143 -23
- package/coverage/lcov-report/src/app-bar/AppBarTitle.tsx.html +1 -1
- package/coverage/lcov-report/src/app-bar/index.html +5 -5
- package/coverage/lcov-report/src/avatar/Avatar.tsx.html +2 -2
- package/coverage/lcov-report/src/avatar/index.html +1 -1
- package/coverage/lcov-report/src/avatar/styles.ts.html +1 -1
- package/coverage/lcov-report/src/badge/Badge.tsx.html +1 -1
- package/coverage/lcov-report/src/badge/index.html +1 -1
- package/coverage/lcov-report/src/box/Box.tsx.html +1 -1
- package/coverage/lcov-report/src/box/index.html +23 -8
- package/coverage/lcov-report/src/box/styles.ts.html +46 -46
- package/coverage/lcov-report/src/button/AsyncButton.tsx.html +1 -1
- package/coverage/lcov-report/src/button/Button.tsx.html +84 -84
- package/coverage/lcov-report/src/button/ButtonUnstyled.tsx.html +1 -1
- package/coverage/lcov-report/src/button/FloatingActionButton.tsx.html +11 -11
- package/coverage/lcov-report/src/button/TooltippedButton.tsx.html +445 -0
- package/coverage/lcov-report/src/button/buttonStyles.ts.html +52 -52
- package/coverage/lcov-report/src/button/buttonUnstyledStyles.ts.html +1 -1
- package/coverage/lcov-report/src/button/index.html +83 -8
- package/coverage/lcov-report/src/card/Card.tsx.html +37 -31
- package/coverage/lcov-report/src/card/CardContent.tsx.html +4 -4
- package/coverage/lcov-report/src/card/CardFooter.tsx.html +1 -1
- package/coverage/lcov-report/src/card/CardHeader.tsx.html +1 -1
- package/coverage/lcov-report/src/card/CardSubtitle.tsx.html +1 -1
- package/coverage/lcov-report/src/card/CardTitle.tsx.html +1 -1
- package/coverage/lcov-report/src/card/ClickableCard.tsx.html +400 -0
- package/coverage/lcov-report/src/card/index.html +24 -9
- package/coverage/lcov-report/src/card/styles.ts.html +58 -31
- package/coverage/lcov-report/src/chip/Chip.tsx.html +1 -1
- package/coverage/lcov-report/src/chip/index.html +7 -7
- package/coverage/lcov-report/src/chip/styles.ts.html +9 -12
- package/coverage/lcov-report/src/cssUtils.ts.html +53 -53
- package/coverage/lcov-report/src/delegateEvent.ts.html +109 -109
- package/coverage/lcov-report/src/dialog/Dialog.tsx.html +1 -1
- package/coverage/lcov-report/src/dialog/DialogContainer.tsx.html +1 -1
- package/coverage/lcov-report/src/dialog/DialogContent.tsx.html +1 -1
- package/coverage/lcov-report/src/dialog/DialogFooter.tsx.html +1 -1
- package/coverage/lcov-report/src/dialog/DialogHeader.tsx.html +1 -1
- package/coverage/lcov-report/src/dialog/DialogTitle.tsx.html +1 -1
- package/coverage/lcov-report/src/dialog/FixedDialog.tsx.html +1 -1
- package/coverage/lcov-report/src/dialog/NestedDialogProvider.ts.html +1 -1
- package/coverage/lcov-report/src/dialog/index.html +129 -9
- package/coverage/lcov-report/src/dialog/styles.ts.html +1 -1
- package/coverage/lcov-report/src/divider/Divider.tsx.html +4 -7
- package/coverage/lcov-report/src/divider/index.html +5 -5
- package/coverage/lcov-report/src/divider/styles.ts.html +1 -1
- package/coverage/lcov-report/src/draggable/index.html +27 -27
- package/coverage/lcov-report/src/draggable/useDraggable.ts.html +47 -44
- package/coverage/lcov-report/src/draggable/utils.ts.html +29 -131
- package/coverage/lcov-report/src/expansion-panel/ExpansionList.tsx.html +1 -1
- package/coverage/lcov-report/src/expansion-panel/ExpansionPanel.tsx.html +1 -1
- package/coverage/lcov-report/src/expansion-panel/ExpansionPanelHeader.tsx.html +1 -1
- package/coverage/lcov-report/src/expansion-panel/index.html +8 -8
- package/coverage/lcov-report/src/expansion-panel/useExpansionList.ts.html +1 -1
- package/coverage/lcov-report/src/expansion-panel/useExpansionPanels.ts.html +36 -24
- package/coverage/lcov-report/src/focus/index.html +1 -1
- package/coverage/lcov-report/src/focus/useFocusContainer.ts.html +1 -1
- package/coverage/lcov-report/src/focus/utils.ts.html +1 -1
- package/coverage/lcov-report/src/form/Checkbox.tsx.html +1 -1
- package/coverage/lcov-report/src/form/Fieldset.tsx.html +1 -1
- package/coverage/lcov-report/src/form/FileInput.tsx.html +1 -1
- package/coverage/lcov-report/src/form/Form.tsx.html +1 -1
- package/coverage/lcov-report/src/form/FormMessage.tsx.html +1 -1
- package/coverage/lcov-report/src/form/FormMessageContainer.tsx.html +5 -5
- package/coverage/lcov-report/src/form/FormMessageCounter.tsx.html +1 -1
- package/coverage/lcov-report/src/form/InputToggle.tsx.html +110 -110
- package/coverage/lcov-report/src/form/InputToggleIcon.tsx.html +63 -63
- package/coverage/lcov-report/src/form/Label.tsx.html +98 -98
- package/coverage/lcov-report/src/form/Legend.tsx.html +1 -1
- package/coverage/lcov-report/src/form/MenuItemCheckbox.tsx.html +1 -1
- package/coverage/lcov-report/src/form/MenuItemFileInput.tsx.html +1 -1
- package/coverage/lcov-report/src/form/MenuItemInputToggle.tsx.html +2 -2
- package/coverage/lcov-report/src/form/MenuItemRadio.tsx.html +1 -1
- package/coverage/lcov-report/src/form/MenuItemSwitch.tsx.html +1 -1
- package/coverage/lcov-report/src/form/MenuItemTextField.tsx.html +1 -1
- package/coverage/lcov-report/src/form/NativeSelect.tsx.html +1 -1
- package/coverage/lcov-report/src/form/OptGroup.tsx.html +1 -1
- package/coverage/lcov-report/src/form/Option.tsx.html +1 -1
- package/coverage/lcov-report/src/form/Password.tsx.html +1 -1
- package/coverage/lcov-report/src/form/Radio.tsx.html +3 -3
- package/coverage/lcov-report/src/form/Select.tsx.html +29 -5
- package/coverage/lcov-report/src/form/SelectValue.tsx.html +1 -1
- package/coverage/lcov-report/src/form/Slider.tsx.html +1 -1
- package/coverage/lcov-report/src/form/SliderContainer.tsx.html +1 -1
- package/coverage/lcov-report/src/form/SliderMark.tsx.html +1 -1
- package/coverage/lcov-report/src/form/SliderMarkLabel.tsx.html +1 -1
- package/coverage/lcov-report/src/form/SliderThumb.tsx.html +1 -1
- package/coverage/lcov-report/src/form/SliderTrack.tsx.html +1 -1
- package/coverage/lcov-report/src/form/SliderValueMarks.tsx.html +1 -1
- package/coverage/lcov-report/src/form/SliderValueTooltip.tsx.html +1 -1
- package/coverage/lcov-report/src/form/Switch.tsx.html +1 -1
- package/coverage/lcov-report/src/form/SwitchTrack.tsx.html +1 -1
- package/coverage/lcov-report/src/form/TextArea.tsx.html +2 -2
- package/coverage/lcov-report/src/form/TextField.tsx.html +1 -1
- package/coverage/lcov-report/src/form/TextFieldAddon.tsx.html +1 -1
- package/coverage/lcov-report/src/form/TextFieldContainer.tsx.html +1 -1
- package/coverage/lcov-report/src/form/TextFieldContainerStyles.ts.html +8 -8
- package/coverage/lcov-report/src/form/fileUtils.ts.html +1 -1
- package/coverage/lcov-report/src/form/formConfig.ts.html +1 -1
- package/coverage/lcov-report/src/form/formMessageStyles.ts.html +1 -1
- package/coverage/lcov-report/src/form/index.html +940 -10
- package/coverage/lcov-report/src/form/inputToggleStyles.ts.html +30 -30
- package/coverage/lcov-report/src/form/nativeSelectStyles.ts.html +1 -1
- package/coverage/lcov-report/src/form/optionStyles.ts.html +1 -1
- package/coverage/lcov-report/src/form/passwordStyles.ts.html +1 -1
- package/coverage/lcov-report/src/form/selectStyles.ts.html +1 -1
- package/coverage/lcov-report/src/form/selectUtils.ts.html +1 -1
- package/coverage/lcov-report/src/form/sliderUtils.ts.html +1 -1
- package/coverage/lcov-report/src/form/switchStyles.ts.html +1 -1
- package/coverage/lcov-report/src/form/textAreaStyles.ts.html +3 -3
- package/coverage/lcov-report/src/form/textFieldStyles.ts.html +1 -1
- package/coverage/lcov-report/src/form/useCheckboxGroup.ts.html +1 -1
- package/coverage/lcov-report/src/form/useFileUpload.ts.html +1 -1
- package/coverage/lcov-report/src/form/useListboxProvider.ts.html +1 -1
- package/coverage/lcov-report/src/form/useNumberField.ts.html +1 -1
- package/coverage/lcov-report/src/form/useRadioGroup.ts.html +47 -47
- package/coverage/lcov-report/src/form/useRangeSlider.ts.html +1 -1
- package/coverage/lcov-report/src/form/useResizingTextArea.ts.html +1 -1
- package/coverage/lcov-report/src/form/useSlider.ts.html +1 -1
- package/coverage/lcov-report/src/form/useTextField.ts.html +1 -1
- package/coverage/lcov-report/src/form/utils.ts.html +1 -1
- package/coverage/lcov-report/src/form/validation.ts.html +1 -1
- package/coverage/lcov-report/src/hoverMode/index.html +1 -1
- package/coverage/lcov-report/src/hoverMode/useHoverMode.ts.html +98 -98
- package/coverage/lcov-report/src/hoverMode/useHoverModeProvider.ts.html +19 -19
- package/coverage/lcov-report/src/icon/FontIcon.tsx.html +28 -28
- package/coverage/lcov-report/src/icon/IconRotator.tsx.html +5 -8
- package/coverage/lcov-report/src/icon/MaterialIcon.tsx.html +1 -1
- package/coverage/lcov-report/src/icon/MaterialSymbol.tsx.html +1 -1
- package/coverage/lcov-report/src/icon/SVGIcon.tsx.html +1 -1
- package/coverage/lcov-report/src/icon/TextIconSpacing.tsx.html +1 -1
- package/coverage/lcov-report/src/icon/iconConfig.tsx.html +8 -8
- package/coverage/lcov-report/src/icon/index.html +7 -7
- package/coverage/lcov-report/src/icon/material.ts.html +1 -1
- package/coverage/lcov-report/src/icon/materialConfig.ts.html +1 -1
- package/coverage/lcov-report/src/icon/styles.ts.html +38 -38
- package/coverage/lcov-report/src/index.html +354 -9
- package/coverage/lcov-report/src/interaction/Ripple.tsx.html +1 -1
- package/coverage/lcov-report/src/interaction/RippleContainer.tsx.html +1 -1
- package/coverage/lcov-report/src/interaction/UserInteractionModeProvider.tsx.html +87 -87
- package/coverage/lcov-report/src/interaction/config.ts.html +7 -7
- package/coverage/lcov-report/src/interaction/index.html +1 -1
- package/coverage/lcov-report/src/interaction/useElementInteraction.tsx.html +123 -123
- package/coverage/lcov-report/src/interaction/useHigherContrastChildren.tsx.html +17 -17
- package/coverage/lcov-report/src/interaction/utils.ts.html +1 -1
- package/coverage/lcov-report/src/layout/LayoutAppBar.tsx.html +1 -1
- package/coverage/lcov-report/src/layout/LayoutNav.tsx.html +60 -60
- package/coverage/lcov-report/src/layout/LayoutWindowSplitter.tsx.html +1 -1
- package/coverage/lcov-report/src/layout/Main.tsx.html +1 -1
- package/coverage/lcov-report/src/layout/index.html +15 -15
- package/coverage/lcov-report/src/layout/layoutNavStyles.ts.html +5 -5
- package/coverage/lcov-report/src/layout/layoutWindowSplitterStyles.ts.html +1 -1
- package/coverage/lcov-report/src/layout/mainStyles.ts.html +1 -1
- package/coverage/lcov-report/src/layout/useExpandableLayout.ts.html +1 -1
- package/coverage/lcov-report/src/layout/useHorizontalLayoutTransition.ts.html +1 -1
- package/coverage/lcov-report/src/layout/useLayoutAppBarHeight.ts.html +20 -32
- package/coverage/lcov-report/src/layout/useLayoutTree.ts.html +1 -1
- package/coverage/lcov-report/src/layout/useLayoutWindowSplitter.ts.html +1 -1
- package/coverage/lcov-report/src/layout/useMainTabIndex.ts.html +1 -1
- package/coverage/lcov-report/src/layout/useResizableLayout.ts.html +1 -1
- package/coverage/lcov-report/src/layout/useTemporaryLayout.ts.html +1 -1
- package/coverage/lcov-report/src/link/Link.tsx.html +1 -1
- package/coverage/lcov-report/src/link/SkipToMainContent.tsx.html +1 -1
- package/coverage/lcov-report/src/link/index.html +1 -1
- package/coverage/lcov-report/src/link/styles.ts.html +1 -1
- package/coverage/lcov-report/src/list/List.tsx.html +30 -30
- package/coverage/lcov-report/src/list/ListItem.tsx.html +37 -16
- package/coverage/lcov-report/src/list/ListItemAddon.tsx.html +13 -7
- package/coverage/lcov-report/src/list/ListItemChildren.tsx.html +12 -6
- package/coverage/lcov-report/src/list/ListItemLink.tsx.html +4 -4
- package/coverage/lcov-report/src/list/ListItemText.tsx.html +1 -1
- package/coverage/lcov-report/src/list/ListSubheader.tsx.html +1 -1
- package/coverage/lcov-report/src/list/getListItemHeight.ts.html +1 -1
- package/coverage/lcov-report/src/list/index.html +11 -11
- package/coverage/lcov-report/src/list/listItemStyles.ts.html +39 -9
- package/coverage/lcov-report/src/media-queries/AppSizeProvider.tsx.html +54 -54
- package/coverage/lcov-report/src/media-queries/appSize.ts.html +1 -1
- package/coverage/lcov-report/src/media-queries/index.html +1 -1
- package/coverage/lcov-report/src/media-queries/useMediaQuery.ts.html +25 -25
- package/coverage/lcov-report/src/menu/DropdownMenu.tsx.html +1 -1
- package/coverage/lcov-report/src/menu/Menu.tsx.html +2 -2
- package/coverage/lcov-report/src/menu/MenuBar.tsx.html +1 -1
- package/coverage/lcov-report/src/menu/MenuButton.tsx.html +1 -1
- package/coverage/lcov-report/src/menu/MenuConfigurationProvider.tsx.html +1 -1
- package/coverage/lcov-report/src/menu/MenuItem.tsx.html +1 -1
- package/coverage/lcov-report/src/menu/MenuItemButton.tsx.html +1 -1
- package/coverage/lcov-report/src/menu/MenuItemGroup.tsx.html +1 -1
- package/coverage/lcov-report/src/menu/MenuItemSeparator.tsx.html +1 -1
- package/coverage/lcov-report/src/menu/MenuSheet.tsx.html +1 -1
- package/coverage/lcov-report/src/menu/MenuVisibilityProvider.tsx.html +1 -1
- package/coverage/lcov-report/src/menu/MenuWidget.tsx.html +1 -1
- package/coverage/lcov-report/src/menu/MenuWidgetKeyboardProvider.tsx.html +1 -1
- package/coverage/lcov-report/src/menu/index.html +1 -1
- package/coverage/lcov-report/src/menu/useContextMenu.ts.html +1 -1
- package/coverage/lcov-report/src/menu/useMenuBarProvider.ts.html +1 -1
- package/coverage/lcov-report/src/menu/utils.ts.html +1 -1
- package/coverage/lcov-report/src/movement/constants.ts.html +1 -1
- package/coverage/lcov-report/src/movement/findMatchIndex.ts.html +1 -1
- package/coverage/lcov-report/src/movement/index.html +1 -1
- package/coverage/lcov-report/src/movement/useKeyboardMovementProvider.ts.html +3 -3
- package/coverage/lcov-report/src/movement/utils.ts.html +1 -1
- package/coverage/lcov-report/src/overlay/Overlay.tsx.html +1 -1
- package/coverage/lcov-report/src/overlay/index.html +1 -1
- package/coverage/lcov-report/src/overlay/overlayStyles.ts.html +1 -1
- package/coverage/lcov-report/src/portal/Portal.tsx.html +7 -7
- package/coverage/lcov-report/src/portal/PortalContainerProvider.tsx.html +59 -35
- package/coverage/lcov-report/src/portal/index.html +7 -7
- package/coverage/lcov-report/src/positioning/constants.ts.html +1 -1
- package/coverage/lcov-report/src/positioning/createHorizontalPosition.ts.html +47 -47
- package/coverage/lcov-report/src/positioning/createVerticalPosition.ts.html +55 -55
- package/coverage/lcov-report/src/positioning/getFixedPosition.ts.html +89 -89
- package/coverage/lcov-report/src/positioning/index.html +1 -1
- package/coverage/lcov-report/src/positioning/useFixedPositioning.ts.html +193 -193
- package/coverage/lcov-report/src/positioning/utils.ts.html +59 -59
- package/coverage/lcov-report/src/progress/CircularProgress.tsx.html +3 -3
- package/coverage/lcov-report/src/progress/LinearProgress.tsx.html +3 -3
- package/coverage/lcov-report/src/progress/getProgressA11y.ts.html +1 -1
- package/coverage/lcov-report/src/progress/index.html +20 -5
- package/coverage/lcov-report/src/responsive-item/ResponsiveItemContainer.tsx.html +1 -1
- package/coverage/lcov-report/src/responsive-item/ResponsiveItemOverlay.tsx.html +1 -1
- package/coverage/lcov-report/src/responsive-item/index.html +1 -1
- package/coverage/lcov-report/src/responsive-item/styles.ts.html +1 -1
- package/coverage/lcov-report/src/scroll/ScrollLock.tsx.html +1 -1
- package/coverage/lcov-report/src/scroll/getScrollbarWidth.ts.html +1 -1
- package/coverage/lcov-report/src/scroll/index.html +1 -1
- package/coverage/lcov-report/src/scroll/useScrollLock.ts.html +1 -1
- package/coverage/lcov-report/src/segmented-button/SegmentedButton.tsx.html +1 -1
- package/coverage/lcov-report/src/segmented-button/SegmentedButtonContainer.tsx.html +1 -1
- package/coverage/lcov-report/src/segmented-button/index.html +1 -1
- package/coverage/lcov-report/src/segmented-button/segmentedButtonContainerStyles.ts.html +1 -1
- package/coverage/lcov-report/src/segmented-button/segmentedButtonStyles.ts.html +1 -1
- package/coverage/lcov-report/src/sheet/Sheet.tsx.html +1 -1
- package/coverage/lcov-report/src/sheet/index.html +5 -5
- package/coverage/lcov-report/src/sheet/styles.ts.html +45 -48
- package/coverage/lcov-report/src/snackbar/DefaultToastRenderer.tsx.html +80 -80
- package/coverage/lcov-report/src/snackbar/Snackbar.tsx.html +21 -45
- package/coverage/lcov-report/src/snackbar/Toast.tsx.html +108 -93
- package/coverage/lcov-report/src/snackbar/ToastActionButton.tsx.html +1 -1
- package/coverage/lcov-report/src/snackbar/ToastCloseButton.tsx.html +1 -1
- package/coverage/lcov-report/src/snackbar/ToastContent.tsx.html +48 -48
- package/coverage/lcov-report/src/snackbar/ToastManager.tsx.html +278 -275
- package/coverage/lcov-report/src/snackbar/ToastManagerProvider.tsx.html +6 -6
- package/coverage/lcov-report/src/snackbar/index.html +19 -19
- package/coverage/lcov-report/src/snackbar/snackbarStyles.ts.html +15 -15
- package/coverage/lcov-report/src/snackbar/toastContentStyles.ts.html +14 -14
- package/coverage/lcov-report/src/snackbar/toastStyles.ts.html +27 -27
- package/coverage/lcov-report/src/snackbar/useCurrentToastActions.ts.html +1 -1
- package/coverage/lcov-report/src/suspense/CircularProgressSuspense.tsx.html +1 -1
- package/coverage/lcov-report/src/suspense/NullSuspense.tsx.html +1 -1
- package/coverage/lcov-report/src/suspense/index.html +20 -5
- package/coverage/lcov-report/src/table/Table.tsx.html +45 -114
- package/coverage/lcov-report/src/table/TableBody.tsx.html +43 -43
- package/coverage/lcov-report/src/table/TableCell.tsx.html +109 -298
- package/coverage/lcov-report/src/table/TableCellContent.tsx.html +81 -27
- package/coverage/lcov-report/src/table/TableCheckbox.tsx.html +16 -10
- package/coverage/lcov-report/src/table/TableConfigurationProvider.tsx.html +20 -20
- package/coverage/lcov-report/src/table/TableContainer.tsx.html +7 -28
- package/coverage/lcov-report/src/table/TableContainerProvider.tsx.html +1 -1
- package/coverage/lcov-report/src/table/TableFooter.tsx.html +64 -43
- package/coverage/lcov-report/src/table/TableHeader.tsx.html +41 -92
- package/coverage/lcov-report/src/table/TableRadio.tsx.html +676 -0
- package/coverage/lcov-report/src/table/TableRow.tsx.html +38 -119
- package/coverage/lcov-report/src/table/index.html +151 -46
- package/coverage/lcov-report/src/table/tableCellStyles.ts.html +334 -0
- package/coverage/lcov-report/src/table/tableContainerStyles.ts.html +142 -0
- package/coverage/lcov-report/src/table/tableFooterStyles.ts.html +166 -0
- package/coverage/lcov-report/src/table/tableHeaderStyles.ts.html +172 -0
- package/coverage/lcov-report/src/table/tableRowStyles.ts.html +169 -0
- package/coverage/lcov-report/src/table/tableStyles.ts.html +157 -0
- package/coverage/lcov-report/src/tabs/Tab.tsx.html +263 -143
- package/coverage/lcov-report/src/tabs/TabList.tsx.html +1 -1
- package/coverage/lcov-report/src/tabs/TabListScrollButton.tsx.html +1 -1
- package/coverage/lcov-report/src/tabs/index.html +25 -25
- package/coverage/lcov-report/src/tabs/tabIndicatorStyles.ts.html +37 -7
- package/coverage/lcov-report/src/tabs/tabListScrollButtonStyles.ts.html +1 -1
- package/coverage/lcov-report/src/tabs/tabListStyles.ts.html +2 -2
- package/coverage/lcov-report/src/tabs/tabStyles.ts.html +64 -28
- package/coverage/lcov-report/src/tabs/useTabList.ts.html +44 -38
- package/coverage/lcov-report/src/tabs/useTabs.ts.html +1 -1
- package/coverage/lcov-report/src/tabs/utils.ts.html +3 -3
- package/coverage/lcov-report/src/test-utils/IntersectionObserver.ts.html +1 -1
- package/coverage/lcov-report/src/test-utils/ResizeObserver.ts.html +205 -205
- package/coverage/lcov-report/src/test-utils/data-testid.ts.html +1 -1
- package/coverage/lcov-report/src/test-utils/drag.ts.html +1 -1
- package/coverage/lcov-report/src/test-utils/index.html +4 -4
- package/coverage/lcov-report/src/test-utils/jest-setup.ts.html +9 -9
- package/coverage/lcov-report/src/test-utils/matchMedia.ts.html +4 -4
- package/coverage/lcov-report/src/test-utils/polyfills/IntersectionObserver.ts.html +4 -4
- package/coverage/lcov-report/src/test-utils/polyfills/ResizeObserver.ts.html +3 -3
- package/coverage/lcov-report/src/test-utils/polyfills/index.html +1 -1
- package/coverage/lcov-report/src/test-utils/polyfills/matchMedia.ts.html +6 -6
- package/coverage/lcov-report/src/test-utils/polyfills/offsetParent.ts.html +14 -14
- package/coverage/lcov-report/src/test-utils/polyfills/scrollIntoView.ts.html +5 -5
- package/coverage/lcov-report/src/test-utils/render.tsx.html +21 -21
- package/coverage/lcov-report/src/test-utils/timers.ts.html +1 -1
- package/coverage/lcov-report/src/theme/LocalStorageColorSchemeProvider.tsx.html +1 -1
- package/coverage/lcov-report/src/theme/ThemeProvider.tsx.html +1 -1
- package/coverage/lcov-report/src/theme/colors.ts.html +1 -1
- package/coverage/lcov-report/src/theme/cssVars.ts.html +1 -1
- package/coverage/lcov-report/src/theme/index.html +1 -1
- package/coverage/lcov-report/src/theme/useCSSVariables.ts.html +25 -25
- package/coverage/lcov-report/src/theme/useColorScheme.ts.html +1 -1
- package/coverage/lcov-report/src/theme/useColorSchemeMetaTag.ts.html +1 -1
- package/coverage/lcov-report/src/theme/useColorSchemeProvider.ts.html +1 -1
- package/coverage/lcov-report/src/theme/usePrefersColorScheme.ts.html +1 -1
- package/coverage/lcov-report/src/theme/utils.ts.html +1 -1
- package/coverage/lcov-report/src/tooltip/Tooltip.tsx.html +62 -62
- package/coverage/lcov-report/src/tooltip/TooltipHoverModeProvider.tsx.html +3 -3
- package/coverage/lcov-report/src/tooltip/constants.ts.html +1 -1
- package/coverage/lcov-report/src/tooltip/index.html +9 -9
- package/coverage/lcov-report/src/tooltip/tooltipStyles.ts.html +12 -12
- package/coverage/lcov-report/src/tooltip/useTooltip.ts.html +243 -222
- package/coverage/lcov-report/src/tooltip/useTooltipPosition.ts.html +27 -27
- package/coverage/lcov-report/src/tooltip/utils.ts.html +22 -22
- package/coverage/lcov-report/src/transition/CSSTransition.tsx.html +1 -1
- package/coverage/lcov-report/src/transition/Collapse.tsx.html +1 -1
- package/coverage/lcov-report/src/transition/CrossFade.tsx.html +1 -1
- package/coverage/lcov-report/src/transition/ScaleTransition.tsx.html +1 -1
- package/coverage/lcov-report/src/transition/SkeletonPlaceholder.tsx.html +374 -338
- package/coverage/lcov-report/src/transition/Slide.tsx.html +1 -1
- package/coverage/lcov-report/src/transition/SlideContainer.tsx.html +1 -1
- package/coverage/lcov-report/src/transition/collapseStyles.ts.html +13 -13
- package/coverage/lcov-report/src/transition/config.ts.html +5 -5
- package/coverage/lcov-report/src/transition/index.html +47 -32
- package/coverage/lcov-report/src/transition/maxWidthTransition.ts.html +1 -1
- package/coverage/lcov-report/src/transition/skeletonPlaceholderUtils.ts.html +400 -0
- package/coverage/lcov-report/src/transition/useCSSTransition.ts.html +68 -68
- package/coverage/lcov-report/src/transition/useCarousel.ts.html +1 -1
- package/coverage/lcov-report/src/transition/useCollapseTransition.ts.html +87 -87
- package/coverage/lcov-report/src/transition/useCrossFadeTransition.ts.html +1 -1
- package/coverage/lcov-report/src/transition/useMaxWidthTransition.ts.html +1 -1
- package/coverage/lcov-report/src/transition/useScaleTransition.ts.html +18 -18
- package/coverage/lcov-report/src/transition/useSkeletonPlaceholder.ts.html +607 -562
- package/coverage/lcov-report/src/transition/useSlideTransition.ts.html +1 -1
- package/coverage/lcov-report/src/transition/useTransition.ts.html +237 -237
- package/coverage/lcov-report/src/transition/utils.ts.html +43 -43
- package/coverage/lcov-report/src/tree/DefaultTreeItemRenderer.tsx.html +18 -6
- package/coverage/lcov-report/src/tree/Tree.tsx.html +20 -8
- package/coverage/lcov-report/src/tree/TreeGroup.tsx.html +45 -45
- package/coverage/lcov-report/src/tree/TreeItem.tsx.html +7 -10
- package/coverage/lcov-report/src/tree/TreeItemExpander.tsx.html +1 -1
- package/coverage/lcov-report/src/tree/TreeProvider.tsx.html +8 -8
- package/coverage/lcov-report/src/tree/index.html +11 -11
- package/coverage/lcov-report/src/tree/styles.ts.html +8 -35
- package/coverage/lcov-report/src/tree/useTree.ts.html +1 -1
- package/coverage/lcov-report/src/tree/useTreeExpansion.ts.html +1 -1
- package/coverage/lcov-report/src/tree/useTreeItems.ts.html +1 -1
- package/coverage/lcov-report/src/tree/useTreeMovement.ts.html +1 -1
- package/coverage/lcov-report/src/tree/useTreeSelection.ts.html +1 -1
- package/coverage/lcov-report/src/tree/utils.ts.html +1 -1
- package/coverage/lcov-report/src/typography/SrOnly.tsx.html +1 -1
- package/coverage/lcov-report/src/typography/TextContainer.tsx.html +1 -1
- package/coverage/lcov-report/src/typography/Typography.tsx.html +1 -1
- package/coverage/lcov-report/src/typography/WritingDirectionProvider.tsx.html +1 -1
- package/coverage/lcov-report/src/typography/index.html +1 -1
- package/coverage/lcov-report/src/useAsyncAction.ts.html +1 -1
- package/coverage/lcov-report/src/useDebouncedFunction.ts.html +1 -1
- package/coverage/lcov-report/src/useDropzone.ts.html +1 -1
- package/coverage/lcov-report/src/useElementSize.ts.html +334 -0
- package/coverage/lcov-report/src/useEnsuredId.ts.html +8 -8
- package/coverage/lcov-report/src/useEnsuredRef.ts.html +14 -14
- package/coverage/lcov-report/src/useEnsuredState.ts.html +1 -1
- package/coverage/lcov-report/src/useHtmlClassName.ts.html +1 -1
- package/coverage/lcov-report/src/useIntersectionObserver.ts.html +1 -1
- package/coverage/lcov-report/src/useIsomorphicLayoutEffect.ts.html +1 -1
- package/coverage/lcov-report/src/useLocalStorage.ts.html +1 -1
- package/coverage/lcov-report/src/useOrientation.ts.html +32 -32
- package/coverage/lcov-report/src/usePageInactive.ts.html +30 -30
- package/coverage/lcov-report/src/useResizeListener.ts.html +38 -32
- package/coverage/lcov-report/src/useResizeObserver.ts.html +68 -179
- package/coverage/lcov-report/src/useThrottledFunction.ts.html +1 -1
- package/coverage/lcov-report/src/useToggle.ts.html +1 -1
- package/coverage/lcov-report/src/useUnmounted.ts.html +1 -1
- package/coverage/lcov-report/src/useWindowSize.ts.html +124 -94
- package/coverage/lcov-report/src/utils/RenderRecursively.tsx.html +1 -1
- package/coverage/lcov-report/src/utils/alphaNumericSort.ts.html +1 -1
- package/coverage/lcov-report/src/utils/applyRef.ts.html +11 -11
- package/coverage/lcov-report/src/utils/bem.ts.html +45 -45
- package/coverage/lcov-report/src/utils/filters.ts.html +1 -1
- package/coverage/lcov-report/src/utils/getClientPosition.ts.html +1 -1
- package/coverage/lcov-report/src/utils/getMiddleOfRange.ts.html +163 -0
- package/coverage/lcov-report/src/utils/getPercentage.ts.html +9 -9
- package/coverage/lcov-report/src/utils/getRangeDefaultValue.ts.html +66 -87
- package/coverage/lcov-report/src/utils/getRangeSteps.ts.html +7 -7
- package/coverage/lcov-report/src/utils/identity.ts.html +1 -1
- package/coverage/lcov-report/src/utils/index.html +46 -31
- package/coverage/lcov-report/src/utils/isElementVisible.ts.html +1 -1
- package/coverage/lcov-report/src/utils/isValidNumber.ts.html +118 -0
- package/coverage/lcov-report/src/utils/loop.ts.html +1 -1
- package/coverage/lcov-report/src/utils/nearest.ts.html +21 -21
- package/coverage/lcov-report/src/utils/parseCssLengthUnit.ts.html +18 -18
- package/coverage/lcov-report/src/utils/randomInt.ts.html +52 -52
- package/coverage/lcov-report/src/utils/wait.ts.html +1 -1
- package/coverage/lcov-report/src/utils/withinRange.ts.html +1 -1
- package/coverage/lcov-report/src/window-splitter/WindowSplitter.tsx.html +1 -1
- package/coverage/lcov-report/src/window-splitter/index.html +14 -14
- package/coverage/lcov-report/src/window-splitter/useWindowSplitter.ts.html +19 -67
- package/coverage/lcov-report/src/window-splitter/useWindowSplitterMaxValue.ts.html +256 -0
- package/coverage/lcov-report/suspense/CircularProgressSuspense.tsx.html +283 -0
- package/coverage/lcov-report/suspense/NullSuspense.tsx.html +202 -0
- package/coverage/lcov-report/suspense/index.html +131 -0
- package/coverage/lcov-report/tabIndicatorStyles.ts.html +43 -13
- package/coverage/lcov-report/tabListStyles.ts.html +35 -26
- package/coverage/lcov-report/tabStyles.ts.html +68 -26
- package/coverage/lcov-report/tabs/Tab.tsx.html +233 -143
- package/coverage/lcov-report/tabs/TabList.tsx.html +85 -85
- package/coverage/lcov-report/tabs/index.html +56 -11
- package/coverage/lcov-report/tabs/tabIndicatorStyles.ts.html +187 -0
- package/coverage/lcov-report/tabs/tabListStyles.ts.html +241 -0
- package/coverage/lcov-report/tabs/tabStyles.ts.html +253 -0
- package/coverage/lcov-report/tabs/useTabList.ts.html +736 -0
- package/coverage/lcov-report/tabs/useTabs.ts.html +1 -1
- package/coverage/lcov-report/tabs/utils.ts.html +1 -1
- package/coverage/lcov-report/test-utils/index.html +21 -21
- package/coverage/lcov-report/test-utils/use.ts.html +187 -0
- package/coverage/lcov-report/tooltip/Tooltip.tsx.html +62 -62
- package/coverage/lcov-report/tooltip/index.html +10 -70
- package/coverage/lcov-report/tooltip/useTooltip.ts.html +243 -222
- package/coverage/lcov-report/transition/SkeletonPlaceholder.tsx.html +595 -0
- package/coverage/lcov-report/transition/config.ts.html +5 -5
- package/coverage/lcov-report/transition/index.html +1 -1
- package/coverage/lcov-report/transition/skeletonPlaceholderUtils.ts.html +400 -0
- package/coverage/lcov-report/transition/useSkeletonPlaceholder.ts.html +952 -0
- package/coverage/lcov-report/tree/TreeItem.tsx.html +7 -10
- package/coverage/lcov-report/tree/index.html +12 -27
- package/coverage/lcov-report/tree/styles.ts.html +538 -0
- package/coverage/lcov-report/typography/Typography.tsx.html +110 -110
- package/coverage/lcov-report/typography/WritingDirectionProvider.tsx.html +75 -75
- package/coverage/lcov-report/typography/index.html +15 -15
- package/coverage/lcov-report/useSkeletonPlaceholder.ts.html +952 -0
- package/coverage/lcov-report/useTabList.ts.html +142 -136
- package/coverage/lcov-report/useWindowSplitter.ts.html +640 -0
- package/coverage/lcov-report/useWindowSplitterMaxValue.ts.html +256 -0
- package/coverage/lcov-report/utils/index.html +16 -31
- package/coverage/lcov-report/utils/isElementVisible.ts.html +14 -14
- package/coverage/lcov-report/utils/randomInt.ts.html +148 -0
- package/coverage/lcov-report/utils/wait.ts.html +1 -1
- package/coverage/lcov-report/window-splitter/index.html +21 -36
- package/coverage/lcov-report/window-splitter/useWindowSplitter.ts.html +406 -328
- package/coverage/lcov.info +474 -0
- package/dist/_box-shadows.scss +12 -2
- package/dist/_core.scss +0 -2
- package/dist/_utils.scss +22 -0
- package/dist/app-bar/AppBar.d.ts +4 -9
- package/dist/app-bar/AppBar.js +29 -7
- package/dist/app-bar/AppBar.js.map +1 -1
- package/dist/app-bar/_app-bar.scss +7 -9
- package/dist/avatar/Avatar.d.ts +1 -1
- package/dist/avatar/Avatar.js.map +1 -1
- package/dist/badge/_badge.scss +12 -7
- package/dist/button/TooltippedButton.d.ts +62 -0
- package/dist/button/TooltippedButton.js +62 -0
- package/dist/button/TooltippedButton.js.map +1 -0
- package/dist/card/Card.js +3 -2
- package/dist/card/Card.js.map +1 -1
- package/dist/card/CardContent.js +1 -1
- package/dist/card/CardContent.js.map +1 -1
- package/dist/card/ClickableCard.d.ts +42 -0
- package/dist/card/ClickableCard.js +73 -0
- package/dist/card/ClickableCard.js.map +1 -0
- package/dist/card/_card.scss +15 -9
- package/dist/card/styles.d.ts +8 -0
- package/dist/card/styles.js +6 -3
- package/dist/card/styles.js.map +1 -1
- package/dist/dialog/_dialog.scss +28 -15
- package/dist/divider/_divider.scss +9 -10
- package/dist/draggable/useDraggable.d.ts +12 -23
- package/dist/draggable/useDraggable.js +15 -6
- package/dist/draggable/useDraggable.js.map +1 -1
- package/dist/draggable/utils.d.ts +4 -17
- package/dist/draggable/utils.js +9 -25
- package/dist/draggable/utils.js.map +1 -1
- package/dist/expansion-panel/_expansion-panel.scss +25 -16
- package/dist/expansion-panel/useExpansionPanels.d.ts +5 -3
- package/dist/expansion-panel/useExpansionPanels.js +16 -9
- package/dist/expansion-panel/useExpansionPanels.js.map +1 -1
- package/dist/form/MenuItemInputToggle.d.ts +1 -1
- package/dist/form/MenuItemInputToggle.js.map +1 -1
- package/dist/form/Select.js +6 -1
- package/dist/form/Select.js.map +1 -1
- package/dist/form/_form.scss +40 -22
- package/dist/icon/IconRotator.js +2 -3
- package/dist/icon/IconRotator.js.map +1 -1
- package/dist/icon/_icon.scss +7 -2
- package/dist/index.d.ts +5 -0
- package/dist/index.js +5 -0
- package/dist/index.js.map +1 -1
- package/dist/interaction/_interaction.scss +12 -9
- package/dist/layout/useLayoutAppBarHeight.js +5 -9
- package/dist/layout/useLayoutAppBarHeight.js.map +1 -1
- package/dist/link/_link.scss +26 -12
- package/dist/list/ListItem.d.ts +8 -3
- package/dist/list/ListItem.js +4 -3
- package/dist/list/ListItem.js.map +1 -1
- package/dist/list/ListItemAddon.js +2 -1
- package/dist/list/ListItemAddon.js.map +1 -1
- package/dist/list/ListItemChildren.js +3 -2
- package/dist/list/ListItemChildren.js.map +1 -1
- package/dist/list/ListItemLink.js +3 -3
- package/dist/list/ListItemLink.js.map +1 -1
- package/dist/list/_list.scss +29 -18
- package/dist/list/listItemStyles.d.ts +9 -1
- package/dist/list/listItemStyles.js +5 -5
- package/dist/list/listItemStyles.js.map +1 -1
- package/dist/list/types.d.ts +14 -4
- package/dist/list/types.js.map +1 -1
- package/dist/menu/Menu.d.ts +1 -1
- package/dist/menu/Menu.js.map +1 -1
- package/dist/menu/_menu.scss +3 -14
- package/dist/portal/PortalContainerProvider.d.ts +2 -2
- package/dist/portal/PortalContainerProvider.js +6 -1
- package/dist/portal/PortalContainerProvider.js.map +1 -1
- package/dist/sheet/styles.d.ts +14 -15
- package/dist/sheet/styles.js.map +1 -1
- package/dist/table/TableCheckbox.d.ts +3 -2
- package/dist/table/TableCheckbox.js +4 -2
- package/dist/table/TableCheckbox.js.map +1 -1
- package/dist/table/TableRadio.d.ts +3 -2
- package/dist/table/TableRadio.js +4 -2
- package/dist/table/TableRadio.js.map +1 -1
- package/dist/table/tableCellStyles.d.ts +1 -1
- package/dist/table/tableCellStyles.js.map +1 -1
- package/dist/tabs/Tab.d.ts +24 -3
- package/dist/tabs/Tab.js +15 -8
- package/dist/tabs/Tab.js.map +1 -1
- package/dist/tabs/_tabs.scss +28 -16
- package/dist/tabs/tabIndicatorStyles.d.ts +2 -1
- package/dist/tabs/tabIndicatorStyles.js +6 -3
- package/dist/tabs/tabIndicatorStyles.js.map +1 -1
- package/dist/tabs/tabListStyles.js +2 -1
- package/dist/tabs/tabListStyles.js.map +1 -1
- package/dist/tabs/tabStyles.d.ts +2 -0
- package/dist/tabs/tabStyles.js +6 -3
- package/dist/tabs/tabStyles.js.map +1 -1
- package/dist/tabs/useTabList.d.ts +3 -3
- package/dist/tabs/useTabList.js +9 -6
- package/dist/tabs/useTabList.js.map +1 -1
- package/dist/tooltip/useTooltip.d.ts +14 -14
- package/dist/tooltip/useTooltip.js.map +1 -1
- package/dist/transition/SkeletonPlaceholder.d.ts +2 -2
- package/dist/transition/SkeletonPlaceholder.js +8 -3
- package/dist/transition/SkeletonPlaceholder.js.map +1 -1
- package/dist/transition/_transition.scss +12 -7
- package/dist/transition/skeletonPlaceholderUtils.d.ts +77 -0
- package/dist/transition/skeletonPlaceholderUtils.js +38 -0
- package/dist/transition/skeletonPlaceholderUtils.js.map +1 -0
- package/dist/transition/useSkeletonPlaceholder.d.ts +12 -7
- package/dist/transition/useSkeletonPlaceholder.js +38 -37
- package/dist/transition/useSkeletonPlaceholder.js.map +1 -1
- package/dist/tree/DefaultTreeItemRenderer.d.ts +2 -2
- package/dist/tree/DefaultTreeItemRenderer.js.map +1 -1
- package/dist/tree/Tree.d.ts +8 -4
- package/dist/tree/Tree.js.map +1 -1
- package/dist/tree/TreeItem.js +3 -4
- package/dist/tree/TreeItem.js.map +1 -1
- package/dist/tree/_tree.scss +29 -22
- package/dist/tree/styles.d.ts +0 -6
- package/dist/tree/styles.js +1 -2
- package/dist/tree/styles.js.map +1 -1
- package/dist/types.d.ts +7 -0
- package/dist/types.js +1 -2
- package/dist/types.js.map +1 -1
- package/dist/typography/_typography.scss +12 -2
- package/dist/useElementSize.d.ts +40 -0
- package/dist/useElementSize.js +53 -0
- package/dist/useElementSize.js.map +1 -0
- package/dist/useResizeListener.d.ts +1 -1
- package/dist/useResizeListener.js +1 -0
- package/dist/useResizeListener.js.map +1 -1
- package/dist/useResizeObserver.d.ts +4 -43
- package/dist/useResizeObserver.js +3 -42
- package/dist/useResizeObserver.js.map +1 -1
- package/dist/useWindowSize.d.ts +14 -11
- package/dist/useWindowSize.js +12 -7
- package/dist/useWindowSize.js.map +1 -1
- package/dist/utils/getMiddleOfRange.d.ts +13 -0
- package/dist/utils/getMiddleOfRange.js +20 -0
- package/dist/utils/getMiddleOfRange.js.map +1 -0
- package/dist/utils/getRangeDefaultValue.d.ts +3 -5
- package/dist/utils/getRangeDefaultValue.js +3 -13
- package/dist/utils/getRangeDefaultValue.js.map +1 -1
- package/dist/utils/getRangeSteps.d.ts +1 -1
- package/dist/utils/getRangeSteps.js +2 -2
- package/dist/utils/getRangeSteps.js.map +1 -1
- package/dist/utils/nearest.js +1 -1
- package/dist/utils/nearest.js.map +1 -1
- package/dist/window-splitter/_window-splitter.scss +11 -16
- package/dist/window-splitter/useWindowSplitter.d.ts +3 -5
- package/dist/window-splitter/useWindowSplitter.js +3 -11
- package/dist/window-splitter/useWindowSplitter.js.map +1 -1
- package/package.json +18 -18
- package/src/__tests__/useElementSize.tsx +181 -0
- package/src/__tests__/useWindowSize.node.tsx +56 -0
- package/src/__tests__/useWindowSize.tsx +156 -0
- package/src/_box-shadows.scss +12 -2
- package/src/_core.scss +0 -2
- package/src/_utils.scss +22 -0
- package/src/app-bar/AppBar.tsx +59 -19
- package/src/app-bar/__tests__/__snapshots__/AppBar.tsx.snap +21 -21
- package/src/app-bar/_app-bar.scss +7 -9
- package/src/avatar/Avatar.tsx +1 -1
- package/src/badge/_badge.scss +12 -7
- package/src/button/TooltippedButton.tsx +120 -0
- package/src/button/__tests__/TooltippedButton.tsx +60 -0
- package/src/button/__tests__/__snapshots__/TooltippedButton.tsx.snap +26 -0
- package/src/card/Card.tsx +5 -3
- package/src/card/CardContent.tsx +3 -3
- package/src/card/ClickableCard.tsx +105 -0
- package/src/card/__tests__/ClickableCard.tsx +66 -0
- package/src/card/__tests__/__snapshots__/CardHeader.tsx.snap +1 -1
- package/src/card/__tests__/__snapshots__/CardSubtitle.tsx.snap +2 -2
- package/src/card/__tests__/__snapshots__/ClickableCard.tsx.snap +20 -0
- package/src/card/__tests__/__snapshots__/styles.ts.snap +1 -1
- package/src/card/_card.scss +15 -9
- package/src/card/styles.ts +19 -10
- package/src/dialog/_dialog.scss +28 -15
- package/src/divider/_divider.scss +9 -10
- package/src/draggable/useDraggable.ts +26 -25
- package/src/draggable/utils.ts +16 -50
- package/src/expansion-panel/__tests__/ExpansionPanel.tsx +2 -2
- package/src/expansion-panel/_expansion-panel.scss +25 -16
- package/src/expansion-panel/useExpansionPanels.ts +20 -16
- package/src/form/MenuItemInputToggle.tsx +1 -1
- package/src/form/Select.tsx +9 -1
- package/src/form/_form.scss +40 -22
- package/src/icon/IconRotator.tsx +1 -2
- package/src/icon/_icon.scss +7 -2
- package/src/index.ts +5 -0
- package/src/interaction/_interaction.scss +12 -9
- package/src/layout/__tests__/__snapshots__/LayoutAppBar.tsx.snap +4 -4
- package/src/layout/__tests__/__snapshots__/useExpandableLayout.tsx.snap +1 -1
- package/src/layout/__tests__/__snapshots__/useLayoutTree.tsx.snap +18 -18
- package/src/layout/__tests__/__snapshots__/useResizableLayout.tsx.snap +1 -1
- package/src/layout/__tests__/__snapshots__/useTemporaryLayout.tsx.snap +1 -1
- package/src/layout/useLayoutAppBarHeight.ts +5 -9
- package/src/link/_link.scss +26 -12
- package/src/list/ListItem.tsx +19 -12
- package/src/list/ListItemAddon.tsx +5 -3
- package/src/list/ListItemChildren.tsx +4 -2
- package/src/list/ListItemLink.tsx +3 -3
- package/src/list/__tests__/ListItem.tsx +1 -1
- package/src/list/__tests__/__snapshots__/ListItem.tsx.snap +1 -1
- package/src/list/_list.scss +29 -18
- package/src/list/listItemStyles.ts +15 -5
- package/src/list/types.ts +15 -4
- package/src/menu/Menu.tsx +1 -1
- package/src/menu/_menu.scss +3 -14
- package/src/portal/PortalContainerProvider.tsx +10 -2
- package/src/portal/__tests__/PortalContainerProvider.tsx +23 -0
- package/src/sheet/styles.ts +14 -15
- package/src/suspense/__tests__/CircularProgressSuspense.tsx +90 -0
- package/src/suspense/__tests__/NullSuspense.tsx +46 -0
- package/src/suspense/__tests__/__snapshots__/CircularProgressSuspense.tsx.snap +24 -0
- package/src/table/TableCheckbox.tsx +4 -2
- package/src/table/TableRadio.tsx +4 -2
- package/src/table/tableCellStyles.ts +1 -1
- package/src/tabs/Tab.tsx +110 -70
- package/src/tabs/__tests__/Tab.tsx +25 -2
- package/src/tabs/__tests__/TabList.tsx +4 -4
- package/src/tabs/__tests__/__snapshots__/TabList.tsx.snap +2 -2
- package/src/tabs/_tabs.scss +28 -16
- package/src/tabs/tabIndicatorStyles.ts +13 -3
- package/src/tabs/tabListStyles.ts +1 -1
- package/src/tabs/tabStyles.ts +16 -4
- package/src/tabs/useTabList.ts +10 -8
- package/src/tooltip/useTooltip.ts +23 -16
- package/src/transition/SkeletonPlaceholder.tsx +18 -6
- package/src/transition/__tests__/SkeletonPlaceholder.tsx +72 -0
- package/src/transition/__tests__/__snapshots__/SkeletonPlaceholder.tsx.snap +24 -0
- package/src/transition/_transition.scss +12 -7
- package/src/transition/skeletonPlaceholderUtils.ts +105 -0
- package/src/transition/useSkeletonPlaceholder.ts +62 -47
- package/src/tree/DefaultTreeItemRenderer.tsx +6 -2
- package/src/tree/Tree.tsx +8 -4
- package/src/tree/TreeItem.tsx +3 -4
- package/src/tree/__tests__/Tree.tsx +1 -1
- package/src/tree/__tests__/__snapshots__/Tree.tsx.snap +124 -124
- package/src/tree/_tree.scss +29 -22
- package/src/tree/styles.ts +0 -9
- package/src/types.ts +8 -0
- package/src/typography/_typography.scss +12 -2
- package/src/useElementSize.ts +83 -0
- package/src/useResizeListener.ts +3 -1
- package/src/useResizeObserver.ts +7 -44
- package/src/useWindowSize.ts +29 -19
- package/src/utils/__tests__/getMiddleOfRange.ts +12 -0
- package/src/utils/__tests__/getRangeDefaultValue.ts +47 -0
- package/src/utils/getMiddleOfRange.ts +26 -0
- package/src/utils/getRangeDefaultValue.ts +8 -15
- package/src/utils/getRangeSteps.ts +2 -2
- package/src/utils/nearest.ts +1 -1
- package/src/window-splitter/_window-splitter.scss +11 -16
- package/src/window-splitter/useWindowSplitter.ts +12 -28
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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/styles.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/MaterialSymbol.js\";\nexport * from \"./icon/SVGIcon.js\";\nexport * from \"./icon/TextIconSpacing.js\";\nexport * from \"./icon/iconConfig.js\";\nexport * from \"./icon/material.js\";\nexport * from \"./icon/materialConfig.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/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/TableRadio.js\";\nexport * from \"./table/TableRow.js\";\nexport * from \"./table/tableCellStyles.js\";\nexport * from \"./table/tableFooterStyles.js\";\nexport * from \"./table/tableHeaderStyles.js\";\nexport * from \"./table/tableRowStyles.js\";\nexport * from \"./table/tableStyles.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/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/config.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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"}
|
|
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/TooltippedButton.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/ClickableCard.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/styles.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/MaterialSymbol.js\";\nexport * from \"./icon/SVGIcon.js\";\nexport * from \"./icon/TextIconSpacing.js\";\nexport * from \"./icon/iconConfig.js\";\nexport * from \"./icon/material.js\";\nexport * from \"./icon/materialConfig.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/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/TableRadio.js\";\nexport * from \"./table/TableRow.js\";\nexport * from \"./table/tableCellStyles.js\";\nexport * from \"./table/tableFooterStyles.js\";\nexport * from \"./table/tableHeaderStyles.js\";\nexport * from \"./table/tableRowStyles.js\";\nexport * from \"./table/tableStyles.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/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/config.js\";\nexport * from \"./transition/maxWidthTransition.js\";\nexport * from \"./transition/skeletonPlaceholderUtils.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 \"./useElementSize.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/getMiddleOfRange.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":"AAAA,SAASA,MAAM,QAAQ,SAAS;AAChC,cAAc,qBAAqB;AACnC,cAAc,aAAa;AAC3B,cAAc,mBAAmB;AACjC,cAAc,sBAAsB;AACpC,cAAc,2BAA2B;AACzC,cAAc,qBAAqB;AACnC,cAAc,qBAAqB;AACnC,cAAc,mBAAmB;AACjC,cAAc,eAAe;AAC7B,cAAc,kBAAkB;AAChC,cAAc,0BAA0B;AACxC,cAAc,qBAAqB;AACnC,cAAc,6BAA6B;AAC3C,cAAc,mCAAmC;AACjD,cAAc,+BAA+B;AAC7C,cAAc,2BAA2B;AACzC,cAAc,mCAAmC;AACjD,cAAc,iBAAiB;AAC/B,cAAc,wBAAwB;AACtC,cAAc,uBAAuB;AACrC,cAAc,uBAAuB;AACrC,cAAc,yBAAyB;AACvC,cAAc,sBAAsB;AACpC,cAAc,0BAA0B;AACxC,cAAc,mBAAmB;AACjC,cAAc,iBAAiB;AAC/B,cAAc,mBAAmB;AACjC,cAAc,gBAAgB;AAC9B,cAAc,qBAAqB;AACnC,cAAc,qBAAqB;AACnC,cAAc,8BAA8B;AAC5C,cAAc,4BAA4B;AAC1C,cAAc,2BAA2B;AACzC,cAAc,2BAA2B;AACzC,cAAc,0BAA0B;AACxC,cAAc,0BAA0B;AACxC,cAAc,mCAAmC;AACjD,cAAc,qBAAqB;AACnC,cAAc,uBAAuB;AACrC,cAAc,sBAAsB;AACpC,cAAc,8BAA8B;AAC5C,cAAc,qCAAqC;AACnD,cAAc,sCAAsC;AACpD,cAAc,4CAA4C;AAC1D,cAAc,wCAAwC;AACtD,cAAc,0CAA0C;AACxD,cAAc,+BAA+B;AAC7C,cAAc,mBAAmB;AACjC,cAAc,qBAAqB;AACnC,cAAc,qBAAqB;AACnC,cAAc,sBAAsB;AACpC,cAAc,iBAAiB;AAC/B,cAAc,wBAAwB;AACtC,cAAc,iCAAiC;AAC/C,cAAc,+BAA+B;AAC7C,cAAc,wBAAwB;AACtC,cAAc,kBAAkB;AAChC,cAAc,mBAAmB;AACjC,cAAc,6BAA6B;AAC3C,cAAc,8BAA8B;AAC5C,cAAc,gCAAgC;AAC9C,cAAc,0BAA0B;AACxC,cAAc,2BAA2B;AACzC,cAAc,8BAA8B;AAC5C,cAAc,yBAAyB;AACvC,cAAc,qBAAqB;AACnC,cAAc,mBAAmB;AACjC,cAAc,qBAAqB;AACnC,cAAc,kBAAkB;AAChC,cAAc,mBAAmB;AACjC,cAAc,mBAAmB;AACjC,cAAc,4BAA4B;AAC1C,cAAc,uBAAuB;AACrC,cAAc,4BAA4B;AAC1C,cAAc,wBAAwB;AACtC,cAAc,wBAAwB;AACtC,cAAc,6BAA6B;AAC3C,cAAc,+BAA+B;AAC7C,cAAc,mBAAmB;AACjC,cAAc,qBAAqB;AACnC,cAAc,sBAAsB;AACpC,cAAc,2BAA2B;AACzC,cAAc,+BAA+B;AAC7C,cAAc,qCAAqC;AACnD,cAAc,sBAAsB;AACpC,cAAc,uBAAuB;AACrC,cAAc,8BAA8B;AAC5C,cAAc,+BAA+B;AAC7C,cAAc,yBAAyB;AACvC,cAAc,2BAA2B;AACzC,cAAc,yBAAyB;AACvC,cAAc,yBAAyB;AACvC,cAAc,4BAA4B;AAC1C,cAAc,kBAAkB;AAChC,cAAc,6BAA6B;AAC3C,cAAc,0BAA0B;AACxC,cAAc,2BAA2B;AACzC,cAAc,0BAA0B;AACxC,cAAc,2BAA2B;AACzC,cAAc,sBAAsB;AACpC,cAAc,yBAAyB;AACvC,cAAc,uBAAuB;AACrC,cAAc,8BAA8B;AAC5C,cAAc,sCAAsC;AACpD,cAAc,qBAAqB;AACnC,cAAc,wBAAwB;AACtC,cAAc,yBAAyB;AACvC,cAAc,2BAA2B;AACzC,cAAc,oBAAoB;AAClC,cAAc,4BAA4B;AAC1C,cAAc,uBAAuB;AACrC,cAAc,qBAAqB;AACnC,cAAc,2BAA2B;AACzC,cAAc,mBAAmB;AACjC,cAAc,0BAA0B;AACxC,cAAc,mCAAmC;AACjD,cAAc,+CAA+C;AAC7D,cAAc,0BAA0B;AACxC,cAAc,yBAAyB;AACvC,cAAc,yCAAyC;AACvD,cAAc,6CAA6C;AAC3D,cAAc,2BAA2B;AACzC,cAAc,wBAAwB;AACtC,cAAc,mCAAmC;AACjD,cAAc,mBAAmB;AACjC,cAAc,8BAA8B;AAC5C,cAAc,yCAAyC;AACvD,cAAc,yBAAyB;AACvC,cAAc,kCAAkC;AAChD,cAAc,4CAA4C;AAC1D,cAAc,oCAAoC;AAClD,cAAc,4BAA4B;AAC1C,cAAc,sCAAsC;AACpD,cAAc,8BAA8B;AAC5C,cAAc,iCAAiC;AAC/C,cAAc,iCAAiC;AAC/C,cAAc,iBAAiB;AAC/B,cAAc,8BAA8B;AAC5C,cAAc,mBAAmB;AACjC,cAAc,iBAAiB;AAC/B,cAAc,qBAAqB;AACnC,cAAc,0BAA0B;AACxC,cAAc,6BAA6B;AAC3C,cAAc,yBAAyB;AACvC,cAAc,yBAAyB;AACvC,cAAc,0BAA0B;AACxC,cAAc,8BAA8B;AAC5C,cAAc,2BAA2B;AACzC,cAAc,kBAAkB;AAChC,cAAc,qCAAqC;AACnD,cAAc,6BAA6B;AAC3C,cAAc,mCAAmC;AACjD,cAAc,yBAAyB;AACvC,cAAc,iBAAiB;AAC/B,cAAc,oBAAoB;AAClC,cAAc,uBAAuB;AACrC,cAAc,sCAAsC;AACpD,cAAc,qBAAqB;AACnC,cAAc,2BAA2B;AACzC,cAAc,0BAA0B;AACxC,cAAc,8BAA8B;AAC5C,cAAc,sBAAsB;AACpC,cAAc,mCAAmC;AACjD,cAAc,uBAAuB;AACrC,cAAc,2BAA2B;AACzC,cAAc,+BAA+B;AAC7C,cAAc,0BAA0B;AACxC,cAAc,+BAA+B;AAC7C,cAAc,sBAAsB;AACpC,cAAc,4CAA4C;AAC1D,cAAc,sBAAsB;AACpC,cAAc,uBAAuB;AACrC,cAAc,6BAA6B;AAC3C,cAAc,qBAAqB;AACnC,cAAc,sCAAsC;AACpD,cAAc,6BAA6B;AAC3C,cAAc,yBAAyB;AACvC,cAAc,uCAAuC;AACrD,cAAc,iCAAiC;AAC/C,cAAc,+BAA+B;AAC7C,cAAc,gCAAgC;AAC9C,cAAc,sBAAsB;AACpC,cAAc,+CAA+C;AAC7D,cAAc,6CAA6C;AAC3D,cAAc,8BAA8B;AAC5C,cAAc,yBAAyB;AACvC,cAAc,gCAAgC;AAC9C,cAAc,4BAA4B;AAC1C,cAAc,wCAAwC;AACtD,cAAc,iDAAiD;AAC/D,cAAc,uDAAuD;AACrE,cAAc,8CAA8C;AAC5D,cAAc,mBAAmB;AACjC,cAAc,oBAAoB;AAClC,cAAc,qCAAqC;AACnD,cAAc,yBAAyB;AACvC,cAAc,sBAAsB;AACpC,cAAc,kCAAkC;AAChD,cAAc,iCAAiC;AAC/C,cAAc,6BAA6B;AAC3C,cAAc,6BAA6B;AAC3C,cAAc,qCAAqC;AACnD,cAAc,+BAA+B;AAC7C,cAAc,mCAAmC;AACjD,cAAc,4BAA4B;AAC1C,cAAc,uCAAuC;AACrD,cAAc,yCAAyC;AACvD,cAAc,6BAA6B;AAC3C,cAAc,mBAAmB;AACjC,cAAc,uBAAuB;AACrC,cAAc,uBAAuB;AACrC,cAAc,8BAA8B;AAC5C,cAAc,2BAA2B;AACzC,cAAc,wCAAwC;AACtD,cAAc,4BAA4B;AAC1C,cAAc,oCAAoC;AAClD,cAAc,yBAAyB;AACvC,cAAc,yBAAyB;AACvC,cAAc,wBAAwB;AACtC,cAAc,sBAAsB;AACpC,cAAc,6BAA6B;AAC3C,cAAc,+BAA+B;AAC7C,cAAc,+BAA+B;AAC7C,cAAc,4BAA4B;AAC1C,cAAc,yBAAyB;AACvC,cAAc,mBAAmB;AACjC,cAAc,gBAAgB;AAC9B,cAAc,oBAAoB;AAClC,cAAc,gCAAgC;AAC9C,cAAc,+BAA+B;AAC7C,cAAc,sCAAsC;AACpD,cAAc,0BAA0B;AACxC,cAAc,sBAAsB;AACpC,cAAc,oBAAoB;AAClC,SAASC,yBAAyB,QAAQ,kBAAkB;AAK5D,cAAc,6CAA6C;AAC3D,cAAc,2BAA2B;AACzC,cAAc,oBAAoB;AAClC,cAAc,qBAAqB;AACnC,cAAc,mBAAmB;AACjC,cAAc,6BAA6B;AAC3C,cAAc,4BAA4B;AAC1C,cAAc,mCAAmC;AACjD,cAAc,oCAAoC;AAClD,cAAc,mCAAmC;AACjD,cAAc,mBAAmB;AACjC,cAAc,uBAAuB;AACrC,cAAc,wCAAwC;AACtD,cAAc,yBAAyB;AACvC,cAAc,0BAA0B;AACxC,cAAc,gCAAgC;AAC9C,cAAc,2BAA2B;AACzC,cAAc,4BAA4B;AAC1C,cAAc,kCAAkC;AAChD,cAAc,sCAAsC;AACpD,cAAc,wBAAwB;AACtC,cAAc,iCAAiC;AAC/C,cAAc,yBAAyB;AACvC,cAAc,qCAAqC;AACnD,cAAc,2CAA2C;AACzD,cAAc,wBAAwB;AACtC,cAAc,mCAAmC;AACjD,cAAc,8BAA8B;AAC5C,cAAc,wCAAwC;AACtD,cAAc,yCAAyC;AACvD,cAAc,wCAAwC;AACtD,cAAc,qCAAqC;AACnD,cAAc,yCAAyC;AACvD,cAAc,qCAAqC;AACnD,cAAc,gCAAgC;AAC9C,cAAc,oCAAoC;AAClD,cAAc,iBAAiB;AAC/B,cAAc,sBAAsB;AACpC,cAAc,qBAAqB;AACnC,cAAc,6BAA6B;AAC3C,cAAc,yBAAyB;AACvC,cAAc,mBAAmB;AACjC,cAAc,kBAAkB;AAChC,cAAc,oBAAoB;AAClC,cAAc,6BAA6B;AAC3C,cAAc,yBAAyB;AACvC,cAAc,6BAA6B;AAC3C,cAAc,kBAAkB;AAChC,cAAc,aAAa;AAC3B,cAAc,yBAAyB;AACvC,cAAc,gCAAgC;AAC9C,cAAc,6BAA6B;AAC3C,cAAc,2CAA2C;AACzD,cAAc,sBAAsB;AACpC,cAAc,4BAA4B;AAC1C,cAAc,mBAAmB;AACjC,cAAc,sBAAsB;AACpC,cAAc,oBAAoB;AAClC,cAAc,qBAAqB;AACnC,cAAc,wBAAwB;AACtC,cAAc,+BAA+B;AAC7C,cAAc,iCAAiC;AAC/C,cAAc,uBAAuB;AACrC,cAAc,sBAAsB;AACpC,cAAc,uBAAuB;AACrC,cAAc,yBAAyB;AACvC,cAAc,yBAAyB;AACvC,cAAc,4BAA4B;AAC1C,cAAc,iBAAiB;AAC/B,cAAc,oBAAoB;AAClC,cAAc,qBAAqB;AACnC,cAAc,+BAA+B;AAC7C,cAAc,8BAA8B;AAC5C,cAAc,sBAAsB;AACpC,cAAc,iBAAiB;AAC/B,cAAc,qBAAqB;AACnC,cAAc,+BAA+B;AAC7C,cAAc,8BAA8B;AAC5C,cAAc,2BAA2B;AACzC,cAAc,kCAAkC;AAChD,cAAc,2BAA2B;AACzC,cAAc,sBAAsB;AACpC,cAAc,8BAA8B;AAC5C,cAAc,kBAAkB;AAChC,cAAc,qBAAqB;AACnC,cAAc,gCAAgC;AAC9C,cAAc,uBAAuB;AACrC,cAAc,kBAAkB;AAChC,cAAc,yBAAyB;AACvC,cAAc,sCAAsC;AACpD,cAAc,yCAAyC"}
|
|
@@ -284,7 +284,8 @@ $variables: (
|
|
|
284
284
|
}
|
|
285
285
|
|
|
286
286
|
@mixin surface(
|
|
287
|
-
$focus-selector: "&:focus",
|
|
287
|
+
$focus-selector: "&:focus" + if(utils.$disable-focus-visible, "", "-visible"),
|
|
288
|
+
$keyboard-only-focus: utils.$disable-focus-visible,
|
|
288
289
|
$disabled-selector: "&:disabled",
|
|
289
290
|
$clickable: true,
|
|
290
291
|
$hoverable: true,
|
|
@@ -322,7 +323,13 @@ $variables: (
|
|
|
322
323
|
}
|
|
323
324
|
|
|
324
325
|
@if $focus-selector {
|
|
325
|
-
@
|
|
326
|
+
@if $keyboard-only-focus {
|
|
327
|
+
@include utils.keyboard-only($css-modules) {
|
|
328
|
+
#{$focus-selector + "::before"} {
|
|
329
|
+
@include focus-styles($box-shadow, $disable-background);
|
|
330
|
+
}
|
|
331
|
+
}
|
|
332
|
+
} @else {
|
|
326
333
|
#{$focus-selector + "::before"} {
|
|
327
334
|
@include focus-styles($box-shadow, $disable-background);
|
|
328
335
|
}
|
|
@@ -330,13 +337,9 @@ $variables: (
|
|
|
330
337
|
}
|
|
331
338
|
|
|
332
339
|
@if $hoverable {
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
@include utils.touch-only {
|
|
338
|
-
&:hover::before {
|
|
339
|
-
@include set-var(background-color, transparent);
|
|
340
|
+
@include utils.mouse-hover {
|
|
341
|
+
&::before {
|
|
342
|
+
@include set-var(background-color, get-var(hover-background-color));
|
|
340
343
|
}
|
|
341
344
|
}
|
|
342
345
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
2
|
+
import { useMemo } from "react";
|
|
3
|
+
import { useElementSize } from "../useElementSize.js";
|
|
4
4
|
/**
|
|
5
5
|
* @example
|
|
6
6
|
* Main Usage
|
|
@@ -51,16 +51,12 @@ import { useResizeObserver } from "../useResizeObserver.js";
|
|
|
51
51
|
*
|
|
52
52
|
* @remarks \@since 6.0.0
|
|
53
53
|
*/ export function useLayoutAppBarHeight(ref) {
|
|
54
|
-
const
|
|
55
|
-
const targetRef = useResizeObserver({
|
|
54
|
+
const { height, elementRef } = useElementSize({
|
|
56
55
|
ref,
|
|
57
|
-
onUpdate: useCallback((entry)=>{
|
|
58
|
-
setHeight(entry.borderBoxSize[0].blockSize);
|
|
59
|
-
}, []),
|
|
60
56
|
disableWidth: true
|
|
61
57
|
});
|
|
62
58
|
const variables = useMemo(()=>{
|
|
63
|
-
if (
|
|
59
|
+
if (Number.isNaN(height)) {
|
|
64
60
|
return [];
|
|
65
61
|
}
|
|
66
62
|
return [
|
|
@@ -75,7 +71,7 @@ import { useResizeObserver } from "../useResizeObserver.js";
|
|
|
75
71
|
return {
|
|
76
72
|
height,
|
|
77
73
|
variables,
|
|
78
|
-
appBarRef:
|
|
74
|
+
appBarRef: elementRef
|
|
79
75
|
};
|
|
80
76
|
}
|
|
81
77
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/layout/useLayoutAppBarHeight.ts"],"sourcesContent":["\"use client\";\nimport type { Ref, RefCallback } from \"react\";\nimport {
|
|
1
|
+
{"version":3,"sources":["../../src/layout/useLayoutAppBarHeight.ts"],"sourcesContent":["\"use client\";\nimport type { Ref, RefCallback } from \"react\";\nimport { useMemo } from \"react\";\nimport type { DefinedCSSVariableName } from \"../theme/types.js\";\nimport type { CSSVariable } from \"../theme/useCSSVariables.js\";\nimport { useElementSize } from \"../useElementSize.js\";\n\ndeclare module \"react\" {\n interface CSSProperties {\n \"--rmd-layout-size\"?: string;\n \"--rmd-layout-header-height\"?: string;\n }\n}\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport interface LayoutAppBarHeightResult {\n height: number | undefined;\n variables: readonly CSSVariable<DefinedCSSVariableName>[];\n appBarRef: RefCallback<HTMLDivElement>;\n}\n\n/**\n * @example\n * Main Usage\n * ```tsx\n * import type { PropsWithChildren, ReactElement } from \"react\";\n * import {\n * AppBar,\n * useCSSVariables,\n * useLayoutAppBarHeight\n * } from \"@react-md/core\";\n *\n * export function LayoutHeader({ children }: PropsWithChildren): ReactElement {\n * const { appBarRef, variables } = useLayoutAppBarHeight();\n * useCSSVariables(variables);\n *\n * return (\n * <AppBar ref={appBarRef} {...customProps}>\n * <CustomChildren />\n * </AppBar>\n * );\n * };\n * ```\n *\n * @example\n * Inline Variables\n * ```tsx\n * import type { PropsWithChildren, ReactElement } from \"react\";\n * import {\n * AppBar,\n * useCSSVariables,\n * useLayoutAppBarHeight\n * } from \"@react-md/core\";\n *\n * export function Layout({ children }: PropsWithChildren): ReactElement {\n * const { appBarRef, variables } = useLayoutAppBarHeight();\n * const inlineStyle = useCSSVariables(variables, true);\n *\n * return (\n * <div style={inlineStyle}>\n * <AppBar ref={appBarRef} {...customProps}>\n * <CustomChildren />\n * </AppBar>\n * {children}\n * </div>\n * );\n * };\n * ```\n *\n * @remarks \\@since 6.0.0\n */\nexport function useLayoutAppBarHeight(\n ref?: Ref<HTMLDivElement>\n): LayoutAppBarHeightResult {\n const { height, elementRef } = useElementSize({\n ref,\n disableWidth: true,\n });\n const variables = useMemo<CSSVariable<DefinedCSSVariableName>[]>(() => {\n if (Number.isNaN(height)) {\n return [];\n }\n\n return [{ name: \"--rmd-layout-header-height\", value: `${height}px` }];\n }, [height]);\n\n return {\n height,\n variables,\n appBarRef: elementRef,\n };\n}\n"],"names":["useMemo","useElementSize","useLayoutAppBarHeight","ref","height","elementRef","disableWidth","variables","Number","isNaN","name","value","appBarRef"],"mappings":"AAAA;AAEA,SAASA,OAAO,QAAQ,QAAQ;AAGhC,SAASC,cAAc,QAAQ,uBAAuB;AAkBtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDC,GACD,OAAO,SAASC,sBACdC,GAAyB;IAEzB,MAAM,EAAEC,MAAM,EAAEC,UAAU,EAAE,GAAGJ,eAAe;QAC5CE;QACAG,cAAc;IAChB;IACA,MAAMC,YAAYP,QAA+C;QAC/D,IAAIQ,OAAOC,KAAK,CAACL,SAAS;YACxB,OAAO,EAAE;QACX;QAEA,OAAO;YAAC;gBAAEM,MAAM;gBAA8BC,OAAO,CAAC,EAAEP,OAAO,EAAE,CAAC;YAAC;SAAE;IACvE,GAAG;QAACA;KAAO;IAEX,OAAO;QACLA;QACAG;QACAK,WAAWP;IACb;AACF"}
|
package/dist/link/_link.scss
CHANGED
|
@@ -26,7 +26,7 @@ $skip-to-main-styles: (
|
|
|
26
26
|
z-index: $skip-to-main-z-index,
|
|
27
27
|
) !default;
|
|
28
28
|
$skip-to-main-active-styles: (
|
|
29
|
-
outline: 0.25rem dashed
|
|
29
|
+
outline: 0.25rem dashed currentcolor,
|
|
30
30
|
) !default;
|
|
31
31
|
|
|
32
32
|
$variables: (color, visited-color, hover-color);
|
|
@@ -75,14 +75,6 @@ $variables: (color, visited-color, hover-color);
|
|
|
75
75
|
@mixin styles {
|
|
76
76
|
@if not $disable-everything {
|
|
77
77
|
.rmd-link {
|
|
78
|
-
// can't use the normal @include interaction.surface since links are
|
|
79
|
-
// rendered inline and the `::before`/`::after` pseudo selectors only work
|
|
80
|
-
// nicely with block-like elements
|
|
81
|
-
@include utils.keyboard-only {
|
|
82
|
-
&:focus {
|
|
83
|
-
@include interaction.focus-styles($disable-background: true);
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
78
|
@include interaction.outline($outline-offset: false);
|
|
87
79
|
@include use-var(color);
|
|
88
80
|
|
|
@@ -96,6 +88,21 @@ $variables: (color, visited-color, hover-color);
|
|
|
96
88
|
@include set-var(color, get-var(hover-color));
|
|
97
89
|
}
|
|
98
90
|
|
|
91
|
+
// can't use the normal @include interaction.surface since links are
|
|
92
|
+
// rendered inline and the `::before`/`::after` pseudo selectors only work
|
|
93
|
+
// nicely with block-like elements
|
|
94
|
+
@if utils.$disable-focus-visible {
|
|
95
|
+
@include utils.keyboard-only {
|
|
96
|
+
&:focus {
|
|
97
|
+
@include interaction.focus-styles($disable-background: true);
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
} @else {
|
|
101
|
+
&:focus-visible {
|
|
102
|
+
@include interaction.focus-styles($disable-background: true);
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
|
|
99
106
|
@if not $disable-flex {
|
|
100
107
|
&--flex {
|
|
101
108
|
@include icon.use-var(gap, spacing);
|
|
@@ -120,9 +127,16 @@ $variables: (color, visited-color, hover-color);
|
|
|
120
127
|
|
|
121
128
|
&--skip-styled {
|
|
122
129
|
@include utils.map-to-styles($skip-to-main-styles);
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
130
|
+
|
|
131
|
+
@if utils.$disable-focus-visible {
|
|
132
|
+
@include utils.keyboard-only {
|
|
133
|
+
&:focus,
|
|
134
|
+
&:active {
|
|
135
|
+
@include utils.map-to-styles($skip-to-main-active-styles);
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
} @else {
|
|
139
|
+
&:focus-visible {
|
|
126
140
|
@include utils.map-to-styles($skip-to-main-active-styles);
|
|
127
141
|
}
|
|
128
142
|
}
|
package/dist/list/ListItem.d.ts
CHANGED
|
@@ -9,12 +9,17 @@ declare module "react" {
|
|
|
9
9
|
"--rmd-list-item-medium-height"?: string | number;
|
|
10
10
|
"--rmd-list-item-large-height"?: string | number;
|
|
11
11
|
"--rmd-list-item-extra-large-height"?: string | number;
|
|
12
|
-
"--rmd-list-item-
|
|
12
|
+
"--rmd-list-item-multiline-clamp"?: string | number;
|
|
13
|
+
"--rmd-list-item-multiline-height"?: string | number;
|
|
13
14
|
"--rmd-list-item-media-size"?: string | number;
|
|
14
15
|
"--rmd-list-item-media-spacing"?: string | number;
|
|
15
|
-
"--rmd-list-item-text-
|
|
16
|
+
"--rmd-list-item-text-multiline-height"?: string | number;
|
|
16
17
|
}
|
|
17
18
|
}
|
|
19
|
+
/**
|
|
20
|
+
* @remarks \@since 6.0.0 Renamed `threeLines` to `multiline` since it can
|
|
21
|
+
* support more than three lines of text.
|
|
22
|
+
*/
|
|
18
23
|
export interface ListItemProps extends HTMLAttributes<HTMLLIElement>, ListItemChildrenProps {
|
|
19
24
|
/**
|
|
20
25
|
* @defaultValue `"button"`
|
|
@@ -32,7 +37,7 @@ export interface ListItemProps extends HTMLAttributes<HTMLLIElement>, ListItemCh
|
|
|
32
37
|
/**
|
|
33
38
|
* @defaultValue `false`
|
|
34
39
|
*/
|
|
35
|
-
|
|
40
|
+
multiline?: boolean;
|
|
36
41
|
/**
|
|
37
42
|
* @defaultValue `false`
|
|
38
43
|
*/
|
package/dist/list/ListItem.js
CHANGED
|
@@ -71,7 +71,7 @@ import { listItem } from "./listItemStyles.js";
|
|
|
71
71
|
* }
|
|
72
72
|
* ```
|
|
73
73
|
*/ export const ListItem = /*#__PURE__*/ forwardRef(function ListItem(props, ref) {
|
|
74
|
-
const { className, textProps, textClassName, secondaryTextClassName, primaryText, secondaryText, secondaryTextProps, disableTextChildren = false, height: propHeight = "auto", leftAddon, leftAddonType
|
|
74
|
+
const { className, textProps, textClassName, secondaryTextClassName, primaryText, secondaryText, secondaryTextProps, disableTextChildren = false, height: propHeight = "auto", leftAddon, leftAddonType, leftAddonPosition, leftAddonClassName, leftAddonForceWrap, rightAddon, rightAddonType, rightAddonPosition, rightAddonClassName, rightAddonForceWrap, disableLeftAddonSpacing, disableLeftAddonCenteredMedia, disableRightAddonCenteredMedia, multiline = false, disabled = false, disabledOpacity = false, role = "button", onBlur, onClick, onKeyDown, onKeyUp, onMouseDown, onMouseUp, onMouseLeave, onDragStart, onTouchStart, onTouchEnd, onTouchMove, tabIndex: propTabIndex, children: propChildren, presentational = role === "presentation", ...remaining } = props;
|
|
75
75
|
let tabIndex = propTabIndex;
|
|
76
76
|
if (!presentational && typeof tabIndex === "undefined") {
|
|
77
77
|
tabIndex = disabled ? -1 : 0;
|
|
@@ -111,13 +111,13 @@ import { listItem } from "./listItemStyles.js";
|
|
|
111
111
|
height,
|
|
112
112
|
disabled,
|
|
113
113
|
disabledOpacity,
|
|
114
|
-
|
|
114
|
+
multiline,
|
|
115
115
|
clickable: !presentational,
|
|
116
116
|
pressedClassName
|
|
117
117
|
}),
|
|
118
118
|
children: [
|
|
119
119
|
/*#__PURE__*/ _jsx(ListItemChildren, {
|
|
120
|
-
|
|
120
|
+
multiline: multiline,
|
|
121
121
|
textClassName: textClassName,
|
|
122
122
|
secondaryTextClassName: secondaryTextClassName,
|
|
123
123
|
disableTextChildren: disableTextChildren,
|
|
@@ -135,6 +135,7 @@ import { listItem } from "./listItemStyles.js";
|
|
|
135
135
|
rightAddonPosition: rightAddonPosition,
|
|
136
136
|
rightAddonClassName: rightAddonClassName,
|
|
137
137
|
rightAddonForceWrap: rightAddonForceWrap,
|
|
138
|
+
disableLeftAddonSpacing: disableLeftAddonSpacing,
|
|
138
139
|
disableLeftAddonCenteredMedia: disableLeftAddonCenteredMedia,
|
|
139
140
|
disableRightAddonCenteredMedia: disableRightAddonCenteredMedia,
|
|
140
141
|
children: children
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/list/ListItem.tsx"],"sourcesContent":["\"use client\";\nimport { forwardRef, type HTMLAttributes } from \"react\";\nimport { useElementInteraction } from \"../interaction/useElementInteraction.js\";\nimport { useHigherContrastChildren } from \"../interaction/useHigherContrastChildren.js\";\nimport { getListItemHeight } from \"./getListItemHeight.js\";\nimport { ListItemChildren } from \"./ListItemChildren.js\";\nimport { listItem } from \"./listItemStyles.js\";\nimport { type ListItemChildrenProps, type ListItemHeight } from \"./types.js\";\n\ndeclare module \"react\" {\n interface CSSProperties {\n \"--rmd-list-item-keyline\"?: string | number;\n \"--rmd-list-item-padding-h\"?: string | number;\n \"--rmd-list-item-padding-v\"?: string | number;\n \"--rmd-list-item-height\"?: string | number;\n \"--rmd-list-item-medium-height\"?: string | number;\n \"--rmd-list-item-large-height\"?: string | number;\n \"--rmd-list-item-extra-large-height\"?: string | number;\n \"--rmd-list-item-three-line-height\"?: string | number;\n \"--rmd-list-item-media-size\"?: string | number;\n \"--rmd-list-item-media-spacing\"?: string | number;\n \"--rmd-list-item-text-three-line-height\"?: string | number;\n }\n}\n\nexport interface ListItemProps\n extends HTMLAttributes<HTMLLIElement>,\n ListItemChildrenProps {\n /**\n * @defaultValue `\"button\"`\n */\n role?: HTMLAttributes<HTMLLIElement>[\"role\"];\n\n /**\n * @defaultValue `disabled ? -1 : 0`\n */\n tabIndex?: number;\n\n /**\n * @see {@link ListItemHeight}\n * @defaultValue `\"auto\"`\n */\n height?: ListItemHeight;\n\n /**\n * @defaultValue `false`\n */\n threeLines?: boolean;\n\n /**\n * @defaultValue `false`\n */\n disabled?: boolean;\n\n /**\n * Note: This does nothing if the `disabled` prop is not enabled.\n *\n * @defaultValue `false`\n * @remarks \\@since 2.4.3\n */\n disabledOpacity?: boolean;\n\n /**\n * Set this to `false` if the list item should not gain the interaction\n * states: hover, focus, press, etc. This is kind of like being disabled\n * without the disabled styles being applied.\n *\n * @defaultValue `role === \"presentation\"`\n */\n presentational?: boolean;\n}\n\n/**\n * **Client Component**\n *\n * The `ListItem` is used to create a clickable/focusable button within a\n * `List` and removes the normal `<li>` styles.\n *\n * @example\n * Simple Example\n * ```tsx\n * import { List, ListItem } from \"@react-md/core\";\n * import type { ReactElement } from \"react\";\n *\n * function Example(): ReactElement {\n * return (\n * <List>\n * <ListItem\n * onClick={() => {\n * // do something\n * }}\n * >\n * Item 1\n * </ListItem>\n * <ListItem\n * onClick={() => {\n * // do something\n * }}\n * secondaryText={<span>Some <strong>additional</strong> content.</span>}\n * >\n * Item 2\n * </ListItem>\n * </List>\n * );\n * );\n * }\n * ```\n *\n * @example\n * Applying Addons Example\n * ```tsx\n * import { List, ListItem } from \"@react-md/core\";\n * import FavoriteIcon from \"@react-md/material-icons/FavoriteIcon\";\n * import type { ReactElement } from \"react\";\n *\n * function Example(): ReactElement {\n * return (\n * <List>\n * <ListItem leftAddon={<FavoriteIcon />}>\n * Item 1\n * </ListItem>\n * <ListItem rightAddon={<FavoriteIcon />}>\n * Item 2\n * </ListItem>\n * <ListItem\n * leftAddon={<FavoriteIcon />}\n * rightAddon={<img alt=\"\" src=\"/some-image.png\" />}\n * rightAddonType=\"media\"\n * >\n * Item 3\n * </ListItem>\n * </List>\n * );\n * );\n * }\n * ```\n */\nexport const ListItem = forwardRef<HTMLLIElement, ListItemProps>(\n function ListItem(props, ref) {\n const {\n className,\n textProps,\n textClassName,\n secondaryTextClassName,\n primaryText,\n secondaryText,\n secondaryTextProps,\n disableTextChildren = false,\n height: propHeight = \"auto\",\n leftAddon,\n leftAddonType = \"icon\",\n leftAddonPosition = \"middle\",\n leftAddonClassName,\n leftAddonForceWrap,\n rightAddon,\n rightAddonType = \"icon\",\n rightAddonPosition = \"middle\",\n rightAddonClassName,\n rightAddonForceWrap,\n disableLeftAddonCenteredMedia = false,\n disableRightAddonCenteredMedia = false,\n threeLines = false,\n disabled = false,\n disabledOpacity = false,\n role = \"button\",\n onBlur,\n onClick,\n onKeyDown,\n onKeyUp,\n onMouseDown,\n onMouseUp,\n onMouseLeave,\n onDragStart,\n onTouchStart,\n onTouchEnd,\n onTouchMove,\n tabIndex: propTabIndex,\n children: propChildren,\n presentational = role === \"presentation\",\n ...remaining\n } = props;\n\n let tabIndex = propTabIndex;\n if (!presentational && typeof tabIndex === \"undefined\") {\n tabIndex = disabled ? -1 : 0;\n }\n\n const { pressedClassName, ripples, handlers } = useElementInteraction({\n onBlur,\n onClick,\n onKeyDown,\n onKeyUp,\n onMouseDown,\n onMouseUp,\n onMouseLeave,\n onDragStart,\n onTouchStart,\n onTouchEnd,\n onTouchMove,\n disabled: disabled || presentational,\n });\n const children = useHigherContrastChildren(\n propChildren,\n !disableTextChildren\n );\n\n const height = getListItemHeight({\n height: propHeight,\n leftAddon,\n leftAddonType,\n rightAddon,\n rightAddonType,\n secondaryText,\n });\n\n return (\n <li\n {...remaining}\n {...handlers}\n aria-disabled={disabled || undefined}\n ref={ref}\n role={role}\n tabIndex={tabIndex}\n className={listItem({\n className,\n height,\n disabled,\n disabledOpacity,\n threeLines,\n clickable: !presentational,\n pressedClassName,\n })}\n >\n <ListItemChildren\n threeLines={threeLines}\n textClassName={textClassName}\n secondaryTextClassName={secondaryTextClassName}\n disableTextChildren={disableTextChildren}\n primaryText={primaryText}\n textProps={textProps}\n secondaryText={secondaryText}\n secondaryTextProps={secondaryTextProps}\n leftAddon={leftAddon}\n leftAddonType={leftAddonType}\n leftAddonPosition={leftAddonPosition}\n leftAddonClassName={leftAddonClassName}\n leftAddonForceWrap={leftAddonForceWrap}\n rightAddon={rightAddon}\n rightAddonType={rightAddonType}\n rightAddonPosition={rightAddonPosition}\n rightAddonClassName={rightAddonClassName}\n rightAddonForceWrap={rightAddonForceWrap}\n disableLeftAddonCenteredMedia={disableLeftAddonCenteredMedia}\n disableRightAddonCenteredMedia={disableRightAddonCenteredMedia}\n >\n {children}\n </ListItemChildren>\n {ripples}\n </li>\n );\n }\n);\n"],"names":["forwardRef","useElementInteraction","useHigherContrastChildren","getListItemHeight","ListItemChildren","listItem","ListItem","props","ref","className","textProps","textClassName","secondaryTextClassName","primaryText","secondaryText","secondaryTextProps","disableTextChildren","height","propHeight","leftAddon","leftAddonType","leftAddonPosition","leftAddonClassName","leftAddonForceWrap","rightAddon","rightAddonType","rightAddonPosition","rightAddonClassName","rightAddonForceWrap","disableLeftAddonCenteredMedia","disableRightAddonCenteredMedia","threeLines","disabled","disabledOpacity","role","onBlur","onClick","onKeyDown","onKeyUp","onMouseDown","onMouseUp","onMouseLeave","onDragStart","onTouchStart","onTouchEnd","onTouchMove","tabIndex","propTabIndex","children","propChildren","presentational","remaining","pressedClassName","ripples","handlers","li","aria-disabled","undefined","clickable"],"mappings":"AAAA;;AACA,SAASA,UAAU,QAA6B,QAAQ;AACxD,SAASC,qBAAqB,QAAQ,0CAA0C;AAChF,SAASC,yBAAyB,QAAQ,8CAA8C;AACxF,SAASC,iBAAiB,QAAQ,yBAAyB;AAC3D,SAASC,gBAAgB,QAAQ,wBAAwB;AACzD,SAASC,QAAQ,QAAQ,sBAAsB;AAkE/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgEC,GACD,OAAO,MAAMC,yBAAWN,WACtB,SAASM,SAASC,KAAK,EAAEC,GAAG;IAC1B,MAAM,EACJC,SAAS,EACTC,SAAS,EACTC,aAAa,EACbC,sBAAsB,EACtBC,WAAW,EACXC,aAAa,EACbC,kBAAkB,EAClBC,sBAAsB,KAAK,EAC3BC,QAAQC,aAAa,MAAM,EAC3BC,SAAS,EACTC,gBAAgB,MAAM,EACtBC,oBAAoB,QAAQ,EAC5BC,kBAAkB,EAClBC,kBAAkB,EAClBC,UAAU,EACVC,iBAAiB,MAAM,EACvBC,qBAAqB,QAAQ,EAC7BC,mBAAmB,EACnBC,mBAAmB,EACnBC,gCAAgC,KAAK,EACrCC,iCAAiC,KAAK,EACtCC,aAAa,KAAK,EAClBC,WAAW,KAAK,EAChBC,kBAAkB,KAAK,EACvBC,OAAO,QAAQ,EACfC,MAAM,EACNC,OAAO,EACPC,SAAS,EACTC,OAAO,EACPC,WAAW,EACXC,SAAS,EACTC,YAAY,EACZC,WAAW,EACXC,YAAY,EACZC,UAAU,EACVC,WAAW,EACXC,UAAUC,YAAY,EACtBC,UAAUC,YAAY,EACtBC,iBAAiBhB,SAAS,cAAc,EACxC,GAAGiB,WACJ,GAAG5C;IAEJ,IAAIuC,WAAWC;IACf,IAAI,CAACG,kBAAkB,OAAOJ,aAAa,aAAa;QACtDA,WAAWd,WAAW,CAAC,IAAI;IAC7B;IAEA,MAAM,EAAEoB,gBAAgB,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GAAGrD,sBAAsB;QACpEkC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAb,UAAUA,YAAYkB;IACxB;IACA,MAAMF,WAAW9C,0BACf+C,cACA,CAACjC;IAGH,MAAMC,SAASd,kBAAkB;QAC/Bc,QAAQC;QACRC;QACAC;QACAI;QACAC;QACAX;IACF;IAEA,qBACE,MAACyC;QACE,GAAGJ,SAAS;QACZ,GAAGG,QAAQ;QACZE,iBAAexB,YAAYyB;QAC3BjD,KAAKA;QACL0B,MAAMA;QACNY,UAAUA;QACVrC,WAAWJ,SAAS;YAClBI;YACAQ;YACAe;YACAC;YACAF;YACA2B,WAAW,CAACR;YACZE;QACF;;0BAEA,KAAChD;gBACC2B,YAAYA;gBACZpB,eAAeA;gBACfC,wBAAwBA;gBACxBI,qBAAqBA;gBACrBH,aAAaA;gBACbH,WAAWA;gBACXI,eAAeA;gBACfC,oBAAoBA;gBACpBI,WAAWA;gBACXC,eAAeA;gBACfC,mBAAmBA;gBACnBC,oBAAoBA;gBACpBC,oBAAoBA;gBACpBC,YAAYA;gBACZC,gBAAgBA;gBAChBC,oBAAoBA;gBACpBC,qBAAqBA;gBACrBC,qBAAqBA;gBACrBC,+BAA+BA;gBAC/BC,gCAAgCA;0BAE/BkB;;YAEFK;;;AAGP,GACA"}
|
|
1
|
+
{"version":3,"sources":["../../src/list/ListItem.tsx"],"sourcesContent":["\"use client\";\nimport { forwardRef, type HTMLAttributes } from \"react\";\nimport { useElementInteraction } from \"../interaction/useElementInteraction.js\";\nimport { useHigherContrastChildren } from \"../interaction/useHigherContrastChildren.js\";\nimport { getListItemHeight } from \"./getListItemHeight.js\";\nimport { ListItemChildren } from \"./ListItemChildren.js\";\nimport { listItem } from \"./listItemStyles.js\";\nimport { type ListItemChildrenProps, type ListItemHeight } from \"./types.js\";\n\ndeclare module \"react\" {\n interface CSSProperties {\n \"--rmd-list-item-keyline\"?: string | number;\n \"--rmd-list-item-padding-h\"?: string | number;\n \"--rmd-list-item-padding-v\"?: string | number;\n \"--rmd-list-item-height\"?: string | number;\n \"--rmd-list-item-medium-height\"?: string | number;\n \"--rmd-list-item-large-height\"?: string | number;\n \"--rmd-list-item-extra-large-height\"?: string | number;\n \"--rmd-list-item-multiline-clamp\"?: string | number;\n \"--rmd-list-item-multiline-height\"?: string | number;\n \"--rmd-list-item-media-size\"?: string | number;\n \"--rmd-list-item-media-spacing\"?: string | number;\n \"--rmd-list-item-text-multiline-height\"?: string | number;\n }\n}\n\n/**\n * @remarks \\@since 6.0.0 Renamed `threeLines` to `multiline` since it can\n * support more than three lines of text.\n */\nexport interface ListItemProps\n extends HTMLAttributes<HTMLLIElement>,\n ListItemChildrenProps {\n /**\n * @defaultValue `\"button\"`\n */\n role?: HTMLAttributes<HTMLLIElement>[\"role\"];\n\n /**\n * @defaultValue `disabled ? -1 : 0`\n */\n tabIndex?: number;\n\n /**\n * @see {@link ListItemHeight}\n * @defaultValue `\"auto\"`\n */\n height?: ListItemHeight;\n\n /**\n * @defaultValue `false`\n */\n multiline?: boolean;\n\n /**\n * @defaultValue `false`\n */\n disabled?: boolean;\n\n /**\n * Note: This does nothing if the `disabled` prop is not enabled.\n *\n * @defaultValue `false`\n * @remarks \\@since 2.4.3\n */\n disabledOpacity?: boolean;\n\n /**\n * Set this to `false` if the list item should not gain the interaction\n * states: hover, focus, press, etc. This is kind of like being disabled\n * without the disabled styles being applied.\n *\n * @defaultValue `role === \"presentation\"`\n */\n presentational?: boolean;\n}\n\n/**\n * **Client Component**\n *\n * The `ListItem` is used to create a clickable/focusable button within a\n * `List` and removes the normal `<li>` styles.\n *\n * @example\n * Simple Example\n * ```tsx\n * import { List, ListItem } from \"@react-md/core\";\n * import type { ReactElement } from \"react\";\n *\n * function Example(): ReactElement {\n * return (\n * <List>\n * <ListItem\n * onClick={() => {\n * // do something\n * }}\n * >\n * Item 1\n * </ListItem>\n * <ListItem\n * onClick={() => {\n * // do something\n * }}\n * secondaryText={<span>Some <strong>additional</strong> content.</span>}\n * >\n * Item 2\n * </ListItem>\n * </List>\n * );\n * );\n * }\n * ```\n *\n * @example\n * Applying Addons Example\n * ```tsx\n * import { List, ListItem } from \"@react-md/core\";\n * import FavoriteIcon from \"@react-md/material-icons/FavoriteIcon\";\n * import type { ReactElement } from \"react\";\n *\n * function Example(): ReactElement {\n * return (\n * <List>\n * <ListItem leftAddon={<FavoriteIcon />}>\n * Item 1\n * </ListItem>\n * <ListItem rightAddon={<FavoriteIcon />}>\n * Item 2\n * </ListItem>\n * <ListItem\n * leftAddon={<FavoriteIcon />}\n * rightAddon={<img alt=\"\" src=\"/some-image.png\" />}\n * rightAddonType=\"media\"\n * >\n * Item 3\n * </ListItem>\n * </List>\n * );\n * );\n * }\n * ```\n */\nexport const ListItem = forwardRef<HTMLLIElement, ListItemProps>(\n function ListItem(props, ref) {\n const {\n className,\n textProps,\n textClassName,\n secondaryTextClassName,\n primaryText,\n secondaryText,\n secondaryTextProps,\n disableTextChildren = false,\n height: propHeight = \"auto\",\n leftAddon,\n leftAddonType,\n leftAddonPosition,\n leftAddonClassName,\n leftAddonForceWrap,\n rightAddon,\n rightAddonType,\n rightAddonPosition,\n rightAddonClassName,\n rightAddonForceWrap,\n disableLeftAddonSpacing,\n disableLeftAddonCenteredMedia,\n disableRightAddonCenteredMedia,\n multiline = false,\n disabled = false,\n disabledOpacity = false,\n role = \"button\",\n onBlur,\n onClick,\n onKeyDown,\n onKeyUp,\n onMouseDown,\n onMouseUp,\n onMouseLeave,\n onDragStart,\n onTouchStart,\n onTouchEnd,\n onTouchMove,\n tabIndex: propTabIndex,\n children: propChildren,\n presentational = role === \"presentation\",\n ...remaining\n } = props;\n\n let tabIndex = propTabIndex;\n if (!presentational && typeof tabIndex === \"undefined\") {\n tabIndex = disabled ? -1 : 0;\n }\n\n const { pressedClassName, ripples, handlers } = useElementInteraction({\n onBlur,\n onClick,\n onKeyDown,\n onKeyUp,\n onMouseDown,\n onMouseUp,\n onMouseLeave,\n onDragStart,\n onTouchStart,\n onTouchEnd,\n onTouchMove,\n disabled: disabled || presentational,\n });\n const children = useHigherContrastChildren(\n propChildren,\n !disableTextChildren\n );\n\n const height = getListItemHeight({\n height: propHeight,\n leftAddon,\n leftAddonType,\n rightAddon,\n rightAddonType,\n secondaryText,\n });\n\n return (\n <li\n {...remaining}\n {...handlers}\n aria-disabled={disabled || undefined}\n ref={ref}\n role={role}\n tabIndex={tabIndex}\n className={listItem({\n className,\n height,\n disabled,\n disabledOpacity,\n multiline,\n clickable: !presentational,\n pressedClassName,\n })}\n >\n <ListItemChildren\n multiline={multiline}\n textClassName={textClassName}\n secondaryTextClassName={secondaryTextClassName}\n disableTextChildren={disableTextChildren}\n primaryText={primaryText}\n textProps={textProps}\n secondaryText={secondaryText}\n secondaryTextProps={secondaryTextProps}\n leftAddon={leftAddon}\n leftAddonType={leftAddonType}\n leftAddonPosition={leftAddonPosition}\n leftAddonClassName={leftAddonClassName}\n leftAddonForceWrap={leftAddonForceWrap}\n rightAddon={rightAddon}\n rightAddonType={rightAddonType}\n rightAddonPosition={rightAddonPosition}\n rightAddonClassName={rightAddonClassName}\n rightAddonForceWrap={rightAddonForceWrap}\n disableLeftAddonSpacing={disableLeftAddonSpacing}\n disableLeftAddonCenteredMedia={disableLeftAddonCenteredMedia}\n disableRightAddonCenteredMedia={disableRightAddonCenteredMedia}\n >\n {children}\n </ListItemChildren>\n {ripples}\n </li>\n );\n }\n);\n"],"names":["forwardRef","useElementInteraction","useHigherContrastChildren","getListItemHeight","ListItemChildren","listItem","ListItem","props","ref","className","textProps","textClassName","secondaryTextClassName","primaryText","secondaryText","secondaryTextProps","disableTextChildren","height","propHeight","leftAddon","leftAddonType","leftAddonPosition","leftAddonClassName","leftAddonForceWrap","rightAddon","rightAddonType","rightAddonPosition","rightAddonClassName","rightAddonForceWrap","disableLeftAddonSpacing","disableLeftAddonCenteredMedia","disableRightAddonCenteredMedia","multiline","disabled","disabledOpacity","role","onBlur","onClick","onKeyDown","onKeyUp","onMouseDown","onMouseUp","onMouseLeave","onDragStart","onTouchStart","onTouchEnd","onTouchMove","tabIndex","propTabIndex","children","propChildren","presentational","remaining","pressedClassName","ripples","handlers","li","aria-disabled","undefined","clickable"],"mappings":"AAAA;;AACA,SAASA,UAAU,QAA6B,QAAQ;AACxD,SAASC,qBAAqB,QAAQ,0CAA0C;AAChF,SAASC,yBAAyB,QAAQ,8CAA8C;AACxF,SAASC,iBAAiB,QAAQ,yBAAyB;AAC3D,SAASC,gBAAgB,QAAQ,wBAAwB;AACzD,SAASC,QAAQ,QAAQ,sBAAsB;AAuE/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgEC,GACD,OAAO,MAAMC,yBAAWN,WACtB,SAASM,SAASC,KAAK,EAAEC,GAAG;IAC1B,MAAM,EACJC,SAAS,EACTC,SAAS,EACTC,aAAa,EACbC,sBAAsB,EACtBC,WAAW,EACXC,aAAa,EACbC,kBAAkB,EAClBC,sBAAsB,KAAK,EAC3BC,QAAQC,aAAa,MAAM,EAC3BC,SAAS,EACTC,aAAa,EACbC,iBAAiB,EACjBC,kBAAkB,EAClBC,kBAAkB,EAClBC,UAAU,EACVC,cAAc,EACdC,kBAAkB,EAClBC,mBAAmB,EACnBC,mBAAmB,EACnBC,uBAAuB,EACvBC,6BAA6B,EAC7BC,8BAA8B,EAC9BC,YAAY,KAAK,EACjBC,WAAW,KAAK,EAChBC,kBAAkB,KAAK,EACvBC,OAAO,QAAQ,EACfC,MAAM,EACNC,OAAO,EACPC,SAAS,EACTC,OAAO,EACPC,WAAW,EACXC,SAAS,EACTC,YAAY,EACZC,WAAW,EACXC,YAAY,EACZC,UAAU,EACVC,WAAW,EACXC,UAAUC,YAAY,EACtBC,UAAUC,YAAY,EACtBC,iBAAiBhB,SAAS,cAAc,EACxC,GAAGiB,WACJ,GAAG7C;IAEJ,IAAIwC,WAAWC;IACf,IAAI,CAACG,kBAAkB,OAAOJ,aAAa,aAAa;QACtDA,WAAWd,WAAW,CAAC,IAAI;IAC7B;IAEA,MAAM,EAAEoB,gBAAgB,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GAAGtD,sBAAsB;QACpEmC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAb,UAAUA,YAAYkB;IACxB;IACA,MAAMF,WAAW/C,0BACfgD,cACA,CAAClC;IAGH,MAAMC,SAASd,kBAAkB;QAC/Bc,QAAQC;QACRC;QACAC;QACAI;QACAC;QACAX;IACF;IAEA,qBACE,MAAC0C;QACE,GAAGJ,SAAS;QACZ,GAAGG,QAAQ;QACZE,iBAAexB,YAAYyB;QAC3BlD,KAAKA;QACL2B,MAAMA;QACNY,UAAUA;QACVtC,WAAWJ,SAAS;YAClBI;YACAQ;YACAgB;YACAC;YACAF;YACA2B,WAAW,CAACR;YACZE;QACF;;0BAEA,KAACjD;gBACC4B,WAAWA;gBACXrB,eAAeA;gBACfC,wBAAwBA;gBACxBI,qBAAqBA;gBACrBH,aAAaA;gBACbH,WAAWA;gBACXI,eAAeA;gBACfC,oBAAoBA;gBACpBI,WAAWA;gBACXC,eAAeA;gBACfC,mBAAmBA;gBACnBC,oBAAoBA;gBACpBC,oBAAoBA;gBACpBC,YAAYA;gBACZC,gBAAgBA;gBAChBC,oBAAoBA;gBACpBC,qBAAqBA;gBACrBC,qBAAqBA;gBACrBC,yBAAyBA;gBACzBC,+BAA+BA;gBAC/BC,gCAAgCA;0BAE/BkB;;YAEFK;;;AAGP,GACA"}
|
|
@@ -9,7 +9,7 @@ import { listItemAddon } from "./listItemStyles.js";
|
|
|
9
9
|
*
|
|
10
10
|
* @internal
|
|
11
11
|
*/ export function ListItemAddon(props) {
|
|
12
|
-
const { className, children, addon, addonAfter
|
|
12
|
+
const { className, children, addon, addonAfter, type = "icon", position, forceAddonWrap, disableCenteredMedia, disableBeforeSpacing, ...remaining } = props;
|
|
13
13
|
const isMedia = type === "media" || type === "large-media";
|
|
14
14
|
return /*#__PURE__*/ _jsx(TextIconSpacing, {
|
|
15
15
|
...remaining,
|
|
@@ -20,6 +20,7 @@ import { listItemAddon } from "./listItemStyles.js";
|
|
|
20
20
|
position,
|
|
21
21
|
className,
|
|
22
22
|
addonAfter,
|
|
23
|
+
disableBeforeSpacing,
|
|
23
24
|
disableCenteredMedia
|
|
24
25
|
}),
|
|
25
26
|
iconAfter: addonAfter,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/list/ListItemAddon.tsx"],"sourcesContent":["import { type ReactElement, type ReactNode } from \"react\";\nimport {\n TextIconSpacing,\n type TextIconSpacingProps,\n} from \"../icon/TextIconSpacing.js\";\nimport {\n listItemAddon,\n type ListItemAddonClassNameOptions,\n} from \"./listItemStyles.js\";\n\nexport interface ListItemAddonProps\n extends Omit<TextIconSpacingProps, \"icon\" | \"iconAfter\" | \"forceIconWrap\">,\n ListItemAddonClassNameOptions {\n /**\n * The addon that should be rendered.\n */\n addon: ReactNode;\n\n /**\n * @defaultValue `type === \"media\" || type === \"large-media\"`\n */\n forceAddonWrap?: boolean;\n}\n\n/**\n * **Server Component**\n *\n * The `ListItemAddon` is used to create an addon to the left or right of the\n * text/children of a `ListItem`.\n *\n * @internal\n */\nexport function ListItemAddon(props: ListItemAddonProps): ReactElement {\n const {\n className,\n children,\n addon,\n addonAfter
|
|
1
|
+
{"version":3,"sources":["../../src/list/ListItemAddon.tsx"],"sourcesContent":["import { type ReactElement, type ReactNode } from \"react\";\nimport {\n TextIconSpacing,\n type TextIconSpacingProps,\n} from \"../icon/TextIconSpacing.js\";\nimport {\n listItemAddon,\n type ListItemAddonClassNameOptions,\n} from \"./listItemStyles.js\";\n\nexport interface ListItemAddonProps\n extends Omit<TextIconSpacingProps, \"icon\" | \"iconAfter\" | \"forceIconWrap\">,\n ListItemAddonClassNameOptions {\n /**\n * The addon that should be rendered.\n */\n addon: ReactNode;\n\n /**\n * @defaultValue `type === \"media\" || type === \"large-media\"`\n */\n forceAddonWrap?: boolean;\n}\n\n/**\n * **Server Component**\n *\n * The `ListItemAddon` is used to create an addon to the left or right of the\n * text/children of a `ListItem`.\n *\n * @internal\n */\nexport function ListItemAddon(props: ListItemAddonProps): ReactElement {\n const {\n className,\n children,\n addon,\n addonAfter,\n type = \"icon\",\n position,\n forceAddonWrap,\n disableCenteredMedia,\n disableBeforeSpacing,\n ...remaining\n } = props;\n\n const isMedia = type === \"media\" || type === \"large-media\";\n\n return (\n <TextIconSpacing\n {...remaining}\n icon={addon}\n forceIconWrap={forceAddonWrap ?? isMedia}\n className={listItemAddon({\n type,\n position,\n className,\n addonAfter,\n disableBeforeSpacing,\n disableCenteredMedia,\n })}\n iconAfter={addonAfter}\n >\n {children}\n </TextIconSpacing>\n );\n}\n"],"names":["TextIconSpacing","listItemAddon","ListItemAddon","props","className","children","addon","addonAfter","type","position","forceAddonWrap","disableCenteredMedia","disableBeforeSpacing","remaining","isMedia","icon","forceIconWrap","iconAfter"],"mappings":";AACA,SACEA,eAAe,QAEV,6BAA6B;AACpC,SACEC,aAAa,QAER,sBAAsB;AAgB7B;;;;;;;CAOC,GACD,OAAO,SAASC,cAAcC,KAAyB;IACrD,MAAM,EACJC,SAAS,EACTC,QAAQ,EACRC,KAAK,EACLC,UAAU,EACVC,OAAO,MAAM,EACbC,QAAQ,EACRC,cAAc,EACdC,oBAAoB,EACpBC,oBAAoB,EACpB,GAAGC,WACJ,GAAGV;IAEJ,MAAMW,UAAUN,SAAS,WAAWA,SAAS;IAE7C,qBACE,KAACR;QACE,GAAGa,SAAS;QACbE,MAAMT;QACNU,eAAeN,kBAAkBI;QACjCV,WAAWH,cAAc;YACvBO;YACAC;YACAL;YACAG;YACAK;YACAD;QACF;QACAM,WAAWV;kBAEVF;;AAGP"}
|
|
@@ -37,7 +37,7 @@ import { ListItemText } from "./ListItemText.js";
|
|
|
37
37
|
* }
|
|
38
38
|
* ```
|
|
39
39
|
*/ export function ListItemChildren(props) {
|
|
40
|
-
const {
|
|
40
|
+
const { multiline, textProps, textClassName, secondaryTextClassName, disableTextChildren, primaryText, secondaryText, secondaryTextProps, leftAddon, leftAddonType = "icon", leftAddonPosition = "middle", leftAddonClassName, leftAddonForceWrap, disableLeftAddonSpacing, disableLeftAddonCenteredMedia, rightAddon, rightAddonType = "icon", rightAddonPosition = "middle", rightAddonClassName, rightAddonForceWrap, disableRightAddonCenteredMedia, children: propChildren } = props;
|
|
41
41
|
const stringifiedChildren = typeof propChildren === "number" ? `${propChildren}` : propChildren;
|
|
42
42
|
let children = stringifiedChildren;
|
|
43
43
|
if (primaryText || secondaryText || !disableTextChildren) {
|
|
@@ -46,7 +46,7 @@ import { ListItemText } from "./ListItemText.js";
|
|
|
46
46
|
className: textClassName,
|
|
47
47
|
secondaryText: secondaryText,
|
|
48
48
|
secondaryTextProps: secondaryTextProps,
|
|
49
|
-
secondaryTextClamped:
|
|
49
|
+
secondaryTextClamped: multiline,
|
|
50
50
|
secondaryTextClassName: secondaryTextClassName,
|
|
51
51
|
children: !disableTextChildren && children || primaryText
|
|
52
52
|
});
|
|
@@ -57,6 +57,7 @@ import { ListItemText } from "./ListItemText.js";
|
|
|
57
57
|
position: leftAddonPosition,
|
|
58
58
|
className: leftAddonClassName,
|
|
59
59
|
forceAddonWrap: leftAddonForceWrap,
|
|
60
|
+
disableBeforeSpacing: disableLeftAddonSpacing,
|
|
60
61
|
disableCenteredMedia: disableLeftAddonCenteredMedia,
|
|
61
62
|
children: children
|
|
62
63
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/list/ListItemChildren.tsx"],"sourcesContent":["import { type ReactElement } from \"react\";\nimport { ListItemAddon } from \"./ListItemAddon.js\";\nimport { ListItemText } from \"./ListItemText.js\";\nimport { type ListItemChildrenProps } from \"./types.js\";\n\n/**\n * **Server Component**\n *\n * The `ListItemChildren` component is used to create a styled list item that\n * can have optional addons to the left or right of the children in the form of\n * icons, avatars, or media. The `children` can be replaced by the `primaryText`\n * and `secondaryText` props to create stacked text spanning two or more lines\n * with the default behavior of using `line-clamp` at three lines.\n *\n * Note: This will return a `React.Fragment` of the children and does not wrap\n * in a DOM node for styling. The parent component should normally have\n * `display: flex` for the styling to work.\n *\n * @example\n * Custom Component Usage\n * ```tsx\n * import { ListItemChildren } from \"@react-md/core\";\n * import FavoriteIcon from \"@react-md/material-icons/FavoriteIcon\";\n * import type { ReactElement } from \"react\";\n *\n * function Example(): ReactElement {\n * return (\n * <div style={{ display: \"flex\" }}>\n * <ListItemChildren\n * leftAddon={<FavoriteIcon />}\n * rightAddon={<img alt=\"\" src=\"/some-image.png\" />}\n * rightAddonType=\"media\"\n * secondaryText={<span>Some <strong>additional</strong> content.</span>}\n * >\n * Content\n * </ListItemChildren>\n * </div>\n * );\n * }\n * ```\n */\nexport function ListItemChildren(props: ListItemChildrenProps): ReactElement {\n const {\n
|
|
1
|
+
{"version":3,"sources":["../../src/list/ListItemChildren.tsx"],"sourcesContent":["import { type ReactElement } from \"react\";\nimport { ListItemAddon } from \"./ListItemAddon.js\";\nimport { ListItemText } from \"./ListItemText.js\";\nimport { type ListItemChildrenProps } from \"./types.js\";\n\n/**\n * **Server Component**\n *\n * The `ListItemChildren` component is used to create a styled list item that\n * can have optional addons to the left or right of the children in the form of\n * icons, avatars, or media. The `children` can be replaced by the `primaryText`\n * and `secondaryText` props to create stacked text spanning two or more lines\n * with the default behavior of using `line-clamp` at three lines.\n *\n * Note: This will return a `React.Fragment` of the children and does not wrap\n * in a DOM node for styling. The parent component should normally have\n * `display: flex` for the styling to work.\n *\n * @example\n * Custom Component Usage\n * ```tsx\n * import { ListItemChildren } from \"@react-md/core\";\n * import FavoriteIcon from \"@react-md/material-icons/FavoriteIcon\";\n * import type { ReactElement } from \"react\";\n *\n * function Example(): ReactElement {\n * return (\n * <div style={{ display: \"flex\" }}>\n * <ListItemChildren\n * leftAddon={<FavoriteIcon />}\n * rightAddon={<img alt=\"\" src=\"/some-image.png\" />}\n * rightAddonType=\"media\"\n * secondaryText={<span>Some <strong>additional</strong> content.</span>}\n * >\n * Content\n * </ListItemChildren>\n * </div>\n * );\n * }\n * ```\n */\nexport function ListItemChildren(props: ListItemChildrenProps): ReactElement {\n const {\n multiline,\n textProps,\n textClassName,\n secondaryTextClassName,\n disableTextChildren,\n primaryText,\n secondaryText,\n secondaryTextProps,\n leftAddon,\n leftAddonType = \"icon\",\n leftAddonPosition = \"middle\",\n leftAddonClassName,\n leftAddonForceWrap,\n disableLeftAddonSpacing,\n disableLeftAddonCenteredMedia,\n rightAddon,\n rightAddonType = \"icon\",\n rightAddonPosition = \"middle\",\n rightAddonClassName,\n rightAddonForceWrap,\n disableRightAddonCenteredMedia,\n children: propChildren,\n } = props;\n\n const stringifiedChildren =\n typeof propChildren === \"number\" ? `${propChildren}` : propChildren;\n\n let children = stringifiedChildren;\n if (primaryText || secondaryText || !disableTextChildren) {\n children = (\n <ListItemText\n {...textProps}\n className={textClassName}\n secondaryText={secondaryText}\n secondaryTextProps={secondaryTextProps}\n secondaryTextClamped={multiline}\n secondaryTextClassName={secondaryTextClassName}\n >\n {(!disableTextChildren && children) || primaryText}\n </ListItemText>\n );\n }\n\n children = (\n <ListItemAddon\n addon={leftAddon}\n type={leftAddonType}\n position={leftAddonPosition}\n className={leftAddonClassName}\n forceAddonWrap={leftAddonForceWrap}\n disableBeforeSpacing={disableLeftAddonSpacing}\n disableCenteredMedia={disableLeftAddonCenteredMedia}\n >\n {children}\n </ListItemAddon>\n );\n children = (\n <ListItemAddon\n addon={rightAddon}\n addonAfter\n type={rightAddonType}\n position={rightAddonPosition}\n className={rightAddonClassName}\n forceAddonWrap={rightAddonForceWrap}\n disableCenteredMedia={disableRightAddonCenteredMedia}\n >\n {children}\n </ListItemAddon>\n );\n\n return (\n <>\n {children}\n {(primaryText && stringifiedChildren) || null}\n </>\n );\n}\n"],"names":["ListItemAddon","ListItemText","ListItemChildren","props","multiline","textProps","textClassName","secondaryTextClassName","disableTextChildren","primaryText","secondaryText","secondaryTextProps","leftAddon","leftAddonType","leftAddonPosition","leftAddonClassName","leftAddonForceWrap","disableLeftAddonSpacing","disableLeftAddonCenteredMedia","rightAddon","rightAddonType","rightAddonPosition","rightAddonClassName","rightAddonForceWrap","disableRightAddonCenteredMedia","children","propChildren","stringifiedChildren","className","secondaryTextClamped","addon","type","position","forceAddonWrap","disableBeforeSpacing","disableCenteredMedia","addonAfter"],"mappings":";AACA,SAASA,aAAa,QAAQ,qBAAqB;AACnD,SAASC,YAAY,QAAQ,oBAAoB;AAGjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCC,GACD,OAAO,SAASC,iBAAiBC,KAA4B;IAC3D,MAAM,EACJC,SAAS,EACTC,SAAS,EACTC,aAAa,EACbC,sBAAsB,EACtBC,mBAAmB,EACnBC,WAAW,EACXC,aAAa,EACbC,kBAAkB,EAClBC,SAAS,EACTC,gBAAgB,MAAM,EACtBC,oBAAoB,QAAQ,EAC5BC,kBAAkB,EAClBC,kBAAkB,EAClBC,uBAAuB,EACvBC,6BAA6B,EAC7BC,UAAU,EACVC,iBAAiB,MAAM,EACvBC,qBAAqB,QAAQ,EAC7BC,mBAAmB,EACnBC,mBAAmB,EACnBC,8BAA8B,EAC9BC,UAAUC,YAAY,EACvB,GAAGvB;IAEJ,MAAMwB,sBACJ,OAAOD,iBAAiB,WAAW,CAAC,EAAEA,aAAa,CAAC,GAAGA;IAEzD,IAAID,WAAWE;IACf,IAAIlB,eAAeC,iBAAiB,CAACF,qBAAqB;QACxDiB,yBACE,KAACxB;YACE,GAAGI,SAAS;YACbuB,WAAWtB;YACXI,eAAeA;YACfC,oBAAoBA;YACpBkB,sBAAsBzB;YACtBG,wBAAwBA;sBAEvB,AAAC,CAACC,uBAAuBiB,YAAahB;;IAG7C;IAEAgB,yBACE,KAACzB;QACC8B,OAAOlB;QACPmB,MAAMlB;QACNmB,UAAUlB;QACVc,WAAWb;QACXkB,gBAAgBjB;QAChBkB,sBAAsBjB;QACtBkB,sBAAsBjB;kBAErBO;;IAGLA,yBACE,KAACzB;QACC8B,OAAOX;QACPiB,UAAU;QACVL,MAAMX;QACNY,UAAUX;QACVO,WAAWN;QACXW,gBAAgBV;QAChBY,sBAAsBX;kBAErBC;;IAIL,qBACE;;YACGA;YACChB,eAAekB,uBAAwB;;;AAG/C"}
|
|
@@ -11,7 +11,7 @@ import { listItem } from "./listItemStyles.js";
|
|
|
11
11
|
*
|
|
12
12
|
* The `ListItemLink` should be used to render links within the `List` component.
|
|
13
13
|
*/ export const ListItemLink = /*#__PURE__*/ forwardRef(function ListItemLink(props, ref) {
|
|
14
|
-
const { as: Link = "a", to, href, className, liProps, textProps, textClassName, secondaryTextClassName, primaryText, secondaryText, secondaryTextProps, disableTextChildren = false, height: propHeight = "auto", leftAddon, leftAddonType = "icon", leftAddonPosition = "middle", leftAddonClassName, leftAddonForceWrap, rightAddon, rightAddonType = "icon", rightAddonPosition = "middle", rightAddonClassName, rightAddonForceWrap, disableLeftAddonCenteredMedia = false, disableRightAddonCenteredMedia = false,
|
|
14
|
+
const { as: Link = "a", to, href, className, liProps, textProps, textClassName, secondaryTextClassName, primaryText, secondaryText, secondaryTextProps, disableTextChildren = false, height: propHeight = "auto", leftAddon, leftAddonType = "icon", leftAddonPosition = "middle", leftAddonClassName, leftAddonForceWrap, rightAddon, rightAddonType = "icon", rightAddonPosition = "middle", rightAddonClassName, rightAddonForceWrap, disableLeftAddonCenteredMedia = false, disableRightAddonCenteredMedia = false, multiline = false, disabled = false, disabledOpacity = false, onBlur, onClick, onKeyDown, onKeyUp, onMouseDown, onMouseUp, onMouseLeave, onDragStart, onTouchStart, onTouchEnd, onTouchMove, role, tabIndex = disabled || role === "menuitem" ? -1 : undefined, children: propChildren, ...remaining } = props;
|
|
15
15
|
const { pressedClassName, ripples, handlers } = useElementInteraction({
|
|
16
16
|
onBlur,
|
|
17
17
|
onClick,
|
|
@@ -49,7 +49,7 @@ import { listItem } from "./listItemStyles.js";
|
|
|
49
49
|
height,
|
|
50
50
|
disabled,
|
|
51
51
|
disabledOpacity,
|
|
52
|
-
|
|
52
|
+
multiline,
|
|
53
53
|
pressedClassName
|
|
54
54
|
}),
|
|
55
55
|
// TODO: Figure out a better type for the CustomLinkComponent to fix this
|
|
@@ -58,7 +58,7 @@ import { listItem } from "./listItemStyles.js";
|
|
|
58
58
|
tabIndex: tabIndex,
|
|
59
59
|
children: [
|
|
60
60
|
/*#__PURE__*/ _jsx(ListItemChildren, {
|
|
61
|
-
|
|
61
|
+
multiline: multiline,
|
|
62
62
|
textClassName: textClassName,
|
|
63
63
|
secondaryTextClassName: secondaryTextClassName,
|
|
64
64
|
disableTextChildren: disableTextChildren,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/list/ListItemLink.tsx"],"sourcesContent":["\"use client\";\nimport {\n forwardRef,\n type AnchorHTMLAttributes,\n type HTMLAttributes,\n} from \"react\";\nimport { useElementInteraction } from \"../interaction/useElementInteraction.js\";\nimport { useHigherContrastChildren } from \"../interaction/useHigherContrastChildren.js\";\nimport { type CustomLinkComponent } from \"../link/Link.js\";\nimport { type PropsWithRef } from \"../types.js\";\nimport { ListItemChildren } from \"./ListItemChildren.js\";\nimport { getListItemHeight } from \"./getListItemHeight.js\";\nimport { listItem, type ListItemClassNameOptions } from \"./listItemStyles.js\";\nimport { type ListItemChildrenProps } from \"./types.js\";\n\nexport interface ListItemLinkProps\n extends AnchorHTMLAttributes<HTMLAnchorElement>,\n ListItemClassNameOptions,\n ListItemChildrenProps {\n /** @defaultValue `\"a\"` */\n as?: CustomLinkComponent;\n\n /**\n * This should only be used if the {@link as} {@link CustomLinkComponent}\n * accepts a `to` prop instead of {@link href}.\n */\n to?: string;\n\n /**\n * The link's href. Either this or the {@link to} prop **should** be provided.\n */\n href?: string;\n\n /**\n * Any additional props to provide the wrapping `<li>` element such as\n * `style`, `className`, and `ref`.\n */\n liProps?: PropsWithRef<HTMLAttributes<HTMLLIElement>, HTMLLIElement>;\n\n /**\n * @defaultValue `disabled ? -1 : undefined`\n */\n tabIndex?: number;\n}\n\n/**\n * **Client Component**\n *\n * The `ListItemLink` should be used to render links within the `List` component.\n */\nexport const ListItemLink = forwardRef<HTMLAnchorElement, ListItemLinkProps>(\n function ListItemLink(props, ref) {\n const {\n as: Link = \"a\",\n to,\n href,\n className,\n liProps,\n textProps,\n textClassName,\n secondaryTextClassName,\n primaryText,\n secondaryText,\n secondaryTextProps,\n disableTextChildren = false,\n height: propHeight = \"auto\",\n leftAddon,\n leftAddonType = \"icon\",\n leftAddonPosition = \"middle\",\n leftAddonClassName,\n leftAddonForceWrap,\n rightAddon,\n rightAddonType = \"icon\",\n rightAddonPosition = \"middle\",\n rightAddonClassName,\n rightAddonForceWrap,\n disableLeftAddonCenteredMedia = false,\n disableRightAddonCenteredMedia = false,\n
|
|
1
|
+
{"version":3,"sources":["../../src/list/ListItemLink.tsx"],"sourcesContent":["\"use client\";\nimport {\n forwardRef,\n type AnchorHTMLAttributes,\n type HTMLAttributes,\n} from \"react\";\nimport { useElementInteraction } from \"../interaction/useElementInteraction.js\";\nimport { useHigherContrastChildren } from \"../interaction/useHigherContrastChildren.js\";\nimport { type CustomLinkComponent } from \"../link/Link.js\";\nimport { type PropsWithRef } from \"../types.js\";\nimport { ListItemChildren } from \"./ListItemChildren.js\";\nimport { getListItemHeight } from \"./getListItemHeight.js\";\nimport { listItem, type ListItemClassNameOptions } from \"./listItemStyles.js\";\nimport { type ListItemChildrenProps } from \"./types.js\";\n\nexport interface ListItemLinkProps\n extends AnchorHTMLAttributes<HTMLAnchorElement>,\n ListItemClassNameOptions,\n ListItemChildrenProps {\n /** @defaultValue `\"a\"` */\n as?: CustomLinkComponent;\n\n /**\n * This should only be used if the {@link as} {@link CustomLinkComponent}\n * accepts a `to` prop instead of {@link href}.\n */\n to?: string;\n\n /**\n * The link's href. Either this or the {@link to} prop **should** be provided.\n */\n href?: string;\n\n /**\n * Any additional props to provide the wrapping `<li>` element such as\n * `style`, `className`, and `ref`.\n */\n liProps?: PropsWithRef<HTMLAttributes<HTMLLIElement>, HTMLLIElement>;\n\n /**\n * @defaultValue `disabled ? -1 : undefined`\n */\n tabIndex?: number;\n}\n\n/**\n * **Client Component**\n *\n * The `ListItemLink` should be used to render links within the `List` component.\n */\nexport const ListItemLink = forwardRef<HTMLAnchorElement, ListItemLinkProps>(\n function ListItemLink(props, ref) {\n const {\n as: Link = \"a\",\n to,\n href,\n className,\n liProps,\n textProps,\n textClassName,\n secondaryTextClassName,\n primaryText,\n secondaryText,\n secondaryTextProps,\n disableTextChildren = false,\n height: propHeight = \"auto\",\n leftAddon,\n leftAddonType = \"icon\",\n leftAddonPosition = \"middle\",\n leftAddonClassName,\n leftAddonForceWrap,\n rightAddon,\n rightAddonType = \"icon\",\n rightAddonPosition = \"middle\",\n rightAddonClassName,\n rightAddonForceWrap,\n disableLeftAddonCenteredMedia = false,\n disableRightAddonCenteredMedia = false,\n multiline = false,\n disabled = false,\n disabledOpacity = false,\n onBlur,\n onClick,\n onKeyDown,\n onKeyUp,\n onMouseDown,\n onMouseUp,\n onMouseLeave,\n onDragStart,\n onTouchStart,\n onTouchEnd,\n onTouchMove,\n role,\n tabIndex = disabled || role === \"menuitem\" ? -1 : undefined,\n children: propChildren,\n ...remaining\n } = props;\n\n const { pressedClassName, ripples, handlers } = useElementInteraction({\n onBlur,\n onClick,\n onKeyDown,\n onKeyUp,\n onMouseDown,\n onMouseUp,\n onMouseLeave,\n onDragStart,\n onTouchStart,\n onTouchEnd,\n onTouchMove,\n disabled,\n });\n const children = useHigherContrastChildren(\n propChildren,\n !disableTextChildren\n );\n\n const height = getListItemHeight({\n height: propHeight,\n leftAddon,\n leftAddonType,\n rightAddon,\n rightAddonType,\n secondaryText,\n });\n\n return (\n <li {...liProps} role=\"none\">\n <Link\n ref={ref}\n {...remaining}\n {...handlers}\n role={role}\n className={listItem({\n className,\n link: true,\n height,\n disabled,\n disabledOpacity,\n multiline,\n pressedClassName,\n })}\n // TODO: Figure out a better type for the CustomLinkComponent to fix this\n to={to as string}\n href={href as string}\n tabIndex={tabIndex}\n >\n <ListItemChildren\n multiline={multiline}\n textClassName={textClassName}\n secondaryTextClassName={secondaryTextClassName}\n disableTextChildren={disableTextChildren}\n primaryText={primaryText}\n textProps={textProps}\n secondaryText={secondaryText}\n secondaryTextProps={secondaryTextProps}\n leftAddon={leftAddon}\n leftAddonType={leftAddonType}\n leftAddonPosition={leftAddonPosition}\n leftAddonClassName={leftAddonClassName}\n leftAddonForceWrap={leftAddonForceWrap}\n rightAddon={rightAddon}\n rightAddonType={rightAddonType}\n rightAddonPosition={rightAddonPosition}\n rightAddonClassName={rightAddonClassName}\n rightAddonForceWrap={rightAddonForceWrap}\n disableLeftAddonCenteredMedia={disableLeftAddonCenteredMedia}\n disableRightAddonCenteredMedia={disableRightAddonCenteredMedia}\n >\n {children}\n </ListItemChildren>\n {ripples}\n </Link>\n </li>\n );\n }\n);\n"],"names":["forwardRef","useElementInteraction","useHigherContrastChildren","ListItemChildren","getListItemHeight","listItem","ListItemLink","props","ref","as","Link","to","href","className","liProps","textProps","textClassName","secondaryTextClassName","primaryText","secondaryText","secondaryTextProps","disableTextChildren","height","propHeight","leftAddon","leftAddonType","leftAddonPosition","leftAddonClassName","leftAddonForceWrap","rightAddon","rightAddonType","rightAddonPosition","rightAddonClassName","rightAddonForceWrap","disableLeftAddonCenteredMedia","disableRightAddonCenteredMedia","multiline","disabled","disabledOpacity","onBlur","onClick","onKeyDown","onKeyUp","onMouseDown","onMouseUp","onMouseLeave","onDragStart","onTouchStart","onTouchEnd","onTouchMove","role","tabIndex","undefined","children","propChildren","remaining","pressedClassName","ripples","handlers","li","link"],"mappings":"AAAA;;AACA,SACEA,UAAU,QAGL,QAAQ;AACf,SAASC,qBAAqB,QAAQ,0CAA0C;AAChF,SAASC,yBAAyB,QAAQ,8CAA8C;AAGxF,SAASC,gBAAgB,QAAQ,wBAAwB;AACzD,SAASC,iBAAiB,QAAQ,yBAAyB;AAC3D,SAASC,QAAQ,QAAuC,sBAAsB;AAiC9E;;;;CAIC,GACD,OAAO,MAAMC,6BAAeN,WAC1B,SAASM,aAAaC,KAAK,EAAEC,GAAG;IAC9B,MAAM,EACJC,IAAIC,OAAO,GAAG,EACdC,EAAE,EACFC,IAAI,EACJC,SAAS,EACTC,OAAO,EACPC,SAAS,EACTC,aAAa,EACbC,sBAAsB,EACtBC,WAAW,EACXC,aAAa,EACbC,kBAAkB,EAClBC,sBAAsB,KAAK,EAC3BC,QAAQC,aAAa,MAAM,EAC3BC,SAAS,EACTC,gBAAgB,MAAM,EACtBC,oBAAoB,QAAQ,EAC5BC,kBAAkB,EAClBC,kBAAkB,EAClBC,UAAU,EACVC,iBAAiB,MAAM,EACvBC,qBAAqB,QAAQ,EAC7BC,mBAAmB,EACnBC,mBAAmB,EACnBC,gCAAgC,KAAK,EACrCC,iCAAiC,KAAK,EACtCC,YAAY,KAAK,EACjBC,WAAW,KAAK,EAChBC,kBAAkB,KAAK,EACvBC,MAAM,EACNC,OAAO,EACPC,SAAS,EACTC,OAAO,EACPC,WAAW,EACXC,SAAS,EACTC,YAAY,EACZC,WAAW,EACXC,YAAY,EACZC,UAAU,EACVC,WAAW,EACXC,IAAI,EACJC,WAAWd,YAAYa,SAAS,aAAa,CAAC,IAAIE,SAAS,EAC3DC,UAAUC,YAAY,EACtB,GAAGC,WACJ,GAAGhD;IAEJ,MAAM,EAAEiD,gBAAgB,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GAAGzD,sBAAsB;QACpEsC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAZ;IACF;IACA,MAAMgB,WAAWnD,0BACfoD,cACA,CAACjC;IAGH,MAAMC,SAASlB,kBAAkB;QAC/BkB,QAAQC;QACRC;QACAC;QACAI;QACAC;QACAX;IACF;IAEA,qBACE,KAACwC;QAAI,GAAG7C,OAAO;QAAEoC,MAAK;kBACpB,cAAA,MAACxC;YACCF,KAAKA;YACJ,GAAG+C,SAAS;YACZ,GAAGG,QAAQ;YACZR,MAAMA;YACNrC,WAAWR,SAAS;gBAClBQ;gBACA+C,MAAM;gBACNtC;gBACAe;gBACAC;gBACAF;gBACAoB;YACF;YACA,yEAAyE;YACzE7C,IAAIA;YACJC,MAAMA;YACNuC,UAAUA;;8BAEV,KAAChD;oBACCiC,WAAWA;oBACXpB,eAAeA;oBACfC,wBAAwBA;oBACxBI,qBAAqBA;oBACrBH,aAAaA;oBACbH,WAAWA;oBACXI,eAAeA;oBACfC,oBAAoBA;oBACpBI,WAAWA;oBACXC,eAAeA;oBACfC,mBAAmBA;oBACnBC,oBAAoBA;oBACpBC,oBAAoBA;oBACpBC,YAAYA;oBACZC,gBAAgBA;oBAChBC,oBAAoBA;oBACpBC,qBAAqBA;oBACrBC,qBAAqBA;oBACrBC,+BAA+BA;oBAC/BC,gCAAgCA;8BAE/BkB;;gBAEFI;;;;AAIT,GACA"}
|