@basic-ui/material 1.0.0-alpha.45 → 1.0.0-alpha.47

package/build/esm/NotchedOutline/styledComponents.js

@@ -81,5 +81,5 @@ export var InnerContainer = /*#__PURE__*/_styled('div', process.env.NODE_ENV ===
     borderStyle: borderStyle,
     transition: "border-color .15s ".concat(EASING_STANDARD)
   }, forceActive ? focusStyle : inactiveStyle)), _defineProperty(_css, makeSelector('hover:not([disabled]):not(:focus)'), forceActive ? focusStyle : hoverStyle), _defineProperty(_css, makeSelector('focus:not([disabled])'), focusStyle), _defineProperty(_css, makeSelector('disabled'), disabledStyle), _css));
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Ob3RjaGVkT3V0bGluZS9zdHlsZWRDb21wb25lbnRzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCOEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL05vdGNoZWRPdXRsaW5lL3N0eWxlZENvbXBvbmVudHMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICdwb2xpc2hlZCc7XG5pbXBvcnQgc2hvdWxkRm9yd2FyZFByb3AgZnJvbSAnQHN0eWxlZC1zeXN0ZW0vc2hvdWxkLWZvcndhcmQtcHJvcCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAc3R5bGVkLXN5c3RlbS9jc3MnO1xuXG5pbXBvcnQgeyBhbHBoYSB9IGZyb20gJy4uL2NvbG9yJztcbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICcuLi90aGVtZSc7XG5pbXBvcnQgeyBFQVNJTkdfU1RBTkRBUkQgfSBmcm9tICcuLi9tb3Rpb24nO1xuXG5leHBvcnQgY29uc3QgTk9UQ0hfUEFERElORyA9IDQ7XG5cbmNvbnN0IG1ha2VTZWxlY3RvciA9IChcbiAgc3RhdGU6XG4gICAgfCAnaG92ZXI6bm90KFtkaXNhYmxlZF0pOm5vdCg6Zm9jdXMpJ1xuICAgIHwgJ2ZvY3VzOm5vdChbZGlzYWJsZWRdKSdcbiAgICB8ICdkaXNhYmxlZCdcbikgPT5cbiAgYGlucHV0OiR7c3RhdGV9IH4gJiBbZGF0YS1ub3RjaC1vdXRsaW5lLWl0ZW1dLGAgK1xuICBgc2VsZWN0OiR7c3RhdGV9IH4gJiBbZGF0YS1ub3RjaC1vdXRsaW5lLWl0ZW1dLGAgK1xuICBgW3JvbGU9XCJidXR0b25cIl06JHtzdGF0ZX0gfiAmIFtkYXRhLW5vdGNoLW91dGxpbmUtaXRlbV0sYCArXG4gIGB0ZXh0YXJlYToke3N0YXRlfSB+ICYgW2RhdGEtbm90Y2gtb3V0bGluZS1pdGVtXWA7XG5cbmV4cG9ydCBjb25zdCBJbm5lckNvbnRhaW5lciA9IHN0eWxlZCgnZGl2Jywge1xuICBzaG91bGRGb3J3YXJkUHJvcCxcbn0pPHtcbiAgY29sb3I/OiBzdHJpbmc7XG4gIHRoZW1lPzogVGhlbWU7XG4gIGJvcmRlclJhZGl1czogbnVtYmVyO1xuICBib3JkZXJXaWR0aDogbnVtYmVyO1xuICBib3JkZXJXaWR0aFdoZW5Gb2N1c2VkOiBudW1iZXI7XG4gIGJvcmRlclN0eWxlOiBzdHJpbmc7XG4gIG5vdGNoU3RhcnQ6IG51bWJlcjtcbiAgZm9yY2VBY3RpdmU/OiBib29sZWFuO1xufT4oXG4gIHtcbiAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgbGVmdDogMCxcbiAgICB0b3A6IDAsXG4gICAgYm90dG9tOiAwLFxuICAgIHdpZHRoOiAnMTAwJScsXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgcG9pbnRlckV2ZW50czogJ25vbmUnLFxuICB9LFxuICAoe1xuICAgIGNvbG9yID0gJ29uLnN1cmZhY2UnLFxuICAgIGJvcmRlclJhZGl1czogYm9yZGVyUmFkaXVzUHgsXG4gICAgYm9yZGVyV2lkdGg6IGJvcmRlcldpZHRoUHgsXG4gICAgYm9yZGVyV2lkdGhXaGVuRm9jdXNlZDogYm9yZGVyV2lkdGhXaGVuRm9jdXNlZFB4LFxuICAgIGJvcmRlclN0eWxlLFxuICAgIG5vdGNoU3RhcnQsXG4gICAgZm9yY2VBY3RpdmUgPSBmYWxzZSxcbiAgfSkgPT4ge1xuICAgIGNvbnN0IHdpZHRoID0gcmVtKG5vdGNoU3RhcnQgLSBOT1RDSF9QQURESU5HKTtcbiAgICBjb25zdCBib3JkZXJSYWRpdXMgPSByZW0oYm9yZGVyUmFkaXVzUHgpO1xuICAgIGNvbnN0IGJvcmRlcldpZHRoID0gcmVtKGJvcmRlcldpZHRoUHgpO1xuICAgIGNvbnN0IGJvcmRlcldpZHRoV2hlbkZvY3VzZWQgPSByZW0oYm9yZGVyV2lkdGhXaGVuRm9jdXNlZFB4KTtcblxuICAgIGZ1bmN0aW9uIGJvcmRlclN0eWxpbmcoYm9yZGVyUmFkaXVzOiBzdHJpbmcsIGJvcmRlcldpZHRoOiBzdHJpbmcpIHtcbiAgICAgIHJldHVybiB7XG4gICAgICAgIFsnJltkYXRhLW5vdGNoLW91dGxpbmUtaXRlbT1cInN0YXJ0XCJdJ106IHtcbiAgICAgICAgICBib3JkZXJUb3BMZWZ0UmFkaXVzOiBib3JkZXJSYWRpdXMsXG4gICAgICAgICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogYm9yZGVyUmFkaXVzLFxuICAgICAgICAgIGJvcmRlcldpZHRoOiBib3JkZXJXaWR0aCxcbiAgICAgICAgICBib3JkZXJSaWdodFdpZHRoOiAwLFxuICAgICAgICAgIHdpZHRoLFxuICAgICAgICB9LFxuICAgICAgICBbJyZbZGF0YS1ub3RjaC1vdXRsaW5lLWl0ZW09XCJtaWRkbGVcIl0nXToge1xuICAgICAgICAgIGJvcmRlcldpZHRoOiAwLFxuICAgICAgICAgIGJvcmRlckJvdHRvbVdpZHRoOiBib3JkZXJXaWR0aCxcbiAgICAgICAgfSxcbiAgICAgICAgWycmW2RhdGEtbm90Y2gtb3V0bGluZS1pdGVtPVwiZW5kXCJdJ106IHtcbiAgICAgICAgICBib3JkZXJXaWR0aDogYm9yZGVyV2lkdGgsXG4gICAgICAgICAgYm9yZGVyTGVmdDogMCxcbiAgICAgICAgICBib3JkZXJUb3BSaWdodFJhZGl1czogYm9yZGVyUmFkaXVzLFxuICAgICAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiBib3JkZXJSYWRpdXMsXG4gICAgICAgICAgZmxleDogMSxcbiAgICAgICAgfSxcbiAgICAgIH07XG4gICAgfVxuXG4gICAgY29uc3QgaW5hY3RpdmVTdHlsZSA9IHtcbiAgICAgIGNvbG9yOiAnb24uc3VyZmFjZS12YXJpYW50JyxcbiAgICAgIGJvcmRlckNvbG9yOiAnb3V0bGluZScsXG4gICAgICAuLi5ib3JkZXJTdHlsaW5nKGJvcmRlclJhZGl1cywgYm9yZGVyV2lkdGgpLFxuICAgIH07XG5cbiAgICBjb25zdCBob3ZlclN0eWxlID0ge1xuICAgICAgYm9yZGVyQ29sb3I6ICdvbi5zdXJmYWNlJyxcbiAgICAgIGNvbG9yOiAnb24uc3VyZmFjZS12YXJpYW50JyxcbiAgICB9O1xuXG4gICAgY29uc3QgZm9jdXNTdHlsZSA9IHtcbiAgICAgIGJvcmRlckNvbG9yOiBjb2xvcixcbiAgICAgIGNvbG9yOiBhbHBoYShjb2xvciwgMC44NyksXG4gICAgICAuLi5ib3JkZXJTdHlsaW5nKGJvcmRlclJhZGl1cywgYm9yZGVyV2lkdGhXaGVuRm9jdXNlZCksXG4gICAgfTtcblxuICAgIGNvbnN0IGRpc2FibGVkU3R5bGUgPSB7XG4gICAgICBib3JkZXJDb2xvcjogYWxwaGEoJ29uLnN1cmZhY2UnLCAwLjA2KSxcbiAgICAgIGNvbG9yOiBhbHBoYSgnb24uc3VyZmFjZScsIDAuMzgpLFxuICAgIH07XG5cbiAgICByZXR1cm4gY3NzKHtcbiAgICAgIC8vIG5vdGNoIGl0ZW1zIHN0eWxlcyB3aGVuIG5vdCBmb2N1c2VkXG4gICAgICBbJ1tkYXRhLW5vdGNoLW91dGxpbmUtaXRlbV0nXToge1xuICAgICAgICBib3hTaXppbmc6ICdib3JkZXItYm94JyxcbiAgICAgICAgYm9yZGVyU3R5bGUsXG4gICAgICAgIHRyYW5zaXRpb246IGBib3JkZXItY29sb3IgLjE1cyAke0VBU0lOR19TVEFOREFSRH1gLFxuICAgICAgICAuLi4oZm9yY2VBY3RpdmUgPyBmb2N1c1N0eWxlIDogaW5hY3RpdmVTdHlsZSksXG4gICAgICB9LFxuICAgICAgLy8gbm90Y2ggaXRlbXMgc3R5bGVzIHdoZW4gaW5wdXQgaXMgaG92ZXJlZFxuICAgICAgW21ha2VTZWxlY3RvcignaG92ZXI6bm90KFtkaXNhYmxlZF0pOm5vdCg6Zm9jdXMpJyldOiBmb3JjZUFjdGl2ZVxuICAgICAgICA/IGZvY3VzU3R5bGVcbiAgICAgICAgOiBob3ZlclN0eWxlLFxuICAgICAgLy8gbm90Y2ggaXRlbXMgc3R5bGVzIHdoZW4gaW5wdXQgaXMgZm9jdXNlZFxuICAgICAgW21ha2VTZWxlY3RvcignZm9jdXM6bm90KFtkaXNhYmxlZF0pJyldOiBmb2N1c1N0eWxlLFxuICAgICAgLy8gbm90Y2ggaXRlbXMgc3R5bGVzIHdoZW4gaW5wdXQgaXMgZGlzYWJsZWRcbiAgICAgIFttYWtlU2VsZWN0b3IoJ2Rpc2FibGVkJyldOiBkaXNhYmxlZFN0eWxlLFxuICAgIH0pO1xuICB9XG4pO1xuIl19 */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Ob3RjaGVkT3V0bGluZS9zdHlsZWRDb21wb25lbnRzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCOEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL05vdGNoZWRPdXRsaW5lL3N0eWxlZENvbXBvbmVudHMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3BvbGlzaGVkJztcclxuaW1wb3J0IHNob3VsZEZvcndhcmRQcm9wIGZyb20gJ0BzdHlsZWQtc3lzdGVtL3Nob3VsZC1mb3J3YXJkLXByb3AnO1xyXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAc3R5bGVkLXN5c3RlbS9jc3MnO1xyXG5cclxuaW1wb3J0IHsgYWxwaGEgfSBmcm9tICcuLi9jb2xvcic7XHJcbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICcuLi90aGVtZSc7XHJcbmltcG9ydCB7IEVBU0lOR19TVEFOREFSRCB9IGZyb20gJy4uL21vdGlvbic7XHJcblxyXG5leHBvcnQgY29uc3QgTk9UQ0hfUEFERElORyA9IDQ7XHJcblxyXG5jb25zdCBtYWtlU2VsZWN0b3IgPSAoXHJcbiAgc3RhdGU6XHJcbiAgICB8ICdob3Zlcjpub3QoW2Rpc2FibGVkXSk6bm90KDpmb2N1cyknXHJcbiAgICB8ICdmb2N1czpub3QoW2Rpc2FibGVkXSknXHJcbiAgICB8ICdkaXNhYmxlZCdcclxuKSA9PlxyXG4gIGBpbnB1dDoke3N0YXRlfSB+ICYgW2RhdGEtbm90Y2gtb3V0bGluZS1pdGVtXSxgICtcclxuICBgc2VsZWN0OiR7c3RhdGV9IH4gJiBbZGF0YS1ub3RjaC1vdXRsaW5lLWl0ZW1dLGAgK1xyXG4gIGBbcm9sZT1cImJ1dHRvblwiXToke3N0YXRlfSB+ICYgW2RhdGEtbm90Y2gtb3V0bGluZS1pdGVtXSxgICtcclxuICBgdGV4dGFyZWE6JHtzdGF0ZX0gfiAmIFtkYXRhLW5vdGNoLW91dGxpbmUtaXRlbV1gO1xyXG5cclxuZXhwb3J0IGNvbnN0IElubmVyQ29udGFpbmVyID0gc3R5bGVkKCdkaXYnLCB7XHJcbiAgc2hvdWxkRm9yd2FyZFByb3AsXHJcbn0pPHtcclxuICBjb2xvcj86IHN0cmluZztcclxuICB0aGVtZT86IFRoZW1lO1xyXG4gIGJvcmRlclJhZGl1czogbnVtYmVyO1xyXG4gIGJvcmRlcldpZHRoOiBudW1iZXI7XHJcbiAgYm9yZGVyV2lkdGhXaGVuRm9jdXNlZDogbnVtYmVyO1xyXG4gIGJvcmRlclN0eWxlOiBzdHJpbmc7XHJcbiAgbm90Y2hTdGFydDogbnVtYmVyO1xyXG4gIGZvcmNlQWN0aXZlPzogYm9vbGVhbjtcclxufT4oXHJcbiAge1xyXG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXHJcbiAgICBkaXNwbGF5OiAnZmxleCcsXHJcbiAgICBsZWZ0OiAwLFxyXG4gICAgdG9wOiAwLFxyXG4gICAgYm90dG9tOiAwLFxyXG4gICAgd2lkdGg6ICcxMDAlJyxcclxuICAgIGhlaWdodDogJzEwMCUnLFxyXG4gICAgcG9pbnRlckV2ZW50czogJ25vbmUnLFxyXG4gIH0sXHJcbiAgKHtcclxuICAgIGNvbG9yID0gJ29uLnN1cmZhY2UnLFxyXG4gICAgYm9yZGVyUmFkaXVzOiBib3JkZXJSYWRpdXNQeCxcclxuICAgIGJvcmRlcldpZHRoOiBib3JkZXJXaWR0aFB4LFxyXG4gICAgYm9yZGVyV2lkdGhXaGVuRm9jdXNlZDogYm9yZGVyV2lkdGhXaGVuRm9jdXNlZFB4LFxyXG4gICAgYm9yZGVyU3R5bGUsXHJcbiAgICBub3RjaFN0YXJ0LFxyXG4gICAgZm9yY2VBY3RpdmUgPSBmYWxzZSxcclxuICB9KSA9PiB7XHJcbiAgICBjb25zdCB3aWR0aCA9IHJlbShub3RjaFN0YXJ0IC0gTk9UQ0hfUEFERElORyk7XHJcbiAgICBjb25zdCBib3JkZXJSYWRpdXMgPSByZW0oYm9yZGVyUmFkaXVzUHgpO1xyXG4gICAgY29uc3QgYm9yZGVyV2lkdGggPSByZW0oYm9yZGVyV2lkdGhQeCk7XHJcbiAgICBjb25zdCBib3JkZXJXaWR0aFdoZW5Gb2N1c2VkID0gcmVtKGJvcmRlcldpZHRoV2hlbkZvY3VzZWRQeCk7XHJcblxyXG4gICAgZnVuY3Rpb24gYm9yZGVyU3R5bGluZyhib3JkZXJSYWRpdXM6IHN0cmluZywgYm9yZGVyV2lkdGg6IHN0cmluZykge1xyXG4gICAgICByZXR1cm4ge1xyXG4gICAgICAgIFsnJltkYXRhLW5vdGNoLW91dGxpbmUtaXRlbT1cInN0YXJ0XCJdJ106IHtcclxuICAgICAgICAgIGJvcmRlclRvcExlZnRSYWRpdXM6IGJvcmRlclJhZGl1cyxcclxuICAgICAgICAgIGJvcmRlckJvdHRvbUxlZnRSYWRpdXM6IGJvcmRlclJhZGl1cyxcclxuICAgICAgICAgIGJvcmRlcldpZHRoOiBib3JkZXJXaWR0aCxcclxuICAgICAgICAgIGJvcmRlclJpZ2h0V2lkdGg6IDAsXHJcbiAgICAgICAgICB3aWR0aCxcclxuICAgICAgICB9LFxyXG4gICAgICAgIFsnJltkYXRhLW5vdGNoLW91dGxpbmUtaXRlbT1cIm1pZGRsZVwiXSddOiB7XHJcbiAgICAgICAgICBib3JkZXJXaWR0aDogMCxcclxuICAgICAgICAgIGJvcmRlckJvdHRvbVdpZHRoOiBib3JkZXJXaWR0aCxcclxuICAgICAgICB9LFxyXG4gICAgICAgIFsnJltkYXRhLW5vdGNoLW91dGxpbmUtaXRlbT1cImVuZFwiXSddOiB7XHJcbiAgICAgICAgICBib3JkZXJXaWR0aDogYm9yZGVyV2lkdGgsXHJcbiAgICAgICAgICBib3JkZXJMZWZ0OiAwLFxyXG4gICAgICAgICAgYm9yZGVyVG9wUmlnaHRSYWRpdXM6IGJvcmRlclJhZGl1cyxcclxuICAgICAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiBib3JkZXJSYWRpdXMsXHJcbiAgICAgICAgICBmbGV4OiAxLFxyXG4gICAgICAgIH0sXHJcbiAgICAgIH07XHJcbiAgICB9XHJcblxyXG4gICAgY29uc3QgaW5hY3RpdmVTdHlsZSA9IHtcclxuICAgICAgY29sb3I6ICdvbi5zdXJmYWNlLXZhcmlhbnQnLFxyXG4gICAgICBib3JkZXJDb2xvcjogJ291dGxpbmUnLFxyXG4gICAgICAuLi5ib3JkZXJTdHlsaW5nKGJvcmRlclJhZGl1cywgYm9yZGVyV2lkdGgpLFxyXG4gICAgfTtcclxuXHJcbiAgICBjb25zdCBob3ZlclN0eWxlID0ge1xyXG4gICAgICBib3JkZXJDb2xvcjogJ29uLnN1cmZhY2UnLFxyXG4gICAgICBjb2xvcjogJ29uLnN1cmZhY2UtdmFyaWFudCcsXHJcbiAgICB9O1xyXG5cclxuICAgIGNvbnN0IGZvY3VzU3R5bGUgPSB7XHJcbiAgICAgIGJvcmRlckNvbG9yOiBjb2xvcixcclxuICAgICAgY29sb3I6IGFscGhhKGNvbG9yLCAwLjg3KSxcclxuICAgICAgLi4uYm9yZGVyU3R5bGluZyhib3JkZXJSYWRpdXMsIGJvcmRlcldpZHRoV2hlbkZvY3VzZWQpLFxyXG4gICAgfTtcclxuXHJcbiAgICBjb25zdCBkaXNhYmxlZFN0eWxlID0ge1xyXG4gICAgICBib3JkZXJDb2xvcjogYWxwaGEoJ29uLnN1cmZhY2UnLCAwLjA2KSxcclxuICAgICAgY29sb3I6IGFscGhhKCdvbi5zdXJmYWNlJywgMC4zOCksXHJcbiAgICB9O1xyXG5cclxuICAgIHJldHVybiBjc3Moe1xyXG4gICAgICAvLyBub3RjaCBpdGVtcyBzdHlsZXMgd2hlbiBub3QgZm9jdXNlZFxyXG4gICAgICBbJ1tkYXRhLW5vdGNoLW91dGxpbmUtaXRlbV0nXToge1xyXG4gICAgICAgIGJveFNpemluZzogJ2JvcmRlci1ib3gnLFxyXG4gICAgICAgIGJvcmRlclN0eWxlLFxyXG4gICAgICAgIHRyYW5zaXRpb246IGBib3JkZXItY29sb3IgLjE1cyAke0VBU0lOR19TVEFOREFSRH1gLFxyXG4gICAgICAgIC4uLihmb3JjZUFjdGl2ZSA/IGZvY3VzU3R5bGUgOiBpbmFjdGl2ZVN0eWxlKSxcclxuICAgICAgfSxcclxuICAgICAgLy8gbm90Y2ggaXRlbXMgc3R5bGVzIHdoZW4gaW5wdXQgaXMgaG92ZXJlZFxyXG4gICAgICBbbWFrZVNlbGVjdG9yKCdob3Zlcjpub3QoW2Rpc2FibGVkXSk6bm90KDpmb2N1cyknKV06IGZvcmNlQWN0aXZlXHJcbiAgICAgICAgPyBmb2N1c1N0eWxlXHJcbiAgICAgICAgOiBob3ZlclN0eWxlLFxyXG4gICAgICAvLyBub3RjaCBpdGVtcyBzdHlsZXMgd2hlbiBpbnB1dCBpcyBmb2N1c2VkXHJcbiAgICAgIFttYWtlU2VsZWN0b3IoJ2ZvY3VzOm5vdChbZGlzYWJsZWRdKScpXTogZm9jdXNTdHlsZSxcclxuICAgICAgLy8gbm90Y2ggaXRlbXMgc3R5bGVzIHdoZW4gaW5wdXQgaXMgZGlzYWJsZWRcclxuICAgICAgW21ha2VTZWxlY3RvcignZGlzYWJsZWQnKV06IGRpc2FibGVkU3R5bGUsXHJcbiAgICB9KTtcclxuICB9XHJcbik7XHJcbiJdfQ== */");
 //# sourceMappingURL=styledComponents.js.map

