@basic-ui/material 1.0.0-alpha.0 → 1.0.0-alpha.3

package/build/esm/BottomSheet/BottomSheet.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { DialogSurfaceProps } from '../Dialog/DialogSurface';
+import type { DialogSurfaceProps } from '../Dialog/DialogSurface';
 export interface BottomSheetProps extends DialogSurfaceProps {
     open?: boolean;
     onClose: () => void;
 }
-export declare const BottomSheet: import("react").ForwardRefExoticComponent<Pick<BottomSheetProps, "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" | "p" | "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" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "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" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "open" | "innerAs" | "elevation" | "outlined" | "backgroundOverlay" | "trapFocus" | "onClose"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const BottomSheet: import("react").ForwardRefExoticComponent<Pick<BottomSheetProps, "children" | "p" | "slot" | "style" | "title" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxShadow" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "zIndex" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "gridColumnGap" | "gridGap" | "gridRowGap" | "hidden" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "size" | "bg" | "borderX" | "borderY" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "open" | "innerAs" | "elevation" | "outlined" | "backgroundOverlay" | "darkThemeBackgroundOverlay" | "onClose" | "trapFocus"> & import("react").RefAttributes<HTMLDivElement>>;

package/build/esm/BottomSheet/BottomSheet.js

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import { forwardRef } from 'react';
 import { Portal } from '@basic-ui/core';
 import { Scrim } from '../Dialog/Scrim';
