@basic-ui/material 1.0.0-alpha.1 → 1.0.0-alpha.10

package/build/esm/Dialog/DialogBackdrop.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
+/// <reference types="react" />
 import type { ModalBackdropProps } from '@basic-ui/core';
 import type { BoxProps } from '../Box';
 export declare type DialogBackdropProps = ModalBackdropProps & BoxProps & {
     open?: boolean;
 };
-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>>;
+export declare const DialogBackdrop: import("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" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "hidden" | "theme" | "sx" | "__css" | "variant" | "tx" | "as" | "size" | "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" | "open" | "key" | "onClose" | "innerAs" | "disableEscapeKeyDown" | "disableCloseOnClick"> & import("react").RefAttributes<HTMLDivElement>>;

package/build/esm/Dialog/DialogBackdrop.js

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import { forwardRef } from 'react';
-import * as React from 'react';
 import { ModalBackdrop as _ModalBackdrop } from '@basic-ui/core';
 import { Box } from '../Box';
 import { jsx as _jsx } from "react/jsx-runtime";

package/build/esm/Dialog/DialogBackdrop.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Dialog/DialogBackdrop.tsx"],"names":["forwardRef","React","ModalBackdrop","_ModalBackdrop","Box","DialogBackdrop","props","forwardedRef","open","onClose","__css","otherProps","pointerEvents","undefined","position","top","left","right","bottom","zIndex"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AAEA,SAASC,aAAa,IAAIC,cAA1B,QAAgD,gBAAhD;AAGA,SAASC,GAAT,QAAoB,QAApB;;AAEA,IAAMF,aAAa,GAAGC,cAAtB;AAOA,OAAO,IAAME,cAAc,gBAAGL,UAAU,CACtC,SAASK,cAAT,CAAwBC,KAAxB,EAA+BC,YAA/B,EAA6C;AAAA,MACnCC,IADmC,GACKF,KADL,CACnCE,IADmC;AAAA,MAC7BC,OAD6B,GACKH,KADL,CAC7BG,OAD6B;AAAA,MACpBC,KADoB,GACKJ,KADL,CACpBI,KADoB;AAAA,MACVC,UADU,4BACKL,KADL;;AAG3C,MAAMM,aAAa,GAAGJ,IAAI,GAAGK,SAAH,GAAe,MAAzC;AAEA,sBACE,KAAC,aAAD;AACE,IAAA,EAAE,EAAET,GADN;AAEE,IAAA,GAAG,EAAEG,YAFP;AAGE,IAAA,OAAO,EAAEE,OAHX;AAIE,IAAA,KAAK,EAAE;AAAEG,MAAAA,aAAa,EAAbA;AAAF,KAJT;AAKE,IAAA,KAAK;AACHE,MAAAA,QAAQ,EAAE,OADP;AAEHC,MAAAA,GAAG,EAAE,GAFF;AAGHC,MAAAA,IAAI,EAAE,GAHH;AAIHC,MAAAA,KAAK,EAAE,GAJJ;AAKHC,MAAAA,MAAM,EAAE,GALL;AAMHC,MAAAA,MAAM,EAAE;AANL,OAQAT,KARA;AALP,KAeMC,UAfN,EADF;AAmBD,CAzBqC,CAAjC","sourcesContent":["import { forwardRef } from 'react';\nimport * as React from 'react';\nimport type { ModalBackdropProps } from '@basic-ui/core';\nimport { ModalBackdrop as _ModalBackdrop } from '@basic-ui/core';\n\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\n\nconst ModalBackdrop = _ModalBackdrop as React.FC<\n  DialogBackdropProps & { ref?: React.Ref<HTMLDivElement> }\n>;\n\nexport type DialogBackdropProps = ModalBackdropProps &\n  BoxProps & { open?: boolean };\n\nexport const DialogBackdrop = forwardRef<HTMLDivElement, DialogBackdropProps>(\n  function DialogBackdrop(props, forwardedRef) {\n    const { open, onClose, __css, ...otherProps } = props;\n\n    const pointerEvents = open ? undefined : 'none';\n\n    return (\n      <ModalBackdrop\n        as={Box}\n        ref={forwardedRef}\n        onClose={onClose}\n        style={{ pointerEvents }}\n        __css={{\n          position: 'fixed',\n          top: '0',\n          left: '0',\n          right: '0',\n          bottom: '0',\n          zIndex: 'dialog',\n          // Can't set overflow auto here otherwise slide animation\n          ...__css,\n        }}\n        {...otherProps}\n      />\n    );\n  }\n);\n"],"file":"DialogBackdrop.js"}
+{"version":3,"sources":["../../../src/Dialog/DialogBackdrop.tsx"],"names":["forwardRef","ModalBackdrop","_ModalBackdrop","Box","DialogBackdrop","props","forwardedRef","open","onClose","__css","otherProps","pointerEvents","undefined","position","top","left","right","bottom","zIndex"],"mappings":";;AACA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,aAAa,IAAIC,cAA1B,QAAgD,gBAAhD;AAGA,SAASC,GAAT,QAAoB,QAApB;;AAEA,IAAMF,aAAa,GAAGC,cAAtB;AAOA,OAAO,IAAME,cAAc,gBAAGJ,UAAU,CACtC,SAASI,cAAT,CAAwBC,KAAxB,EAA+BC,YAA/B,EAA6C;AAAA,MACnCC,IADmC,GACKF,KADL,CACnCE,IADmC;AAAA,MAC7BC,OAD6B,GACKH,KADL,CAC7BG,OAD6B;AAAA,MACpBC,KADoB,GACKJ,KADL,CACpBI,KADoB;AAAA,MACVC,UADU,4BACKL,KADL;;AAG3C,MAAMM,aAAa,GAAGJ,IAAI,GAAGK,SAAH,GAAe,MAAzC;AAEA,sBACE,KAAC,aAAD;AACE,IAAA,EAAE,EAAET,GADN;AAEE,IAAA,GAAG,EAAEG,YAFP;AAGE,IAAA,OAAO,EAAEE,OAHX;AAIE,IAAA,KAAK,EAAE;AAAEG,MAAAA,aAAa,EAAbA;AAAF,KAJT;AAKE,IAAA,KAAK;AACHE,MAAAA,QAAQ,EAAE,OADP;AAEHC,MAAAA,GAAG,EAAE,GAFF;AAGHC,MAAAA,IAAI,EAAE,GAHH;AAIHC,MAAAA,KAAK,EAAE,GAJJ;AAKHC,MAAAA,MAAM,EAAE,GALL;AAMHC,MAAAA,MAAM,EAAE;AANL,OAQAT,KARA;AALP,KAeMC,UAfN,EADF;AAmBD,CAzBqC,CAAjC","sourcesContent":["import type { FC, Ref } from 'react';\nimport { forwardRef } from 'react';\nimport type { ModalBackdropProps } from '@basic-ui/core';\nimport { ModalBackdrop as _ModalBackdrop } from '@basic-ui/core';\n\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\n\nconst ModalBackdrop = _ModalBackdrop as FC<\n  DialogBackdropProps & { ref?: Ref<HTMLDivElement> }\n>;\n\nexport type DialogBackdropProps = ModalBackdropProps &\n  BoxProps & { open?: boolean };\n\nexport const DialogBackdrop = forwardRef<HTMLDivElement, DialogBackdropProps>(\n  function DialogBackdrop(props, forwardedRef) {\n    const { open, onClose, __css, ...otherProps } = props;\n\n    const pointerEvents = open ? undefined : 'none';\n\n    return (\n      <ModalBackdrop\n        as={Box}\n        ref={forwardedRef}\n        onClose={onClose}\n        style={{ pointerEvents }}\n        __css={{\n          position: 'fixed',\n          top: '0',\n          left: '0',\n          right: '0',\n          bottom: '0',\n          zIndex: 'dialog',\n          // Can't set overflow auto here otherwise slide animation\n          ...__css,\n        }}\n        {...otherProps}\n      />\n    );\n  }\n);\n"],"file":"DialogBackdrop.js"}