package/build/esm/NotchedOutline/styledComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"styledComponents.js","names":["rem","shouldForwardProp","css","alpha","EASING_STANDARD","NOTCH_PADDING","makeSelector","state","InnerContainer","color","borderRadiusPx","borderRadius","borderWidthPx","borderWidth","borderWidthWhenFocusedPx","borderWidthWhenFocused","borderStyle","notchStart","forceActive","width","borderStyling","borderTopLeftRadius","borderBottomLeftRadius","borderRightWidth","borderBottomWidth","borderLeft","borderTopRightRadius","borderBottomRightRadius","flex","inactiveStyle","borderColor","hoverStyle","focusStyle","disabledStyle","boxSizing","transition"],"sources":["../../../src/NotchedOutline/styledComponents.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { rem } from 'polished';\nimport shouldForwardProp from '@styled-system/should-forward-prop';\nimport { css } from '@styled-system/css';\n\nimport { alpha } from '../color';\nimport type { Theme } from '../theme';\nimport { EASING_STANDARD } from '../motion';\n\nexport const NOTCH_PADDING = 4;\n\nconst makeSelector = (\n  state:\n    | 'hover:not([disabled]):not(:focus)'\n    | 'focus:not([disabled])'\n    | 'disabled'\n) =>\n  `input:${state} ~ & [data-notch-outline-item],` +\n  `select:${state} ~ & [data-notch-outline-item],` +\n  `[role=\"button\"]:${state} ~ & [data-notch-outline-item],` +\n  `textarea:${state} ~ & [data-notch-outline-item]`;\n\nexport const InnerContainer = styled('div', {\n  shouldForwardProp,\n})<{\n  color?: string;\n  theme?: Theme;\n  borderRadius: number;\n  borderWidth: number;\n  borderWidthWhenFocused: number;\n  borderStyle: string;\n  notchStart: number;\n  forceActive?: boolean;\n}>(\n  {\n    position: 'absolute',\n    display: 'flex',\n    left: 0,\n    top: 0,\n    bottom: 0,\n    width: '100%',\n    height: '100%',\n    pointerEvents: 'none',\n  },\n  ({\n    color = 'on.surface',\n    borderRadius: borderRadiusPx,\n    borderWidth: borderWidthPx,\n    borderWidthWhenFocused: borderWidthWhenFocusedPx,\n    borderStyle,\n    notchStart,\n    forceActive = false,\n  }) => {\n    const width = rem(notchStart - NOTCH_PADDING);\n    const borderRadius = rem(borderRadiusPx);\n    const borderWidth = rem(borderWidthPx);\n    const borderWidthWhenFocused = rem(borderWidthWhenFocusedPx);\n\n    function borderStyling(borderRadius: string, borderWidth: string) {\n      return {\n        ['&[data-notch-outline-item=\"start\"]']: {\n          borderTopLeftRadius: borderRadius,\n          borderBottomLeftRadius: borderRadius,\n          borderWidth: borderWidth,\n          borderRightWidth: 0,\n          width,\n        },\n        ['&[data-notch-outline-item=\"middle\"]']: {\n          borderWidth: 0,\n          borderBottomWidth: borderWidth,\n        },\n        ['&[data-notch-outline-item=\"end\"]']: {\n          borderWidth: borderWidth,\n          borderLeft: 0,\n          borderTopRightRadius: borderRadius,\n          borderBottomRightRadius: borderRadius,\n          flex: 1,\n        },\n      };\n    }\n\n    const inactiveStyle = {\n      color: 'on.surface-variant',\n      borderColor: 'outline',\n      ...borderStyling(borderRadius, borderWidth),\n    };\n\n    const hoverStyle = {\n      borderColor: 'on.surface',\n      color: 'on.surface-variant',\n    };\n\n    const focusStyle = {\n      borderColor: color,\n      color: alpha(color, 0.87),\n      ...borderStyling(borderRadius, borderWidthWhenFocused),\n    };\n\n    const disabledStyle = {\n      borderColor: alpha('on.surface', 0.06),\n      color: alpha('on.surface', 0.38),\n    };\n\n    return css({\n      // notch items styles when not focused\n      ['[data-notch-outline-item]']: {\n        boxSizing: 'border-box',\n        borderStyle,\n        transition: `border-color .15s ${EASING_STANDARD}`,\n        ...(forceActive ? focusStyle : inactiveStyle),\n      },\n      // notch items styles when input is hovered\n      [makeSelector('hover:not([disabled]):not(:focus)')]: forceActive\n        ? focusStyle\n        : hoverStyle,\n      // notch items styles when input is focused\n      [makeSelector('focus:not([disabled])')]: focusStyle,\n      // notch items styles when input is disabled\n      [makeSelector('disabled')]: disabledStyle,\n    });\n  }\n);\n"],"mappings":"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"}
+{"version":3,"file":"styledComponents.js","names":["rem","shouldForwardProp","css","alpha","EASING_STANDARD","NOTCH_PADDING","makeSelector","state","InnerContainer","color","borderRadiusPx","borderRadius","borderWidthPx","borderWidth","borderWidthWhenFocusedPx","borderWidthWhenFocused","borderStyle","notchStart","forceActive","width","borderStyling","borderTopLeftRadius","borderBottomLeftRadius","borderRightWidth","borderBottomWidth","borderLeft","borderTopRightRadius","borderBottomRightRadius","flex","inactiveStyle","borderColor","hoverStyle","focusStyle","disabledStyle","boxSizing","transition"],"sources":["../../../src/NotchedOutline/styledComponents.ts"],"sourcesContent":["import styled from '@emotion/styled';\r\nimport { rem } from 'polished';\r\nimport shouldForwardProp from '@styled-system/should-forward-prop';\r\nimport { css } from '@styled-system/css';\r\n\r\nimport { alpha } from '../color';\r\nimport type { Theme } from '../theme';\r\nimport { EASING_STANDARD } from '../motion';\r\n\r\nexport const NOTCH_PADDING = 4;\r\n\r\nconst makeSelector = (\r\n  state:\r\n    | 'hover:not([disabled]):not(:focus)'\r\n    | 'focus:not([disabled])'\r\n    | 'disabled'\r\n) =>\r\n  `input:${state} ~ & [data-notch-outline-item],` +\r\n  `select:${state} ~ & [data-notch-outline-item],` +\r\n  `[role=\"button\"]:${state} ~ & [data-notch-outline-item],` +\r\n  `textarea:${state} ~ & [data-notch-outline-item]`;\r\n\r\nexport const InnerContainer = styled('div', {\r\n  shouldForwardProp,\r\n})<{\r\n  color?: string;\r\n  theme?: Theme;\r\n  borderRadius: number;\r\n  borderWidth: number;\r\n  borderWidthWhenFocused: number;\r\n  borderStyle: string;\r\n  notchStart: number;\r\n  forceActive?: boolean;\r\n}>(\r\n  {\r\n    position: 'absolute',\r\n    display: 'flex',\r\n    left: 0,\r\n    top: 0,\r\n    bottom: 0,\r\n    width: '100%',\r\n    height: '100%',\r\n    pointerEvents: 'none',\r\n  },\r\n  ({\r\n    color = 'on.surface',\r\n    borderRadius: borderRadiusPx,\r\n    borderWidth: borderWidthPx,\r\n    borderWidthWhenFocused: borderWidthWhenFocusedPx,\r\n    borderStyle,\r\n    notchStart,\r\n    forceActive = false,\r\n  }) => {\r\n    const width = rem(notchStart - NOTCH_PADDING);\r\n    const borderRadius = rem(borderRadiusPx);\r\n    const borderWidth = rem(borderWidthPx);\r\n    const borderWidthWhenFocused = rem(borderWidthWhenFocusedPx);\r\n\r\n    function borderStyling(borderRadius: string, borderWidth: string) {\r\n      return {\r\n        ['&[data-notch-outline-item=\"start\"]']: {\r\n          borderTopLeftRadius: borderRadius,\r\n          borderBottomLeftRadius: borderRadius,\r\n          borderWidth: borderWidth,\r\n          borderRightWidth: 0,\r\n          width,\r\n        },\r\n        ['&[data-notch-outline-item=\"middle\"]']: {\r\n          borderWidth: 0,\r\n          borderBottomWidth: borderWidth,\r\n        },\r\n        ['&[data-notch-outline-item=\"end\"]']: {\r\n          borderWidth: borderWidth,\r\n          borderLeft: 0,\r\n          borderTopRightRadius: borderRadius,\r\n          borderBottomRightRadius: borderRadius,\r\n          flex: 1,\r\n        },\r\n      };\r\n    }\r\n\r\n    const inactiveStyle = {\r\n      color: 'on.surface-variant',\r\n      borderColor: 'outline',\r\n      ...borderStyling(borderRadius, borderWidth),\r\n    };\r\n\r\n    const hoverStyle = {\r\n      borderColor: 'on.surface',\r\n      color: 'on.surface-variant',\r\n    };\r\n\r\n    const focusStyle = {\r\n      borderColor: color,\r\n      color: alpha(color, 0.87),\r\n      ...borderStyling(borderRadius, borderWidthWhenFocused),\r\n    };\r\n\r\n    const disabledStyle = {\r\n      borderColor: alpha('on.surface', 0.06),\r\n      color: alpha('on.surface', 0.38),\r\n    };\r\n\r\n    return css({\r\n      // notch items styles when not focused\r\n      ['[data-notch-outline-item]']: {\r\n        boxSizing: 'border-box',\r\n        borderStyle,\r\n        transition: `border-color .15s ${EASING_STANDARD}`,\r\n        ...(forceActive ? focusStyle : inactiveStyle),\r\n      },\r\n      // notch items styles when input is hovered\r\n      [makeSelector('hover:not([disabled]):not(:focus)')]: forceActive\r\n        ? focusStyle\r\n        : hoverStyle,\r\n      // notch items styles when input is focused\r\n      [makeSelector('focus:not([disabled])')]: focusStyle,\r\n      // notch items styles when input is disabled\r\n      [makeSelector('disabled')]: disabledStyle,\r\n    });\r\n  }\r\n);\r\n"],"mappings":"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"}