@@ -9,21 +9,19 @@ import { DialogBackdrop } from '../Dialog/DialogBackdrop';
 import { BottomSheetSurface } from './BottomSheetSurface';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-export const BottomSheet = /*#__PURE__*/forwardRef(function BottomSheet(props, forwardedRef) {
-  const {
-    open: openProp = false,
-    onClose
-  } = props,
-        otherProps = _objectWithoutPropertiesLoose(props, ["open", "onClose"]);
+export var BottomSheet = /*#__PURE__*/forwardRef(function BottomSheet(props, forwardedRef) {
+  var _props$open = props.open,
+      openProp = _props$open === void 0 ? false : _props$open,
+      onClose = props.onClose,
+      otherProps = _objectWithoutProperties(props, ["open", "onClose"]);
 
-  const {
-    containerStyle,
-    scrimStyle,
-    open
-  } = useDialogAnimation({
+  var _useDialogAnimation = useDialogAnimation({
     open: openProp,
     mode: 'slide'
-  });
+  }),
+      containerStyle = _useDialogAnimation.containerStyle,
+      scrimStyle = _useDialogAnimation.scrimStyle,
+      open = _useDialogAnimation.open;
 
   if (!open) {
     return null;

package/build/esm/BottomSheet/BottomSheet.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/BottomSheet/BottomSheet.tsx"],"names":["forwardRef","Portal","Scrim","DialogContainer","useDialogAnimation","DialogBackdrop","BottomSheetSurface","BottomSheet","props","forwardedRef","open","openProp","onClose","otherProps","containerStyle","scrimStyle","mode"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AACA,SAASC,MAAT,QAAuB,gBAAvB;AACA,SAASC,KAAT,QAAsB,iBAAtB;AACA,SAASC,eAAT,QAAgC,2BAAhC;AAEA,SAASC,kBAAT,QAAmC,8BAAnC;AACA,SAASC,cAAT,QAA+B,0BAA/B;AACA,SAASC,kBAAT,QAAmC,sBAAnC;;;AAOA,OAAO,MAAMC,WAAW,gBAAGP,UAAU,CACnC,SAASO,WAAT,CAAqBC,KAArB,EAA4BC,YAA5B,EAA0C;AACxC,QAAM;AAAEC,IAAAA,IAAI,EAAEC,QAAQ,GAAG,KAAnB;AAA0BC,IAAAA;AAA1B,MAAqDJ,KAA3D;AAAA,QAA4CK,UAA5C,iCAA2DL,KAA3D;;AACA,QAAM;AAAEM,IAAAA,cAAF;AAAkBC,IAAAA,UAAlB;AAA8BL,IAAAA;AAA9B,MAAuCN,kBAAkB,CAAC;AAC9DM,IAAAA,IAAI,EAAEC,QADwD;AAE9DK,IAAAA,IAAI,EAAE;AAFwD,GAAD,CAA/D;;AAKA,MAAI,CAACN,IAAL,EAAW;AACT,WAAO,IAAP;AACD;;AAED,sBACE,KAAC,MAAD;AAAA,2BACE,MAAC,cAAD;AAAgB,MAAA,OAAO,EAAEE,OAAzB;AAAkC,MAAA,IAAI,EAAED,QAAxC;AAAA,8BACE,KAAC,KAAD;AAAO,QAAA,KAAK,EAAEI;AAAd,QADF,eAEE,KAAC,eAAD;AAAiB,QAAA,KAAK,EAAED,cAAxB;AAAA,+BACE,KAAC,kBAAD;AAAoB,UAAA,GAAG,EAAEL;AAAzB,WAA2CI,UAA3C;AADF,QAFF;AAAA;AADF,IADF;AAUD,CAtBkC,CAA9B","sourcesContent":["import { forwardRef } from 'react';\nimport { Portal } from '@basic-ui/core';\nimport { Scrim } from '../Dialog/Scrim';\nimport { DialogContainer } from '../Dialog/DialogContainer';\nimport { DialogSurfaceProps } from '../Dialog/DialogSurface';\nimport { useDialogAnimation } from '../Dialog/useDialogAnimation';\nimport { DialogBackdrop } from '../Dialog/DialogBackdrop';\nimport { BottomSheetSurface } from './BottomSheetSurface';\n\nexport interface BottomSheetProps extends DialogSurfaceProps {\n  open?: boolean;\n  onClose: () => void;\n}\n\nexport const BottomSheet = forwardRef<HTMLDivElement, BottomSheetProps>(\n  function BottomSheet(props, forwardedRef) {\n    const { open: openProp = false, onClose, ...otherProps } = props;\n    const { containerStyle, scrimStyle, open } = useDialogAnimation({\n      open: openProp,\n      mode: 'slide',\n    });\n\n    if (!open) {\n      return null;\n    }\n\n    return (\n      <Portal>\n        <DialogBackdrop onClose={onClose} open={openProp}>\n          <Scrim __css={scrimStyle} />\n          <DialogContainer __css={containerStyle}>\n            <BottomSheetSurface ref={forwardedRef} {...otherProps} />\n          </DialogContainer>\n        </DialogBackdrop>\n      </Portal>\n    );\n  }\n);\n"],"file":"BottomSheet.js"}
+{"version":3,"sources":["../../../src/BottomSheet/BottomSheet.tsx"],"names":["forwardRef","Portal","Scrim","DialogContainer","useDialogAnimation","DialogBackdrop","BottomSheetSurface","BottomSheet","props","forwardedRef","open","openProp","onClose","otherProps","mode","containerStyle","scrimStyle"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AACA,SAASC,MAAT,QAAuB,gBAAvB;AAEA,SAASC,KAAT,QAAsB,iBAAtB;AACA,SAASC,eAAT,QAAgC,2BAAhC;AAEA,SAASC,kBAAT,QAAmC,8BAAnC;AACA,SAASC,cAAT,QAA+B,0BAA/B;AACA,SAASC,kBAAT,QAAmC,sBAAnC;;;AAOA,OAAO,IAAMC,WAAW,gBAAGP,UAAU,CACnC,SAASO,WAAT,CAAqBC,KAArB,EAA4BC,YAA5B,EAA0C;AAAA,oBACmBD,KADnB,CAChCE,IADgC;AAAA,MAC1BC,QAD0B,4BACf,KADe;AAAA,MACRC,OADQ,GACmBJ,KADnB,CACRI,OADQ;AAAA,MACIC,UADJ,4BACmBL,KADnB;;AAAA,4BAEKJ,kBAAkB,CAAC;AAC9DM,IAAAA,IAAI,EAAEC,QADwD;AAE9DG,IAAAA,IAAI,EAAE;AAFwD,GAAD,CAFvB;AAAA,MAEhCC,cAFgC,uBAEhCA,cAFgC;AAAA,MAEhBC,UAFgB,uBAEhBA,UAFgB;AAAA,MAEJN,IAFI,uBAEJA,IAFI;;AAOxC,MAAI,CAACA,IAAL,EAAW;AACT,WAAO,IAAP;AACD;;AAED,sBACE,KAAC,MAAD;AAAA,2BACE,MAAC,cAAD;AAAgB,MAAA,OAAO,EAAEE,OAAzB;AAAkC,MAAA,IAAI,EAAED,QAAxC;AAAA,8BACE,KAAC,KAAD;AAAO,QAAA,KAAK,EAAEK;AAAd,QADF,eAEE,KAAC,eAAD;AAAiB,QAAA,KAAK,EAAED,cAAxB;AAAA,+BACE,KAAC,kBAAD;AAAoB,UAAA,GAAG,EAAEN;AAAzB,WAA2CI,UAA3C;AADF,QAFF;AAAA;AADF,IADF;AAUD,CAtBkC,CAA9B","sourcesContent":["import { forwardRef } from 'react';\nimport { Portal } from '@basic-ui/core';\n\nimport { Scrim } from '../Dialog/Scrim';\nimport { DialogContainer } from '../Dialog/DialogContainer';\nimport type { DialogSurfaceProps } from '../Dialog/DialogSurface';\nimport { useDialogAnimation } from '../Dialog/useDialogAnimation';\nimport { DialogBackdrop } from '../Dialog/DialogBackdrop';\nimport { BottomSheetSurface } from './BottomSheetSurface';\n\nexport interface BottomSheetProps extends DialogSurfaceProps {\n  open?: boolean;\n  onClose: () => void;\n}\n\nexport const BottomSheet = forwardRef<HTMLDivElement, BottomSheetProps>(\n  function BottomSheet(props, forwardedRef) {\n    const { open: openProp = false, onClose, ...otherProps } = props;\n    const { containerStyle, scrimStyle, open } = useDialogAnimation({\n      open: openProp,\n      mode: 'slide',\n    });\n\n    if (!open) {\n      return null;\n    }\n\n    return (\n      <Portal>\n        <DialogBackdrop onClose={onClose} open={openProp}>\n          <Scrim __css={scrimStyle} />\n          <DialogContainer __css={containerStyle}>\n            <BottomSheetSurface ref={forwardedRef} {...otherProps} />\n          </DialogContainer>\n        </DialogBackdrop>\n      </Portal>\n    );\n  }\n);\n"],"file":"BottomSheet.js"}

package/build/esm/BottomSheet/BottomSheetSurface.d.ts

@@ -1,5 +1,5 @@
-import type * as React from 'react';
-import { ModalProps } from '@basic-ui/core';
-import { PaperProps } from '../Paper';
+import * as React from 'react';
+import type { ModalProps } from '@basic-ui/core';
+import type { PaperProps } from '../Paper';
 export declare type BottomSheetSurfaceProps = ModalProps & PaperProps;
-export declare const BottomSheetSurface: React.ForwardRefExoticComponent<Pick<BottomSheetSurfaceProps, "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" | "p" | "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" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "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" | "children" | "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" | "trapFocus"> & React.RefAttributes<HTMLDivElement>>;
+export declare const BottomSheetSurface: React.ForwardRefExoticComponent<Pick<BottomSheetSurfaceProps, "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>>;

package/build/esm/BottomSheet/BottomSheetSurface.js

@@ -1,23 +1,23 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+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 { Paper } from '../Paper';
 import { useTheme } from '../theme';
 import { jsx as _jsx } from "react/jsx-runtime";
-const Modal = _Modal;
-export const BottomSheetSurface = /*#__PURE__*/forwardRef(function BottomSheetSurface(props, forwardedRef) {
-  const {
-    __css
-  } = props,
-        otherProps = _objectWithoutPropertiesLoose(props, ["__css"]);
+var Modal = _Modal;
+export var BottomSheetSurface = /*#__PURE__*/forwardRef(function BottomSheetSurface(props, forwardedRef) {
+  var __css = props.__css,
+      otherProps = _objectWithoutProperties(props, ["__css"]);
 
-  const theme = useTheme();
+  var theme = useTheme();
   return /*#__PURE__*/_jsx(Modal, _extends({
     ref: forwardedRef,
     as: Paper,
     theme: theme,
-    elevation: 5,
+    elevation: 3,
+    darkThemeBackgroundOverlay: 3,
     __css: _extends({
       position: 'absolute',
       bg: 'surface',

package/build/esm/BottomSheet/BottomSheetSurface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/BottomSheet/BottomSheetSurface.tsx"],"names":["forwardRef","Modal","_Modal","Paper","useTheme","BottomSheetSurface","props","forwardedRef","__css","otherProps","theme","position","bg","bottom","mx","borderRadius","borderTopLeftRadius","borderTopRightRadius","width","maxWidth","maxHeight","overflow","pointerEvents"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,KAAK,IAAIC,MAAlB,QAA4C,gBAA5C;AACA,SAASC,KAAT,QAAkC,UAAlC;AACA,SAASC,QAAT,QAAyB,UAAzB;;AAGA,MAAMH,KAAK,GAAGC,MAAd;AAMA,OAAO,MAAMG,kBAAkB,gBAAGL,UAAU,CAG1C,SAASK,kBAAT,CAA4BC,KAA5B,EAAmCC,YAAnC,EAAiD;AACjD,QAAM;AAAEC,IAAAA;AAAF,MAA2BF,KAAjC;AAAA,QAAkBG,UAAlB,iCAAiCH,KAAjC;;AACA,QAAMI,KAAK,GAAGN,QAAQ,EAAtB;AAEA,sBACE,KAAC,KAAD;AACE,IAAA,GAAG,EAAEG,YADP;AAEE,IAAA,EAAE,EAAEJ,KAFN;AAGE,IAAA,KAAK,EAAEO,KAHT;AAIE,IAAA,SAAS,EAAE,CAJb;AAKE,IAAA,KAAK;AACHC,MAAAA,QAAQ,EAAE,UADP;AAEHC,MAAAA,EAAE,EAAE,SAFD;AAGHC,MAAAA,MAAM,EAAE,CAHL;AAIHC,MAAAA,EAAE,EAAE,MAJD;AAKHC,MAAAA,YAAY,EAAE,CALX;AAMHC,MAAAA,mBAAmB,UANhB;AAOHC,MAAAA,oBAAoB,UAPjB;AAQHC,MAAAA,KAAK,EAAE,MARJ;AASHC,MAAAA,QAAQ,WATL;AAUHC,MAAAA,SAAS,EAAE,KAVR;AAWHC,MAAAA,QAAQ,EAAE,MAXP;AAYHC,MAAAA,aAAa,EAAE;AAZZ,OAaAd,KAbA;AALP,KAoBMC,UApBN,EADF;AAwBD,CA/B2C,CAArC","sourcesContent":["import { forwardRef } from 'react';\nimport type * as React from 'react';\nimport { Modal as _Modal, ModalProps } from '@basic-ui/core';\nimport { Paper, PaperProps } from '../Paper';\nimport { useTheme } from '../theme';\nimport { rem } from 'polished';\n\nconst Modal = _Modal as React.FC<\n  BottomSheetSurfaceProps & { ref?: React.Ref<HTMLDivElement> }\n>;\n\nexport type BottomSheetSurfaceProps = ModalProps & PaperProps;\n\nexport const BottomSheetSurface = forwardRef<\n  HTMLDivElement,\n  BottomSheetSurfaceProps\n>(function BottomSheetSurface(props, forwardedRef) {\n  const { __css, ...otherProps } = props;\n  const theme = useTheme();\n\n  return (\n    <Modal\n      ref={forwardedRef}\n      as={Paper}\n      theme={theme}\n      elevation={5}\n      __css={{\n        position: 'absolute',\n        bg: 'surface',\n        bottom: 0,\n        mx: 'auto',\n        borderRadius: 0,\n        borderTopLeftRadius: rem(8),\n        borderTopRightRadius: rem(8),\n        width: '100%',\n        maxWidth: rem(600),\n        maxHeight: '50%',\n        overflow: 'auto',\n        pointerEvents: 'auto',\n        ...__css,\n      }}\n      {...otherProps}\n    />\n  );\n});\n"],"file":"BottomSheetSurface.js"}
+{"version":3,"sources":["../../../src/BottomSheet/BottomSheetSurface.tsx"],"names":["forwardRef","React","Modal","_Modal","Paper","useTheme","BottomSheetSurface","props","forwardedRef","__css","otherProps","theme","position","bg","bottom","mx","borderRadius","borderTopLeftRadius","borderTopRightRadius","width","maxWidth","maxHeight","overflow","pointerEvents"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AAEA,SAASC,KAAK,IAAIC,MAAlB,QAAgC,gBAAhC;AAIA,SAASC,KAAT,QAAsB,UAAtB;AACA,SAASC,QAAT,QAAyB,UAAzB;;AAEA,IAAMH,KAAK,GAAGC,MAAd;AAMA,OAAO,IAAMG,kBAAkB,gBAAGN,UAAU,CAG1C,SAASM,kBAAT,CAA4BC,KAA5B,EAAmCC,YAAnC,EAAiD;AAAA,MACzCC,KADyC,GAChBF,KADgB,CACzCE,KADyC;AAAA,MAC/BC,UAD+B,4BAChBH,KADgB;;AAEjD,MAAMI,KAAK,GAAGN,QAAQ,EAAtB;AAEA,sBACE,KAAC,KAAD;AACE,IAAA,GAAG,EAAEG,YADP;AAEE,IAAA,EAAE,EAAEJ,KAFN;AAGE,IAAA,KAAK,EAAEO,KAHT;AAIE,IAAA,SAAS,EAAE,CAJb;AAKE,IAAA,0BAA0B,EAAE,CAL9B;AAME,IAAA,KAAK;AACHC,MAAAA,QAAQ,EAAE,UADP;AAEHC,MAAAA,EAAE,EAAE,SAFD;AAGHC,MAAAA,MAAM,EAAE,CAHL;AAIHC,MAAAA,EAAE,EAAE,MAJD;AAKHC,MAAAA,YAAY,EAAE,CALX;AAMHC,MAAAA,mBAAmB,UANhB;AAOHC,MAAAA,oBAAoB,UAPjB;AAQHC,MAAAA,KAAK,EAAE,MARJ;AASHC,MAAAA,QAAQ,WATL;AAUHC,MAAAA,SAAS,EAAE,KAVR;AAWHC,MAAAA,QAAQ,EAAE,MAXP;AAYHC,MAAAA,aAAa,EAAE;AAZZ,OAaAd,KAbA;AANP,KAqBMC,UArBN,EADF;AAyBD,CAhC2C,CAArC","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';\n\nimport type { PaperProps } from '../Paper';\nimport { Paper } from '../Paper';\nimport { useTheme } from '../theme';\n\nconst Modal = _Modal as React.FC<\n  BottomSheetSurfaceProps & { ref?: React.Ref<HTMLDivElement> }\n>;\n\nexport type BottomSheetSurfaceProps = ModalProps & PaperProps;\n\nexport const BottomSheetSurface = forwardRef<\n  HTMLDivElement,\n  BottomSheetSurfaceProps\n>(function BottomSheetSurface(props, forwardedRef) {\n  const { __css, ...otherProps } = props;\n  const theme = useTheme();\n\n  return (\n    <Modal\n      ref={forwardedRef}\n      as={Paper}\n      theme={theme}\n      elevation={3}\n      darkThemeBackgroundOverlay={3}\n      __css={{\n        position: 'absolute',\n        bg: 'surface',\n        bottom: 0,\n        mx: 'auto',\n        borderRadius: 0,\n        borderTopLeftRadius: rem(8),\n        borderTopRightRadius: rem(8),\n        width: '100%',\n        maxWidth: rem(600),\n        maxHeight: '50%',\n        overflow: 'auto',\n        pointerEvents: 'auto',\n        ...__css,\n      }}\n      {...otherProps}\n    />\n  );\n});\n"],"file":"BottomSheetSurface.js"}

package/build/esm/Box/Box.d.ts

@@ -1,8 +1,8 @@
-import type * as React from 'react';
-import { CSSObject } from '@emotion/react';
-import { SpaceProps, LayoutProps, TypographyProps, ColorProps, FlexboxProps, BorderProps, GridProps, BackgroundProps, PositionProps, ShadowProps, ResponsiveValue } from 'styled-system';
-import { SystemStyleObject, ResponsiveStyleValue } from '@styled-system/css';
-import { Theme } from '../theme';
+import * as React from 'react';
+import type { CSSObject } from '@emotion/react';
+import type { SpaceProps, LayoutProps, TypographyProps, ColorProps, FlexboxProps, BorderProps, GridProps, BackgroundProps, PositionProps, ShadowProps, ResponsiveValue } from 'styled-system';
+import type { SystemStyleObject, ResponsiveStyleValue } from '@styled-system/css';
+import type { Theme } from '../theme';
 export declare type SxStyleProp = SystemStyleObject | Record<string, SystemStyleObject | ResponsiveStyleValue<number | string> | Record<string, SystemStyleObject | ResponsiveStyleValue<number | string>>>;
 export interface BaseProps {
     as?: React.ElementType<any>;

package/build/esm/Box/Box.js

@@ -1,36 +1,44 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _styled from "@emotion/styled/base";
 import { forwardRef } from 'react';
+import * as React from 'react';
 import { compose, space, layout, typography, color, flexbox, border, grid, background, position, shadow } from 'styled-system';
 import { css, get } from '@styled-system/css';
 import shouldForwardProp from '@styled-system/should-forward-prop';
 import { useTheme } from '../theme';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const sx = ({
-  theme,
-  sx
-}) => css(sx)(theme);
-export const base = ({
-  theme,
-  __css
-}) => css(__css)(theme);
-export const variant = ({
-  theme,
-  variant = 'default',
-  tx = 'variants'
-}) => css(get(theme, tx + '.' + variant, get(theme, variant)))(theme);
+export var sx = function sx(_ref) {
+  var theme = _ref.theme,
+      sx = _ref.sx;
+  return css(sx)(theme);
+};
+export var base = function base(_ref2) {
+  var theme = _ref2.theme,
+      __css = _ref2.__css;
+  return css(__css)(theme);
+};
+export var variant = function variant(_ref3) {
+  var theme = _ref3.theme,
+      _ref3$variant = _ref3.variant,
+      variant = _ref3$variant === void 0 ? 'default' : _ref3$variant,
+      _ref3$tx = _ref3.tx,
+      tx = _ref3$tx === void 0 ? 'variants' : _ref3$tx;
+  return css(get(theme, tx + '.' + variant, get(theme, variant)))(theme);
+};
 
-const BoxBase = /*#__PURE__*/_styled('div', process.env.NODE_ENV === "production" ? {
-  shouldForwardProp,
+var BoxBase = /*#__PURE__*/_styled('div', process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: shouldForwardProp,
   target: "e25ivq30"
 } : {
-  shouldForwardProp,
+  shouldForwardProp: shouldForwardProp,
   target: "e25ivq30",
   label: "BoxBase"
-})("box-sizing:border-box;margin:0;min-width:0;", base, variant, sx, props => props.css, compose(space, layout, typography, color, flexbox, border, grid, background, position, shadow), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Cb3gvQm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5RmdCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9Cb3gvQm94LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgdHlwZSAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IENTU09iamVjdCB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7XG4gIGNvbXBvc2UsXG4gIHNwYWNlLFxuICBsYXlvdXQsXG4gIHR5cG9ncmFwaHksXG4gIGNvbG9yLFxuICBmbGV4Ym94LFxuICBib3JkZXIsXG4gIGdyaWQsXG4gIGJhY2tncm91bmQsXG4gIHBvc2l0aW9uLFxuICBzaGFkb3csXG4gIFNwYWNlUHJvcHMsXG4gIExheW91dFByb3BzLFxuICBUeXBvZ3JhcGh5UHJvcHMsXG4gIENvbG9yUHJvcHMsXG4gIEZsZXhib3hQcm9wcyxcbiAgQm9yZGVyUHJvcHMsXG4gIEdyaWRQcm9wcyxcbiAgQmFja2dyb3VuZFByb3BzLFxuICBQb3NpdGlvblByb3BzLFxuICBTaGFkb3dQcm9wcyxcbiAgUmVzcG9uc2l2ZVZhbHVlLFxufSBmcm9tICdzdHlsZWQtc3lzdGVtJztcbmltcG9ydCB7XG4gIGNzcyxcbiAgZ2V0LFxuICBTeXN0ZW1TdHlsZU9iamVjdCxcbiAgUmVzcG9uc2l2ZVN0eWxlVmFsdWUsXG59IGZyb20gJ0BzdHlsZWQtc3lzdGVtL2Nzcyc7XG5pbXBvcnQgc2hvdWxkRm9yd2FyZFByb3AgZnJvbSAnQHN0eWxlZC1zeXN0ZW0vc2hvdWxkLWZvcndhcmQtcHJvcCc7XG5pbXBvcnQgeyB1c2VUaGVtZSwgVGhlbWUgfSBmcm9tICcuLi90aGVtZSc7XG5cbmV4cG9ydCB0eXBlIFN4U3R5bGVQcm9wID1cbiAgfCBTeXN0ZW1TdHlsZU9iamVjdFxuICB8IFJlY29yZDxcbiAgICAgIHN0cmluZyxcbiAgICAgIHwgU3lzdGVtU3R5bGVPYmplY3RcbiAgICAgIHwgUmVzcG9uc2l2ZVN0eWxlVmFsdWU8bnVtYmVyIHwgc3RyaW5nPlxuICAgICAgfCBSZWNvcmQ8XG4gICAgICAgICAgc3RyaW5nLFxuICAgICAgICAgIFN5c3RlbVN0eWxlT2JqZWN0IHwgUmVzcG9uc2l2ZVN0eWxlVmFsdWU8bnVtYmVyIHwgc3RyaW5nPlxuICAgICAgICA+XG4gICAgPjtcblxuZXhwb3J0IGludGVyZmFjZSBCYXNlUHJvcHMge1xuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlPGFueT47XG4gIHN4PzogU3hTdHlsZVByb3A7XG4gIC8vIGNzcz86IENTU09iamVjdCB8ICgocHJvcHM6IHsgdGhlbWU6IFRoZW1lIH0pID0+IENTU09iamVjdCk7XG4gIF9fY3NzPzogU3hTdHlsZVByb3A7XG4gIHZhcmlhbnQ/OiBSZXNwb25zaXZlVmFsdWU8c3RyaW5nPjtcbiAgdHg/OiBzdHJpbmc7XG4gIHRoZW1lOiBUaGVtZTtcbn1cbmV4cG9ydCBjb25zdCBzeCA9ICh7IHRoZW1lLCBzeCB9OiBCYXNlUHJvcHMpID0+IGNzcyhzeCkodGhlbWUpIGFzIENTU09iamVjdDtcbmV4cG9ydCBjb25zdCBiYXNlID0gKHsgdGhlbWUsIF9fY3NzIH06IEJhc2VQcm9wcykgPT5cbiAgY3NzKF9fY3NzKSh0aGVtZSkgYXMgQ1NTT2JqZWN0O1xuZXhwb3J0IGNvbnN0IHZhcmlhbnQgPSAoe1xuICB0aGVtZSxcbiAgdmFyaWFudCA9ICdkZWZhdWx0JyxcbiAgdHggPSAndmFyaWFudHMnLFxufTogQmFzZVByb3BzKSA9PlxuICBjc3MoZ2V0KHRoZW1lLCB0eCArICcuJyArIHZhcmlhbnQsIGdldCh0aGVtZSwgdmFyaWFudCBhcyBhbnkpKSkoXG4gICAgdGhlbWVcbiAgKSBhcyBDU1NPYmplY3Q7XG5cbnR5cGUgS25vd25Cb3hQcm9wcyA9IEJhc2VQcm9wcyAmXG4gIFNwYWNlUHJvcHMgJlxuICBMYXlvdXRQcm9wcyAmXG4gIFR5cG9ncmFwaHlQcm9wcyAmXG4gIENvbG9yUHJvcHMgJlxuICBGbGV4Ym94UHJvcHMgJlxuICBCb3JkZXJQcm9wcyAmXG4gIEdyaWRQcm9wcyAmXG4gIEJhY2tncm91bmRQcm9wcyAmXG4gIFBvc2l0aW9uUHJvcHMgJlxuICBTaGFkb3dQcm9wcyAmIHsgekluZGV4PzogbnVtYmVyIHwgc3RyaW5nIH07XG5cbmV4cG9ydCB0eXBlIEJveFByb3BzPFxuICBIID0gSFRNTERpdkVsZW1lbnQsXG4gIEF0dHIgZXh0ZW5kcyBSZWFjdC5IVE1MQXR0cmlidXRlczxIPiA9IFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEg+XG4+ID0gT21pdDxBdHRyLCBrZXlvZiBLbm93bkJveFByb3BzPiAmXG4gIFBhcnRpYWw8S25vd25Cb3hQcm9wcz4gJlxuICBSZWFjdC5SZWZBdHRyaWJ1dGVzPEg+O1xuXG5jb25zdCBCb3hCYXNlID0gc3R5bGVkKCgnZGl2JyBhcyB1bmtub3duKSBhcyBSZWFjdC5GQywge1xuICBzaG91bGRGb3J3YXJkUHJvcCxcbn0pPEJveFByb3BzPEhUTUxEaXZFbGVtZW50Pj4oXG4gIHtcbiAgICBib3hTaXppbmc6ICdib3JkZXItYm94JyxcbiAgICBtYXJnaW46IDAsXG4gICAgbWluV2lkdGg6IDAsXG4gIH0sXG4gIGJhc2UsXG4gIHZhcmlhbnQsXG4gIHN4LFxuICAocHJvcHM6IGFueSkgPT4gcHJvcHMuY3NzLFxuICBjb21wb3NlKFxuICAgIHNwYWNlLFxuICAgIGxheW91dCxcbiAgICB0eXBvZ3JhcGh5LFxuICAgIGNvbG9yLFxuICAgIGZsZXhib3gsXG4gICAgYm9yZGVyLFxuICAgIGdyaWQsXG4gICAgYmFja2dyb3VuZCxcbiAgICBwb3NpdGlvbixcbiAgICBzaGFkb3dcbiAgKVxuKTtcblxuZXhwb3J0IGNvbnN0IEJveDogPFxuICBQcm9wcyA9IEJveFByb3BzPEhUTUxEaXZFbGVtZW50LCBSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4+XG4+KFxuICBwcm9wczogUHJvcHNcbikgPT4gSlNYLkVsZW1lbnQgPSBmb3J3YXJkUmVmPEhUTUxEaXZFbGVtZW50LCBCb3hQcm9wczxIVE1MRGl2RWxlbWVudD4+KFxuICBmdW5jdGlvbiBCb3gocHJvcHMsIGZvcndhcmRlZFJlZikge1xuICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICAgIHJldHVybiA8Qm94QmFzZSByZWY9e2ZvcndhcmRlZFJlZn0gdGhlbWU9e3RoZW1lfSB7Li4ucHJvcHN9IC8+O1xuICB9XG4pIGFzIGFueTtcbiJdfQ== */");
+})("box-sizing:border-box;margin:0;min-width:0;", base, variant, sx, function (props) {
+  return props.css;
+}, compose(space, layout, typography, color, flexbox, border, grid, background, position, shadow), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Cb3gvQm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RmdCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9Cb3gvQm94LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgdHlwZSB7IENTU09iamVjdCB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB0eXBlIHtcbiAgU3BhY2VQcm9wcyxcbiAgTGF5b3V0UHJvcHMsXG4gIFR5cG9ncmFwaHlQcm9wcyxcbiAgQ29sb3JQcm9wcyxcbiAgRmxleGJveFByb3BzLFxuICBCb3JkZXJQcm9wcyxcbiAgR3JpZFByb3BzLFxuICBCYWNrZ3JvdW5kUHJvcHMsXG4gIFBvc2l0aW9uUHJvcHMsXG4gIFNoYWRvd1Byb3BzLFxuICBSZXNwb25zaXZlVmFsdWUsXG59IGZyb20gJ3N0eWxlZC1zeXN0ZW0nO1xuaW1wb3J0IHtcbiAgY29tcG9zZSxcbiAgc3BhY2UsXG4gIGxheW91dCxcbiAgdHlwb2dyYXBoeSxcbiAgY29sb3IsXG4gIGZsZXhib3gsXG4gIGJvcmRlcixcbiAgZ3JpZCxcbiAgYmFja2dyb3VuZCxcbiAgcG9zaXRpb24sXG4gIHNoYWRvdyxcbn0gZnJvbSAnc3R5bGVkLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7XG4gIFN5c3RlbVN0eWxlT2JqZWN0LFxuICBSZXNwb25zaXZlU3R5bGVWYWx1ZSxcbn0gZnJvbSAnQHN0eWxlZC1zeXN0ZW0vY3NzJztcbmltcG9ydCB7IGNzcywgZ2V0IH0gZnJvbSAnQHN0eWxlZC1zeXN0ZW0vY3NzJztcbmltcG9ydCBzaG91bGRGb3J3YXJkUHJvcCBmcm9tICdAc3R5bGVkLXN5c3RlbS9zaG91bGQtZm9yd2FyZC1wcm9wJztcblxuaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJy4uL3RoZW1lJztcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSAnLi4vdGhlbWUnO1xuXG5leHBvcnQgdHlwZSBTeFN0eWxlUHJvcCA9XG4gIHwgU3lzdGVtU3R5bGVPYmplY3RcbiAgfCBSZWNvcmQ8XG4gICAgICBzdHJpbmcsXG4gICAgICB8IFN5c3RlbVN0eWxlT2JqZWN0XG4gICAgICB8IFJlc3BvbnNpdmVTdHlsZVZhbHVlPG51bWJlciB8IHN0cmluZz5cbiAgICAgIHwgUmVjb3JkPFxuICAgICAgICAgIHN0cmluZyxcbiAgICAgICAgICBTeXN0ZW1TdHlsZU9iamVjdCB8IFJlc3BvbnNpdmVTdHlsZVZhbHVlPG51bWJlciB8IHN0cmluZz5cbiAgICAgICAgPlxuICAgID47XG5cbmV4cG9ydCBpbnRlcmZhY2UgQmFzZVByb3BzIHtcbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZTxhbnk+O1xuICBzeD86IFN4U3R5bGVQcm9wO1xuICAvLyBjc3M/OiBDU1NPYmplY3QgfCAoKHByb3BzOiB7IHRoZW1lOiBUaGVtZSB9KSA9PiBDU1NPYmplY3QpO1xuICBfX2Nzcz86IFN4U3R5bGVQcm9wO1xuICB2YXJpYW50PzogUmVzcG9uc2l2ZVZhbHVlPHN0cmluZz47XG4gIHR4Pzogc3RyaW5nO1xuICB0aGVtZTogVGhlbWU7XG59XG5leHBvcnQgY29uc3Qgc3ggPSAoeyB0aGVtZSwgc3ggfTogQmFzZVByb3BzKSA9PiBjc3Moc3gpKHRoZW1lKSBhcyBDU1NPYmplY3Q7XG5leHBvcnQgY29uc3QgYmFzZSA9ICh7IHRoZW1lLCBfX2NzcyB9OiBCYXNlUHJvcHMpID0+XG4gIGNzcyhfX2NzcykodGhlbWUpIGFzIENTU09iamVjdDtcbmV4cG9ydCBjb25zdCB2YXJpYW50ID0gKHtcbiAgdGhlbWUsXG4gIHZhcmlhbnQgPSAnZGVmYXVsdCcsXG4gIHR4ID0gJ3ZhcmlhbnRzJyxcbn06IEJhc2VQcm9wcykgPT5cbiAgY3NzKGdldCh0aGVtZSwgdHggKyAnLicgKyB2YXJpYW50LCBnZXQodGhlbWUsIHZhcmlhbnQgYXMgYW55KSkpKFxuICAgIHRoZW1lXG4gICkgYXMgQ1NTT2JqZWN0O1xuXG50eXBlIEtub3duQm94UHJvcHMgPSBCYXNlUHJvcHMgJlxuICBTcGFjZVByb3BzICZcbiAgTGF5b3V0UHJvcHMgJlxuICBUeXBvZ3JhcGh5UHJvcHMgJlxuICBDb2xvclByb3BzICZcbiAgRmxleGJveFByb3BzICZcbiAgQm9yZGVyUHJvcHMgJlxuICBHcmlkUHJvcHMgJlxuICBCYWNrZ3JvdW5kUHJvcHMgJlxuICBQb3NpdGlvblByb3BzICZcbiAgU2hhZG93UHJvcHMgJiB7IHpJbmRleD86IG51bWJlciB8IHN0cmluZyB9O1xuXG5leHBvcnQgdHlwZSBCb3hQcm9wczxcbiAgSCA9IEhUTUxEaXZFbGVtZW50LFxuICBBdHRyIGV4dGVuZHMgUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SD4gPSBSZWFjdC5IVE1MQXR0cmlidXRlczxIPlxuPiA9IE9taXQ8QXR0ciwga2V5b2YgS25vd25Cb3hQcm9wcz4gJlxuICBQYXJ0aWFsPEtub3duQm94UHJvcHM+ICZcbiAgUmVhY3QuUmVmQXR0cmlidXRlczxIPjtcblxuY29uc3QgQm94QmFzZSA9IHN0eWxlZCgnZGl2JyBhcyB1bmtub3duIGFzIFJlYWN0LkZDLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wLFxufSk8Qm94UHJvcHM8SFRNTERpdkVsZW1lbnQ+PihcbiAge1xuICAgIGJveFNpemluZzogJ2JvcmRlci1ib3gnLFxuICAgIG1hcmdpbjogMCxcbiAgICBtaW5XaWR0aDogMCxcbiAgfSxcbiAgYmFzZSxcbiAgdmFyaWFudCxcbiAgc3gsXG4gIChwcm9wczogYW55KSA9PiBwcm9wcy5jc3MsXG4gIGNvbXBvc2UoXG4gICAgc3BhY2UsXG4gICAgbGF5b3V0LFxuICAgIHR5cG9ncmFwaHksXG4gICAgY29sb3IsXG4gICAgZmxleGJveCxcbiAgICBib3JkZXIsXG4gICAgZ3JpZCxcbiAgICBiYWNrZ3JvdW5kLFxuICAgIHBvc2l0aW9uLFxuICAgIHNoYWRvd1xuICApXG4pO1xuXG5leHBvcnQgY29uc3QgQm94OiA8XG4gIFByb3BzID0gQm94UHJvcHM8SFRNTERpdkVsZW1lbnQsIFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50Pj5cbj4oXG4gIHByb3BzOiBQcm9wc1xuKSA9PiBKU1guRWxlbWVudCA9IGZvcndhcmRSZWY8SFRNTERpdkVsZW1lbnQsIEJveFByb3BzPEhUTUxEaXZFbGVtZW50Pj4oXG4gIGZ1bmN0aW9uIEJveChwcm9wcywgZm9yd2FyZGVkUmVmKSB7XG4gICAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gICAgcmV0dXJuIDxCb3hCYXNlIHJlZj17Zm9yd2FyZGVkUmVmfSB0aGVtZT17dGhlbWV9IHsuLi5wcm9wc30gLz47XG4gIH1cbikgYXMgYW55O1xuIl19 */");
 
-export const Box = /*#__PURE__*/forwardRef(function Box(props, forwardedRef) {
-  const theme = useTheme();
+export var Box = /*#__PURE__*/forwardRef(function Box(props, forwardedRef) {
+  var theme = useTheme();
   return /*#__PURE__*/_jsx(BoxBase, _extends({
     ref: forwardedRef,
     theme: theme

package/build/esm/Box/Box.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Box/Box.tsx"],"names":["forwardRef","compose","space","layout","typography","color","flexbox","border","grid","background","position","shadow","css","get","shouldForwardProp","useTheme","sx","theme","base","__css","variant","tx","BoxBase","props","Box","forwardedRef"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AAIA,SACEC,OADF,EAEEC,KAFF,EAGEC,MAHF,EAIEC,UAJF,EAKEC,KALF,EAMEC,OANF,EAOEC,MAPF,EAQEC,IARF,EASEC,UATF,EAUEC,QAVF,EAWEC,MAXF,QAuBO,eAvBP;AAwBA,SACEC,GADF,EAEEC,GAFF,QAKO,oBALP;AAMA,OAAOC,iBAAP,MAA8B,oCAA9B;AACA,SAASC,QAAT,QAAgC,UAAhC;;AAuBA,OAAO,MAAMC,EAAE,GAAG,CAAC;AAAEC,EAAAA,KAAF;AAASD,EAAAA;AAAT,CAAD,KAA8BJ,GAAG,CAACI,EAAD,CAAH,CAAQC,KAAR,CAAzC;AACP,OAAO,MAAMC,IAAI,GAAG,CAAC;AAAED,EAAAA,KAAF;AAASE,EAAAA;AAAT,CAAD,KAClBP,GAAG,CAACO,KAAD,CAAH,CAAWF,KAAX,CADK;AAEP,OAAO,MAAMG,OAAO,GAAG,CAAC;AACtBH,EAAAA,KADsB;AAEtBG,EAAAA,OAAO,GAAG,SAFY;AAGtBC,EAAAA,EAAE,GAAG;AAHiB,CAAD,KAKrBT,GAAG,CAACC,GAAG,CAACI,KAAD,EAAQI,EAAE,GAAG,GAAL,GAAWD,OAAnB,EAA4BP,GAAG,CAACI,KAAD,EAAQG,OAAR,CAA/B,CAAJ,CAAH,CACEH,KADF,CALK;;AA4BP,MAAMK,OAAO,GAAG,qBAAQ,KAAR;AACdR,EAAAA,iBADc;AAAA;AAAA;AACdA,EAAAA,iBADc;AAAA;AAAA;AAAA,kDAQdI,IARc,EASdE,OATc,EAUdJ,EAVc,EAWbO,KAAD,IAAgBA,KAAK,CAACX,GAXR,EAYdX,OAAO,CACLC,KADK,EAELC,MAFK,EAGLC,UAHK,EAILC,KAJK,EAKLC,OALK,EAMLC,MANK,EAOLC,IAPK,EAQLC,UARK,EASLC,QATK,EAULC,MAVK,CAZO,i+HAAhB;;AA0BA,OAAO,MAAMa,GAIG,gBAAGxB,UAAU,CAC3B,SAASwB,GAAT,CAAaD,KAAb,EAAoBE,YAApB,EAAkC;AAChC,QAAMR,KAAK,GAAGF,QAAQ,EAAtB;AAEA,sBAAO,KAAC,OAAD;AAAS,IAAA,GAAG,EAAEU,YAAd;AAA4B,IAAA,KAAK,EAAER;AAAnC,KAA8CM,KAA9C,EAAP;AACD,CAL0B,CAJtB","sourcesContent":["import { forwardRef } from 'react';\nimport type * as React from 'react';\nimport { CSSObject } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport {\n  compose,\n  space,\n  layout,\n  typography,\n  color,\n  flexbox,\n  border,\n  grid,\n  background,\n  position,\n  shadow,\n  SpaceProps,\n  LayoutProps,\n  TypographyProps,\n  ColorProps,\n  FlexboxProps,\n  BorderProps,\n  GridProps,\n  BackgroundProps,\n  PositionProps,\n  ShadowProps,\n  ResponsiveValue,\n} from 'styled-system';\nimport {\n  css,\n  get,\n  SystemStyleObject,\n  ResponsiveStyleValue,\n} from '@styled-system/css';\nimport shouldForwardProp from '@styled-system/should-forward-prop';\nimport { useTheme, Theme } from '../theme';\n\nexport type SxStyleProp =\n  | SystemStyleObject\n  | Record<\n      string,\n      | SystemStyleObject\n      | ResponsiveStyleValue<number | string>\n      | Record<\n          string,\n          SystemStyleObject | ResponsiveStyleValue<number | string>\n        >\n    >;\n\nexport interface BaseProps {\n  as?: React.ElementType<any>;\n  sx?: SxStyleProp;\n  // css?: CSSObject | ((props: { theme: Theme }) => CSSObject);\n  __css?: SxStyleProp;\n  variant?: ResponsiveValue<string>;\n  tx?: string;\n  theme: Theme;\n}\nexport const sx = ({ theme, sx }: BaseProps) => css(sx)(theme) as CSSObject;\nexport const base = ({ theme, __css }: BaseProps) =>\n  css(__css)(theme) as CSSObject;\nexport const variant = ({\n  theme,\n  variant = 'default',\n  tx = 'variants',\n}: BaseProps) =>\n  css(get(theme, tx + '.' + variant, get(theme, variant as any)))(\n    theme\n  ) as CSSObject;\n\ntype KnownBoxProps = BaseProps &\n  SpaceProps &\n  LayoutProps &\n  TypographyProps &\n  ColorProps &\n  FlexboxProps &\n  BorderProps &\n  GridProps &\n  BackgroundProps &\n  PositionProps &\n  ShadowProps & { zIndex?: number | string };\n\nexport type BoxProps<\n  H = HTMLDivElement,\n  Attr extends React.HTMLAttributes<H> = React.HTMLAttributes<H>\n> = Omit<Attr, keyof KnownBoxProps> &\n  Partial<KnownBoxProps> &\n  React.RefAttributes<H>;\n\nconst BoxBase = styled(('div' as unknown) as React.FC, {\n  shouldForwardProp,\n})<BoxProps<HTMLDivElement>>(\n  {\n    boxSizing: 'border-box',\n    margin: 0,\n    minWidth: 0,\n  },\n  base,\n  variant,\n  sx,\n  (props: any) => props.css,\n  compose(\n    space,\n    layout,\n    typography,\n    color,\n    flexbox,\n    border,\n    grid,\n    background,\n    position,\n    shadow\n  )\n);\n\nexport const Box: <\n  Props = BoxProps<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>\n>(\n  props: Props\n) => JSX.Element = forwardRef<HTMLDivElement, BoxProps<HTMLDivElement>>(\n  function Box(props, forwardedRef) {\n    const theme = useTheme();\n\n    return <BoxBase ref={forwardedRef} theme={theme} {...props} />;\n  }\n) as any;\n"],"file":"Box.js"}
+{"version":3,"sources":["../../../src/Box/Box.tsx"],"names":["forwardRef","React","compose","space","layout","typography","color","flexbox","border","grid","background","position","shadow","css","get","shouldForwardProp","useTheme","sx","theme","base","__css","variant","tx","BoxBase","props","Box","forwardedRef"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AAgBA,SACEC,OADF,EAEEC,KAFF,EAGEC,MAHF,EAIEC,UAJF,EAKEC,KALF,EAMEC,OANF,EAOEC,MAPF,EAQEC,IARF,EASEC,UATF,EAUEC,QAVF,EAWEC,MAXF,QAYO,eAZP;AAiBA,SAASC,GAAT,EAAcC,GAAd,QAAyB,oBAAzB;AACA,OAAOC,iBAAP,MAA8B,oCAA9B;AAGA,SAASC,QAAT,QAAyB,UAAzB;;AAuBA,OAAO,IAAMC,EAAE,GAAG;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,MAAUD,EAAV,QAAUA,EAAV;AAAA,SAA8BJ,GAAG,CAACI,EAAD,CAAH,CAAQC,KAAR,CAA9B;AAAA,CAAX;AACP,OAAO,IAAMC,IAAI,GAAG,SAAPA,IAAO;AAAA,MAAGD,KAAH,SAAGA,KAAH;AAAA,MAAUE,KAAV,SAAUA,KAAV;AAAA,SAClBP,GAAG,CAACO,KAAD,CAAH,CAAWF,KAAX,CADkB;AAAA,CAAb;AAEP,OAAO,IAAMG,OAAO,GAAG;AAAA,MACrBH,KADqB,SACrBA,KADqB;AAAA,4BAErBG,OAFqB;AAAA,MAErBA,OAFqB,8BAEX,SAFW;AAAA,uBAGrBC,EAHqB;AAAA,MAGrBA,EAHqB,yBAGhB,UAHgB;AAAA,SAKrBT,GAAG,CAACC,GAAG,CAACI,KAAD,EAAQI,EAAE,GAAG,GAAL,GAAWD,OAAnB,EAA4BP,GAAG,CAACI,KAAD,EAAQG,OAAR,CAA/B,CAAJ,CAAH,CACEH,KADF,CALqB;AAAA,CAAhB;;AA4BP,IAAMK,OAAO,GAAG,qBAAO,KAAP;AACdR,EAAAA,iBAAiB,EAAjBA,iBADc;AAAA;AAAA;AACdA,EAAAA,iBAAiB,EAAjBA,iBADc;AAAA;AAAA;AAAA,kDAQdI,IARc,EASdE,OATc,EAUdJ,EAVc,EAWd,UAACO,KAAD;AAAA,SAAgBA,KAAK,CAACX,GAAtB;AAAA,CAXc,EAYdX,OAAO,CACLC,KADK,EAELC,MAFK,EAGLC,UAHK,EAILC,KAJK,EAKLC,OALK,EAMLC,MANK,EAOLC,IAPK,EAQLC,UARK,EASLC,QATK,EAULC,MAVK,CAZO,inIAAhB;;AA0BA,OAAO,IAAMa,GAIG,gBAAGzB,UAAU,CAC3B,SAASyB,GAAT,CAAaD,KAAb,EAAoBE,YAApB,EAAkC;AAChC,MAAMR,KAAK,GAAGF,QAAQ,EAAtB;AAEA,sBAAO,KAAC,OAAD;AAAS,IAAA,GAAG,EAAEU,YAAd;AAA4B,IAAA,KAAK,EAAER;AAAnC,KAA8CM,KAA9C,EAAP;AACD,CAL0B,CAJtB","sourcesContent":["import { forwardRef } from 'react';\nimport * as React from 'react';\nimport type { CSSObject } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport type {\n  SpaceProps,\n  LayoutProps,\n  TypographyProps,\n  ColorProps,\n  FlexboxProps,\n  BorderProps,\n  GridProps,\n  BackgroundProps,\n  PositionProps,\n  ShadowProps,\n  ResponsiveValue,\n} from 'styled-system';\nimport {\n  compose,\n  space,\n  layout,\n  typography,\n  color,\n  flexbox,\n  border,\n  grid,\n  background,\n  position,\n  shadow,\n} from 'styled-system';\nimport type {\n  SystemStyleObject,\n  ResponsiveStyleValue,\n} from '@styled-system/css';\nimport { css, get } from '@styled-system/css';\nimport shouldForwardProp from '@styled-system/should-forward-prop';\n\nimport type { Theme } from '../theme';\nimport { useTheme } from '../theme';\n\nexport type SxStyleProp =\n  | SystemStyleObject\n  | Record<\n      string,\n      | SystemStyleObject\n      | ResponsiveStyleValue<number | string>\n      | Record<\n          string,\n          SystemStyleObject | ResponsiveStyleValue<number | string>\n        >\n    >;\n\nexport interface BaseProps {\n  as?: React.ElementType<any>;\n  sx?: SxStyleProp;\n  // css?: CSSObject | ((props: { theme: Theme }) => CSSObject);\n  __css?: SxStyleProp;\n  variant?: ResponsiveValue<string>;\n  tx?: string;\n  theme: Theme;\n}\nexport const sx = ({ theme, sx }: BaseProps) => css(sx)(theme) as CSSObject;\nexport const base = ({ theme, __css }: BaseProps) =>\n  css(__css)(theme) as CSSObject;\nexport const variant = ({\n  theme,\n  variant = 'default',\n  tx = 'variants',\n}: BaseProps) =>\n  css(get(theme, tx + '.' + variant, get(theme, variant as any)))(\n    theme\n  ) as CSSObject;\n\ntype KnownBoxProps = BaseProps &\n  SpaceProps &\n  LayoutProps &\n  TypographyProps &\n  ColorProps &\n  FlexboxProps &\n  BorderProps &\n  GridProps &\n  BackgroundProps &\n  PositionProps &\n  ShadowProps & { zIndex?: number | string };\n\nexport type BoxProps<\n  H = HTMLDivElement,\n  Attr extends React.HTMLAttributes<H> = React.HTMLAttributes<H>\n> = Omit<Attr, keyof KnownBoxProps> &\n  Partial<KnownBoxProps> &\n  React.RefAttributes<H>;\n\nconst BoxBase = styled('div' as unknown as React.FC, {\n  shouldForwardProp,\n})<BoxProps<HTMLDivElement>>(\n  {\n    boxSizing: 'border-box',\n    margin: 0,\n    minWidth: 0,\n  },\n  base,\n  variant,\n  sx,\n  (props: any) => props.css,\n  compose(\n    space,\n    layout,\n    typography,\n    color,\n    flexbox,\n    border,\n    grid,\n    background,\n    position,\n    shadow\n  )\n);\n\nexport const Box: <\n  Props = BoxProps<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>\n>(\n  props: Props\n) => JSX.Element = forwardRef<HTMLDivElement, BoxProps<HTMLDivElement>>(\n  function Box(props, forwardedRef) {\n    const theme = useTheme();\n\n    return <BoxBase ref={forwardedRef} theme={theme} {...props} />;\n  }\n) as any;\n"],"file":"Box.js"}

package/build/esm/Button/BaseButton.d.ts

@@ -1,7 +1,7 @@
-import type * as React from 'react';
-import { BoxProps } from '../Box';
+import * as React from 'react';
+import type { BoxProps } from '../Box';
 export interface BaseButtonProps extends BoxProps<HTMLButtonElement, React.ButtonHTMLAttributes<HTMLButtonElement>> {
     elevation?: string;
     isGroupedButton?: boolean;
 }
-export declare const BaseButton: React.ForwardRefExoticComponent<Pick<BaseButtonProps, "bottom" | "top" | "hidden" | "left" | "right" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "p" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "display" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontStyle" | "textAlign" | "color" | "bg" | "backgroundColor" | "opacity" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexDirection" | "flex" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat" | "position" | "zIndex" | "boxShadow" | "textShadow" | "autoFocus" | "disabled" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "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" | "elevation" | "isGroupedButton" | "key"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const BaseButton: React.ForwardRefExoticComponent<Pick<BaseButtonProps, "children" | "form" | "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" | "value" | "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" | "name" | "type" | "elevation" | "disabled" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "isGroupedButton"> & React.RefAttributes<HTMLButtonElement>>;

package/build/esm/Button/BaseButton.js

@@ -1,19 +1,18 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import { forwardRef } from 'react';
+import * as React from 'react';
 import { useTheme } from '@emotion/react';
 import { variant } from 'styled-system';
 import { Box } from '../Box';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const BaseButton = /*#__PURE__*/forwardRef((props, ref) => {
-  const theme = useTheme();
+export var BaseButton = /*#__PURE__*/forwardRef(function (props, ref) {
+  var theme = useTheme();
 
-  const {
-    __css,
-    variant: variantProp,
-    elevation
-  } = props,
-        otherProps = _objectWithoutPropertiesLoose(props, ["__css", "variant", "elevation"]);
+  var __css = props.__css,
+      variantProp = props.variant,
+      elevation = props.elevation,
+      otherProps = _objectWithoutProperties(props, ["__css", "variant", "elevation"]);
 
   return /*#__PURE__*/_jsx(Box, _extends({
     as: "button",
@@ -46,7 +45,7 @@ export const BaseButton = /*#__PURE__*/forwardRef((props, ref) => {
       }
     })({
       variant: variantProp,
-      theme
+      theme: theme
     }), variant({
       scale: 'buttons.elevations',
       prop: 'elevation',
@@ -54,8 +53,8 @@ export const BaseButton = /*#__PURE__*/forwardRef((props, ref) => {
         none: {}
       }
     })({
-      elevation,
-      theme
+      elevation: elevation,
+      theme: theme
     }), __css)
   }, otherProps));
 });

package/build/esm/Button/BaseButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Button/BaseButton.tsx"],"names":["forwardRef","useTheme","variant","Box","BaseButton","props","ref","theme","__css","variantProp","elevation","otherProps","boxSizing","position","appearance","display","alignItems","justifyContent","textAlign","lineHeight","textDecoration","fontSize","border","overflow","WebkitTapHighlightColor","touchAction","userSelect","minWidth","scale","prop","variants","text","none"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,QAAT,QAAyB,gBAAzB;AACA,SAASC,OAAT,QAAwB,eAAxB;AACA,SAASC,GAAT,QAA8B,QAA9B;;AAWA,OAAO,MAAMC,UAAU,gBAAGJ,UAAU,CAClC,CAACK,KAAD,EAAQC,GAAR,KAAgB;AACd,QAAMC,KAAK,GAAGN,QAAQ,EAAtB;;AACA,QAAM;AAAEO,IAAAA,KAAF;AAASN,IAAAA,OAAO,EAAEO,WAAlB;AAA+BC,IAAAA;AAA/B,MAA4DL,KAAlE;AAAA,QAAmDM,UAAnD,iCAAkEN,KAAlE;;AAEA,sBACE,KAAC,GAAD;AAME,IAAA,EAAE,EAAC,QANL;AAOE,IAAA,GAAG,EAAEC,GAPP;AAQE,IAAA,KAAK;AACHM,MAAAA,SAAS,EAAE,YADR;AAEHC,MAAAA,QAAQ,EAAE,UAFP;AAGHC,MAAAA,UAAU,EAAE,MAHT;AAIHC,MAAAA,OAAO,EAAE,aAJN;AAKHC,MAAAA,UAAU,EAAE,QALT;AAMHC,MAAAA,cAAc,EAAE,QANb;AAOHC,MAAAA,SAAS,EAAE,QAPR;AAQHC,MAAAA,UAAU,EAAE,SART;AASHC,MAAAA,cAAc,EAAE,MATb;AAUHC,MAAAA,QAAQ,EAAE,SAVP;AAWHC,MAAAA,MAAM,EAAE,CAXL;AAYHC,MAAAA,QAAQ,EAAE,QAZP;AAaHC,MAAAA,uBAAuB,EAAE,aAbtB;AAcHC,MAAAA,WAAW,EAAE,cAdV;AAeHC,MAAAA,UAAU,EAAE,MAfT;AAgBHC,MAAAA,QAAQ,EAAE,MAhBP;AAiBH,6BAAuB;AACrBL,QAAAA,MAAM,EAAE;AADa;AAjBpB,OAoBApB,OAAO,CAAC;AACT0B,MAAAA,KAAK,EAAE,kBADE;AAETC,MAAAA,IAAI,EAAE,SAFG;AAGTC,MAAAA,QAAQ,EAAE;AACRC,QAAAA,IAAI,EAAE;AADE;AAHD,KAAD,CAAP,CAMA;AAAE7B,MAAAA,OAAO,EAAEO,WAAX;AAAwBF,MAAAA;AAAxB,KANA,CApBA,EA2BAL,OAAO,CAAC;AACT0B,MAAAA,KAAK,EAAE,oBADE;AAETC,MAAAA,IAAI,EAAE,WAFG;AAGTC,MAAAA,QAAQ,EAAE;AACRE,QAAAA,IAAI,EAAE;AADE;AAHD,KAAD,CAAP,CAMA;AAAEtB,MAAAA,SAAF;AAAaH,MAAAA;AAAb,KANA,CA3BA,EAkCAC,KAlCA;AARP,KA4CMG,UA5CN,EADF;AAgDD,CArDiC,CAA7B","sourcesContent":["import { forwardRef } from 'react';\nimport type * as React from 'react';\nimport { useTheme } from '@emotion/react';\nimport { variant } from 'styled-system';\nimport { Box, BoxProps } from '../Box';\n\nexport interface BaseButtonProps\n  extends BoxProps<\n    HTMLButtonElement,\n    React.ButtonHTMLAttributes<HTMLButtonElement>\n  > {\n  elevation?: string;\n  isGroupedButton?: boolean;\n}\n\nexport const BaseButton = forwardRef<HTMLButtonElement, BaseButtonProps>(\n  (props, ref) => {\n    const theme = useTheme();\n    const { __css, variant: variantProp, elevation, ...otherProps } = props;\n\n    return (\n      <Box<\n        BoxProps<\n          HTMLButtonElement,\n          React.ButtonHTMLAttributes<HTMLButtonElement>\n        >\n      >\n        as=\"button\"\n        ref={ref}\n        __css={{\n          boxSizing: 'border-box',\n          position: 'relative',\n          appearance: 'none',\n          display: 'inline-flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          textAlign: 'center',\n          lineHeight: 'inherit',\n          textDecoration: 'none',\n          fontSize: 'inherit',\n          border: 0,\n          overflow: 'hidden',\n          WebkitTapHighlightColor: 'transparent',\n          touchAction: 'manipulation',\n          userSelect: 'none',\n          minWidth: 'auto',\n          '&::-moz-focus-inner': {\n            border: 0,\n          },\n          ...variant({\n            scale: 'buttons.variants',\n            prop: 'variant',\n            variants: {\n              text: {},\n            },\n          })({ variant: variantProp, theme }),\n          ...variant({\n            scale: 'buttons.elevations',\n            prop: 'elevation',\n            variants: {\n              none: {},\n            },\n          })({ elevation, theme }),\n          ...__css,\n        }}\n        {...otherProps}\n      />\n    );\n  }\n);\n"],"file":"BaseButton.js"}
+{"version":3,"sources":["../../../src/Button/BaseButton.tsx"],"names":["forwardRef","React","useTheme","variant","Box","BaseButton","props","ref","theme","__css","variantProp","elevation","otherProps","boxSizing","position","appearance","display","alignItems","justifyContent","textAlign","lineHeight","textDecoration","fontSize","border","overflow","WebkitTapHighlightColor","touchAction","userSelect","minWidth","scale","prop","variants","text","none"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AACA,SAASC,QAAT,QAAyB,gBAAzB;AACA,SAASC,OAAT,QAAwB,eAAxB;AAGA,SAASC,GAAT,QAAoB,QAApB;;AAWA,OAAO,IAAMC,UAAU,gBAAGL,UAAU,CAClC,UAACM,KAAD,EAAQC,GAAR,EAAgB;AACd,MAAMC,KAAK,GAAGN,QAAQ,EAAtB;;AADc,MAENO,KAFM,GAEoDH,KAFpD,CAENG,KAFM;AAAA,MAEUC,WAFV,GAEoDJ,KAFpD,CAECH,OAFD;AAAA,MAEuBQ,SAFvB,GAEoDL,KAFpD,CAEuBK,SAFvB;AAAA,MAEqCC,UAFrC,4BAEoDN,KAFpD;;AAId,sBACE,KAAC,GAAD;AAME,IAAA,EAAE,EAAC,QANL;AAOE,IAAA,GAAG,EAAEC,GAPP;AAQE,IAAA,KAAK;AACHM,MAAAA,SAAS,EAAE,YADR;AAEHC,MAAAA,QAAQ,EAAE,UAFP;AAGHC,MAAAA,UAAU,EAAE,MAHT;AAIHC,MAAAA,OAAO,EAAE,aAJN;AAKHC,MAAAA,UAAU,EAAE,QALT;AAMHC,MAAAA,cAAc,EAAE,QANb;AAOHC,MAAAA,SAAS,EAAE,QAPR;AAQHC,MAAAA,UAAU,EAAE,SART;AASHC,MAAAA,cAAc,EAAE,MATb;AAUHC,MAAAA,QAAQ,EAAE,SAVP;AAWHC,MAAAA,MAAM,EAAE,CAXL;AAYHC,MAAAA,QAAQ,EAAE,QAZP;AAaHC,MAAAA,uBAAuB,EAAE,aAbtB;AAcHC,MAAAA,WAAW,EAAE,cAdV;AAeHC,MAAAA,UAAU,EAAE,MAfT;AAgBHC,MAAAA,QAAQ,EAAE,MAhBP;AAiBH,6BAAuB;AACrBL,QAAAA,MAAM,EAAE;AADa;AAjBpB,OAoBApB,OAAO,CAAC;AACT0B,MAAAA,KAAK,EAAE,kBADE;AAETC,MAAAA,IAAI,EAAE,SAFG;AAGTC,MAAAA,QAAQ,EAAE;AACRC,QAAAA,IAAI,EAAE;AADE;AAHD,KAAD,CAAP,CAMA;AAAE7B,MAAAA,OAAO,EAAEO,WAAX;AAAwBF,MAAAA,KAAK,EAALA;AAAxB,KANA,CApBA,EA2BAL,OAAO,CAAC;AACT0B,MAAAA,KAAK,EAAE,oBADE;AAETC,MAAAA,IAAI,EAAE,WAFG;AAGTC,MAAAA,QAAQ,EAAE;AACRE,QAAAA,IAAI,EAAE;AADE;AAHD,KAAD,CAAP,CAMA;AAAEtB,MAAAA,SAAS,EAATA,SAAF;AAAaH,MAAAA,KAAK,EAALA;AAAb,KANA,CA3BA,EAkCAC,KAlCA;AARP,KA4CMG,UA5CN,EADF;AAgDD,CArDiC,CAA7B","sourcesContent":["import { forwardRef } from 'react';\nimport * as React from 'react';\nimport { useTheme } from '@emotion/react';\nimport { variant } from 'styled-system';\n\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\n\nexport interface BaseButtonProps\n  extends BoxProps<\n    HTMLButtonElement,\n    React.ButtonHTMLAttributes<HTMLButtonElement>\n  > {\n  elevation?: string;\n  isGroupedButton?: boolean;\n}\n\nexport const BaseButton = forwardRef<HTMLButtonElement, BaseButtonProps>(\n  (props, ref) => {\n    const theme = useTheme();\n    const { __css, variant: variantProp, elevation, ...otherProps } = props;\n\n    return (\n      <Box<\n        BoxProps<\n          HTMLButtonElement,\n          React.ButtonHTMLAttributes<HTMLButtonElement>\n        >\n      >\n        as=\"button\"\n        ref={ref}\n        __css={{\n          boxSizing: 'border-box',\n          position: 'relative',\n          appearance: 'none',\n          display: 'inline-flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          textAlign: 'center',\n          lineHeight: 'inherit',\n          textDecoration: 'none',\n          fontSize: 'inherit',\n          border: 0,\n          overflow: 'hidden',\n          WebkitTapHighlightColor: 'transparent',\n          touchAction: 'manipulation',\n          userSelect: 'none',\n          minWidth: 'auto',\n          '&::-moz-focus-inner': {\n            border: 0,\n          },\n          ...variant({\n            scale: 'buttons.variants',\n            prop: 'variant',\n            variants: {\n              text: {},\n            },\n          })({ variant: variantProp, theme }),\n          ...variant({\n            scale: 'buttons.elevations',\n            prop: 'elevation',\n            variants: {\n              none: {},\n            },\n          })({ elevation, theme }),\n          ...__css,\n        }}\n        {...otherProps}\n      />\n    );\n  }\n);\n"],"file":"BaseButton.js"}

package/build/esm/Button/Button.d.ts

@@ -1,5 +1,5 @@
-import type * as React from 'react';
-import { BaseButtonProps } from './BaseButton';
+import * as React from 'react';
+import type { BaseButtonProps } from './BaseButton';
 export declare type ButtonVariants = 'text' | 'outlined' | 'filled' | 'fab' | 'fab-mini' | 'fab-large' | 'fab-extended' | 'icon';
 export declare type ButtonColors = 'primary' | 'secondary' | string;
 export interface ButtonProps extends BaseButtonProps {
@@ -10,4 +10,4 @@ export interface ButtonProps extends BaseButtonProps {
     disabled?: boolean;
     elevation?: 'none' | 'default' | 'contained' | 'floating' | 'elevated';
 }
-export declare const Button: React.ForwardRefExoticComponent<Pick<ButtonProps, "bottom" | "top" | "hidden" | "left" | "right" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "p" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "display" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontStyle" | "textAlign" | "color" | "bg" | "backgroundColor" | "opacity" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexDirection" | "flex" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat" | "position" | "zIndex" | "boxShadow" | "textShadow" | "autoFocus" | "disabled" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "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" | "elevation" | "isGroupedButton" | "key"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const Button: React.ForwardRefExoticComponent<Pick<ButtonProps, "children" | "form" | "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" | "value" | "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" | "name" | "type" | "elevation" | "disabled" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "isGroupedButton"> & React.RefAttributes<HTMLButtonElement>>;