@basic-ui/material 1.0.0-alpha.6 → 1.0.0-alpha.9

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.
Files changed (144) hide show
  1. package/build/cjs/index.js +223 -38
  2. package/build/cjs/index.js.map +1 -1
  3. package/build/esm/Alert/Alert.d.ts +1 -1
  4. package/build/esm/AppBar/AppBar.d.ts +1 -1
  5. package/build/esm/AppBar/AppBar.js +2 -1
  6. package/build/esm/AppBar/AppBar.js.map +1 -1
  7. package/build/esm/AppBar/AppBarButton.d.ts +1 -1
  8. package/build/esm/Badge/Badge.d.ts +1 -1
  9. package/build/esm/BottomSheet/BottomSheet.d.ts +1 -1
  10. package/build/esm/BottomSheet/BottomSheetSurface.d.ts +1 -1
  11. package/build/esm/Button/BaseButton.d.ts +1 -1
  12. package/build/esm/Button/Button.d.ts +1 -1
  13. package/build/esm/Button/ButtonGroup.d.ts +1 -1
  14. package/build/esm/Button/FilledButton.d.ts +1 -1
  15. package/build/esm/Button/FilledButton.js +6 -8
  16. package/build/esm/Button/FilledButton.js.map +1 -1
  17. package/build/esm/Button/OutlinedButton.d.ts +1 -1
  18. package/build/esm/Button/TransparentButton.d.ts +1 -1
  19. package/build/esm/CheckBox/CheckBox.d.ts +1 -1
  20. package/build/esm/CheckBox/CheckBoxIcon.d.ts +1 -1
  21. package/build/esm/CheckBox/CheckBoxIcon.js +2 -1
  22. package/build/esm/CheckBox/CheckBoxIcon.js.map +1 -1
  23. package/build/esm/Chip/ButtonChip.d.ts +1 -1
  24. package/build/esm/Chip/ChipBase.d.ts +1 -1
  25. package/build/esm/Chip/ChoiceChip.d.ts +1 -1
  26. package/build/esm/Combobox/Combobox.d.ts +7 -7
  27. package/build/esm/Combobox/Combobox.js +2 -1
  28. package/build/esm/Combobox/Combobox.js.map +1 -1
  29. package/build/esm/Dialog/Dialog.d.ts +1 -1
  30. package/build/esm/Dialog/DialogBackdrop.d.ts +1 -1
  31. package/build/esm/Dialog/DialogContainer.d.ts +1 -1
  32. package/build/esm/Dialog/DialogSurface.d.ts +1 -1
  33. package/build/esm/Dialog/Scrim.d.ts +1 -1
  34. package/build/esm/Dialog/useDialogAnimation.js +3 -2
  35. package/build/esm/Dialog/useDialogAnimation.js.map +1 -1
  36. package/build/esm/Divider/Divider.d.ts +1 -1
  37. package/build/esm/FloatingLabel/FloatingLabel.js +2 -1
  38. package/build/esm/FloatingLabel/FloatingLabel.js.map +1 -1
  39. package/build/esm/LineRipple/LineRipple.d.ts +1 -1
  40. package/build/esm/LineRipple/LineRipple.js +2 -1
  41. package/build/esm/LineRipple/LineRipple.js.map +1 -1
  42. package/build/esm/Link/Link.d.ts +1 -1
  43. package/build/esm/List/List.d.ts +1 -1
  44. package/build/esm/ListItem/ListItem.d.ts +1 -1
  45. package/build/esm/Menu/Menu.d.ts +4 -4
  46. package/build/esm/Menu/Menu.js +4 -1
  47. package/build/esm/Menu/Menu.js.map +1 -1
  48. package/build/esm/NavRail/NavRailItem.d.ts +5 -4
  49. package/build/esm/NavRail/NavRailItem.js +24 -8
  50. package/build/esm/NavRail/NavRailItem.js.map +1 -1
  51. package/build/esm/NotchedOutline/styledComponents.d.ts +107 -0
  52. package/build/esm/NotchedOutline/styledComponents.js +3 -2
  53. package/build/esm/NotchedOutline/styledComponents.js.map +1 -1
  54. package/build/esm/Paper/Paper.d.ts +1 -1
  55. package/build/esm/ProgressSpinner/ProgressSpinner.d.ts +1 -1
  56. package/build/esm/ProgressSpinner/ProgressSpinner.js +2 -1
  57. package/build/esm/ProgressSpinner/ProgressSpinner.js.map +1 -1
  58. package/build/esm/RadioButton/RadioButtonIcon.js +2 -1
  59. package/build/esm/RadioButton/RadioButtonIcon.js.map +1 -1
  60. package/build/esm/RadioButton/RadioGroup.d.ts +1 -1
  61. package/build/esm/Ripple/useRippleSurface.d.ts +1 -1
  62. package/build/esm/Ripple/useRippleSurface.js +7 -9
  63. package/build/esm/Ripple/useRippleSurface.js.map +1 -1
  64. package/build/esm/Select/Select.d.ts +1 -1
  65. package/build/esm/Select/SelectIcon.d.ts +1 -1
  66. package/build/esm/Select/SelectIcon.js +2 -1
  67. package/build/esm/Select/SelectIcon.js.map +1 -1
  68. package/build/esm/SelectItem/SelectItem.d.ts +1 -1
  69. package/build/esm/SelectionControl/SelectionControlLabel.d.ts +1 -1
  70. package/build/esm/SelectionControl/SelectionControlText.d.ts +1 -1
  71. package/build/esm/Skeleton/DelayAppearance.d.ts +1 -1
  72. package/build/esm/Skeleton/Skeleton.d.ts +1 -1
  73. package/build/esm/Snackbar/Snackbar.d.ts +1 -1
  74. package/build/esm/Snackbar/useSnackbarAnimation.js +2 -1
  75. package/build/esm/Snackbar/useSnackbarAnimation.js.map +1 -1
  76. package/build/esm/Switch/Switch.d.ts +1 -1
  77. package/build/esm/Switch/styledComponents.js +2 -1
  78. package/build/esm/Switch/styledComponents.js.map +1 -1
  79. package/build/esm/Tab/Tab.d.ts +1 -1
  80. package/build/esm/Tab/TabList.d.ts +1 -1
  81. package/build/esm/Tab/TabPanel.d.ts +1 -1
  82. package/build/esm/TabIndicator/TabIndicator.d.ts +1 -1
  83. package/build/esm/TabIndicator/TabIndicator.js +2 -1
  84. package/build/esm/TabIndicator/TabIndicator.js.map +1 -1
  85. package/build/esm/Table/Table.d.ts +1 -1
  86. package/build/esm/Table/TableBody.d.ts +1 -1
  87. package/build/esm/Table/TableCell.d.ts +1 -1
  88. package/build/esm/Table/TableHead.d.ts +1 -1
  89. package/build/esm/Table/TableRow.d.ts +1 -1
  90. package/build/esm/Text/Text.d.ts +7 -3
  91. package/build/esm/Text/Text.js +4 -0
  92. package/build/esm/Text/Text.js.map +1 -1
  93. package/build/esm/TextField/FilledContainer.d.ts +1 -1
  94. package/build/esm/TextField/HelperText.d.ts +1 -1
  95. package/build/esm/TextField/Input.d.ts +1 -1
  96. package/build/esm/TextField/Input.js +2 -1
  97. package/build/esm/TextField/Input.js.map +1 -1
  98. package/build/esm/TextField/OutlinedContainer.d.ts +1 -1
  99. package/build/esm/TextField/TextField.d.ts +1 -1
  100. package/build/esm/Tooltip/Tooltip.d.ts +1 -1
  101. package/build/esm/color.d.ts +2 -0
  102. package/build/esm/color.js +8 -3
  103. package/build/esm/color.js.map +1 -1
  104. package/build/esm/index.d.ts +2 -0
  105. package/build/esm/index.js +2 -0
  106. package/build/esm/index.js.map +1 -1
  107. package/build/esm/motion.d.ts +7 -0
  108. package/build/esm/motion.js +8 -0
  109. package/build/esm/motion.js.map +1 -0
  110. package/build/esm/theme/theme.d.ts +107 -0
  111. package/build/esm/theme/theme.js +34 -5
  112. package/build/esm/theme/theme.js.map +1 -1
  113. package/build/esm/theme/useTheme.d.ts +578 -1
  114. package/build/tsconfig.tsbuildinfo +1 -1
  115. package/package.json +3 -3
  116. package/src/AppBar/AppBar.tsx +2 -1
  117. package/src/Button/Button.story.tsx +6 -1
  118. package/src/Button/FilledButton.tsx +4 -9
  119. package/src/CheckBox/CheckBox.story.tsx +2 -2
  120. package/src/CheckBox/CheckBoxIcon.tsx +2 -2
  121. package/src/Combobox/Combobox.tsx +2 -2
  122. package/src/Dialog/useDialogAnimation.tsx +3 -4
  123. package/src/FloatingLabel/FloatingLabel.tsx +2 -1
  124. package/src/LineRipple/LineRipple.tsx +2 -1
  125. package/src/Menu/Menu.tsx +2 -1
  126. package/src/NavRail/NavRail.story.tsx +94 -13
  127. package/src/NavRail/NavRailItem.tsx +58 -41
  128. package/src/NotchedOutline/styledComponents.ts +2 -1
  129. package/src/ProgressSpinner/ProgressSpinner.tsx +2 -2
  130. package/src/RadioButton/RadioButtonIcon.tsx +2 -2
  131. package/src/Ripple/useRippleSurface.ts +7 -9
  132. package/src/Select/SelectIcon.tsx +2 -2
  133. package/src/Snackbar/useSnackbarAnimation.ts +2 -1
  134. package/src/Switch/styledComponents.tsx +2 -2
  135. package/src/TabIndicator/TabIndicator.tsx +2 -1
  136. package/src/Text/Text.story.tsx +44 -7
  137. package/src/Text/Text.tsx +22 -2
  138. package/src/TextField/Input.tsx +2 -1
  139. package/src/ThemeExplorer/ThemeBuilder.story.tsx +27 -23
  140. package/src/color.ts +25 -4
  141. package/src/index.ts +2 -0
  142. package/src/motion.ts +7 -0
  143. package/src/theme/theme.ts +39 -4
  144. package/src/ThemeExplorer/ThemeExplorer.story.tsx +0 -43