package/build/esm/Paper/Paper.d.ts

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

package/build/esm/Paper/Paper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Paper.js","names":["forwardRef","Box","useTheme","getBackgroundOverlay","getDarkThemeBackgroundOverlay","Paper","props","forwardedRef","outlined","elevation","backgroundOverlay","darkThemeBackgroundOverlay","__css","children","otherProps","theme","backgroundColor","boxShadow","String","outline","borderStyle","borderWidth","borderColor"],"sources":["../../../src/Paper/Paper.tsx"],"sourcesContent":["import type { ElementType, ReactNode } from 'react';\nimport { forwardRef } from 'react';\nimport { rem } from 'polished';\n\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\nimport { useTheme } from '../theme';\nimport { getBackgroundOverlay, getDarkThemeBackgroundOverlay } from '../color';\n\nexport interface PaperProps extends BoxProps {\n  as?: ElementType<any>;\n  elevation?: number;\n  outlined?: boolean;\n  backgroundOverlay?: number | string;\n  darkThemeBackgroundOverlay?: number | string;\n  children?: ReactNode;\n}\n\nexport const Paper = forwardRef<HTMLDivElement, PaperProps>(function Paper(\n  props,\n  forwardedRef\n) {\n  const {\n    outlined,\n    elevation = 0,\n    backgroundOverlay,\n    darkThemeBackgroundOverlay,\n    __css = {},\n    children,\n    ...otherProps\n  } = props;\n  const theme = useTheme();\n\n  return (\n    <Box\n      ref={forwardedRef}\n      __css={{\n        backgroundColor: 'surface',\n        boxShadow: String(elevation),\n        ':focus': {\n          outline: 'none',\n        },\n        ...(outlined\n          ? {\n              borderStyle: 'solid',\n              borderWidth: rem(1),\n              borderColor: 'surface-variant',\n            }\n          : {}),\n        ...(backgroundOverlay\n          ? getBackgroundOverlay(theme, backgroundOverlay, 'primary')\n          : {}),\n        ...(darkThemeBackgroundOverlay\n          ? getDarkThemeBackgroundOverlay(\n              theme,\n              darkThemeBackgroundOverlay,\n              'primary'\n            )\n          : {}),\n        ...__css,\n      }}\n      {...otherProps}\n    >\n      {children}\n    </Box>\n  );\n});\n"],"mappings":";;;AACA,SAASA,UAAT,QAA2B,OAA3B;AAIA,SAASC,GAAT,QAAoB,QAApB;AACA,SAASC,QAAT,QAAyB,UAAzB;AACA,SAASC,oBAAT,EAA+BC,6BAA/B,QAAoE,UAApE;;AAWA,OAAO,IAAMC,KAAK,gBAAGL,UAAU,CAA6B,SAASK,KAAT,CAC1DC,KAD0D,EAE1DC,YAF0D,EAG1D;EACA,IACEC,QADF,GAQIF,KARJ,CACEE,QADF;EAAA,uBAQIF,KARJ,CAEEG,SAFF;EAAA,IAEEA,SAFF,iCAEc,CAFd;EAAA,IAGEC,iBAHF,GAQIJ,KARJ,CAGEI,iBAHF;EAAA,IAIEC,0BAJF,GAQIL,KARJ,CAIEK,0BAJF;EAAA,mBAQIL,KARJ,CAKEM,KALF;EAAA,IAKEA,KALF,6BAKU,EALV;EAAA,IAMEC,QANF,GAQIP,KARJ,CAMEO,QANF;EAAA,IAOKC,UAPL,4BAQIR,KARJ;;EASA,IAAMS,KAAK,GAAGb,QAAQ,EAAtB;EAEA,oBACE,KAAC,GAAD;IACE,GAAG,EAAEK,YADP;IAEE,KAAK;MACHS,eAAe,EAAE,SADd;MAEHC,SAAS,EAAEC,MAAM,CAACT,SAAD,CAFd;MAGH,UAAU;QACRU,OAAO,EAAE;MADD;IAHP,GAMCX,QAAQ,GACR;MACEY,WAAW,EAAE,OADf;MAEEC,WAAW,aAFb;MAGEC,WAAW,EAAE;IAHf,CADQ,GAMR,EAZD,GAaCZ,iBAAiB,GACjBP,oBAAoB,CAACY,KAAD,EAAQL,iBAAR,EAA2B,SAA3B,CADH,GAEjB,EAfD,GAgBCC,0BAA0B,GAC1BP,6BAA6B,CAC3BW,KAD2B,EAE3BJ,0BAF2B,EAG3B,SAH2B,CADH,GAM1B,EAtBD,GAuBAC,KAvBA;EAFP,GA2BME,UA3BN;IAAA,UA6BGD;EA7BH,GADF;AAiCD,CAhD8B,CAAxB"}
+{"version":3,"file":"Paper.js","names":["forwardRef","Box","useTheme","getBackgroundOverlay","getDarkThemeBackgroundOverlay","Paper","props","forwardedRef","outlined","elevation","backgroundOverlay","darkThemeBackgroundOverlay","__css","children","otherProps","theme","backgroundColor","boxShadow","String","outline","borderStyle","borderWidth","borderColor"],"sources":["../../../src/Paper/Paper.tsx"],"sourcesContent":["import type { ElementType, ReactNode } from 'react';\r\nimport { forwardRef } from 'react';\r\nimport { rem } from 'polished';\r\n\r\nimport type { BoxProps } from '../Box';\r\nimport { Box } from '../Box';\r\nimport { useTheme } from '../theme';\r\nimport { getBackgroundOverlay, getDarkThemeBackgroundOverlay } from '../color';\r\n\r\nexport interface PaperProps extends BoxProps {\r\n  as?: ElementType<any>;\r\n  elevation?: number;\r\n  outlined?: boolean;\r\n  backgroundOverlay?: number | string;\r\n  darkThemeBackgroundOverlay?: number | string;\r\n  children?: ReactNode;\r\n}\r\n\r\nexport const Paper = forwardRef<HTMLDivElement, PaperProps>(function Paper(\r\n  props,\r\n  forwardedRef\r\n) {\r\n  const {\r\n    outlined,\r\n    elevation = 0,\r\n    backgroundOverlay,\r\n    darkThemeBackgroundOverlay,\r\n    __css = {},\r\n    children,\r\n    ...otherProps\r\n  } = props;\r\n  const theme = useTheme();\r\n\r\n  return (\r\n    <Box\r\n      ref={forwardedRef}\r\n      __css={{\r\n        backgroundColor: 'surface',\r\n        boxShadow: String(elevation),\r\n        ':focus': {\r\n          outline: 'none',\r\n        },\r\n        ...(outlined\r\n          ? {\r\n              borderStyle: 'solid',\r\n              borderWidth: rem(1),\r\n              borderColor: 'surface-variant',\r\n            }\r\n          : {}),\r\n        ...(backgroundOverlay\r\n          ? getBackgroundOverlay(theme, backgroundOverlay, 'primary')\r\n          : {}),\r\n        ...(darkThemeBackgroundOverlay\r\n          ? getDarkThemeBackgroundOverlay(\r\n              theme,\r\n              darkThemeBackgroundOverlay,\r\n              'primary'\r\n            )\r\n          : {}),\r\n        ...__css,\r\n      }}\r\n      {...otherProps}\r\n    >\r\n      {children}\r\n    </Box>\r\n  );\r\n});\r\n"],"mappings":";;;AACA,SAASA,UAAT,QAA2B,OAA3B;AAIA,SAASC,GAAT,QAAoB,QAApB;AACA,SAASC,QAAT,QAAyB,UAAzB;AACA,SAASC,oBAAT,EAA+BC,6BAA/B,QAAoE,UAApE;;AAWA,OAAO,IAAMC,KAAK,gBAAGL,UAAU,CAA6B,SAASK,KAAT,CAC1DC,KAD0D,EAE1DC,YAF0D,EAG1D;EACA,IACEC,QADF,GAQIF,KARJ,CACEE,QADF;EAAA,uBAQIF,KARJ,CAEEG,SAFF;EAAA,IAEEA,SAFF,iCAEc,CAFd;EAAA,IAGEC,iBAHF,GAQIJ,KARJ,CAGEI,iBAHF;EAAA,IAIEC,0BAJF,GAQIL,KARJ,CAIEK,0BAJF;EAAA,mBAQIL,KARJ,CAKEM,KALF;EAAA,IAKEA,KALF,6BAKU,EALV;EAAA,IAMEC,QANF,GAQIP,KARJ,CAMEO,QANF;EAAA,IAOKC,UAPL,4BAQIR,KARJ;;EASA,IAAMS,KAAK,GAAGb,QAAQ,EAAtB;EAEA,oBACE,KAAC,GAAD;IACE,GAAG,EAAEK,YADP;IAEE,KAAK;MACHS,eAAe,EAAE,SADd;MAEHC,SAAS,EAAEC,MAAM,CAACT,SAAD,CAFd;MAGH,UAAU;QACRU,OAAO,EAAE;MADD;IAHP,GAMCX,QAAQ,GACR;MACEY,WAAW,EAAE,OADf;MAEEC,WAAW,aAFb;MAGEC,WAAW,EAAE;IAHf,CADQ,GAMR,EAZD,GAaCZ,iBAAiB,GACjBP,oBAAoB,CAACY,KAAD,EAAQL,iBAAR,EAA2B,SAA3B,CADH,GAEjB,EAfD,GAgBCC,0BAA0B,GAC1BP,6BAA6B,CAC3BW,KAD2B,EAE3BJ,0BAF2B,EAG3B,SAH2B,CADH,GAM1B,EAtBD,GAuBAC,KAvBA;EAFP,GA2BME,UA3BN;IAAA,UA6BGD;EA7BH,GADF;AAiCD,CAhD8B,CAAxB"}