package/build/esm/Dialog/DialogSurface.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
+/// <reference types="react" />
 import type { ModalProps } from '@basic-ui/core';
 import type { PaperProps } from '../Paper';
 export declare type DialogSurfaceProps = ModalProps & PaperProps & {
     variant?: 'base';
 };
-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>>;
+export declare const DialogSurface: import("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" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "hidden" | "theme" | "sx" | "__css" | "variant" | "tx" | "as" | "size" | "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" | "elevation" | "outlined" | "backgroundOverlay" | "darkThemeBackgroundOverlay" | "innerAs" | "trapFocus"> & import("react").RefAttributes<HTMLDivElement>>;

package/build/esm/Dialog/DialogSurface.js

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import { forwardRef } from 'react';
-import * as React from 'react';
 import { Modal as _Modal } from '@basic-ui/core';
 import { get, variant } from 'styled-system';
 import { Paper } from '../Paper';

package/build/esm/Dialog/DialogSurface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Dialog/DialogSurface.tsx"],"names":["forwardRef","React","Modal","_Modal","get","variant","Paper","useTheme","DialogSurface","props","forwardedRef","__css","variantProp","otherProps","theme","overlayValue","position","borderRadius","width","maxWidth","maxHeight","overflow","pointerEvents","scale","prop","variants","base"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AAEA,SAASC,KAAK,IAAIC,MAAlB,QAAgC,gBAAhC;AAEA,SAASC,GAAT,EAAcC,OAAd,QAA6B,eAA7B;AAGA,SAASC,KAAT,QAAsB,UAAtB;AACA,SAASC,QAAT,QAAyB,UAAzB;;AAEA,IAAML,KAAK,GAAGC,MAAd;AASA,OAAO,IAAMK,aAAa,gBAAGR,UAAU,CACrC,SAASQ,aAAT,CAAuBC,KAAvB,EAA8BC,YAA9B,EAA4C;AAAA,MAClCC,KADkC,GACsBF,KADtB,CAClCE,KADkC;AAAA,uBACsBF,KADtB,CAC3BJ,OAD2B;AAAA,MAClBO,WADkB,+BACJ,MADI;AAAA,MACOC,UADP,4BACsBJ,KADtB;;AAE1C,MAAMK,KAAK,GAAGP,QAAQ,EAAtB;AAEA,MAAMQ,YAAY,GACfX,GAAG,CAACU,KAAD,EAAQ,gCAAR,CAAJ,IAA4D,CAD9D;AAGA,sBACE,KAAC,KAAD;AACE,IAAA,GAAG,EAAEJ,YADP;AAEE,IAAA,EAAE,EAAEJ,KAFN;AAGE,IAAA,KAAK,EAAEQ,KAHT;AAIE,IAAA,SAAS,EAAE,CAJb;AAKE,IAAA,0BAA0B,EAAEC,YAL9B;AAME,IAAA,KAAK;AACHC,MAAAA,QAAQ,EAAE,UADP;AAEHC,MAAAA,YAAY,EAAE,OAFX;AAGHC,MAAAA,KAAK,EAAE,MAHJ;AAIHC,MAAAA,QAAQ,WAJL;AAKHC,MAAAA,SAAS,EAAE,MALR;AAMHC,MAAAA,QAAQ,EAAE,MANP;AAOHC,MAAAA,aAAa,EAAE;AAPZ,OAQAjB,OAAO,CAAC;AACTkB,MAAAA,KAAK,EAAE,kBADE;AAETC,MAAAA,IAAI,EAAE,SAFG;AAGTC,MAAAA,QAAQ,EAAE;AACRC,QAAAA,IAAI,EAAE;AADE;AAHD,KAAD,CAAP,CAMA;AAAErB,MAAAA,OAAO,EAAEO,WAAX;AAAwBE,MAAAA,KAAK,EAALA;AAAxB,KANA,CARA,EAeAH,KAfA;AANP,KAuBME,UAvBN,EADF;AA2BD,CAnCoC,CAAhC","sourcesContent":["import { forwardRef } from 'react';\nimport * as React from 'react';\nimport type { ModalProps } from '@basic-ui/core';\nimport { Modal as _Modal } from '@basic-ui/core';\nimport { rem } from 'polished';\nimport { get, variant } from 'styled-system';\n\nimport type { PaperProps } from '../Paper';\nimport { Paper } from '../Paper';\nimport { useTheme } from '../theme';\n\nconst Modal = _Modal as React.FC<\n  DialogSurfaceProps & { ref?: React.Ref<HTMLDivElement> }\n>;\n\nexport type DialogSurfaceProps = ModalProps &\n  PaperProps & {\n    variant?: 'base';\n  };\n\nexport const DialogSurface = forwardRef<HTMLDivElement, DialogSurfaceProps>(\n  function DialogSurface(props, forwardedRef) {\n    const { __css, variant: variantProp = 'base', ...otherProps } = props;\n    const theme = useTheme();\n\n    const overlayValue =\n      (get(theme, 'dialogs.backgroundColorOverlay') as number) || 0;\n\n    return (\n      <Modal\n        ref={forwardedRef}\n        as={Paper}\n        theme={theme}\n        elevation={3}\n        darkThemeBackgroundOverlay={overlayValue}\n        __css={{\n          position: 'relative',\n          borderRadius: 'small',\n          width: '100%',\n          maxWidth: rem(600),\n          maxHeight: '100%',\n          overflow: 'auto',\n          pointerEvents: 'auto',\n          ...variant({\n            scale: 'dialogs.variants',\n            prop: 'variant',\n            variants: {\n              base: {},\n            },\n          })({ variant: variantProp, theme }),\n          ...__css,\n        }}\n        {...otherProps}\n      />\n    );\n  }\n);\n"],"file":"DialogSurface.js"}
+{"version":3,"sources":["../../../src/Dialog/DialogSurface.tsx"],"names":["forwardRef","Modal","_Modal","get","variant","Paper","useTheme","DialogSurface","props","forwardedRef","__css","variantProp","otherProps","theme","overlayValue","position","borderRadius","width","maxWidth","maxHeight","overflow","pointerEvents","scale","prop","variants","base"],"mappings":";;AACA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,KAAK,IAAIC,MAAlB,QAAgC,gBAAhC;AAEA,SAASC,GAAT,EAAcC,OAAd,QAA6B,eAA7B;AAGA,SAASC,KAAT,QAAsB,UAAtB;AACA,SAASC,QAAT,QAAyB,UAAzB;;AAEA,IAAML,KAAK,GAAGC,MAAd;AAOA,OAAO,IAAMK,aAAa,gBAAGP,UAAU,CACrC,SAASO,aAAT,CAAuBC,KAAvB,EAA8BC,YAA9B,EAA4C;AAAA,MAClCC,KADkC,GACsBF,KADtB,CAClCE,KADkC;AAAA,uBACsBF,KADtB,CAC3BJ,OAD2B;AAAA,MAClBO,WADkB,+BACJ,MADI;AAAA,MACOC,UADP,4BACsBJ,KADtB;;AAE1C,MAAMK,KAAK,GAAGP,QAAQ,EAAtB;AAEA,MAAMQ,YAAY,GACfX,GAAG,CAACU,KAAD,EAAQ,gCAAR,CAAJ,IAA4D,CAD9D;AAGA,sBACE,KAAC,KAAD;AACE,IAAA,GAAG,EAAEJ,YADP;AAEE,IAAA,EAAE,EAAEJ,KAFN;AAGE,IAAA,KAAK,EAAEQ,KAHT;AAIE,IAAA,SAAS,EAAE,CAJb;AAKE,IAAA,0BAA0B,EAAEC,YAL9B;AAME,IAAA,KAAK;AACHC,MAAAA,QAAQ,EAAE,UADP;AAEHC,MAAAA,YAAY,EAAE,OAFX;AAGHC,MAAAA,KAAK,EAAE,MAHJ;AAIHC,MAAAA,QAAQ,WAJL;AAKHC,MAAAA,SAAS,EAAE,MALR;AAMHC,MAAAA,QAAQ,EAAE,MANP;AAOHC,MAAAA,aAAa,EAAE;AAPZ,OAQAjB,OAAO,CAAC;AACTkB,MAAAA,KAAK,EAAE,kBADE;AAETC,MAAAA,IAAI,EAAE,SAFG;AAGTC,MAAAA,QAAQ,EAAE;AACRC,QAAAA,IAAI,EAAE;AADE;AAHD,KAAD,CAAP,CAMA;AAAErB,MAAAA,OAAO,EAAEO,WAAX;AAAwBE,MAAAA,KAAK,EAALA;AAAxB,KANA,CARA,EAeAH,KAfA;AANP,KAuBME,UAvBN,EADF;AA2BD,CAnCoC,CAAhC","sourcesContent":["import type { FC, Ref } from 'react';\nimport { forwardRef } from 'react';\nimport type { ModalProps } from '@basic-ui/core';\nimport { Modal as _Modal } from '@basic-ui/core';\nimport { rem } from 'polished';\nimport { get, variant } from 'styled-system';\n\nimport type { PaperProps } from '../Paper';\nimport { Paper } from '../Paper';\nimport { useTheme } from '../theme';\n\nconst Modal = _Modal as FC<DialogSurfaceProps & { ref?: Ref<HTMLDivElement> }>;\n\nexport type DialogSurfaceProps = ModalProps &\n  PaperProps & {\n    variant?: 'base';\n  };\n\nexport const DialogSurface = forwardRef<HTMLDivElement, DialogSurfaceProps>(\n  function DialogSurface(props, forwardedRef) {\n    const { __css, variant: variantProp = 'base', ...otherProps } = props;\n    const theme = useTheme();\n\n    const overlayValue =\n      (get(theme, 'dialogs.backgroundColorOverlay') as number) || 0;\n\n    return (\n      <Modal\n        ref={forwardedRef}\n        as={Paper}\n        theme={theme}\n        elevation={3}\n        darkThemeBackgroundOverlay={overlayValue}\n        __css={{\n          position: 'relative',\n          borderRadius: 'small',\n          width: '100%',\n          maxWidth: rem(600),\n          maxHeight: '100%',\n          overflow: 'auto',\n          pointerEvents: 'auto',\n          ...variant({\n            scale: 'dialogs.variants',\n            prop: 'variant',\n            variants: {\n              base: {},\n            },\n          })({ variant: variantProp, theme }),\n          ...__css,\n        }}\n        {...otherProps}\n      />\n    );\n  }\n);\n"],"file":"DialogSurface.js"}