@@ -17,4 +17,4 @@ export interface DialogProps extends DialogSurfaceProps {
17
17
  containerProps?: DialogContainerProps;
18
18
  scrimProps?: ScrimProps;
19
19
  }
20
- export declare const Dialog: import("react").ForwardRefExoticComponent<Pick<DialogProps, "children" | "p" | "slot" | "style" | "title" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxShadow" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "zIndex" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "gridColumnGap" | "gridGap" | "gridRowGap" | "hidden" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "size" | "bg" | "borderX" | "borderY" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "open" | "innerAs" | "elevation" | "outlined" | "backgroundOverlay" | "darkThemeBackgroundOverlay" | "containerProps" | "onClose" | "disableBackdropClick" | "disableEscapeKeyDown" | "animationMode" | "openTimeoutInMilliseconds" | "closeTimeoutInMilliseconds" | "backdropProps" | "scrimProps" | "trapFocus"> & import("react").RefAttributes<HTMLDivElement>>;
20
+ export declare const Dialog: import("react").ForwardRefExoticComponent<Pick<DialogProps, "background" | "p" | "slot" | "style" | "title" | "width" | "flex" | "display" | "flexDirection" | "sx" | "children" | "height" | "color" | "hidden" | "left" | "right" | "bg" | "bottom" | "top" | "as" | "__css" | "variant" | "tx" | "theme" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontStyle" | "textAlign" | "backgroundColor" | "opacity" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat" | "position" | "zIndex" | "boxShadow" | "textShadow" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "innerAs" | "key" | "outlined" | "containerProps" | "elevation" | "open" | "onClose" | "backgroundOverlay" | "darkThemeBackgroundOverlay" | "openTimeoutInMilliseconds" | "closeTimeoutInMilliseconds" | "trapFocus" | "disableEscapeKeyDown" | "disableBackdropClick" | "animationMode" | "backdropProps" | "scrimProps"> & import("react").RefAttributes<HTMLDivElement>>;
@@ -4,4 +4,4 @@ import type { BoxProps } from '../Box';
4
4
  export declare type DialogBackdropProps = ModalBackdropProps & BoxProps & {
5
5
  open?: boolean;
6
6
  };
7
- export declare const DialogBackdrop: React.ForwardRefExoticComponent<Pick<DialogBackdropProps, "children" | "p" | "slot" | "style" | "title" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxShadow" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "zIndex" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "gridColumnGap" | "gridGap" | "gridRowGap" | "hidden" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "size" | "bg" | "borderX" | "borderY" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "open" | "innerAs" | "onClose" | "disableEscapeKeyDown" | "disableCloseOnClick"> & React.RefAttributes<HTMLDivElement>>;
7
+ export declare const DialogBackdrop: React.ForwardRefExoticComponent<Pick<DialogBackdropProps, "background" | "p" | "slot" | "style" | "title" | "width" | "flex" | "display" | "flexDirection" | "sx" | "children" | "height" | "color" | "hidden" | "left" | "right" | "bg" | "bottom" | "top" | "as" | "__css" | "variant" | "tx" | "theme" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontStyle" | "textAlign" | "backgroundColor" | "opacity" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat" | "position" | "zIndex" | "boxShadow" | "textShadow" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "innerAs" | "key" | "open" | "onClose" | "disableCloseOnClick" | "disableEscapeKeyDown"> & React.RefAttributes<HTMLDivElement>>;
@@ -1,4 +1,4 @@
1
1
  /// <reference types="react" />
2
2
  import type { BoxProps } from '../Box';
3
3
  export declare type DialogContainerProps = BoxProps;
4
- export declare const DialogContainer: import("react").ForwardRefExoticComponent<Pick<BoxProps<HTMLDivElement, import("react").HTMLAttributes<HTMLDivElement>>, "children" | "slot" | "style" | "title" | "translate" | "hidden" | keyof import("../Box").BaseProps | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & import("react").RefAttributes<HTMLDivElement>>;
4
+ export declare const DialogContainer: import("react").ForwardRefExoticComponent<Pick<BoxProps<HTMLDivElement, import("react").HTMLAttributes<HTMLDivElement>>, "slot" | "style" | "title" | "children" | "hidden" | keyof import("../Box").BaseProps | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & import("react").RefAttributes<HTMLDivElement>>;
@@ -4,4 +4,4 @@ import type { PaperProps } from '../Paper';
4
4
  export declare type DialogSurfaceProps = ModalProps & PaperProps & {
5
5
  variant?: 'base';
6
6
  };
7
- export declare const DialogSurface: React.ForwardRefExoticComponent<Pick<DialogSurfaceProps, "children" | "p" | "slot" | "style" | "title" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxShadow" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "zIndex" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "gridColumnGap" | "gridGap" | "gridRowGap" | "hidden" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "size" | "bg" | "borderX" | "borderY" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "innerAs" | "elevation" | "outlined" | "backgroundOverlay" | "darkThemeBackgroundOverlay" | "trapFocus"> & React.RefAttributes<HTMLDivElement>>;
7
+ export declare const DialogSurface: React.ForwardRefExoticComponent<Pick<DialogSurfaceProps, "background" | "p" | "slot" | "style" | "title" | "width" | "flex" | "display" | "flexDirection" | "sx" | "children" | "height" | "color" | "hidden" | "left" | "right" | "bg" | "bottom" | "top" | "as" | "__css" | "variant" | "tx" | "theme" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontStyle" | "textAlign" | "backgroundColor" | "opacity" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat" | "position" | "zIndex" | "boxShadow" | "textShadow" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "innerAs" | "key" | "outlined" | "elevation" | "backgroundOverlay" | "darkThemeBackgroundOverlay" | "trapFocus"> & React.RefAttributes<HTMLDivElement>>;
@@ -1,4 +1,4 @@
1
1
  /// <reference types="react" />