package/build/esm/Paper/index.d.ts

@@ -1 +1 @@
-export * from './Paper';
+export * from './Paper';

package/build/esm/Paper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/Paper/index.ts"],"sourcesContent":["export * from './Paper';\n"],"mappings":"AAAA,cAAc,SAAd"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/Paper/index.ts"],"sourcesContent":["export * from './Paper';\r\n"],"mappings":"AAAA,cAAc,SAAd"}

package/build/esm/Popover/Popover.d.ts

@@ -1,14 +1,14 @@
-/// <reference types="react" />
-import { type PopperProps } from '@basic-ui/core';
-import type { BoxProps } from '../Box';
-import type { DialogBackdropProps } from '../Dialog/DialogBackdrop';
-import type { PopoverContainerProps } from './PopoverContainer';
-export declare type PopoverProps = BoxProps & Omit<PopperProps, 'usePortal'> & {
-    open: boolean;
-    onClose: () => void;
-    disableBackdropClick?: boolean;
-    disableEscapeKeyDown?: boolean;
-    backdropProps?: DialogBackdropProps;
-    containerProps?: PopoverContainerProps;
-};
-export declare const Popover: import("react").ForwardRefExoticComponent<Pick<PopoverProps, "translate" | "hidden" | keyof import("../Box").BaseProps | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "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" | "onClose" | "innerAs" | "disableEscapeKeyDown" | "containerProps" | "anchorEl" | "placement" | "strategy" | "modifiers" | "portalSelector" | "skidding" | "distance" | "offsetFn" | "arrowPadding" | "disableBackdropClick" | "backdropProps"> & import("react").RefAttributes<HTMLDivElement>>;
+/// <reference types="react" />
+import { type PopperProps } from '@basic-ui/core';
+import type { BoxProps } from '../Box';
+import type { DialogBackdropProps } from '../Dialog/DialogBackdrop';
+import type { PopoverContainerProps } from './PopoverContainer';
+export declare type PopoverProps = BoxProps & Omit<PopperProps, 'usePortal'> & {
+    open: boolean;
+    onClose: () => void;
+    disableBackdropClick?: boolean;
+    disableEscapeKeyDown?: boolean;
+    backdropProps?: DialogBackdropProps;
+    containerProps?: PopoverContainerProps;
+};
+export declare const Popover: import("react").ForwardRefExoticComponent<Pick<PopoverProps, "translate" | "slot" | "style" | "title" | "hidden" | keyof import("../Box").BaseProps | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "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" | "onClose" | "innerAs" | "disableEscapeKeyDown" | "containerProps" | "anchorEl" | "placement" | "strategy" | "modifiers" | "portalSelector" | "skidding" | "distance" | "offsetFn" | "arrowPadding" | "disableBackdropClick" | "backdropProps"> & import("react").RefAttributes<HTMLDivElement>>;