package/build/esm/Dialog/useDialogAnimation.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import { useAnimation } from '../hooks/useAnimation';
+import { EASING_STANDARD } from '../motion';
 var styles = {
   slide: {
     closed: {
@@ -59,8 +60,8 @@ export function useDialogAnimation(opts) {
       timing = _useAnimation.timing;
 
   var scrimOpacity = state === 'open' ? 1 : 0;
-  var transition = "opacity ".concat(timing, "ms cubic-bezier(.4,0,.2,1),transform ").concat(timing, "ms cubic-bezier(.4,0,.2,1)");
-  var scrimTransition = "opacity ".concat(timing * 0.4 | 0, "ms cubic-bezier(.4,0,.2,1)");
+  var transition = "opacity ".concat(timing, "ms ").concat(EASING_STANDARD, ",transform ").concat(timing, "ms ").concat(EASING_STANDARD);
+  var scrimTransition = "opacity ".concat(timing * 0.4 | 0, "ms ").concat(EASING_STANDARD);
   return {
     containerStyle: _extends({}, style, {
       transition: transition

package/build/esm/Dialog/useDialogAnimation.js.map

@@ -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"}
+{"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"}

package/build/esm/Divider/Divider.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
+import type { ElementType } from 'react';
 import type { BoxProps } from '../Box';
 export interface DividerProps extends BoxProps {
-    as?: React.ElementType<any>;
+    as?: ElementType<any>;
     direction?: 'vertical' | 'horizontal';
 }
-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>>;
+export declare const Divider: import("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" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "hidden" | "theme" | "sx" | "__css" | "variant" | "tx" | "as" | "size" | "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"> & import("react").RefAttributes<HTMLDivElement>>;

package/build/esm/Divider/Divider.js

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import { forwardRef } from 'react';
-import * as React from 'react';
 import { Box } from '../Box';
 import { alpha } from '../color';
 import { jsx as _jsx } from "react/jsx-runtime";

package/build/esm/Divider/Divider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Divider/Divider.tsx"],"names":["forwardRef","React","Box","alpha","Divider","props","forwardedRef","as","direction","__css","otherProps","border","listStyleType","height","borderBottomWidth","borderBottomStyle","borderBottomColor","width","borderRightWidth","borderRightStyle","borderRightColor"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AAIA,SAASC,GAAT,QAAoB,QAApB;AACA,SAASC,KAAT,QAAsB,UAAtB;;AAOA,OAAO,IAAMC,OAAO,gBAAGJ,UAAU,CAC/B,SAASI,OAAT,CAAiBC,KAAjB,EAAwBC,YAAxB,EAAsC;AAAA,kBAMhCD,KANgC,CAElCE,EAFkC;AAAA,MAElCA,EAFkC,0BAE7B,KAF6B;AAAA,yBAMhCF,KANgC,CAGlCG,SAHkC;AAAA,MAGlCA,SAHkC,iCAGtB,YAHsB;AAAA,MAIlCC,KAJkC,GAMhCJ,KANgC,CAIlCI,KAJkC;AAAA,MAK/BC,UAL+B,4BAMhCL,KANgC;;AAQpC,sBACE,KAAC,GAAD;AACE,IAAA,GAAG,EAAEC,YADP;AAEE,IAAA,EAAE,EAAEC,EAFN;AAGE,IAAA,IAAI,EAAC;AAHP,KAIMG,UAJN;AAKE,IAAA,KAAK;AACHC,MAAAA,MAAM,EAAE,MADL;AAEHC,MAAAA,aAAa,EAAE;AAFZ,OAGCJ,SAAS,KAAK,YAAd,IAA8B;AAChCK,MAAAA,MAAM,EAAE,CADwB;AAEhCC,MAAAA,iBAAiB,aAFe;AAGhCC,MAAAA,iBAAiB,EAAE,OAHa;AAIhCC,MAAAA,iBAAiB,EAAEb,KAAK,CAAC,YAAD,EAAe,IAAf;AAJQ,KAH/B,EASCK,SAAS,KAAK,UAAd,IAA4B;AAC9BS,MAAAA,KAAK,EAAE,CADuB;AAE9BC,MAAAA,gBAAgB,aAFc;AAG9BC,MAAAA,gBAAgB,EAAE,OAHY;AAI9BC,MAAAA,gBAAgB,EAAEjB,KAAK,CAAC,YAAD,EAAe,IAAf;AAJO,KAT7B,EAeAM,KAfA;AALP,KADF;AAyBD,CAlC8B,CAA1B","sourcesContent":["import { forwardRef } from 'react';\nimport * as React from 'react';\nimport { rem } from 'polished';\n\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\nimport { alpha } from '../color';\n\nexport interface DividerProps extends BoxProps {\n  as?: React.ElementType<any>;\n  direction?: 'vertical' | 'horizontal';\n}\n\nexport const Divider = forwardRef<HTMLDivElement, DividerProps>(\n  function Divider(props, forwardedRef) {\n    const {\n      as = 'div',\n      direction = 'horizontal',\n      __css,\n      ...otherProps\n    } = props;\n\n    return (\n      <Box\n        ref={forwardedRef}\n        as={as}\n        role=\"separator\"\n        {...otherProps}\n        __css={{\n          border: 'none',\n          listStyleType: 'none',\n          ...(direction === 'horizontal' && {\n            height: 0,\n            borderBottomWidth: rem(1),\n            borderBottomStyle: 'solid',\n            borderBottomColor: alpha('on.surface', 0.12),\n          }),\n          ...(direction === 'vertical' && {\n            width: 0,\n            borderRightWidth: rem(1),\n            borderRightStyle: 'solid',\n            borderRightColor: alpha('on.surface', 0.12),\n          }),\n          ...__css,\n        }}\n      />\n    );\n  }\n);\n"],"file":"Divider.js"}
+{"version":3,"sources":["../../../src/Divider/Divider.tsx"],"names":["forwardRef","Box","alpha","Divider","props","forwardedRef","as","direction","__css","otherProps","border","listStyleType","height","borderBottomWidth","borderBottomStyle","borderBottomColor","width","borderRightWidth","borderRightStyle","borderRightColor"],"mappings":";;AACA,SAASA,UAAT,QAA2B,OAA3B;AAIA,SAASC,GAAT,QAAoB,QAApB;AACA,SAASC,KAAT,QAAsB,UAAtB;;AAOA,OAAO,IAAMC,OAAO,gBAAGH,UAAU,CAC/B,SAASG,OAAT,CAAiBC,KAAjB,EAAwBC,YAAxB,EAAsC;AAAA,kBAMhCD,KANgC,CAElCE,EAFkC;AAAA,MAElCA,EAFkC,0BAE7B,KAF6B;AAAA,yBAMhCF,KANgC,CAGlCG,SAHkC;AAAA,MAGlCA,SAHkC,iCAGtB,YAHsB;AAAA,MAIlCC,KAJkC,GAMhCJ,KANgC,CAIlCI,KAJkC;AAAA,MAK/BC,UAL+B,4BAMhCL,KANgC;;AAQpC,sBACE,KAAC,GAAD;AACE,IAAA,GAAG,EAAEC,YADP;AAEE,IAAA,EAAE,EAAEC,EAFN;AAGE,IAAA,IAAI,EAAC;AAHP,KAIMG,UAJN;AAKE,IAAA,KAAK;AACHC,MAAAA,MAAM,EAAE,MADL;AAEHC,MAAAA,aAAa,EAAE;AAFZ,OAGCJ,SAAS,KAAK,YAAd,IAA8B;AAChCK,MAAAA,MAAM,EAAE,CADwB;AAEhCC,MAAAA,iBAAiB,aAFe;AAGhCC,MAAAA,iBAAiB,EAAE,OAHa;AAIhCC,MAAAA,iBAAiB,EAAEb,KAAK,CAAC,YAAD,EAAe,IAAf;AAJQ,KAH/B,EASCK,SAAS,KAAK,UAAd,IAA4B;AAC9BS,MAAAA,KAAK,EAAE,CADuB;AAE9BC,MAAAA,gBAAgB,aAFc;AAG9BC,MAAAA,gBAAgB,EAAE,OAHY;AAI9BC,MAAAA,gBAAgB,EAAEjB,KAAK,CAAC,YAAD,EAAe,IAAf;AAJO,KAT7B,EAeAM,KAfA;AALP,KADF;AAyBD,CAlC8B,CAA1B","sourcesContent":["import type { ElementType } from 'react';\nimport { forwardRef } from 'react';\nimport { rem } from 'polished';\n\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\nimport { alpha } from '../color';\n\nexport interface DividerProps extends BoxProps {\n  as?: ElementType<any>;\n  direction?: 'vertical' | 'horizontal';\n}\n\nexport const Divider = forwardRef<HTMLDivElement, DividerProps>(\n  function Divider(props, forwardedRef) {\n    const {\n      as = 'div',\n      direction = 'horizontal',\n      __css,\n      ...otherProps\n    } = props;\n\n    return (\n      <Box\n        ref={forwardedRef}\n        as={as}\n        role=\"separator\"\n        {...otherProps}\n        __css={{\n          border: 'none',\n          listStyleType: 'none',\n          ...(direction === 'horizontal' && {\n            height: 0,\n            borderBottomWidth: rem(1),\n            borderBottomStyle: 'solid',\n            borderBottomColor: alpha('on.surface', 0.12),\n          }),\n          ...(direction === 'vertical' && {\n            width: 0,\n            borderRightWidth: rem(1),\n            borderRightStyle: 'solid',\n            borderRightColor: alpha('on.surface', 0.12),\n          }),\n          ...__css,\n        }}\n      />\n    );\n  }\n);\n"],"file":"Divider.js"}

package/build/esm/FloatingLabel/FloatingLabel.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
-export interface FloatingLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
-    children?: React.ReactNode;
+import type { LabelHTMLAttributes, ReactNode } from 'react';
+export interface FloatingLabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
+    children?: ReactNode;
     active?: boolean;
     offsetX?: number;
     height?: number;
@@ -10,4 +10,4 @@ export interface FloatingLabelProps extends React.LabelHTMLAttributes<HTMLLabelE
     translateY?: number;
     transitionTime?: number;
 }
-export declare const FloatingLabel: React.ForwardRefExoticComponent<FloatingLabelProps & React.RefAttributes<HTMLLabelElement>>;
+export declare const FloatingLabel: import("react").ForwardRefExoticComponent<FloatingLabelProps & import("react").RefAttributes<HTMLLabelElement>>;

package/build/esm/FloatingLabel/FloatingLabel.js

@@ -1,10 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import { forwardRef } from 'react';
-import * as React from 'react';
 import { rem } from 'polished';
 import { Text as _Text } from '../Text';
 import { useNotchedOutlineContext } from '../NotchedOutline/context';
+import { EASING_STANDARD } from '../motion';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var FloatingLabel = /*#__PURE__*/forwardRef(function FloatingLabel(props, forwardedRef) {
   var _props$offsetX = props.offsetX,
@@ -31,7 +31,7 @@ export var FloatingLabel = /*#__PURE__*/forwardRef(function FloatingLabel(props,
   var transform = active ? "translate(".concat(rem(translateX), ", ").concat(rem(translateY), ") scale(").concat(scale, ")") : undefined;
   return /*#__PURE__*/_jsx(Text, _extends({
     as: "label",
-    variant: "subtitle1",
+    variant: "body-large",
     ref: forwardedRef,
     __css: {
       position: 'absolute',
@@ -41,7 +41,7 @@ export var FloatingLabel = /*#__PURE__*/forwardRef(function FloatingLabel(props,
       left: rem(offsetX),
       height: typeof height === 'number' ? rem(height) : height,
       transformOrigin: 'left center',
-      transition: "transform ".concat(transitionTime, "ms cubic-bezier(.4,0,.2,1), color ").concat(transitionTime, "ms cubic-bezier(.4,0,.2,1)"),
+      transition: "transform ".concat(transitionTime, "ms ").concat(EASING_STANDARD, ", color ").concat(transitionTime, "ms ").concat(EASING_STANDARD),
       pointerEvents: 'none'
     },
     style: _extends({

package/build/esm/FloatingLabel/FloatingLabel.js.map

@@ -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"}
+{"version":3,"sources":["../../../src/FloatingLabel/FloatingLabel.tsx"],"names":["forwardRef","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":";;AACA,SAASA,UAAT,QAA2B,OAA3B;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,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,GAAGjB,wBAAwB,EAApC;AACA,MAAMkB,UAAU,GAAGD,GAAG,GAAGA,GAAG,CAACC,UAAP,GAAoB,CAA1C;AAEA,MAAMpB,IAAwB,GAAGC,KAAjC;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,YAFV;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 type { ComponentType, LabelHTMLAttributes, ReactNode } from 'react';\nimport { forwardRef } 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 LabelHTMLAttributes<HTMLLabelElement> {\n  children?: 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: 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=\"body-large\"\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"}

package/build/esm/LineRipple/LineRipple.d.ts

@@ -1,9 +1,9 @@
-import * as React from 'react';
+import type { ReactNode } from 'react';
 import type { BoxProps } from '../Box';
 export interface LineRippleProps extends BoxProps {
     active?: boolean;
     transitionDuration?: number;
     posx?: number;
-    children?: React.ReactNode;
+    children?: ReactNode;
 }
-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>>;
+export declare const LineRipple: import("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" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "hidden" | "theme" | "sx" | "__css" | "variant" | "tx" | "as" | "size" | "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"> & import("react").RefAttributes<HTMLDivElement>>;

package/build/esm/LineRipple/LineRipple.js

@@ -2,9 +2,9 @@ import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import { forwardRef, useState, useRef, useEffect } from 'react';
-import * as React from 'react';
 import { useTheme } from '../theme';
 import { Box } from '../Box';
+import { EASING_STANDARD } from '../motion';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var LineRipple = /*#__PURE__*/forwardRef(function LineRipple(props, forwardedRef) {
   var asProp = props.as,
@@ -64,7 +64,7 @@ export var LineRipple = /*#__PURE__*/forwardRef(function LineRipple(props, forwa
       zIndex: 1,
       transform: 'scaleX(0)',
       transformOrigin: 'center center',
-      transition: "transform ".concat(transitionDuration, "ms cubic-bezier(.4,0,.2,1),opacity ").concat(transitionDuration, "ms cubic-bezier(.4,0,.2,1)"),
+      transition: "transform ".concat(transitionDuration, "ms ").concat(EASING_STANDARD, ",opacity ").concat(transitionDuration, "ms ").concat(EASING_STANDARD),
       opacity: 0
     }, __css)
   }, otherProps));

package/build/esm/LineRipple/LineRipple.js.map

@@ -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"}
+{"version":3,"sources":["../../../src/LineRipple/LineRipple.tsx"],"names":["forwardRef","useState","useRef","useEffect","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;AAGA,SAASC,QAAT,QAAyB,UAAzB;AAEA,SAASC,GAAT,QAAoB,QAApB;AACA,SAASC,eAAT,QAAgC,WAAhC;;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,GAAGjB,QAAQ,EAAtB;AACA,MAAMkB,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,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, ReactNode } from 'react';\nimport { forwardRef, useState, useRef, useEffect } 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?: 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"}

package/build/esm/Link/Link.d.ts

@@ -1,9 +1,9 @@
-import * as React from 'react';
+import type { AnchorHTMLAttributes } from 'react';
 import type { BoxProps } from '../Box';
-export interface LinkProps extends BoxProps<HTMLAnchorElement, React.AnchorHTMLAttributes<HTMLAnchorElement>> {
+export interface LinkProps extends BoxProps<HTMLAnchorElement, AnchorHTMLAttributes<HTMLAnchorElement>> {
     color?: string;
     to?: string;
     replace?: boolean;
     state?: any;
 }
-export declare const Link: React.ForwardRefExoticComponent<Pick<LinkProps, "children" | "replace" | "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" | "to" | "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" | "media" | "target" | "type" | "href" | "download" | "hrefLang" | "ping" | "rel" | "referrerPolicy" | "state"> & React.RefAttributes<HTMLAnchorElement>>;
+export declare const Link: import("react").ForwardRefExoticComponent<Pick<LinkProps, "children" | "replace" | "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" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "hidden" | "theme" | "sx" | "__css" | "variant" | "tx" | "as" | "size" | "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" | "type" | "download" | "media" | "target" | "href" | "to" | "state" | "hrefLang" | "ping" | "rel" | "referrerPolicy"> & import("react").RefAttributes<HTMLAnchorElement>>;

package/build/esm/Link/Link.js

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import { forwardRef } from 'react';
-import * as React from 'react';
 import { Box } from '../Box';
 import { alpha } from '../color';
 import { jsx as _jsx } from "react/jsx-runtime";

package/build/esm/Link/Link.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Link/Link.tsx"],"names":["forwardRef","React","Box","alpha","Link","props","forwardedRef","as","asProp","color","__css","otherProps","fontFamily","fontSize","fontWeight","lineHeight","letterSpacing","textDecoration","outlineWidth","outlineStyle","outlineColor","bg","WebkitTapHighlightColor"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AAIA,SAASC,GAAT,QAAoB,QAApB;AACA,SAASC,KAAT,QAAsB,UAAtB;;AAcA,OAAO,IAAMC,IAAI,gBAAGJ,UAAU,CAA+B,SAASI,IAAT,CAC3DC,KAD2D,EAE3DC,YAF2D,EAG3D;AAAA,kBACsED,KADtE,CACQE,EADR;AAAA,MACYC,MADZ,0BACqB,GADrB;AAAA,qBACsEH,KADtE,CAC0BI,KAD1B;AAAA,MAC0BA,KAD1B,6BACkC,SADlC;AAAA,MAC6CC,KAD7C,GACsEL,KADtE,CAC6CK,KAD7C;AAAA,MACuDC,UADvD,4BACsEN,KADtE;;AAGA,sBACE,KAAC,GAAD;AACE,IAAA,GAAG,EAAEC,YADP;AAEE,IAAA,EAAE,EAAEE,MAFN;AAGE,IAAA,KAAK;AACHI,MAAAA,UAAU,EAAE,SADT;AAEHC,MAAAA,QAAQ,EAAE,SAFP;AAGHC,MAAAA,UAAU,EAAE,SAHT;AAIHC,MAAAA,UAAU,EAAE,SAJT;AAKHC,MAAAA,aAAa,EAAE,SALZ;AAMHP,MAAAA,KAAK,EAALA,KANG;AAOHQ,MAAAA,cAAc,EAAE,WAPb;AAQH,yBAAmB;AACjBA,QAAAA,cAAc,EAAE;AADC,OARhB;AAWH,0BAAoB;AAClBC,QAAAA,YAAY,aADM;AAElBC,QAAAA,YAAY,EAAE,OAFI;AAGlBC,QAAAA,YAAY,EAAEjB,KAAK,CAACM,KAAD,EAAQ,IAAR;AAHD,OAXjB;AAgBH,kBAAY;AACVY,QAAAA,EAAE,EAAElB,KAAK,CAACM,KAAD,EAAQ,IAAR;AADC,OAhBT;AAmBHa,MAAAA,uBAAuB,EAAE;AAnBtB,OAoBAZ,KApBA;AAHP,KAyBMC,UAzBN,EADF;AA6BD,CAnC6B,CAAvB","sourcesContent":["import { forwardRef } from 'react';\nimport * as React from 'react';\nimport { rem } from 'polished';\n\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\nimport { alpha } from '../color';\n\nexport interface LinkProps\n  extends BoxProps<\n    HTMLAnchorElement,\n    React.AnchorHTMLAttributes<HTMLAnchorElement>\n  > {\n  color?: string;\n  // ReachRouter Props\n  to?: string;\n  replace?: boolean;\n  state?: any;\n}\n\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(function Link(\n  props,\n  forwardedRef\n) {\n  const { as: asProp = 'a', color = 'primary', __css, ...otherProps } = props;\n\n  return (\n    <Box\n      ref={forwardedRef as any}\n      as={asProp}\n      __css={{\n        fontFamily: 'inherit',\n        fontSize: 'inherit',\n        fontWeight: 'inherit',\n        lineHeight: 'inherit',\n        letterSpacing: 'inherit',\n        color,\n        textDecoration: 'underline',\n        '&:hover,&:focus': {\n          textDecoration: 'none',\n        },\n        '&:focus,&:active': {\n          outlineWidth: rem(1),\n          outlineStyle: 'solid',\n          outlineColor: alpha(color, 0.87),\n        },\n        '&:active': {\n          bg: alpha(color, 0.16),\n        },\n        WebkitTapHighlightColor: 'transparent',\n        ...__css,\n      }}\n      {...otherProps}\n    />\n  );\n});\n"],"file":"Link.js"}
+{"version":3,"sources":["../../../src/Link/Link.tsx"],"names":["forwardRef","Box","alpha","Link","props","forwardedRef","as","asProp","color","__css","otherProps","fontFamily","fontSize","fontWeight","lineHeight","letterSpacing","textDecoration","outlineWidth","outlineStyle","outlineColor","bg","WebkitTapHighlightColor"],"mappings":";;AACA,SAASA,UAAT,QAA2B,OAA3B;AAIA,SAASC,GAAT,QAAoB,QAApB;AACA,SAASC,KAAT,QAAsB,UAAtB;;AAWA,OAAO,IAAMC,IAAI,gBAAGH,UAAU,CAA+B,SAASG,IAAT,CAC3DC,KAD2D,EAE3DC,YAF2D,EAG3D;AAAA,kBACsED,KADtE,CACQE,EADR;AAAA,MACYC,MADZ,0BACqB,GADrB;AAAA,qBACsEH,KADtE,CAC0BI,KAD1B;AAAA,MAC0BA,KAD1B,6BACkC,SADlC;AAAA,MAC6CC,KAD7C,GACsEL,KADtE,CAC6CK,KAD7C;AAAA,MACuDC,UADvD,4BACsEN,KADtE;;AAGA,sBACE,KAAC,GAAD;AACE,IAAA,GAAG,EAAEC,YADP;AAEE,IAAA,EAAE,EAAEE,MAFN;AAGE,IAAA,KAAK;AACHI,MAAAA,UAAU,EAAE,SADT;AAEHC,MAAAA,QAAQ,EAAE,SAFP;AAGHC,MAAAA,UAAU,EAAE,SAHT;AAIHC,MAAAA,UAAU,EAAE,SAJT;AAKHC,MAAAA,aAAa,EAAE,SALZ;AAMHP,MAAAA,KAAK,EAALA,KANG;AAOHQ,MAAAA,cAAc,EAAE,WAPb;AAQH,yBAAmB;AACjBA,QAAAA,cAAc,EAAE;AADC,OARhB;AAWH,0BAAoB;AAClBC,QAAAA,YAAY,aADM;AAElBC,QAAAA,YAAY,EAAE,OAFI;AAGlBC,QAAAA,YAAY,EAAEjB,KAAK,CAACM,KAAD,EAAQ,IAAR;AAHD,OAXjB;AAgBH,kBAAY;AACVY,QAAAA,EAAE,EAAElB,KAAK,CAACM,KAAD,EAAQ,IAAR;AADC,OAhBT;AAmBHa,MAAAA,uBAAuB,EAAE;AAnBtB,OAoBAZ,KApBA;AAHP,KAyBMC,UAzBN,EADF;AA6BD,CAnC6B,CAAvB","sourcesContent":["import type { AnchorHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\nimport { rem } from 'polished';\n\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\nimport { alpha } from '../color';\n\nexport interface LinkProps\n  extends BoxProps<HTMLAnchorElement, AnchorHTMLAttributes<HTMLAnchorElement>> {\n  color?: string;\n  // ReachRouter Props\n  to?: string;\n  replace?: boolean;\n  state?: any;\n}\n\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(function Link(\n  props,\n  forwardedRef\n) {\n  const { as: asProp = 'a', color = 'primary', __css, ...otherProps } = props;\n\n  return (\n    <Box\n      ref={forwardedRef as any}\n      as={asProp}\n      __css={{\n        fontFamily: 'inherit',\n        fontSize: 'inherit',\n        fontWeight: 'inherit',\n        lineHeight: 'inherit',\n        letterSpacing: 'inherit',\n        color,\n        textDecoration: 'underline',\n        '&:hover,&:focus': {\n          textDecoration: 'none',\n        },\n        '&:focus,&:active': {\n          outlineWidth: rem(1),\n          outlineStyle: 'solid',\n          outlineColor: alpha(color, 0.87),\n        },\n        '&:active': {\n          bg: alpha(color, 0.16),\n        },\n        WebkitTapHighlightColor: 'transparent',\n        ...__css,\n      }}\n      {...otherProps}\n    />\n  );\n});\n"],"file":"Link.js"}