2
2
  import type { BoxProps } from '../Box';
3
3
  export declare type ScrimProps = BoxProps;
4
- export declare const Scrim: import("react").ForwardRefExoticComponent<Pick<ScrimProps, "children" | "slot" | "style" | "title" | "translate" | "hidden" | keyof import("../Box").BaseProps | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & import("react").RefAttributes<HTMLDivElement>>;
4
+ export declare const Scrim: import("react").ForwardRefExoticComponent<Pick<ScrimProps, "slot" | "style" | "title" | "children" | "hidden" | keyof import("../Box").BaseProps | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & import("react").RefAttributes<HTMLDivElement>>;
@@ -1,6 +1,7 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
3
  import { useAnimation } from '../hooks/useAnimation';
4
+ import { EASING_STANDARD } from '../motion';
4
5
  var styles = {
5
6
  slide: {
6
7
  closed: {
@@ -59,8 +60,8 @@ export function useDialogAnimation(opts) {
59
60
  timing = _useAnimation.timing;
60
61
 
61
62
  var scrimOpacity = state === 'open' ? 1 : 0;
62
- var transition = "opacity ".concat(timing, "ms cubic-bezier(.4,0,.2,1),transform ").concat(timing, "ms cubic-bezier(.4,0,.2,1)");
63
- var scrimTransition = "opacity ".concat(timing * 0.4 | 0, "ms cubic-bezier(.4,0,.2,1)");
63
+ var transition = "opacity ".concat(timing, "ms ").concat(EASING_STANDARD, ",transform ").concat(timing, "ms ").concat(EASING_STANDARD);
64
+ var scrimTransition = "opacity ".concat(timing * 0.4 | 0, "ms ").concat(EASING_STANDARD);
64
65
  return {
65
66
  containerStyle: _extends({}, style, {
66
67
  transition: transition
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/Dialog/useDialogAnimation.tsx"],"names":["useAnimation","styles","slide","closed","opacity","transform","open","close","grow","useDialogAnimation","opts","mode","otherOpts","state","style","timing","scrimOpacity","transition","scrimTransition","containerStyle","scrimStyle"],"mappings":";;AAAA,SAASA,YAAT,QAA6B,uBAA7B;AAEA,IAAMC,MAAM,GAAG;AACbC,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE;AAAEC,MAAAA,OAAO,EAAE,GAAX;AAAgBC,MAAAA,SAAS,EAAE;AAA3B,KADH;AAELC,IAAAA,IAAI,EAAE;AAAEF,MAAAA,OAAO,EAAE,CAAX;AAAcC,MAAAA,SAAS,EAAE;AAAzB,KAFD;AAGLE,IAAAA,KAAK,EAAE;AAAEH,MAAAA,OAAO,EAAE,CAAX;AAAcC,MAAAA,SAAS,EAAE;AAAzB;AAHF,GADM;AAMbG,EAAAA,IAAI,EAAE;AACJL,IAAAA,MAAM,EAAE;AAAEC,MAAAA,OAAO,EAAE,GAAX;AAAgBC,MAAAA,SAAS,EAAE;AAA3B,KADJ;AAEJC,IAAAA,IAAI,EAAE;AAAEF,MAAAA,OAAO,EAAE,CAAX;AAAcC,MAAAA,SAAS,EAAE;AAAzB,KAFF;AAGJE,IAAAA,KAAK,EAAE;AAAEH,MAAAA,OAAO,EAAE,CAAX;AAAcC,MAAAA,SAAS,EAAE;AAAzB;AAHH,GANO;AAWb,gBAAc;AACZF,IAAAA,MAAM,EAAE;AAAEC,MAAAA,OAAO,EAAE,GAAX;AAAgBC,MAAAA,SAAS,EAAE;AAA3B,KADI;AAEZC,IAAAA,IAAI,EAAE;AAAEF,MAAAA,OAAO,EAAE,CAAX;AAAcC,MAAAA,SAAS,EAAE;AAAzB,KAFM;AAGZE,IAAAA,KAAK,EAAE;AAAEH,MAAAA,OAAO,EAAE;AAAX;AAHK;AAXD,CAAf;AAoBA,OAAO,SAASK,kBAAT,CAA4BC,IAA5B,EAKJ;AAAA,mBACuCA,IADvC,CACOC,IADP;AAAA,MACOA,IADP,2BACc,MADd;AAAA,MACyBC,SADzB,4BACuCF,IADvC;;AAAA,sBAEsCV,YAAY;AACjDC,IAAAA,MAAM,EAANA,MADiD;AAEjDU,IAAAA,IAAI,EAAJA;AAFiD,KAG9CC,SAH8C,EAFlD;AAAA,MAEON,IAFP,iBAEOA,IAFP;AAAA,MAEaO,KAFb,iBAEaA,KAFb;AAAA,MAEoBC,KAFpB,iBAEoBA,KAFpB;AAAA,MAE2BC,MAF3B,iBAE2BA,MAF3B;;AAOD,MAAMC,YAAY,GAAGH,KAAK,KAAK,MAAV,GAAmB,CAAnB,GAAuB,CAA5C;AAEA,MAAMI,UAAU,qBAAcF,MAAd,kDAA4DA,MAA5D,+BAAhB;AACA,MAAMG,eAAe,qBAClBH,MAAM,GAAG,GAAV,GAAiB,CADE,+BAArB;AAIA,SAAO;AACLI,IAAAA,cAAc,eAAOL,KAAP;AAAcG,MAAAA,UAAU,EAAVA;AAAd,MADT;AAELG,IAAAA,UAAU,EAAE;AACVhB,MAAAA,OAAO,EAAEY,YADC;AAEVC,MAAAA,UAAU,EAAEC;AAFF,KAFP;AAMLZ,IAAAA,IAAI,EAAJA;AANK,GAAP;AAQD","sourcesContent":["import { useAnimation } from '../hooks/useAnimation';\n\nconst styles = {\n slide: {\n closed: { opacity: 0.6, transform: 'translateY(100%)' },\n open: { opacity: 1, transform: 'translateY(0%)' },\n close: { opacity: 0, transform: 'translateY(10%)' },\n },\n grow: {\n closed: { opacity: 0.8, transform: 'scale(0.8)' },\n open: { opacity: 1, transform: 'scale(1)' },\n close: { opacity: 0, transform: 'scale(1)' },\n },\n 'slide-grow': {\n closed: { opacity: 0.8, transform: 'translateY(50%) scale(0.8)' },\n open: { opacity: 1, transform: 'translateY(0%) scale(1)' },\n close: { opacity: 0 },\n },\n};\n\nexport type DialogAnimationModes = keyof typeof styles;\n\nexport function useDialogAnimation(opts: {\n open: boolean;\n mode?: DialogAnimationModes;\n openTimeoutInMilliseconds?: number;\n closeTimeoutInMilliseconds?: number;\n}) {\n const { mode = 'grow', ...otherOpts } = opts;\n const { open, state, style, timing } = useAnimation({\n styles,\n mode,\n ...otherOpts,\n });\n const scrimOpacity = state === 'open' ? 1 : 0;\n\n const transition = `opacity ${timing}ms cubic-bezier(.4,0,.2,1),transform ${timing}ms cubic-bezier(.4,0,.2,1)`;\n const scrimTransition = `opacity ${\n (timing * 0.4) | 0\n }ms cubic-bezier(.4,0,.2,1)`;\n\n return {\n containerStyle: { ...style, transition },\n scrimStyle: {\n opacity: scrimOpacity,\n transition: scrimTransition,\n },\n open,\n };\n}\n"],"file":"useDialogAnimation.js"}
1
+ {"version":3,"sources":["../../../src/Dialog/useDialogAnimation.tsx"],"names":["useAnimation","EASING_STANDARD","styles","slide","closed","opacity","transform","open","close","grow","useDialogAnimation","opts","mode","otherOpts","state","style","timing","scrimOpacity","transition","scrimTransition","containerStyle","scrimStyle"],"mappings":";;AAAA,SAASA,YAAT,QAA6B,uBAA7B;AACA,SAASC,eAAT,QAAgC,WAAhC;AAEA,IAAMC,MAAM,GAAG;AACbC,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE;AAAEC,MAAAA,OAAO,EAAE,GAAX;AAAgBC,MAAAA,SAAS,EAAE;AAA3B,KADH;AAELC,IAAAA,IAAI,EAAE;AAAEF,MAAAA,OAAO,EAAE,CAAX;AAAcC,MAAAA,SAAS,EAAE;AAAzB,KAFD;AAGLE,IAAAA,KAAK,EAAE;AAAEH,MAAAA,OAAO,EAAE,CAAX;AAAcC,MAAAA,SAAS,EAAE;AAAzB;AAHF,GADM;AAMbG,EAAAA,IAAI,EAAE;AACJL,IAAAA,MAAM,EAAE;AAAEC,MAAAA,OAAO,EAAE,GAAX;AAAgBC,MAAAA,SAAS,EAAE;AAA3B,KADJ;AAEJC,IAAAA,IAAI,EAAE;AAAEF,MAAAA,OAAO,EAAE,CAAX;AAAcC,MAAAA,SAAS,EAAE;AAAzB,KAFF;AAGJE,IAAAA,KAAK,EAAE;AAAEH,MAAAA,OAAO,EAAE,CAAX;AAAcC,MAAAA,SAAS,EAAE;AAAzB;AAHH,GANO;AAWb,gBAAc;AACZF,IAAAA,MAAM,EAAE;AAAEC,MAAAA,OAAO,EAAE,GAAX;AAAgBC,MAAAA,SAAS,EAAE;AAA3B,KADI;AAEZC,IAAAA,IAAI,EAAE;AAAEF,MAAAA,OAAO,EAAE,CAAX;AAAcC,MAAAA,SAAS,EAAE;AAAzB,KAFM;AAGZE,IAAAA,KAAK,EAAE;AAAEH,MAAAA,OAAO,EAAE;AAAX;AAHK;AAXD,CAAf;AAoBA,OAAO,SAASK,kBAAT,CAA4BC,IAA5B,EAKJ;AAAA,mBACuCA,IADvC,CACOC,IADP;AAAA,MACOA,IADP,2BACc,MADd;AAAA,MACyBC,SADzB,4BACuCF,IADvC;;AAAA,sBAEsCX,YAAY;AACjDE,IAAAA,MAAM,EAANA,MADiD;AAEjDU,IAAAA,IAAI,EAAJA;AAFiD,KAG9CC,SAH8C,EAFlD;AAAA,MAEON,IAFP,iBAEOA,IAFP;AAAA,MAEaO,KAFb,iBAEaA,KAFb;AAAA,MAEoBC,KAFpB,iBAEoBA,KAFpB;AAAA,MAE2BC,MAF3B,iBAE2BA,MAF3B;;AAOD,MAAMC,YAAY,GAAGH,KAAK,KAAK,MAAV,GAAmB,CAAnB,GAAuB,CAA5C;AAEA,MAAMI,UAAU,qBAAcF,MAAd,gBAA0Bf,eAA1B,wBAAuDe,MAAvD,gBAAmEf,eAAnE,CAAhB;AACA,MAAMkB,eAAe,qBAAeH,MAAM,GAAG,GAAV,GAAiB,CAA/B,gBAAsCf,eAAtC,CAArB;AAEA,SAAO;AACLmB,IAAAA,cAAc,eAAOL,KAAP;AAAcG,MAAAA,UAAU,EAAVA;AAAd,MADT;AAELG,IAAAA,UAAU,EAAE;AACVhB,MAAAA,OAAO,EAAEY,YADC;AAEVC,MAAAA,UAAU,EAAEC;AAFF,KAFP;AAMLZ,IAAAA,IAAI,EAAJA;AANK,GAAP;AAQD","sourcesContent":["import { useAnimation } from '../hooks/useAnimation';\nimport { EASING_STANDARD } from '../motion';\n\nconst styles = {\n slide: {\n closed: { opacity: 0.6, transform: 'translateY(100%)' },\n open: { opacity: 1, transform: 'translateY(0%)' },\n close: { opacity: 0, transform: 'translateY(10%)' },\n },\n grow: {\n closed: { opacity: 0.8, transform: 'scale(0.8)' },\n open: { opacity: 1, transform: 'scale(1)' },\n close: { opacity: 0, transform: 'scale(1)' },\n },\n 'slide-grow': {\n closed: { opacity: 0.8, transform: 'translateY(50%) scale(0.8)' },\n open: { opacity: 1, transform: 'translateY(0%) scale(1)' },\n close: { opacity: 0 },\n },\n};\n\nexport type DialogAnimationModes = keyof typeof styles;\n\nexport function useDialogAnimation(opts: {\n open: boolean;\n mode?: DialogAnimationModes;\n openTimeoutInMilliseconds?: number;\n closeTimeoutInMilliseconds?: number;\n}) {\n const { mode = 'grow', ...otherOpts } = opts;\n const { open, state, style, timing } = useAnimation({\n styles,\n mode,\n ...otherOpts,\n });\n const scrimOpacity = state === 'open' ? 1 : 0;\n\n const transition = `opacity ${timing}ms ${EASING_STANDARD},transform ${timing}ms ${EASING_STANDARD}`;\n const scrimTransition = `opacity ${(timing * 0.4) | 0}ms ${EASING_STANDARD}`;\n\n return {\n containerStyle: { ...style, transition },\n scrimStyle: {\n opacity: scrimOpacity,\n transition: scrimTransition,\n },\n open,\n };\n}\n"],"file":"useDialogAnimation.js"}
@@ -4,4 +4,4 @@ export interface DividerProps extends BoxProps {
4
4
  as?: React.ElementType<any>;
5
5
  direction?: 'vertical' | 'horizontal';
6
6
  }
7
- export declare const Divider: React.ForwardRefExoticComponent<Pick<DividerProps, "children" | "p" | "slot" | "style" | "title" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxShadow" | "color" | "direction" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "zIndex" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "gridColumnGap" | "gridGap" | "gridRowGap" | "hidden" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "size" | "bg" | "borderX" | "borderY" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & React.RefAttributes<HTMLDivElement>>;
7
+ export declare const Divider: React.ForwardRefExoticComponent<Pick<DividerProps, "background" | "p" | "slot" | "style" | "title" | "width" | "flex" | "display" | "flexDirection" | "sx" | "children" | "height" | "color" | "hidden" | "left" | "right" | "bg" | "bottom" | "top" | "as" | "__css" | "variant" | "tx" | "theme" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontStyle" | "textAlign" | "backgroundColor" | "opacity" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat" | "position" | "zIndex" | "boxShadow" | "textShadow" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "direction"> & React.RefAttributes<HTMLDivElement>>;
@@ -5,6 +5,7 @@ import * as React from 'react';
5
5
  import { rem } from 'polished';
6
6
  import { Text as _Text } from '../Text';
7
7
  import { useNotchedOutlineContext } from '../NotchedOutline/context';
8
+ import { EASING_STANDARD } from '../motion';
8
9
  import { jsx as _jsx } from "react/jsx-runtime";
9
10
  export var FloatingLabel = /*#__PURE__*/forwardRef(function FloatingLabel(props, forwardedRef) {
10
11
  var _props$offsetX = props.offsetX,
@@ -41,7 +42,7 @@ export var FloatingLabel = /*#__PURE__*/forwardRef(function FloatingLabel(props,
41
42
  left: rem(offsetX),
42
43
  height: typeof height === 'number' ? rem(height) : height,
43
44
  transformOrigin: 'left center',
44
- transition: "transform ".concat(transitionTime, "ms cubic-bezier(.4,0,.2,1), color ").concat(transitionTime, "ms cubic-bezier(.4,0,.2,1)"),
45
+ transition: "transform ".concat(transitionTime, "ms ").concat(EASING_STANDARD, ", color ").concat(transitionTime, "ms ").concat(EASING_STANDARD),
45
46
  pointerEvents: 'none'
46
47
  },
47
48
  style: _extends({
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/FloatingLabel/FloatingLabel.tsx"],"names":["forwardRef","React","rem","Text","_Text","useNotchedOutlineContext","FloatingLabel","props","forwardedRef","offsetX","scale","height","active","transitionTime","style","translateXProp","translateX","translateYProp","translateY","children","otherProps","ctx","notchStart","undefined","transform","position","fontWeight","display","alignItems","left","transformOrigin","transition","pointerEvents"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AACA,SAASC,GAAT,QAAoB,UAApB;AAEA,SAASC,IAAI,IAAIC,KAAjB,QAA8B,SAA9B;AACA,SAASC,wBAAT,QAAyC,2BAAzC;;AAeA,OAAO,IAAMC,aAAa,gBAAGN,UAAU,CACrC,SAASM,aAAT,CAAuBC,KAAvB,EAA8BC,YAA9B,EAA4C;AAAA,uBAYtCD,KAZsC,CAExCE,OAFwC;AAAA,MAExCA,OAFwC,+BAE9B,CAF8B;AAAA,qBAYtCF,KAZsC,CAGxCG,KAHwC;AAAA,MAGxCA,KAHwC,6BAGhC,IAHgC;AAAA,sBAYtCH,KAZsC,CAIxCI,MAJwC;AAAA,MAIxCA,MAJwC,8BAI/B,EAJ+B;AAAA,MAKxCC,MALwC,GAYtCL,KAZsC,CAKxCK,MALwC;AAAA,8BAYtCL,KAZsC,CAMxCM,cANwC;AAAA,MAMxCA,cANwC,sCAMvB,GANuB;AAAA,qBAYtCN,KAZsC,CAOxCO,KAPwC;AAAA,MAOxCA,KAPwC,6BAOhC,EAPgC;AAAA,MAQ5BC,cAR4B,GAYtCR,KAZsC,CAQxCS,UARwC;AAAA,MAS5BC,cAT4B,GAYtCV,KAZsC,CASxCW,UATwC;AAAA,MAUxCC,QAVwC,GAYtCZ,KAZsC,CAUxCY,QAVwC;AAAA,MAWrCC,UAXqC,4BAYtCb,KAZsC;;AAc1C,MAAMc,GAAG,GAAGhB,wBAAwB,EAApC;AACA,MAAMiB,UAAU,GAAGD,GAAG,GAAGA,GAAG,CAACC,UAAP,GAAoB,CAA1C;AAEA,MAAMnB,IAA8B,GAAGC,KAAvC;AAEA,MAAMY,UAAU,GACdD,cAAc,KAAKQ,SAAnB,GAA+BR,cAA/B,GAAgDO,UAAU,GAAGb,OAD/D;AAEA,MAAMS,UAAU,GACdD,cAAc,KAAKM,SAAnB,GAA+BN,cAA/B,GAAgD,CAACN,MAAD,GAAU,CAD5D;AAGA,MAAMa,SAAS,GAAGZ,MAAM,uBACPV,GAAG,CAACc,UAAD,CADI,eACad,GAAG,CAACgB,UAAD,CADhB,qBACuCR,KADvC,SAEpBa,SAFJ;AAIA,sBACE,KAAC,IAAD;AACE,IAAA,EAAE,EAAC,OADL;AAEE,IAAA,OAAO,EAAC,WAFV;AAGE,IAAA,GAAG,EAAEf,YAHP;AAIE,IAAA,KAAK,EAAE;AACLiB,MAAAA,QAAQ,EAAE,UADL;AAELC,MAAAA,UAAU,EAAE,SAFP;AAGLC,MAAAA,OAAO,EAAE,aAHJ;AAILC,MAAAA,UAAU,EAAE,QAJP;AAKLC,MAAAA,IAAI,EAAE3B,GAAG,CAACO,OAAD,CALJ;AAMLE,MAAAA,MAAM,EAAE,OAAOA,MAAP,KAAkB,QAAlB,GAA6BT,GAAG,CAACS,MAAD,CAAhC,GAA2CA,MAN9C;AAOLmB,MAAAA,eAAe,EAAE,aAPZ;AAQLC,MAAAA,UAAU,sBAAelB,cAAf,+CAAkEA,cAAlE,+BARL;AASLmB,MAAAA,aAAa,EAAE;AATV,KAJT;AAeE,IAAA,KAAK;AACHR,MAAAA,SAAS,EAATA;AADG,OAEAV,KAFA;AAfP,KAmBMM,UAnBN;AAAA,cAqBGD;AArBH,KADF;AAyBD,CAtDoC,CAAhC","sourcesContent":["import { forwardRef } from 'react';\nimport * as React from 'react';\nimport { rem } from 'polished';\n\nimport { Text as _Text } from '../Text';\nimport { useNotchedOutlineContext } from '../NotchedOutline/context';\n\nexport interface FloatingLabelProps\n extends React.LabelHTMLAttributes<HTMLLabelElement> {\n children?: React.ReactNode;\n active?: boolean;\n offsetX?: number;\n height?: number;\n scale?: number;\n px?: number;\n translateX?: number;\n translateY?: number;\n transitionTime?: number;\n}\n\nexport const FloatingLabel = forwardRef<HTMLLabelElement, FloatingLabelProps>(\n function FloatingLabel(props, forwardedRef) {\n const {\n offsetX = 0,\n scale = 0.75,\n height = 56,\n active,\n transitionTime = 150,\n style = {},\n translateX: translateXProp,\n translateY: translateYProp,\n children,\n ...otherProps\n } = props;\n\n const ctx = useNotchedOutlineContext();\n const notchStart = ctx ? ctx.notchStart : 0;\n\n const Text: React.ComponentType<any> = _Text;\n\n const translateX =\n translateXProp !== undefined ? translateXProp : notchStart - offsetX;\n const translateY =\n translateYProp !== undefined ? translateYProp : -height / 2;\n\n const transform = active\n ? `translate(${rem(translateX)}, ${rem(translateY)}) scale(${scale})`\n : undefined;\n\n return (\n <Text\n as=\"label\"\n variant=\"subtitle1\"\n ref={forwardedRef}\n __css={{\n position: 'absolute',\n fontWeight: 'regular',\n display: 'inline-flex',\n alignItems: 'center',\n left: rem(offsetX),\n height: typeof height === 'number' ? rem(height) : height,\n transformOrigin: 'left center',\n transition: `transform ${transitionTime}ms cubic-bezier(.4,0,.2,1), color ${transitionTime}ms cubic-bezier(.4,0,.2,1)`,\n pointerEvents: 'none',\n }}\n style={{\n transform,\n ...style,\n }}\n {...otherProps}\n >\n {children}\n </Text>\n );\n }\n);\n"],"file":"FloatingLabel.js"}
1
+ {"version":3,"sources":["../../../src/FloatingLabel/FloatingLabel.tsx"],"names":["forwardRef","React","rem","Text","_Text","useNotchedOutlineContext","EASING_STANDARD","FloatingLabel","props","forwardedRef","offsetX","scale","height","active","transitionTime","style","translateXProp","translateX","translateYProp","translateY","children","otherProps","ctx","notchStart","undefined","transform","position","fontWeight","display","alignItems","left","transformOrigin","transition","pointerEvents"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AACA,SAASC,GAAT,QAAoB,UAApB;AAEA,SAASC,IAAI,IAAIC,KAAjB,QAA8B,SAA9B;AACA,SAASC,wBAAT,QAAyC,2BAAzC;AACA,SAASC,eAAT,QAAgC,WAAhC;;AAeA,OAAO,IAAMC,aAAa,gBAAGP,UAAU,CACrC,SAASO,aAAT,CAAuBC,KAAvB,EAA8BC,YAA9B,EAA4C;AAAA,uBAYtCD,KAZsC,CAExCE,OAFwC;AAAA,MAExCA,OAFwC,+BAE9B,CAF8B;AAAA,qBAYtCF,KAZsC,CAGxCG,KAHwC;AAAA,MAGxCA,KAHwC,6BAGhC,IAHgC;AAAA,sBAYtCH,KAZsC,CAIxCI,MAJwC;AAAA,MAIxCA,MAJwC,8BAI/B,EAJ+B;AAAA,MAKxCC,MALwC,GAYtCL,KAZsC,CAKxCK,MALwC;AAAA,8BAYtCL,KAZsC,CAMxCM,cANwC;AAAA,MAMxCA,cANwC,sCAMvB,GANuB;AAAA,qBAYtCN,KAZsC,CAOxCO,KAPwC;AAAA,MAOxCA,KAPwC,6BAOhC,EAPgC;AAAA,MAQ5BC,cAR4B,GAYtCR,KAZsC,CAQxCS,UARwC;AAAA,MAS5BC,cAT4B,GAYtCV,KAZsC,CASxCW,UATwC;AAAA,MAUxCC,QAVwC,GAYtCZ,KAZsC,CAUxCY,QAVwC;AAAA,MAWrCC,UAXqC,4BAYtCb,KAZsC;;AAc1C,MAAMc,GAAG,GAAGjB,wBAAwB,EAApC;AACA,MAAMkB,UAAU,GAAGD,GAAG,GAAGA,GAAG,CAACC,UAAP,GAAoB,CAA1C;AAEA,MAAMpB,IAA8B,GAAGC,KAAvC;AAEA,MAAMa,UAAU,GACdD,cAAc,KAAKQ,SAAnB,GAA+BR,cAA/B,GAAgDO,UAAU,GAAGb,OAD/D;AAEA,MAAMS,UAAU,GACdD,cAAc,KAAKM,SAAnB,GAA+BN,cAA/B,GAAgD,CAACN,MAAD,GAAU,CAD5D;AAGA,MAAMa,SAAS,GAAGZ,MAAM,uBACPX,GAAG,CAACe,UAAD,CADI,eACaf,GAAG,CAACiB,UAAD,CADhB,qBACuCR,KADvC,SAEpBa,SAFJ;AAIA,sBACE,KAAC,IAAD;AACE,IAAA,EAAE,EAAC,OADL;AAEE,IAAA,OAAO,EAAC,WAFV;AAGE,IAAA,GAAG,EAAEf,YAHP;AAIE,IAAA,KAAK,EAAE;AACLiB,MAAAA,QAAQ,EAAE,UADL;AAELC,MAAAA,UAAU,EAAE,SAFP;AAGLC,MAAAA,OAAO,EAAE,aAHJ;AAILC,MAAAA,UAAU,EAAE,QAJP;AAKLC,MAAAA,IAAI,EAAE5B,GAAG,CAACQ,OAAD,CALJ;AAMLE,MAAAA,MAAM,EAAE,OAAOA,MAAP,KAAkB,QAAlB,GAA6BV,GAAG,CAACU,MAAD,CAAhC,GAA2CA,MAN9C;AAOLmB,MAAAA,eAAe,EAAE,aAPZ;AAQLC,MAAAA,UAAU,sBAAelB,cAAf,gBAAmCR,eAAnC,qBAA6DQ,cAA7D,gBAAiFR,eAAjF,CARL;AASL2B,MAAAA,aAAa,EAAE;AATV,KAJT;AAeE,IAAA,KAAK;AACHR,MAAAA,SAAS,EAATA;AADG,OAEAV,KAFA;AAfP,KAmBMM,UAnBN;AAAA,cAqBGD;AArBH,KADF;AAyBD,CAtDoC,CAAhC","sourcesContent":["import { forwardRef } from 'react';\nimport * as React from 'react';\nimport { rem } from 'polished';\n\nimport { Text as _Text } from '../Text';\nimport { useNotchedOutlineContext } from '../NotchedOutline/context';\nimport { EASING_STANDARD } from '../motion';\n\nexport interface FloatingLabelProps\n extends React.LabelHTMLAttributes<HTMLLabelElement> {\n children?: React.ReactNode;\n active?: boolean;\n offsetX?: number;\n height?: number;\n scale?: number;\n px?: number;\n translateX?: number;\n translateY?: number;\n transitionTime?: number;\n}\n\nexport const FloatingLabel = forwardRef<HTMLLabelElement, FloatingLabelProps>(\n function FloatingLabel(props, forwardedRef) {\n const {\n offsetX = 0,\n scale = 0.75,\n height = 56,\n active,\n transitionTime = 150,\n style = {},\n translateX: translateXProp,\n translateY: translateYProp,\n children,\n ...otherProps\n } = props;\n\n const ctx = useNotchedOutlineContext();\n const notchStart = ctx ? ctx.notchStart : 0;\n\n const Text: React.ComponentType<any> = _Text;\n\n const translateX =\n translateXProp !== undefined ? translateXProp : notchStart - offsetX;\n const translateY =\n translateYProp !== undefined ? translateYProp : -height / 2;\n\n const transform = active\n ? `translate(${rem(translateX)}, ${rem(translateY)}) scale(${scale})`\n : undefined;\n\n return (\n <Text\n as=\"label\"\n variant=\"subtitle1\"\n ref={forwardedRef}\n __css={{\n position: 'absolute',\n fontWeight: 'regular',\n display: 'inline-flex',\n alignItems: 'center',\n left: rem(offsetX),\n height: typeof height === 'number' ? rem(height) : height,\n transformOrigin: 'left center',\n transition: `transform ${transitionTime}ms ${EASING_STANDARD}, color ${transitionTime}ms ${EASING_STANDARD}`,\n pointerEvents: 'none',\n }}\n style={{\n transform,\n ...style,\n }}\n {...otherProps}\n >\n {children}\n </Text>\n );\n }\n);\n"],"file":"FloatingLabel.js"}
@@ -6,4 +6,4 @@ export interface LineRippleProps extends BoxProps {
6
6
  posx?: number;
7
7
  children?: React.ReactNode;
8
8
  }
9
- export declare const LineRipple: React.ForwardRefExoticComponent<Pick<LineRippleProps, "children" | "p" | "slot" | "style" | "title" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxShadow" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "transitionDuration" | "translate" | "verticalAlign" | "width" | "zIndex" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "gridColumnGap" | "gridGap" | "gridRowGap" | "hidden" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "size" | "bg" | "borderX" | "borderY" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "active" | "posx"> & React.RefAttributes<HTMLDivElement>>;
9
+ export declare const LineRipple: React.ForwardRefExoticComponent<Pick<LineRippleProps, "background" | "p" | "slot" | "style" | "title" | "width" | "flex" | "display" | "flexDirection" | "sx" | "children" | "height" | "color" | "hidden" | "left" | "right" | "bg" | "bottom" | "top" | "as" | "__css" | "variant" | "tx" | "theme" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontStyle" | "textAlign" | "backgroundColor" | "opacity" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat" | "position" | "zIndex" | "boxShadow" | "textShadow" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "transitionDuration" | "active" | "posx"> & React.RefAttributes<HTMLDivElement>>;
@@ -5,6 +5,7 @@ import { forwardRef, useState, useRef, useEffect } from 'react';
5
5
  import * as React from 'react';
6
6
  import { useTheme } from '../theme';
7
7
  import { Box } from '../Box';
8
+ import { EASING_STANDARD } from '../motion';
8
9
  import { jsx as _jsx } from "react/jsx-runtime";
9
10
  export var LineRipple = /*#__PURE__*/forwardRef(function LineRipple(props, forwardedRef) {
10
11
  var asProp = props.as,
@@ -64,7 +65,7 @@ export var LineRipple = /*#__PURE__*/forwardRef(function LineRipple(props, forwa
64
65
  zIndex: 1,
65
66
  transform: 'scaleX(0)',
66
67
  transformOrigin: 'center center',
67
- transition: "transform ".concat(transitionDuration, "ms cubic-bezier(.4,0,.2,1),opacity ").concat(transitionDuration, "ms cubic-bezier(.4,0,.2,1)"),
68
+ transition: "transform ".concat(transitionDuration, "ms ").concat(EASING_STANDARD, ",opacity ").concat(transitionDuration, "ms ").concat(EASING_STANDARD),
68
69
  opacity: 0
69
70
  }, __css)
70
71
  }, otherProps));
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/LineRipple/LineRipple.tsx"],"names":["forwardRef","useState","useRef","useEffect","React","useTheme","Box","LineRipple","props","forwardedRef","asProp","as","transitionDuration","color","active","posx","style","styleProp","__css","otherProps","setStyle","theme","leaveTimeout","transform","transformOrigin","undefined","opacity","current","window","setTimeout","clearTimeout","position","bottom","left","width","height","zIndex","transition"],"mappings":";;;AACA,SAASA,UAAT,EAAqBC,QAArB,EAA+BC,MAA/B,EAAuCC,SAAvC,QAAwD,OAAxD;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AAGA,SAASC,QAAT,QAAyB,UAAzB;AAEA,SAASC,GAAT,QAAoB,QAApB;;AASA,OAAO,IAAMC,UAAU,gBAAGP,UAAU,CAClC,SAASO,UAAT,CAAoBC,KAApB,EAA2BC,YAA3B,EAAyC;AAAA,MAEjCC,MAFiC,GAUnCF,KAVmC,CAErCG,EAFqC;AAAA,8BAUnCH,KAVmC,CAGrCI,kBAHqC;AAAA,MAGrCA,kBAHqC,sCAGhB,GAHgB;AAAA,qBAUnCJ,KAVmC,CAIrCK,KAJqC;AAAA,MAIrCA,KAJqC,6BAI7B,SAJ6B;AAAA,sBAUnCL,KAVmC,CAKrCM,MALqC;AAAA,MAKrCA,MALqC,8BAK5B,KAL4B;AAAA,oBAUnCN,KAVmC,CAMrCO,IANqC;AAAA,MAMrCA,IANqC,4BAM9B,CAAC,CAN6B;AAAA,qBAUnCP,KAVmC,CAOrCQ,KAPqC;AAAA,MAO9BC,SAP8B,6BAOlB,EAPkB;AAAA,MAQrCC,KARqC,GAUnCV,KAVmC,CAQrCU,KARqC;AAAA,MASlCC,UATkC,4BAUnCX,KAVmC;;AAAA,kBAYbP,QAAQ,EAZK;AAAA;AAAA,MAYhCe,KAZgC;AAAA,MAYzBI,QAZyB;;AAavC,MAAMC,KAAK,GAAGhB,QAAQ,EAAtB;AACA,MAAMiB,YAAY,GAAGpB,MAAM,EAA3B;AAEAC,EAAAA,SAAS,CAAC,YAAM;AACd,QAAIW,MAAJ,EAAY;AACVM,MAAAA,QAAQ,CAAC;AACPG,QAAAA,SAAS,EAAE,WADJ;AAEPC,QAAAA,eAAe,EAAET,IAAI,IAAI,CAAR,aAAeA,IAAf,iBAAiCU,SAF3C;AAGPC,QAAAA,OAAO,EAAE;AAHF,OAAD,CAAR;AAKD,KAND,MAMO;AACLN,MAAAA,QAAQ,CAAC;AACPG,QAAAA,SAAS,EAAE,WADJ;AAEPG,QAAAA,OAAO,EAAE;AAFF,OAAD,CAAR;AAKAJ,MAAAA,YAAY,CAACK,OAAb,GAAuBC,MAAM,CAACC,UAAP,CAAkB,YAAM;AAC7CT,QAAAA,QAAQ,CAACK,SAAD,CAAR;AACD,OAFsB,EAEpBb,kBAFoB,CAAvB;AAGD;;AAED,WAAO,YAAM;AACXkB,MAAAA,YAAY,CAACR,YAAY,CAACK,OAAd,CAAZ;AACD,KAFD;AAGD,GArBQ,EAqBN,CAACb,MAAD,EAASC,IAAT,EAAeH,kBAAf,CArBM,CAAT;AAuBA,sBACE,KAAC,GAAD;AACE,IAAA,EAAE,EAAEF,MADN;AAEE,IAAA,GAAG,EAAED,YAFP;AAGE,IAAA,EAAE,EAAEI,KAHN;AAIE,IAAA,KAAK,EAAEQ,KAJT;AAKE,IAAA,KAAK,eAAOL,KAAP,EAAiBC,SAAjB,CALP;AAME,IAAA,KAAK;AACHc,MAAAA,QAAQ,EAAE,UADP;AAEHC,MAAAA,MAAM,EAAE,GAFL;AAGHC,MAAAA,IAAI,EAAE,GAHH;AAIHC,MAAAA,KAAK,EAAE,MAJJ;AAKHC,MAAAA,MAAM,YALH;AAMHC,MAAAA,MAAM,EAAE,CANL;AAOHb,MAAAA,SAAS,EAAE,WAPR;AAQHC,MAAAA,eAAe,EAAE,eARd;AASHa,MAAAA,UAAU,sBAAezB,kBAAf,gDAAuEA,kBAAvE,+BATP;AAUHc,MAAAA,OAAO,EAAE;AAVN,OAWAR,KAXA;AANP,KAmBMC,UAnBN,EADF;AAuBD,CA/DiC,CAA7B","sourcesContent":["import type { CSSProperties } from 'react';\nimport { forwardRef, useState, useRef, useEffect } from 'react';\nimport * as React from 'react';\nimport { rem } from 'polished';\n\nimport { useTheme } from '../theme';\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\n\nexport interface LineRippleProps extends BoxProps {\n active?: boolean;\n transitionDuration?: number;\n posx?: number;\n children?: React.ReactNode;\n}\n\nexport const LineRipple = forwardRef<HTMLDivElement, LineRippleProps>(\n function LineRipple(props, forwardedRef) {\n const {\n as: asProp,\n transitionDuration = 180,\n color = 'primary',\n active = false,\n posx = -1,\n style: styleProp = {},\n __css,\n ...otherProps\n } = props;\n\n const [style, setStyle] = useState<CSSProperties>();\n const theme = useTheme();\n const leaveTimeout = useRef<number>();\n\n useEffect(() => {\n if (active) {\n setStyle({\n transform: 'scaleX(1)',\n transformOrigin: posx >= 0 ? `${posx}px center` : undefined,\n opacity: 1,\n });\n } else {\n setStyle({\n transform: 'scaleX(1)',\n opacity: 0,\n });\n\n leaveTimeout.current = window.setTimeout(() => {\n setStyle(undefined);\n }, transitionDuration);\n }\n\n return () => {\n clearTimeout(leaveTimeout.current);\n };\n }, [active, posx, transitionDuration]);\n\n return (\n <Box\n as={asProp}\n ref={forwardedRef}\n bg={color}\n theme={theme}\n style={{ ...style, ...styleProp }}\n __css={{\n position: 'absolute',\n bottom: '0',\n left: '0',\n width: '100%',\n height: rem(2),\n zIndex: 1,\n transform: 'scaleX(0)',\n transformOrigin: 'center center',\n transition: `transform ${transitionDuration}ms cubic-bezier(.4,0,.2,1),opacity ${transitionDuration}ms cubic-bezier(.4,0,.2,1)`,\n opacity: 0,\n ...__css,\n }}\n {...otherProps}\n />\n );\n }\n);\n"],"file":"LineRipple.js"}
1
+ {"version":3,"sources":["../../../src/LineRipple/LineRipple.tsx"],"names":["forwardRef","useState","useRef","useEffect","React","useTheme","Box","EASING_STANDARD","LineRipple","props","forwardedRef","asProp","as","transitionDuration","color","active","posx","style","styleProp","__css","otherProps","setStyle","theme","leaveTimeout","transform","transformOrigin","undefined","opacity","current","window","setTimeout","clearTimeout","position","bottom","left","width","height","zIndex","transition"],"mappings":";;;AACA,SAASA,UAAT,EAAqBC,QAArB,EAA+BC,MAA/B,EAAuCC,SAAvC,QAAwD,OAAxD;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AAGA,SAASC,QAAT,QAAyB,UAAzB;AAEA,SAASC,GAAT,QAAoB,QAApB;AACA,SAASC,eAAT,QAAgC,WAAhC;;AASA,OAAO,IAAMC,UAAU,gBAAGR,UAAU,CAClC,SAASQ,UAAT,CAAoBC,KAApB,EAA2BC,YAA3B,EAAyC;AAAA,MAEjCC,MAFiC,GAUnCF,KAVmC,CAErCG,EAFqC;AAAA,8BAUnCH,KAVmC,CAGrCI,kBAHqC;AAAA,MAGrCA,kBAHqC,sCAGhB,GAHgB;AAAA,qBAUnCJ,KAVmC,CAIrCK,KAJqC;AAAA,MAIrCA,KAJqC,6BAI7B,SAJ6B;AAAA,sBAUnCL,KAVmC,CAKrCM,MALqC;AAAA,MAKrCA,MALqC,8BAK5B,KAL4B;AAAA,oBAUnCN,KAVmC,CAMrCO,IANqC;AAAA,MAMrCA,IANqC,4BAM9B,CAAC,CAN6B;AAAA,qBAUnCP,KAVmC,CAOrCQ,KAPqC;AAAA,MAO9BC,SAP8B,6BAOlB,EAPkB;AAAA,MAQrCC,KARqC,GAUnCV,KAVmC,CAQrCU,KARqC;AAAA,MASlCC,UATkC,4BAUnCX,KAVmC;;AAAA,kBAYbR,QAAQ,EAZK;AAAA;AAAA,MAYhCgB,KAZgC;AAAA,MAYzBI,QAZyB;;AAavC,MAAMC,KAAK,GAAGjB,QAAQ,EAAtB;AACA,MAAMkB,YAAY,GAAGrB,MAAM,EAA3B;AAEAC,EAAAA,SAAS,CAAC,YAAM;AACd,QAAIY,MAAJ,EAAY;AACVM,MAAAA,QAAQ,CAAC;AACPG,QAAAA,SAAS,EAAE,WADJ;AAEPC,QAAAA,eAAe,EAAET,IAAI,IAAI,CAAR,aAAeA,IAAf,iBAAiCU,SAF3C;AAGPC,QAAAA,OAAO,EAAE;AAHF,OAAD,CAAR;AAKD,KAND,MAMO;AACLN,MAAAA,QAAQ,CAAC;AACPG,QAAAA,SAAS,EAAE,WADJ;AAEPG,QAAAA,OAAO,EAAE;AAFF,OAAD,CAAR;AAKAJ,MAAAA,YAAY,CAACK,OAAb,GAAuBC,MAAM,CAACC,UAAP,CAAkB,YAAM;AAC7CT,QAAAA,QAAQ,CAACK,SAAD,CAAR;AACD,OAFsB,EAEpBb,kBAFoB,CAAvB;AAGD;;AAED,WAAO,YAAM;AACXkB,MAAAA,YAAY,CAACR,YAAY,CAACK,OAAd,CAAZ;AACD,KAFD;AAGD,GArBQ,EAqBN,CAACb,MAAD,EAASC,IAAT,EAAeH,kBAAf,CArBM,CAAT;AAuBA,sBACE,KAAC,GAAD;AACE,IAAA,EAAE,EAAEF,MADN;AAEE,IAAA,GAAG,EAAED,YAFP;AAGE,IAAA,EAAE,EAAEI,KAHN;AAIE,IAAA,KAAK,EAAEQ,KAJT;AAKE,IAAA,KAAK,eAAOL,KAAP,EAAiBC,SAAjB,CALP;AAME,IAAA,KAAK;AACHc,MAAAA,QAAQ,EAAE,UADP;AAEHC,MAAAA,MAAM,EAAE,GAFL;AAGHC,MAAAA,IAAI,EAAE,GAHH;AAIHC,MAAAA,KAAK,EAAE,MAJJ;AAKHC,MAAAA,MAAM,YALH;AAMHC,MAAAA,MAAM,EAAE,CANL;AAOHb,MAAAA,SAAS,EAAE,WAPR;AAQHC,MAAAA,eAAe,EAAE,eARd;AASHa,MAAAA,UAAU,sBAAezB,kBAAf,gBAAuCN,eAAvC,sBAAkEM,kBAAlE,gBAA0FN,eAA1F,CATP;AAUHoB,MAAAA,OAAO,EAAE;AAVN,OAWAR,KAXA;AANP,KAmBMC,UAnBN,EADF;AAuBD,CA/DiC,CAA7B","sourcesContent":["import type { CSSProperties } from 'react';\nimport { forwardRef, useState, useRef, useEffect } from 'react';\nimport * as React from 'react';\nimport { rem } from 'polished';\n\nimport { useTheme } from '../theme';\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\nimport { EASING_STANDARD } from '../motion';\n\nexport interface LineRippleProps extends BoxProps {\n active?: boolean;\n transitionDuration?: number;\n posx?: number;\n children?: React.ReactNode;\n}\n\nexport const LineRipple = forwardRef<HTMLDivElement, LineRippleProps>(\n function LineRipple(props, forwardedRef) {\n const {\n as: asProp,\n transitionDuration = 180,\n color = 'primary',\n active = false,\n posx = -1,\n style: styleProp = {},\n __css,\n ...otherProps\n } = props;\n\n const [style, setStyle] = useState<CSSProperties>();\n const theme = useTheme();\n const leaveTimeout = useRef<number>();\n\n useEffect(() => {\n if (active) {\n setStyle({\n transform: 'scaleX(1)',\n transformOrigin: posx >= 0 ? `${posx}px center` : undefined,\n opacity: 1,\n });\n } else {\n setStyle({\n transform: 'scaleX(1)',\n opacity: 0,\n });\n\n leaveTimeout.current = window.setTimeout(() => {\n setStyle(undefined);\n }, transitionDuration);\n }\n\n return () => {\n clearTimeout(leaveTimeout.current);\n };\n }, [active, posx, transitionDuration]);\n\n return (\n <Box\n as={asProp}\n ref={forwardedRef}\n bg={color}\n theme={theme}\n style={{ ...style, ...styleProp }}\n __css={{\n position: 'absolute',\n bottom: '0',\n left: '0',\n width: '100%',\n height: rem(2),\n zIndex: 1,\n transform: 'scaleX(0)',\n transformOrigin: 'center center',\n transition: `transform ${transitionDuration}ms ${EASING_STANDARD},opacity ${transitionDuration}ms ${EASING_STANDARD}`,\n opacity: 0,\n ...__css,\n }}\n {...otherProps}\n />\n );\n }\n);\n"],"file":"LineRipple.js"}