package/build/esm/Popover/PopoverContainer.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import type { BoxProps } from '../Box';
-export declare type PopoverContainerProps = BoxProps;
-export declare const PopoverContainer: import("react").ForwardRefExoticComponent<Pick<BoxProps<HTMLDivElement, import("react").HTMLAttributes<HTMLDivElement>>, "translate" | "hidden" | keyof import("../Box").BaseProps | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "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"> & import("react").RefAttributes<HTMLDivElement>>;
+/// <reference types="react" />
+import type { BoxProps } from '../Box';
+export declare type PopoverContainerProps = BoxProps;
+export declare const PopoverContainer: import("react").ForwardRefExoticComponent<Pick<BoxProps<HTMLDivElement, import("react").HTMLAttributes<HTMLDivElement>>, "hidden" | keyof import("../Box").BaseProps | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "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" | "key"> & import("react").RefAttributes<HTMLDivElement>>;

package/build/esm/Popover/PopoverSurface.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import type { ModalProps } from '@basic-ui/core';
-import type { PaperProps } from '../Paper';
-export declare type PopoverSurfaceProps = ModalProps & PaperProps;
-export declare const PopoverSurface: import("react").ForwardRefExoticComponent<Pick<PopoverSurfaceProps, "boxShadow" | "fontWeight" | "zIndex" | "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" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "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" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "variant" | "size" | "elevation" | "hidden" | "as" | "sx" | "__css" | "tx" | "theme" | "borderX" | "borderY" | "gridGap" | "gridColumnGap" | "gridRowGap" | "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" | "outlined" | "backgroundOverlay" | "darkThemeBackgroundOverlay" | "key" | "innerAs" | "trapFocus"> & import("react").RefAttributes<HTMLDivElement>>;
+/// <reference types="react" />
+import type { ModalProps } from '@basic-ui/core';
+import type { PaperProps } from '../Paper';
+export declare type PopoverSurfaceProps = ModalProps & PaperProps;
+export declare const PopoverSurface: import("react").ForwardRefExoticComponent<Pick<PopoverSurfaceProps, "boxShadow" | "fontWeight" | "zIndex" | "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" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "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" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "slot" | "style" | "title" | "hidden" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "size" | "borderX" | "borderY" | "gridGap" | "gridColumnGap" | "gridRowGap" | "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" | "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" | "key" | "outlined" | "backgroundOverlay" | "darkThemeBackgroundOverlay" | "innerAs" | "trapFocus"> & import("react").RefAttributes<HTMLDivElement>>;

package/build/esm/Popover/PopoverSurface.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverSurface.js","names":["forwardRef","Modal","_Modal","get","Paper","useTheme","growAnimation","EASING_STANDARD","PopoverSurface","props","forwardedRef","__css","otherProps","theme","overlayValue","position","borderRadius","overflow","pointerEvents","willChange","transformOrigin","animation"],"sources":["../../../src/Popover/PopoverSurface.tsx"],"sourcesContent":["import type { FC, Ref } from 'react';\nimport { forwardRef } from 'react';\nimport type { ModalProps } from '@basic-ui/core';\nimport { Modal as _Modal } from '@basic-ui/core';\nimport { get } from 'styled-system';\n\nimport type { PaperProps } from '../Paper';\nimport { Paper } from '../Paper';\nimport { useTheme } from '../theme';\nimport { growAnimation } from '../Menu';\nimport { EASING_STANDARD } from '../motion';\n\nconst Modal = _Modal as FC<PopoverSurfaceProps & { ref?: Ref<HTMLDivElement> }>;\n\nexport type PopoverSurfaceProps = ModalProps & PaperProps;\n\nexport const PopoverSurface = forwardRef<HTMLDivElement, PopoverSurfaceProps>(\n  function PopoverSurface(props, forwardedRef) {\n    const { __css, ...otherProps } = props;\n    const theme = useTheme();\n\n    const overlayValue =\n      (get(theme, 'dialogs.backgroundColorOverlay') as number) || 0;\n\n    return (\n      <Modal\n        ref={forwardedRef}\n        as={Paper}\n        theme={theme}\n        elevation={3}\n        darkThemeBackgroundOverlay={overlayValue}\n        __css={{\n          position: 'relative',\n          borderRadius: 'extra-small',\n          overflow: 'auto',\n          pointerEvents: 'auto',\n          willChange: 'transform,opacity',\n          '[data-popper-placement=\"top\"] &': {\n            transformOrigin: 'bottom center',\n          },\n          '[data-popper-placement=\"bottom\"] &': {\n            transformOrigin: 'top center',\n          },\n          animation: `${growAnimation} .12s ${EASING_STANDARD}`,\n          ...__css,\n        }}\n        {...otherProps}\n      />\n    );\n  }\n);\n"],"mappings":";;;AACA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,KAAK,IAAIC,MAAlB,QAAgC,gBAAhC;AACA,SAASC,GAAT,QAAoB,eAApB;AAGA,SAASC,KAAT,QAAsB,UAAtB;AACA,SAASC,QAAT,QAAyB,UAAzB;AACA,SAASC,aAAT,QAA8B,SAA9B;AACA,SAASC,eAAT,QAAgC,WAAhC;;AAEA,IAAMN,KAAK,GAAGC,MAAd;AAIA,OAAO,IAAMM,cAAc,gBAAGR,UAAU,CACtC,SAASQ,cAAT,CAAwBC,KAAxB,EAA+BC,YAA/B,EAA6C;EAC3C,IAAQC,KAAR,GAAiCF,KAAjC,CAAQE,KAAR;EAAA,IAAkBC,UAAlB,4BAAiCH,KAAjC;;EACA,IAAMI,KAAK,GAAGR,QAAQ,EAAtB;EAEA,IAAMS,YAAY,GACfX,GAAG,CAACU,KAAD,EAAQ,gCAAR,CAAJ,IAA4D,CAD9D;EAGA,oBACE,KAAC,KAAD;IACE,GAAG,EAAEH,YADP;IAEE,EAAE,EAAEN,KAFN;IAGE,KAAK,EAAES,KAHT;IAIE,SAAS,EAAE,CAJb;IAKE,0BAA0B,EAAEC,YAL9B;IAME,KAAK;MACHC,QAAQ,EAAE,UADP;MAEHC,YAAY,EAAE,aAFX;MAGHC,QAAQ,EAAE,MAHP;MAIHC,aAAa,EAAE,MAJZ;MAKHC,UAAU,EAAE,mBALT;MAMH,mCAAmC;QACjCC,eAAe,EAAE;MADgB,CANhC;MASH,sCAAsC;QACpCA,eAAe,EAAE;MADmB,CATnC;MAYHC,SAAS,YAAKf,aAAL,mBAA2BC,eAA3B;IAZN,GAaAI,KAbA;EANP,GAqBMC,UArBN,EADF;AAyBD,CAjCqC,CAAjC"}
+{"version":3,"file":"PopoverSurface.js","names":["forwardRef","Modal","_Modal","get","Paper","useTheme","growAnimation","EASING_STANDARD","PopoverSurface","props","forwardedRef","__css","otherProps","theme","overlayValue","position","borderRadius","overflow","pointerEvents","willChange","transformOrigin","animation"],"sources":["../../../src/Popover/PopoverSurface.tsx"],"sourcesContent":["import type { FC, Ref } from 'react';\r\nimport { forwardRef } from 'react';\r\nimport type { ModalProps } from '@basic-ui/core';\r\nimport { Modal as _Modal } from '@basic-ui/core';\r\nimport { get } from 'styled-system';\r\n\r\nimport type { PaperProps } from '../Paper';\r\nimport { Paper } from '../Paper';\r\nimport { useTheme } from '../theme';\r\nimport { growAnimation } from '../Menu';\r\nimport { EASING_STANDARD } from '../motion';\r\n\r\nconst Modal = _Modal as FC<PopoverSurfaceProps & { ref?: Ref<HTMLDivElement> }>;\r\n\r\nexport type PopoverSurfaceProps = ModalProps & PaperProps;\r\n\r\nexport const PopoverSurface = forwardRef<HTMLDivElement, PopoverSurfaceProps>(\r\n  function PopoverSurface(props, forwardedRef) {\r\n    const { __css, ...otherProps } = props;\r\n    const theme = useTheme();\r\n\r\n    const overlayValue =\r\n      (get(theme, 'dialogs.backgroundColorOverlay') as number) || 0;\r\n\r\n    return (\r\n      <Modal\r\n        ref={forwardedRef}\r\n        as={Paper}\r\n        theme={theme}\r\n        elevation={3}\r\n        darkThemeBackgroundOverlay={overlayValue}\r\n        __css={{\r\n          position: 'relative',\r\n          borderRadius: 'extra-small',\r\n          overflow: 'auto',\r\n          pointerEvents: 'auto',\r\n          willChange: 'transform,opacity',\r\n          '[data-popper-placement=\"top\"] &': {\r\n            transformOrigin: 'bottom center',\r\n          },\r\n          '[data-popper-placement=\"bottom\"] &': {\r\n            transformOrigin: 'top center',\r\n          },\r\n          animation: `${growAnimation} .12s ${EASING_STANDARD}`,\r\n          ...__css,\r\n        }}\r\n        {...otherProps}\r\n      />\r\n    );\r\n  }\r\n);\r\n"],"mappings":";;;AACA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,KAAK,IAAIC,MAAlB,QAAgC,gBAAhC;AACA,SAASC,GAAT,QAAoB,eAApB;AAGA,SAASC,KAAT,QAAsB,UAAtB;AACA,SAASC,QAAT,QAAyB,UAAzB;AACA,SAASC,aAAT,QAA8B,SAA9B;AACA,SAASC,eAAT,QAAgC,WAAhC;;AAEA,IAAMN,KAAK,GAAGC,MAAd;AAIA,OAAO,IAAMM,cAAc,gBAAGR,UAAU,CACtC,SAASQ,cAAT,CAAwBC,KAAxB,EAA+BC,YAA/B,EAA6C;EAC3C,IAAQC,KAAR,GAAiCF,KAAjC,CAAQE,KAAR;EAAA,IAAkBC,UAAlB,4BAAiCH,KAAjC;;EACA,IAAMI,KAAK,GAAGR,QAAQ,EAAtB;EAEA,IAAMS,YAAY,GACfX,GAAG,CAACU,KAAD,EAAQ,gCAAR,CAAJ,IAA4D,CAD9D;EAGA,oBACE,KAAC,KAAD;IACE,GAAG,EAAEH,YADP;IAEE,EAAE,EAAEN,KAFN;IAGE,KAAK,EAAES,KAHT;IAIE,SAAS,EAAE,CAJb;IAKE,0BAA0B,EAAEC,YAL9B;IAME,KAAK;MACHC,QAAQ,EAAE,UADP;MAEHC,YAAY,EAAE,aAFX;MAGHC,QAAQ,EAAE,MAHP;MAIHC,aAAa,EAAE,MAJZ;MAKHC,UAAU,EAAE,mBALT;MAMH,mCAAmC;QACjCC,eAAe,EAAE;MADgB,CANhC;MASH,sCAAsC;QACpCA,eAAe,EAAE;MADmB,CATnC;MAYHC,SAAS,YAAKf,aAAL,mBAA2BC,eAA3B;IAZN,GAaAI,KAbA;EANP,GAqBMC,UArBN,EADF;AAyBD,CAjCqC,CAAjC"}

package/build/esm/Popover/index.d.ts

@@ -1 +1 @@
-export * from './Popover';
+export * from './Popover';

package/build/esm/Popover/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/Popover/index.ts"],"sourcesContent":["export * from './Popover';\n"],"mappings":"AAAA,cAAc,WAAd"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/Popover/index.ts"],"sourcesContent":["export * from './Popover';\r\n"],"mappings":"AAAA,cAAc,WAAd"}

package/build/esm/ProgressSpinner/ProgressSpinner.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-import type { BoxProps } from '../Box';
-export declare type ProgressSpinnerProps = BoxProps & {
-    progress?: number;
-    thickness?: number;
-    size?: number;
-};
-export declare const ProgressSpinner: import("react").ForwardRefExoticComponent<Pick<ProgressSpinnerProps, "translate" | "hidden" | keyof import("../Box").BaseProps | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "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" | "progress" | "thickness"> & import("react").RefAttributes<HTMLDivElement>>;
+/// <reference types="react" />
+import type { BoxProps } from '../Box';
+export declare type ProgressSpinnerProps = BoxProps & {
+    progress?: number;
+    thickness?: number;
+    size?: number;
+};
+export declare const ProgressSpinner: import("react").ForwardRefExoticComponent<Pick<ProgressSpinnerProps, "translate" | "hidden" | keyof import("../Box").BaseProps | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "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" | "progress" | "thickness"> & import("react").RefAttributes<HTMLDivElement>>;

package/build/esm/ProgressSpinner/ProgressSpinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressSpinner.js","names":["forwardRef","keyframes","rem","Box","EASING_STANDARD","innerDivRotate","transform","circleIndeterminate","strokeDasharray","strokeDashoffset","SIZE","ProgressSpinner","props","forwardedRef","__css","progressProp","progress","thickness","size","otherProps","indeterminate","undefined","circumference","Math","PI","color","display","width","height","transformOrigin","animation","toFixed","transition"],"sources":["../../../src/ProgressSpinner/ProgressSpinner.tsx"],"sourcesContent":["import type { SVGAttributes } from 'react';\nimport { forwardRef } from 'react';\nimport { keyframes } from '@emotion/react';\nimport { rem } from 'polished';\n\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\nimport { EASING_STANDARD } from '../motion';\n\nexport type ProgressSpinnerProps = BoxProps & {\n  progress?: number;\n  thickness?: number;\n  size?: number;\n};\n\nconst innerDivRotate = keyframes({\n  '0%': {\n    transform: 'rotate(-90deg)',\n  },\n  '100%': {\n    transform: 'rotate(270deg)',\n  },\n});\n\nconst circleIndeterminate = keyframes({\n  '0%': {\n    strokeDasharray: '1px, 200px',\n    strokeDashoffset: '0px',\n  },\n  '50%': {\n    strokeDasharray: '100px, 200px',\n    strokeDashoffset: '-15px',\n  },\n  '100%': {\n    strokeDasharray: '100px, 200px',\n    strokeDashoffset: '-125px',\n  },\n});\n\nconst SIZE = 44;\n\nexport const ProgressSpinner = forwardRef<HTMLDivElement, ProgressSpinnerProps>(\n  function ProgressSpinner(props, forwardedRef) {\n    const {\n      __css,\n      progress: progressProp,\n      thickness = 3.6,\n      size = 40,\n      ...otherProps\n    } = props;\n\n    const indeterminate = progressProp === undefined;\n    const progress = progressProp ?? 0;\n\n    const circumference = 2 * Math.PI * ((SIZE - thickness) / 2);\n    return (\n      <Box\n        ref={forwardedRef}\n        {...otherProps}\n        __css={{\n          color: 'primary',\n          display: 'inline-block',\n          width: rem(size),\n          height: rem(size),\n          ...__css,\n        }}\n      >\n        <Box\n          __css={{\n            display: 'inline-block',\n            width: '100%',\n            height: '100%',\n            transformOrigin: '50% 50%',\n            transform: 'rotate(-90deg)',\n            ...(indeterminate && {\n              animation: `${innerDivRotate} 1.4s linear infinite`,\n            }),\n          }}\n        >\n          <Box<BoxProps<SVGElement, SVGAttributes<SVGElement>>>\n            as=\"svg\"\n            viewBox=\"22 22 44 44\"\n            display=\"block\"\n          >\n            <Box<BoxProps<SVGElement, SVGAttributes<SVGElement>>>\n              as=\"circle\"\n              stroke=\"currentColor\"\n              cx={SIZE}\n              cy={SIZE}\n              r={(SIZE - thickness) / 2}\n              fill=\"none\"\n              strokeWidth={thickness}\n              style={\n                indeterminate\n                  ? {}\n                  : {\n                      strokeDashoffset: `${(\n                        ((100 - progress) / 100) *\n                        circumference\n                      ).toFixed(3)}px`,\n                    }\n              }\n              __css={\n                indeterminate\n                  ? {\n                      animation: `${circleIndeterminate} 1.4s ease-in-out infinite`,\n                    }\n                  : {\n                      transition: `stroke-dashoffset 300ms ${EASING_STANDARD} 0ms`,\n                      strokeDasharray: circumference.toFixed(3),\n                    }\n              }\n            />\n          </Box>\n        </Box>\n      </Box>\n    );\n  }\n);\n"],"mappings":"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"}
+{"version":3,"file":"ProgressSpinner.js","names":["forwardRef","keyframes","rem","Box","EASING_STANDARD","innerDivRotate","transform","circleIndeterminate","strokeDasharray","strokeDashoffset","SIZE","ProgressSpinner","props","forwardedRef","__css","progressProp","progress","thickness","size","otherProps","indeterminate","undefined","circumference","Math","PI","color","display","width","height","transformOrigin","animation","toFixed","transition"],"sources":["../../../src/ProgressSpinner/ProgressSpinner.tsx"],"sourcesContent":["import type { SVGAttributes } from 'react';\r\nimport { forwardRef } from 'react';\r\nimport { keyframes } from '@emotion/react';\r\nimport { rem } from 'polished';\r\n\r\nimport type { BoxProps } from '../Box';\r\nimport { Box } from '../Box';\r\nimport { EASING_STANDARD } from '../motion';\r\n\r\nexport type ProgressSpinnerProps = BoxProps & {\r\n  progress?: number;\r\n  thickness?: number;\r\n  size?: number;\r\n};\r\n\r\nconst innerDivRotate = keyframes({\r\n  '0%': {\r\n    transform: 'rotate(-90deg)',\r\n  },\r\n  '100%': {\r\n    transform: 'rotate(270deg)',\r\n  },\r\n});\r\n\r\nconst circleIndeterminate = keyframes({\r\n  '0%': {\r\n    strokeDasharray: '1px, 200px',\r\n    strokeDashoffset: '0px',\r\n  },\r\n  '50%': {\r\n    strokeDasharray: '100px, 200px',\r\n    strokeDashoffset: '-15px',\r\n  },\r\n  '100%': {\r\n    strokeDasharray: '100px, 200px',\r\n    strokeDashoffset: '-125px',\r\n  },\r\n});\r\n\r\nconst SIZE = 44;\r\n\r\nexport const ProgressSpinner = forwardRef<HTMLDivElement, ProgressSpinnerProps>(\r\n  function ProgressSpinner(props, forwardedRef) {\r\n    const {\r\n      __css,\r\n      progress: progressProp,\r\n      thickness = 3.6,\r\n      size = 40,\r\n      ...otherProps\r\n    } = props;\r\n\r\n    const indeterminate = progressProp === undefined;\r\n    const progress = progressProp ?? 0;\r\n\r\n    const circumference = 2 * Math.PI * ((SIZE - thickness) / 2);\r\n    return (\r\n      <Box\r\n        ref={forwardedRef}\r\n        {...otherProps}\r\n        __css={{\r\n          color: 'primary',\r\n          display: 'inline-block',\r\n          width: rem(size),\r\n          height: rem(size),\r\n          ...__css,\r\n        }}\r\n      >\r\n        <Box\r\n          __css={{\r\n            display: 'inline-block',\r\n            width: '100%',\r\n            height: '100%',\r\n            transformOrigin: '50% 50%',\r\n            transform: 'rotate(-90deg)',\r\n            ...(indeterminate && {\r\n              animation: `${innerDivRotate} 1.4s linear infinite`,\r\n            }),\r\n          }}\r\n        >\r\n          <Box<BoxProps<SVGElement, SVGAttributes<SVGElement>>>\r\n            as=\"svg\"\r\n            viewBox=\"22 22 44 44\"\r\n            display=\"block\"\r\n          >\r\n            <Box<BoxProps<SVGElement, SVGAttributes<SVGElement>>>\r\n              as=\"circle\"\r\n              stroke=\"currentColor\"\r\n              cx={SIZE}\r\n              cy={SIZE}\r\n              r={(SIZE - thickness) / 2}\r\n              fill=\"none\"\r\n              strokeWidth={thickness}\r\n              style={\r\n                indeterminate\r\n                  ? {}\r\n                  : {\r\n                      strokeDashoffset: `${(\r\n                        ((100 - progress) / 100) *\r\n                        circumference\r\n                      ).toFixed(3)}px`,\r\n                    }\r\n              }\r\n              __css={\r\n                indeterminate\r\n                  ? {\r\n                      animation: `${circleIndeterminate} 1.4s ease-in-out infinite`,\r\n                    }\r\n                  : {\r\n                      transition: `stroke-dashoffset 300ms ${EASING_STANDARD} 0ms`,\r\n                      strokeDasharray: circumference.toFixed(3),\r\n                    }\r\n              }\r\n            />\r\n          </Box>\r\n        </Box>\r\n      </Box>\r\n    );\r\n  }\r\n);\r\n"],"mappings":";;;AACA,SAASA,UAAT,QAA2B,OAA3B;AACA,SAASC,SAAT,QAA0B,gBAA1B;AACA,SAASC,GAAT,QAAoB,UAApB;AAGA,SAASC,GAAT,QAAoB,QAApB;AACA,SAASC,eAAT,QAAgC,WAAhC;;AAQA,IAAMC,cAAc,GAAGJ,SAAS,CAAC;EAC/B,MAAM;IACJK,SAAS,EAAE;EADP,CADyB;EAI/B,QAAQ;IACNA,SAAS,EAAE;EADL;AAJuB,CAAD,CAAhC;AASA,IAAMC,mBAAmB,GAAGN,SAAS,CAAC;EACpC,MAAM;IACJO,eAAe,EAAE,YADb;IAEJC,gBAAgB,EAAE;EAFd,CAD8B;EAKpC,OAAO;IACLD,eAAe,EAAE,cADZ;IAELC,gBAAgB,EAAE;EAFb,CAL6B;EASpC,QAAQ;IACND,eAAe,EAAE,cADX;IAENC,gBAAgB,EAAE;EAFZ;AAT4B,CAAD,CAArC;AAeA,IAAMC,IAAI,GAAG,EAAb;AAEA,OAAO,IAAMC,eAAe,gBAAGX,UAAU,CACvC,SAASW,eAAT,CAAyBC,KAAzB,EAAgCC,YAAhC,EAA8C;EAC5C,IACEC,KADF,GAMIF,KANJ,CACEE,KADF;EAAA,IAEYC,YAFZ,GAMIH,KANJ,CAEEI,QAFF;EAAA,uBAMIJ,KANJ,CAGEK,SAHF;EAAA,IAGEA,SAHF,iCAGc,GAHd;EAAA,kBAMIL,KANJ,CAIEM,IAJF;EAAA,IAIEA,IAJF,4BAIS,EAJT;EAAA,IAKKC,UALL,4BAMIP,KANJ;;EAQA,IAAMQ,aAAa,GAAGL,YAAY,KAAKM,SAAvC;EACA,IAAML,QAAQ,GAAGD,YAAH,aAAGA,YAAH,cAAGA,YAAH,GAAmB,CAAjC;EAEA,IAAMO,aAAa,GAAG,IAAIC,IAAI,CAACC,EAAT,IAAe,CAACd,IAAI,GAAGO,SAAR,IAAqB,CAApC,CAAtB;EACA,oBACE,KAAC,GAAD;IACE,GAAG,EAAEJ;EADP,GAEMM,UAFN;IAGE,KAAK;MACHM,KAAK,EAAE,SADJ;MAEHC,OAAO,EAAE,cAFN;MAGHC,KAAK,EAAEzB,GAAG,CAACgB,IAAD,CAHP;MAIHU,MAAM,EAAE1B,GAAG,CAACgB,IAAD;IAJR,GAKAJ,KALA,CAHP;IAAA,uBAWE,KAAC,GAAD;MACE,KAAK;QACHY,OAAO,EAAE,cADN;QAEHC,KAAK,EAAE,MAFJ;QAGHC,MAAM,EAAE,MAHL;QAIHC,eAAe,EAAE,SAJd;QAKHvB,SAAS,EAAE;MALR,GAMCc,aAAa,IAAI;QACnBU,SAAS,YAAKzB,cAAL;MADU,CANlB,CADP;MAAA,uBAYE,KAAC,GAAD;QACE,EAAE,EAAC,KADL;QAEE,OAAO,EAAC,aAFV;QAGE,OAAO,EAAC,OAHV;QAAA,uBAKE,KAAC,GAAD;UACE,EAAE,EAAC,QADL;UAEE,MAAM,EAAC,cAFT;UAGE,EAAE,EAAEK,IAHN;UAIE,EAAE,EAAEA,IAJN;UAKE,CAAC,EAAE,CAACA,IAAI,GAAGO,SAAR,IAAqB,CAL1B;UAME,IAAI,EAAC,MANP;UAOE,WAAW,EAAEA,SAPf;UAQE,KAAK,EACHG,aAAa,GACT,EADS,GAET;YACEX,gBAAgB,YAAK,CAClB,CAAC,MAAMO,QAAP,IAAmB,GAApB,GACAM,aAFmB,EAGnBS,OAHmB,CAGX,CAHW,CAAL;UADlB,CAXR;UAkBE,KAAK,EACHX,aAAa,GACT;YACEU,SAAS,YAAKvB,mBAAL;UADX,CADS,GAIT;YACEyB,UAAU,oCAA6B5B,eAA7B,SADZ;YAEEI,eAAe,EAAEc,aAAa,CAACS,OAAd,CAAsB,CAAtB;UAFnB;QAvBR;MALF;IAZF;EAXF,GADF;AA8DD,CA5EsC,CAAlC"}

package/build/esm/ProgressSpinner/index.d.ts

@@ -1 +1 @@
-export * from './ProgressSpinner';
+export * from './ProgressSpinner';

package/build/esm/ProgressSpinner/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/ProgressSpinner/index.ts"],"sourcesContent":["export * from './ProgressSpinner';\n"],"mappings":"AAAA,cAAc,mBAAd"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/ProgressSpinner/index.ts"],"sourcesContent":["export * from './ProgressSpinner';\r\n"],"mappings":"AAAA,cAAc,mBAAd"}

package/build/esm/RadioButton/RadioButton.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import type { RadioButtonProps as RadioButtonCoreProps } from '@basic-ui/core';
-export declare type RadioButtonProps = RadioButtonCoreProps;
-export declare const RadioButton: import("react").ForwardRefExoticComponent<RadioButtonCoreProps & import("react").RefAttributes<HTMLInputElement>>;
+/// <reference types="react" />
+import type { RadioButtonProps as RadioButtonCoreProps } from '@basic-ui/core';
+export declare type RadioButtonProps = RadioButtonCoreProps;
+export declare const RadioButton: import("react").ForwardRefExoticComponent<RadioButtonCoreProps & import("react").RefAttributes<HTMLInputElement>>;

package/build/esm/RadioButton/RadioButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.js","names":["forwardRef","RadioButton","RadioButtonCore","Box","RippleBox","alpha","RadioButtonIcon","useTheme","SelectionControlLabel","SelectionControlText","RadioButtonInner","props","forwardedRef","as","innerAs","checked","disabled","__css","otherProps","color","theme","top","left","width","height","appearance","outline","border","borderRadius","zIndex","position","padding","lineHeight","children","inner"],"sources":["../../../src/RadioButton/RadioButton.tsx"],"sourcesContent":["import type { InputHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\nimport type { RadioButtonProps as RadioButtonCoreProps } from '@basic-ui/core';\nimport { RadioButton as RadioButtonCore } from '@basic-ui/core';\nimport { rem } from 'polished';\n\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\nimport type { RippleBoxProps } from '../Ripple';\nimport { RippleBox } from '../Ripple';\nimport { alpha } from '../color';\nimport { RadioButtonIcon } from './RadioButtonIcon';\nimport { useTheme } from '../theme';\nimport {\n  SelectionControlLabel,\n  SelectionControlText,\n} from '../SelectionControl';\n\nexport type RadioButtonProps = RadioButtonCoreProps;\n\nconst RadioButtonInner = forwardRef<\n  HTMLInputElement,\n  RadioButtonProps &\n    BoxProps<HTMLInputElement, InputHTMLAttributes<HTMLInputElement>>\n>(function RadioButtonInner(props, forwardedRef) {\n  const { innerAs: as, checked, disabled, __css, ...otherProps } = props;\n  const color = 'primary';\n  const theme = useTheme();\n\n  return (\n    <Box position=\"relative\" display=\"inline-block\" minWidth=\"auto\">\n      <RippleBox<\n        RippleBoxProps<HTMLInputElement, InputHTMLAttributes<HTMLInputElement>>\n      >\n        as={as}\n        checked={checked}\n        ref={forwardedRef}\n        rippleColor={color}\n        baseOpacity={0}\n        hoverOpacity={0.04}\n        focusOpacity={0.12}\n        center={true}\n        disabled={disabled}\n        theme={theme}\n        __css={{\n          top: 0,\n          left: 0,\n          width: rem(40),\n          height: rem(40),\n          appearance: 'none',\n          ':focus': {\n            outline: 'none',\n          },\n          border: 'none',\n          borderRadius: 'full',\n          zIndex: 1,\n          position: 'absolute',\n          ...__css,\n        }}\n        {...otherProps}\n      />\n      <Box\n        __css={{\n          position: 'relative',\n          top: 0,\n          left: 0,\n          width: rem(40),\n          height: rem(40),\n          padding: rem(10),\n          lineHeight: 1,\n          color: checked ? 'primary' : alpha('on.surface', 0.54),\n          'input:disabled + &': {\n            color: alpha('on.surface', 0.38),\n          },\n        }}\n        role=\"presentation\"\n        aria-hidden=\"true\"\n      >\n        <RadioButtonIcon checked={checked} disabled={disabled} />\n      </Box>\n    </Box>\n  );\n});\n\nexport const RadioButton = forwardRef<HTMLInputElement, RadioButtonProps>(\n  function RadioButton(props, forwardedRef) {\n    const { as = 'input', children, disabled, ...otherProps } = props;\n\n    const inner = (\n      <RadioButtonCore\n        as={RadioButtonInner}\n        innerAs={as}\n        ref={forwardedRef}\n        disabled={disabled}\n        {...otherProps}\n      />\n    );\n\n    if (!children) {\n      return inner;\n    }\n\n    return (\n      <SelectionControlLabel>\n        {inner}\n        <SelectionControlText disabled={disabled}>\n          {children}\n        </SelectionControlText>\n      </SelectionControlLabel>\n    );\n  }\n);\n"],"mappings":"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"}
+{"version":3,"file":"RadioButton.js","names":["forwardRef","RadioButton","RadioButtonCore","Box","RippleBox","alpha","RadioButtonIcon","useTheme","SelectionControlLabel","SelectionControlText","RadioButtonInner","props","forwardedRef","as","innerAs","checked","disabled","__css","otherProps","color","theme","top","left","width","height","appearance","outline","border","borderRadius","zIndex","position","padding","lineHeight","children","inner"],"sources":["../../../src/RadioButton/RadioButton.tsx"],"sourcesContent":["import type { InputHTMLAttributes } from 'react';\r\nimport { forwardRef } from 'react';\r\nimport type { RadioButtonProps as RadioButtonCoreProps } from '@basic-ui/core';\r\nimport { RadioButton as RadioButtonCore } from '@basic-ui/core';\r\nimport { rem } from 'polished';\r\n\r\nimport type { BoxProps } from '../Box';\r\nimport { Box } from '../Box';\r\nimport type { RippleBoxProps } from '../Ripple';\r\nimport { RippleBox } from '../Ripple';\r\nimport { alpha } from '../color';\r\nimport { RadioButtonIcon } from './RadioButtonIcon';\r\nimport { useTheme } from '../theme';\r\nimport {\r\n  SelectionControlLabel,\r\n  SelectionControlText,\r\n} from '../SelectionControl';\r\n\r\nexport type RadioButtonProps = RadioButtonCoreProps;\r\n\r\nconst RadioButtonInner = forwardRef<\r\n  HTMLInputElement,\r\n  RadioButtonProps &\r\n    BoxProps<HTMLInputElement, InputHTMLAttributes<HTMLInputElement>>\r\n>(function RadioButtonInner(props, forwardedRef) {\r\n  const { innerAs: as, checked, disabled, __css, ...otherProps } = props;\r\n  const color = 'primary';\r\n  const theme = useTheme();\r\n\r\n  return (\r\n    <Box position=\"relative\" display=\"inline-block\" minWidth=\"auto\">\r\n      <RippleBox<\r\n        RippleBoxProps<HTMLInputElement, InputHTMLAttributes<HTMLInputElement>>\r\n      >\r\n        as={as}\r\n        checked={checked}\r\n        ref={forwardedRef}\r\n        rippleColor={color}\r\n        baseOpacity={0}\r\n        hoverOpacity={0.04}\r\n        focusOpacity={0.12}\r\n        center={true}\r\n        disabled={disabled}\r\n        theme={theme}\r\n        __css={{\r\n          top: 0,\r\n          left: 0,\r\n          width: rem(40),\r\n          height: rem(40),\r\n          appearance: 'none',\r\n          ':focus': {\r\n            outline: 'none',\r\n          },\r\n          border: 'none',\r\n          borderRadius: 'full',\r\n          zIndex: 1,\r\n          position: 'absolute',\r\n          ...__css,\r\n        }}\r\n        {...otherProps}\r\n      />\r\n      <Box\r\n        __css={{\r\n          position: 'relative',\r\n          top: 0,\r\n          left: 0,\r\n          width: rem(40),\r\n          height: rem(40),\r\n          padding: rem(10),\r\n          lineHeight: 1,\r\n          color: checked ? 'primary' : alpha('on.surface', 0.54),\r\n          'input:disabled + &': {\r\n            color: alpha('on.surface', 0.38),\r\n          },\r\n        }}\r\n        role=\"presentation\"\r\n        aria-hidden=\"true\"\r\n      >\r\n        <RadioButtonIcon checked={checked} disabled={disabled} />\r\n      </Box>\r\n    </Box>\r\n  );\r\n});\r\n\r\nexport const RadioButton = forwardRef<HTMLInputElement, RadioButtonProps>(\r\n  function RadioButton(props, forwardedRef) {\r\n    const { as = 'input', children, disabled, ...otherProps } = props;\r\n\r\n    const inner = (\r\n      <RadioButtonCore\r\n        as={RadioButtonInner}\r\n        innerAs={as}\r\n        ref={forwardedRef}\r\n        disabled={disabled}\r\n        {...otherProps}\r\n      />\r\n    );\r\n\r\n    if (!children) {\r\n      return inner;\r\n    }\r\n\r\n    return (\r\n      <SelectionControlLabel>\r\n        {inner}\r\n        <SelectionControlText disabled={disabled}>\r\n          {children}\r\n        </SelectionControlText>\r\n      </SelectionControlLabel>\r\n    );\r\n  }\r\n);\r\n"],"mappings":"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"}

package/build/esm/RadioButton/RadioButtonIcon.d.ts

@@ -1,6 +1,6 @@
-import type { HTMLAttributes } from 'react';
-export interface RadioButtonIconProps extends HTMLAttributes<HTMLDivElement> {
-    checked?: boolean;
-    disabled?: boolean;
-}
-export declare const RadioButtonIcon: import("react").ForwardRefExoticComponent<RadioButtonIconProps & import("react").RefAttributes<HTMLDivElement>>;
+import type { HTMLAttributes } from 'react';
+export interface RadioButtonIconProps extends HTMLAttributes<HTMLDivElement> {
+    checked?: boolean;
+    disabled?: boolean;
+}
+export declare const RadioButtonIcon: import("react").ForwardRefExoticComponent<RadioButtonIconProps & import("react").RefAttributes<HTMLDivElement>>;

package/build/esm/RadioButton/RadioButtonIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButtonIcon.js","names":["forwardRef","Box","EASING_STANDARD","RadioButtonIcon","props","forwardedRef","checked","otherProps","borderColor","borderStyle","borderRadius","borderWidth","width","height","p","backgroundColor","transition","transform"],"sources":["../../../src/RadioButton/RadioButtonIcon.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\nimport { rem } from 'polished';\n\nimport { Box } from '../Box';\nimport { EASING_STANDARD } from '../motion';\n\nexport interface RadioButtonIconProps extends HTMLAttributes<HTMLDivElement> {\n  checked?: boolean;\n  disabled?: boolean;\n}\n\nexport const RadioButtonIcon = forwardRef<HTMLDivElement, RadioButtonIconProps>(\n  function RadioButtonIcon(props, forwardedRef) {\n    const { checked, ...otherProps } = props;\n\n    return (\n      <Box\n        ref={forwardedRef}\n        __css={{\n          borderColor: 'currentColor',\n          borderStyle: 'solid',\n          borderRadius: 'full',\n          borderWidth: rem(2),\n          width: '100%',\n          height: '100%',\n          p: rem(3),\n        }}\n        {...otherProps}\n      >\n        <Box\n          __css={{\n            backgroundColor: 'currentColor',\n            borderRadius: 'full',\n            width: '100%',\n            height: '100%',\n            transition: `transform .12s ${EASING_STANDARD} 0ms,background-color .12s ${EASING_STANDARD} 0ms`,\n            transform: checked ? 'scale(1)' : 'scale(0)',\n          }}\n        />\n      </Box>\n    );\n  }\n);\n"],"mappings":";;;AACA,SAASA,UAAT,QAA2B,OAA3B;AAGA,SAASC,GAAT,QAAoB,QAApB;AACA,SAASC,eAAT,QAAgC,WAAhC;;AAOA,OAAO,IAAMC,eAAe,gBAAGH,UAAU,CACvC,SAASG,eAAT,CAAyBC,KAAzB,EAAgCC,YAAhC,EAA8C;EAC5C,IAAQC,OAAR,GAAmCF,KAAnC,CAAQE,OAAR;EAAA,IAAoBC,UAApB,4BAAmCH,KAAnC;;EAEA,oBACE,KAAC,GAAD;IACE,GAAG,EAAEC,YADP;IAEE,KAAK,EAAE;MACLG,WAAW,EAAE,cADR;MAELC,WAAW,EAAE,OAFR;MAGLC,YAAY,EAAE,MAHT;MAILC,WAAW,YAJN;MAKLC,KAAK,EAAE,MALF;MAMLC,MAAM,EAAE,MANH;MAOLC,CAAC;IAPI;EAFT,GAWMP,UAXN;IAAA,uBAaE,KAAC,GAAD;MACE,KAAK,EAAE;QACLQ,eAAe,EAAE,cADZ;QAELL,YAAY,EAAE,MAFT;QAGLE,KAAK,EAAE,MAHF;QAILC,MAAM,EAAE,MAJH;QAKLG,UAAU,2BAAoBd,eAApB,wCAAiEA,eAAjE,SALL;QAMLe,SAAS,EAAEX,OAAO,GAAG,UAAH,GAAgB;MAN7B;IADT;EAbF,GADF;AA0BD,CA9BsC,CAAlC"}
+{"version":3,"file":"RadioButtonIcon.js","names":["forwardRef","Box","EASING_STANDARD","RadioButtonIcon","props","forwardedRef","checked","otherProps","borderColor","borderStyle","borderRadius","borderWidth","width","height","p","backgroundColor","transition","transform"],"sources":["../../../src/RadioButton/RadioButtonIcon.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\r\nimport { forwardRef } from 'react';\r\nimport { rem } from 'polished';\r\n\r\nimport { Box } from '../Box';\r\nimport { EASING_STANDARD } from '../motion';\r\n\r\nexport interface RadioButtonIconProps extends HTMLAttributes<HTMLDivElement> {\r\n  checked?: boolean;\r\n  disabled?: boolean;\r\n}\r\n\r\nexport const RadioButtonIcon = forwardRef<HTMLDivElement, RadioButtonIconProps>(\r\n  function RadioButtonIcon(props, forwardedRef) {\r\n    const { checked, ...otherProps } = props;\r\n\r\n    return (\r\n      <Box\r\n        ref={forwardedRef}\r\n        __css={{\r\n          borderColor: 'currentColor',\r\n          borderStyle: 'solid',\r\n          borderRadius: 'full',\r\n          borderWidth: rem(2),\r\n          width: '100%',\r\n          height: '100%',\r\n          p: rem(3),\r\n        }}\r\n        {...otherProps}\r\n      >\r\n        <Box\r\n          __css={{\r\n            backgroundColor: 'currentColor',\r\n            borderRadius: 'full',\r\n            width: '100%',\r\n            height: '100%',\r\n            transition: `transform .12s ${EASING_STANDARD} 0ms,background-color .12s ${EASING_STANDARD} 0ms`,\r\n            transform: checked ? 'scale(1)' : 'scale(0)',\r\n          }}\r\n        />\r\n      </Box>\r\n    );\r\n  }\r\n);\r\n"],"mappings":";;;AACA,SAASA,UAAT,QAA2B,OAA3B;AAGA,SAASC,GAAT,QAAoB,QAApB;AACA,SAASC,eAAT,QAAgC,WAAhC;;AAOA,OAAO,IAAMC,eAAe,gBAAGH,UAAU,CACvC,SAASG,eAAT,CAAyBC,KAAzB,EAAgCC,YAAhC,EAA8C;EAC5C,IAAQC,OAAR,GAAmCF,KAAnC,CAAQE,OAAR;EAAA,IAAoBC,UAApB,4BAAmCH,KAAnC;;EAEA,oBACE,KAAC,GAAD;IACE,GAAG,EAAEC,YADP;IAEE,KAAK,EAAE;MACLG,WAAW,EAAE,cADR;MAELC,WAAW,EAAE,OAFR;MAGLC,YAAY,EAAE,MAHT;MAILC,WAAW,YAJN;MAKLC,KAAK,EAAE,MALF;MAMLC,MAAM,EAAE,MANH;MAOLC,CAAC;IAPI;EAFT,GAWMP,UAXN;IAAA,uBAaE,KAAC,GAAD;MACE,KAAK,EAAE;QACLQ,eAAe,EAAE,cADZ;QAELL,YAAY,EAAE,MAFT;QAGLE,KAAK,EAAE,MAHF;QAILC,MAAM,EAAE,MAJH;QAKLG,UAAU,2BAAoBd,eAApB,wCAAiEA,eAAjE,SALL;QAMLe,SAAS,EAAEX,OAAO,GAAG,UAAH,GAAgB;MAN7B;IADT;EAbF,GADF;AA0BD,CA9BsC,CAAlC"}