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

package/build/esm/NotchedOutline/styledComponents.js

@@ -1,89 +1,84 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _styled from "@emotion/styled/base";
 import { rem } from 'polished';
-import { alpha } from '../color';
 import shouldForwardProp from '@styled-system/should-forward-prop';
 import { css } from '@styled-system/css';
-export const NOTCH_PADDING = 4;
+import { alpha } from '../color';
+export var NOTCH_PADDING = 4;
 
-const makeSelector = state => "input:".concat(state, " ~ & [data-notch-outline-item],") + "select:".concat(state, " ~ & [data-notch-outline-item],") + "[role=\"button\"]:".concat(state, " ~ & [data-notch-outline-item],") + "textarea:".concat(state, " ~ & [data-notch-outline-item]");
+var makeSelector = function makeSelector(state) {
+  return "input:".concat(state, " ~ & [data-notch-outline-item],") + "select:".concat(state, " ~ & [data-notch-outline-item],") + "[role=\"button\"]:".concat(state, " ~ & [data-notch-outline-item],") + "textarea:".concat(state, " ~ & [data-notch-outline-item]");
+};
 
-export const InnerContainer = /*#__PURE__*/_styled('div', process.env.NODE_ENV === "production" ? {
-  shouldForwardProp,
+export var InnerContainer = /*#__PURE__*/_styled('div', process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: shouldForwardProp,
   target: "ejp8zhv0"
 } : {
-  shouldForwardProp,
+  shouldForwardProp: shouldForwardProp,
   target: "ejp8zhv0",
   label: "InnerContainer"
-})("position:absolute;display:flex;left:0;top:0;bottom:0;width:100%;height:100%;pointer-events:none;", ({
-  color = 'on.surface',
-  borderRadius: borderRadiusPx,
-  borderWidth: borderWidthPx,
-  borderWidthWhenFocused: borderWidthWhenFocusedPx,
-  borderStyle,
-  notchStart,
-  forceActive = false
-}) => {
-  const width = rem(notchStart - NOTCH_PADDING);
-  const borderRadius = rem(borderRadiusPx);
-  const borderWidth = rem(borderWidthPx);
-  const borderWidthWhenFocused = rem(borderWidthWhenFocusedPx);
+})("position:absolute;display:flex;left:0;top:0;bottom:0;width:100%;height:100%;pointer-events:none;", function (_ref) {
+  var _css;
+
+  var _ref$color = _ref.color,
+      color = _ref$color === void 0 ? 'on.surface' : _ref$color,
+      borderRadiusPx = _ref.borderRadius,
+      borderWidthPx = _ref.borderWidth,
+      borderWidthWhenFocusedPx = _ref.borderWidthWhenFocused,
+      borderStyle = _ref.borderStyle,
+      notchStart = _ref.notchStart,
+      _ref$forceActive = _ref.forceActive,
+      forceActive = _ref$forceActive === void 0 ? false : _ref$forceActive;
+  var width = rem(notchStart - NOTCH_PADDING);
+  var borderRadius = rem(borderRadiusPx);
+  var borderWidth = rem(borderWidthPx);
+  var borderWidthWhenFocused = rem(borderWidthWhenFocusedPx);
 
   function borderStyling(borderRadius, borderWidth) {
-    return {
-      ['&[data-notch-outline-item="start"]']: {
-        borderTopLeftRadius: borderRadius,
-        borderBottomLeftRadius: borderRadius,
-        borderWidth: borderWidth,
-        borderRightWidth: 0,
-        width
-      },
-      ['&[data-notch-outline-item="middle"]']: {
-        borderWidth: 0,
-        borderBottomWidth: borderWidth
-      },
-      ['&[data-notch-outline-item="end"]']: {
-        borderWidth: borderWidth,
-        borderLeft: 0,
-        borderTopRightRadius: borderRadius,
-        borderBottomRightRadius: borderRadius,
-        flex: 1
-      }
-    };
+    var _ref2;
+
+    return _ref2 = {}, _defineProperty(_ref2, '&[data-notch-outline-item="start"]', {
+      borderTopLeftRadius: borderRadius,
+      borderBottomLeftRadius: borderRadius,
+      borderWidth: borderWidth,
+      borderRightWidth: 0,
+      width: width
+    }), _defineProperty(_ref2, '&[data-notch-outline-item="middle"]', {
+      borderWidth: 0,
+      borderBottomWidth: borderWidth
+    }), _defineProperty(_ref2, '&[data-notch-outline-item="end"]', {
+      borderWidth: borderWidth,
+      borderLeft: 0,
+      borderTopRightRadius: borderRadius,
+      borderBottomRightRadius: borderRadius,
+      flex: 1
+    }), _ref2;
   }
 
-  const inactiveStyle = _extends({
+  var inactiveStyle = _extends({
     color: 'on.surface-variant',
     borderColor: 'outline'
   }, borderStyling(borderRadius, borderWidth));
 
-  const hoverStyle = {
+  var hoverStyle = {
     borderColor: 'on.surface',
     color: 'on.surface-variant'
   };
 
-  const focusStyle = _extends({
+  var focusStyle = _extends({
     borderColor: color,
     color: alpha(color, 0.87)
   }, borderStyling(borderRadius, borderWidthWhenFocused));
 
-  const disabledStyle = {
+  var disabledStyle = {
     borderColor: alpha('on.surface', 0.06),
     color: alpha('on.surface', 0.38)
   };
-  return css({
-    // notch items styles when not focused
-    ['[data-notch-outline-item]']: _extends({
-      boxSizing: 'border-box',
-      borderStyle,
-      transition: "border-color .15s cubic-bezier(.4,0,.2,1)"
-    }, forceActive ? focusStyle : inactiveStyle),
-    // notch items styles when input is hovered
-    [makeSelector('hover:not([disabled]):not(:focus)')]: forceActive ? focusStyle : hoverStyle,
-    // notch items styles when input is focused
-    [makeSelector('focus:not([disabled])')]: focusStyle,
-    // notch items styles when input is disabled
-    [makeSelector('disabled')]: disabledStyle
-  });
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Ob3RjaGVkT3V0bGluZS9zdHlsZWRDb21wb25lbnRzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9COEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL05vdGNoZWRPdXRsaW5lL3N0eWxlZENvbXBvbmVudHMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uL3RoZW1lJztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3BvbGlzaGVkJztcbmltcG9ydCB7IGFscGhhIH0gZnJvbSAnLi4vY29sb3InO1xuaW1wb3J0IHNob3VsZEZvcndhcmRQcm9wIGZyb20gJ0BzdHlsZWQtc3lzdGVtL3Nob3VsZC1mb3J3YXJkLXByb3AnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQHN0eWxlZC1zeXN0ZW0vY3NzJztcblxuZXhwb3J0IGNvbnN0IE5PVENIX1BBRERJTkcgPSA0O1xuXG5jb25zdCBtYWtlU2VsZWN0b3IgPSAoXG4gIHN0YXRlOlxuICAgIHwgJ2hvdmVyOm5vdChbZGlzYWJsZWRdKTpub3QoOmZvY3VzKSdcbiAgICB8ICdmb2N1czpub3QoW2Rpc2FibGVkXSknXG4gICAgfCAnZGlzYWJsZWQnXG4pID0+XG4gIGBpbnB1dDoke3N0YXRlfSB+ICYgW2RhdGEtbm90Y2gtb3V0bGluZS1pdGVtXSxgICtcbiAgYHNlbGVjdDoke3N0YXRlfSB+ICYgW2RhdGEtbm90Y2gtb3V0bGluZS1pdGVtXSxgICtcbiAgYFtyb2xlPVwiYnV0dG9uXCJdOiR7c3RhdGV9IH4gJiBbZGF0YS1ub3RjaC1vdXRsaW5lLWl0ZW1dLGAgK1xuICBgdGV4dGFyZWE6JHtzdGF0ZX0gfiAmIFtkYXRhLW5vdGNoLW91dGxpbmUtaXRlbV1gO1xuXG5leHBvcnQgY29uc3QgSW5uZXJDb250YWluZXIgPSBzdHlsZWQoJ2RpdicsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3AsXG59KTx7XG4gIGNvbG9yPzogc3RyaW5nO1xuICB0aGVtZT86IFRoZW1lO1xuICBib3JkZXJSYWRpdXM6IG51bWJlcjtcbiAgYm9yZGVyV2lkdGg6IG51bWJlcjtcbiAgYm9yZGVyV2lkdGhXaGVuRm9jdXNlZDogbnVtYmVyO1xuICBib3JkZXJTdHlsZTogc3RyaW5nO1xuICBub3RjaFN0YXJ0OiBudW1iZXI7XG4gIGZvcmNlQWN0aXZlPzogYm9vbGVhbjtcbn0+KFxuICB7XG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGxlZnQ6IDAsXG4gICAgdG9wOiAwLFxuICAgIGJvdHRvbTogMCxcbiAgICB3aWR0aDogJzEwMCUnLFxuICAgIGhlaWdodDogJzEwMCUnLFxuICAgIHBvaW50ZXJFdmVudHM6ICdub25lJyxcbiAgfSxcbiAgKHtcbiAgICBjb2xvciA9ICdvbi5zdXJmYWNlJyxcbiAgICBib3JkZXJSYWRpdXM6IGJvcmRlclJhZGl1c1B4LFxuICAgIGJvcmRlcldpZHRoOiBib3JkZXJXaWR0aFB4LFxuICAgIGJvcmRlcldpZHRoV2hlbkZvY3VzZWQ6IGJvcmRlcldpZHRoV2hlbkZvY3VzZWRQeCxcbiAgICBib3JkZXJTdHlsZSxcbiAgICBub3RjaFN0YXJ0LFxuICAgIGZvcmNlQWN0aXZlID0gZmFsc2UsXG4gIH0pID0+IHtcbiAgICBjb25zdCB3aWR0aCA9IHJlbShub3RjaFN0YXJ0IC0gTk9UQ0hfUEFERElORyk7XG4gICAgY29uc3QgYm9yZGVyUmFkaXVzID0gcmVtKGJvcmRlclJhZGl1c1B4KTtcbiAgICBjb25zdCBib3JkZXJXaWR0aCA9IHJlbShib3JkZXJXaWR0aFB4KTtcbiAgICBjb25zdCBib3JkZXJXaWR0aFdoZW5Gb2N1c2VkID0gcmVtKGJvcmRlcldpZHRoV2hlbkZvY3VzZWRQeCk7XG5cbiAgICBmdW5jdGlvbiBib3JkZXJTdHlsaW5nKGJvcmRlclJhZGl1czogc3RyaW5nLCBib3JkZXJXaWR0aDogc3RyaW5nKSB7XG4gICAgICByZXR1cm4ge1xuICAgICAgICBbJyZbZGF0YS1ub3RjaC1vdXRsaW5lLWl0ZW09XCJzdGFydFwiXSddOiB7XG4gICAgICAgICAgYm9yZGVyVG9wTGVmdFJhZGl1czogYm9yZGVyUmFkaXVzLFxuICAgICAgICAgIGJvcmRlckJvdHRvbUxlZnRSYWRpdXM6IGJvcmRlclJhZGl1cyxcbiAgICAgICAgICBib3JkZXJXaWR0aDogYm9yZGVyV2lkdGgsXG4gICAgICAgICAgYm9yZGVyUmlnaHRXaWR0aDogMCxcbiAgICAgICAgICB3aWR0aCxcbiAgICAgICAgfSxcbiAgICAgICAgWycmW2RhdGEtbm90Y2gtb3V0bGluZS1pdGVtPVwibWlkZGxlXCJdJ106IHtcbiAgICAgICAgICBib3JkZXJXaWR0aDogMCxcbiAgICAgICAgICBib3JkZXJCb3R0b21XaWR0aDogYm9yZGVyV2lkdGgsXG4gICAgICAgIH0sXG4gICAgICAgIFsnJltkYXRhLW5vdGNoLW91dGxpbmUtaXRlbT1cImVuZFwiXSddOiB7XG4gICAgICAgICAgYm9yZGVyV2lkdGg6IGJvcmRlcldpZHRoLFxuICAgICAgICAgIGJvcmRlckxlZnQ6IDAsXG4gICAgICAgICAgYm9yZGVyVG9wUmlnaHRSYWRpdXM6IGJvcmRlclJhZGl1cyxcbiAgICAgICAgICBib3JkZXJCb3R0b21SaWdodFJhZGl1czogYm9yZGVyUmFkaXVzLFxuICAgICAgICAgIGZsZXg6IDEsXG4gICAgICAgIH0sXG4gICAgICB9O1xuICAgIH1cblxuICAgIGNvbnN0IGluYWN0aXZlU3R5bGUgPSB7XG4gICAgICBjb2xvcjogJ29uLnN1cmZhY2UtdmFyaWFudCcsXG4gICAgICBib3JkZXJDb2xvcjogJ291dGxpbmUnLFxuICAgICAgLi4uYm9yZGVyU3R5bGluZyhib3JkZXJSYWRpdXMsIGJvcmRlcldpZHRoKSxcbiAgICB9O1xuXG4gICAgY29uc3QgaG92ZXJTdHlsZSA9IHtcbiAgICAgIGJvcmRlckNvbG9yOiAnb24uc3VyZmFjZScsXG4gICAgICBjb2xvcjogJ29uLnN1cmZhY2UtdmFyaWFudCcsXG4gICAgfTtcblxuICAgIGNvbnN0IGZvY3VzU3R5bGUgPSB7XG4gICAgICBib3JkZXJDb2xvcjogY29sb3IsXG4gICAgICBjb2xvcjogYWxwaGEoY29sb3IsIDAuODcpLFxuICAgICAgLi4uYm9yZGVyU3R5bGluZyhib3JkZXJSYWRpdXMsIGJvcmRlcldpZHRoV2hlbkZvY3VzZWQpLFxuICAgIH07XG5cbiAgICBjb25zdCBkaXNhYmxlZFN0eWxlID0ge1xuICAgICAgYm9yZGVyQ29sb3I6IGFscGhhKCdvbi5zdXJmYWNlJywgMC4wNiksXG4gICAgICBjb2xvcjogYWxwaGEoJ29uLnN1cmZhY2UnLCAwLjM4KSxcbiAgICB9O1xuXG4gICAgcmV0dXJuIGNzcyh7XG4gICAgICAvLyBub3RjaCBpdGVtcyBzdHlsZXMgd2hlbiBub3QgZm9jdXNlZFxuICAgICAgWydbZGF0YS1ub3RjaC1vdXRsaW5lLWl0ZW1dJ106IHtcbiAgICAgICAgYm94U2l6aW5nOiAnYm9yZGVyLWJveCcsXG4gICAgICAgIGJvcmRlclN0eWxlLFxuICAgICAgICB0cmFuc2l0aW9uOiBgYm9yZGVyLWNvbG9yIC4xNXMgY3ViaWMtYmV6aWVyKC40LDAsLjIsMSlgLFxuICAgICAgICAuLi4oZm9yY2VBY3RpdmUgPyBmb2N1c1N0eWxlIDogaW5hY3RpdmVTdHlsZSksXG4gICAgICB9LFxuICAgICAgLy8gbm90Y2ggaXRlbXMgc3R5bGVzIHdoZW4gaW5wdXQgaXMgaG92ZXJlZFxuICAgICAgW21ha2VTZWxlY3RvcignaG92ZXI6bm90KFtkaXNhYmxlZF0pOm5vdCg6Zm9jdXMpJyldOiBmb3JjZUFjdGl2ZVxuICAgICAgICA/IGZvY3VzU3R5bGVcbiAgICAgICAgOiBob3ZlclN0eWxlLFxuICAgICAgLy8gbm90Y2ggaXRlbXMgc3R5bGVzIHdoZW4gaW5wdXQgaXMgZm9jdXNlZFxuICAgICAgW21ha2VTZWxlY3RvcignZm9jdXM6bm90KFtkaXNhYmxlZF0pJyldOiBmb2N1c1N0eWxlLFxuICAgICAgLy8gbm90Y2ggaXRlbXMgc3R5bGVzIHdoZW4gaW5wdXQgaXMgZGlzYWJsZWRcbiAgICAgIFttYWtlU2VsZWN0b3IoJ2Rpc2FibGVkJyldOiBkaXNhYmxlZFN0eWxlLFxuICAgIH0pO1xuICB9XG4pO1xuIl19 */");
+  return css((_css = {}, _defineProperty(_css, '[data-notch-outline-item]', _extends({
+    boxSizing: 'border-box',
+    borderStyle: borderStyle,
+    transition: "border-color .15s cubic-bezier(.4,0,.2,1)"
+  }, 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Ob3RjaGVkT3V0bGluZS9zdHlsZWRDb21wb25lbnRzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCOEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL05vdGNoZWRPdXRsaW5lL3N0eWxlZENvbXBvbmVudHMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICdwb2xpc2hlZCc7XG5pbXBvcnQgc2hvdWxkRm9yd2FyZFByb3AgZnJvbSAnQHN0eWxlZC1zeXN0ZW0vc2hvdWxkLWZvcndhcmQtcHJvcCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAc3R5bGVkLXN5c3RlbS9jc3MnO1xuXG5pbXBvcnQgeyBhbHBoYSB9IGZyb20gJy4uL2NvbG9yJztcbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICcuLi90aGVtZSc7XG5cbmV4cG9ydCBjb25zdCBOT1RDSF9QQURESU5HID0gNDtcblxuY29uc3QgbWFrZVNlbGVjdG9yID0gKFxuICBzdGF0ZTpcbiAgICB8ICdob3Zlcjpub3QoW2Rpc2FibGVkXSk6bm90KDpmb2N1cyknXG4gICAgfCAnZm9jdXM6bm90KFtkaXNhYmxlZF0pJ1xuICAgIHwgJ2Rpc2FibGVkJ1xuKSA9PlxuICBgaW5wdXQ6JHtzdGF0ZX0gfiAmIFtkYXRhLW5vdGNoLW91dGxpbmUtaXRlbV0sYCArXG4gIGBzZWxlY3Q6JHtzdGF0ZX0gfiAmIFtkYXRhLW5vdGNoLW91dGxpbmUtaXRlbV0sYCArXG4gIGBbcm9sZT1cImJ1dHRvblwiXToke3N0YXRlfSB+ICYgW2RhdGEtbm90Y2gtb3V0bGluZS1pdGVtXSxgICtcbiAgYHRleHRhcmVhOiR7c3RhdGV9IH4gJiBbZGF0YS1ub3RjaC1vdXRsaW5lLWl0ZW1dYDtcblxuZXhwb3J0IGNvbnN0IElubmVyQ29udGFpbmVyID0gc3R5bGVkKCdkaXYnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wLFxufSk8e1xuICBjb2xvcj86IHN0cmluZztcbiAgdGhlbWU/OiBUaGVtZTtcbiAgYm9yZGVyUmFkaXVzOiBudW1iZXI7XG4gIGJvcmRlcldpZHRoOiBudW1iZXI7XG4gIGJvcmRlcldpZHRoV2hlbkZvY3VzZWQ6IG51bWJlcjtcbiAgYm9yZGVyU3R5bGU6IHN0cmluZztcbiAgbm90Y2hTdGFydDogbnVtYmVyO1xuICBmb3JjZUFjdGl2ZT86IGJvb2xlYW47XG59PihcbiAge1xuICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBsZWZ0OiAwLFxuICAgIHRvcDogMCxcbiAgICBib3R0b206IDAsXG4gICAgd2lkdGg6ICcxMDAlJyxcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICBwb2ludGVyRXZlbnRzOiAnbm9uZScsXG4gIH0sXG4gICh7XG4gICAgY29sb3IgPSAnb24uc3VyZmFjZScsXG4gICAgYm9yZGVyUmFkaXVzOiBib3JkZXJSYWRpdXNQeCxcbiAgICBib3JkZXJXaWR0aDogYm9yZGVyV2lkdGhQeCxcbiAgICBib3JkZXJXaWR0aFdoZW5Gb2N1c2VkOiBib3JkZXJXaWR0aFdoZW5Gb2N1c2VkUHgsXG4gICAgYm9yZGVyU3R5bGUsXG4gICAgbm90Y2hTdGFydCxcbiAgICBmb3JjZUFjdGl2ZSA9IGZhbHNlLFxuICB9KSA9PiB7XG4gICAgY29uc3Qgd2lkdGggPSByZW0obm90Y2hTdGFydCAtIE5PVENIX1BBRERJTkcpO1xuICAgIGNvbnN0IGJvcmRlclJhZGl1cyA9IHJlbShib3JkZXJSYWRpdXNQeCk7XG4gICAgY29uc3QgYm9yZGVyV2lkdGggPSByZW0oYm9yZGVyV2lkdGhQeCk7XG4gICAgY29uc3QgYm9yZGVyV2lkdGhXaGVuRm9jdXNlZCA9IHJlbShib3JkZXJXaWR0aFdoZW5Gb2N1c2VkUHgpO1xuXG4gICAgZnVuY3Rpb24gYm9yZGVyU3R5bGluZyhib3JkZXJSYWRpdXM6IHN0cmluZywgYm9yZGVyV2lkdGg6IHN0cmluZykge1xuICAgICAgcmV0dXJuIHtcbiAgICAgICAgWycmW2RhdGEtbm90Y2gtb3V0bGluZS1pdGVtPVwic3RhcnRcIl0nXToge1xuICAgICAgICAgIGJvcmRlclRvcExlZnRSYWRpdXM6IGJvcmRlclJhZGl1cyxcbiAgICAgICAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiBib3JkZXJSYWRpdXMsXG4gICAgICAgICAgYm9yZGVyV2lkdGg6IGJvcmRlcldpZHRoLFxuICAgICAgICAgIGJvcmRlclJpZ2h0V2lkdGg6IDAsXG4gICAgICAgICAgd2lkdGgsXG4gICAgICAgIH0sXG4gICAgICAgIFsnJltkYXRhLW5vdGNoLW91dGxpbmUtaXRlbT1cIm1pZGRsZVwiXSddOiB7XG4gICAgICAgICAgYm9yZGVyV2lkdGg6IDAsXG4gICAgICAgICAgYm9yZGVyQm90dG9tV2lkdGg6IGJvcmRlcldpZHRoLFxuICAgICAgICB9LFxuICAgICAgICBbJyZbZGF0YS1ub3RjaC1vdXRsaW5lLWl0ZW09XCJlbmRcIl0nXToge1xuICAgICAgICAgIGJvcmRlcldpZHRoOiBib3JkZXJXaWR0aCxcbiAgICAgICAgICBib3JkZXJMZWZ0OiAwLFxuICAgICAgICAgIGJvcmRlclRvcFJpZ2h0UmFkaXVzOiBib3JkZXJSYWRpdXMsXG4gICAgICAgICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IGJvcmRlclJhZGl1cyxcbiAgICAgICAgICBmbGV4OiAxLFxuICAgICAgICB9LFxuICAgICAgfTtcbiAgICB9XG5cbiAgICBjb25zdCBpbmFjdGl2ZVN0eWxlID0ge1xuICAgICAgY29sb3I6ICdvbi5zdXJmYWNlLXZhcmlhbnQnLFxuICAgICAgYm9yZGVyQ29sb3I6ICdvdXRsaW5lJyxcbiAgICAgIC4uLmJvcmRlclN0eWxpbmcoYm9yZGVyUmFkaXVzLCBib3JkZXJXaWR0aCksXG4gICAgfTtcblxuICAgIGNvbnN0IGhvdmVyU3R5bGUgPSB7XG4gICAgICBib3JkZXJDb2xvcjogJ29uLnN1cmZhY2UnLFxuICAgICAgY29sb3I6ICdvbi5zdXJmYWNlLXZhcmlhbnQnLFxuICAgIH07XG5cbiAgICBjb25zdCBmb2N1c1N0eWxlID0ge1xuICAgICAgYm9yZGVyQ29sb3I6IGNvbG9yLFxuICAgICAgY29sb3I6IGFscGhhKGNvbG9yLCAwLjg3KSxcbiAgICAgIC4uLmJvcmRlclN0eWxpbmcoYm9yZGVyUmFkaXVzLCBib3JkZXJXaWR0aFdoZW5Gb2N1c2VkKSxcbiAgICB9O1xuXG4gICAgY29uc3QgZGlzYWJsZWRTdHlsZSA9IHtcbiAgICAgIGJvcmRlckNvbG9yOiBhbHBoYSgnb24uc3VyZmFjZScsIDAuMDYpLFxuICAgICAgY29sb3I6IGFscGhhKCdvbi5zdXJmYWNlJywgMC4zOCksXG4gICAgfTtcblxuICAgIHJldHVybiBjc3Moe1xuICAgICAgLy8gbm90Y2ggaXRlbXMgc3R5bGVzIHdoZW4gbm90IGZvY3VzZWRcbiAgICAgIFsnW2RhdGEtbm90Y2gtb3V0bGluZS1pdGVtXSddOiB7XG4gICAgICAgIGJveFNpemluZzogJ2JvcmRlci1ib3gnLFxuICAgICAgICBib3JkZXJTdHlsZSxcbiAgICAgICAgdHJhbnNpdGlvbjogYGJvcmRlci1jb2xvciAuMTVzIGN1YmljLWJlemllciguNCwwLC4yLDEpYCxcbiAgICAgICAgLi4uKGZvcmNlQWN0aXZlID8gZm9jdXNTdHlsZSA6IGluYWN0aXZlU3R5bGUpLFxuICAgICAgfSxcbiAgICAgIC8vIG5vdGNoIGl0ZW1zIHN0eWxlcyB3aGVuIGlucHV0IGlzIGhvdmVyZWRcbiAgICAgIFttYWtlU2VsZWN0b3IoJ2hvdmVyOm5vdChbZGlzYWJsZWRdKTpub3QoOmZvY3VzKScpXTogZm9yY2VBY3RpdmVcbiAgICAgICAgPyBmb2N1c1N0eWxlXG4gICAgICAgIDogaG92ZXJTdHlsZSxcbiAgICAgIC8vIG5vdGNoIGl0ZW1zIHN0eWxlcyB3aGVuIGlucHV0IGlzIGZvY3VzZWRcbiAgICAgIFttYWtlU2VsZWN0b3IoJ2ZvY3VzOm5vdChbZGlzYWJsZWRdKScpXTogZm9jdXNTdHlsZSxcbiAgICAgIC8vIG5vdGNoIGl0ZW1zIHN0eWxlcyB3aGVuIGlucHV0IGlzIGRpc2FibGVkXG4gICAgICBbbWFrZVNlbGVjdG9yKCdkaXNhYmxlZCcpXTogZGlzYWJsZWRTdHlsZSxcbiAgICB9KTtcbiAgfVxuKTtcbiJdfQ== */");
 //# sourceMappingURL=styledComponents.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/NotchedOutline/styledComponents.ts"],"names":["rem","alpha","shouldForwardProp","css","NOTCH_PADDING","makeSelector","state","InnerContainer","color","borderRadius","borderRadiusPx","borderWidth","borderWidthPx","borderWidthWhenFocused","borderWidthWhenFocusedPx","borderStyle","notchStart","forceActive","width","borderStyling","borderTopLeftRadius","borderBottomLeftRadius","borderRightWidth","borderBottomWidth","borderLeft","borderTopRightRadius","borderBottomRightRadius","flex","inactiveStyle","borderColor","hoverStyle","focusStyle","disabledStyle","boxSizing","transition"],"mappings":"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","sourcesContent":["import styled from '@emotion/styled';\nimport { Theme } from '../theme';\nimport { rem } from 'polished';\nimport { alpha } from '../color';\nimport shouldForwardProp from '@styled-system/should-forward-prop';\nimport { css } from '@styled-system/css';\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 cubic-bezier(.4,0,.2,1)`,\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"],"file":"styledComponents.js"}
+{"version":3,"sources":["../../../src/NotchedOutline/styledComponents.ts"],"names":["rem","shouldForwardProp","css","alpha","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"],"mappings":"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","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';\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 cubic-bezier(.4,0,.2,1)`,\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"],"file":"styledComponents.js"}

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

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

package/build/esm/Paper/Paper.js

@@ -1,21 +1,23 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import { forwardRef } from 'react';
+import * as React from 'react';
 import { Box } from '../Box';
 import { useTheme } from '../theme';
-import { alpha, getBackgroundOverlay } from '../color';
+import { alpha, getBackgroundOverlay, getDarkThemeBackgroundOverlay } from '../color';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const Paper = /*#__PURE__*/forwardRef(function Paper(props, forwardedRef) {
-  const {
-    outlined,
-    elevation = 0,
-    backgroundOverlay,
-    __css = {},
-    children
-  } = props,
-        otherProps = _objectWithoutPropertiesLoose(props, ["outlined", "elevation", "backgroundOverlay", "__css", "children"]);
+export var Paper = /*#__PURE__*/forwardRef(function Paper(props, forwardedRef) {
+  var outlined = props.outlined,
+      _props$elevation = props.elevation,
+      elevation = _props$elevation === void 0 ? 0 : _props$elevation,
+      backgroundOverlay = props.backgroundOverlay,
+      darkThemeBackgroundOverlay = props.darkThemeBackgroundOverlay,
+      _props$__css = props.__css,
+      __css = _props$__css === void 0 ? {} : _props$__css,
+      children = props.children,
+      otherProps = _objectWithoutProperties(props, ["outlined", "elevation", "backgroundOverlay", "darkThemeBackgroundOverlay", "__css", "children"]);
 
-  const theme = useTheme();
+  var theme = useTheme();
   return /*#__PURE__*/_jsx(Box, _extends({
     ref: forwardedRef,
     __css: _extends({
@@ -28,7 +30,7 @@ export const Paper = /*#__PURE__*/forwardRef(function Paper(props, forwardedRef)
       borderStyle: 'solid',
       borderWidth: "0.0625rem",
       borderColor: alpha('on.surface', 0.12)
-    } : {}, getBackgroundOverlay(theme, backgroundOverlay != null ? backgroundOverlay : elevation, 'primary'), __css)
+    } : {}, backgroundOverlay ? getBackgroundOverlay(theme, backgroundOverlay, 'primary') : {}, darkThemeBackgroundOverlay ? getDarkThemeBackgroundOverlay(theme, darkThemeBackgroundOverlay, 'primary') : {}, __css)
   }, otherProps, {
     children: children
   }));

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Paper/Paper.tsx"],"names":["forwardRef","Box","useTheme","alpha","getBackgroundOverlay","Paper","props","forwardedRef","outlined","elevation","backgroundOverlay","__css","children","otherProps","theme","backgroundColor","boxShadow","String","outline","borderStyle","borderWidth","borderColor"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,GAAT,QAA8B,QAA9B;AACA,SAASC,QAAT,QAAyB,UAAzB;AAEA,SAASC,KAAT,EAAgBC,oBAAhB,QAA4C,UAA5C;;AAUA,OAAO,MAAMC,KAAK,gBAAGL,UAAU,CAA6B,SAASK,KAAT,CAC1DC,KAD0D,EAE1DC,YAF0D,EAG1D;AACA,QAAM;AACJC,IAAAA,QADI;AAEJC,IAAAA,SAAS,GAAG,CAFR;AAGJC,IAAAA,iBAHI;AAIJC,IAAAA,KAAK,GAAG,EAJJ;AAKJC,IAAAA;AALI,MAOFN,KAPJ;AAAA,QAMKO,UANL,iCAOIP,KAPJ;;AAQA,QAAMQ,KAAK,GAAGZ,QAAQ,EAAtB;AAEA,sBACE,KAAC,GAAD;AACE,IAAA,GAAG,EAAEK,YADP;AAEE,IAAA,KAAK;AACHQ,MAAAA,eAAe,EAAE,SADd;AAEHC,MAAAA,SAAS,EAAEC,MAAM,CAACR,SAAD,CAFd;AAGH,gBAAU;AACRS,QAAAA,OAAO,EAAE;AADD;AAHP,OAMCV,QAAQ,GACR;AACEW,MAAAA,WAAW,EAAE,OADf;AAEEC,MAAAA,WAAW,aAFb;AAGEC,MAAAA,WAAW,EAAElB,KAAK,CAAC,YAAD,EAAe,IAAf;AAHpB,KADQ,GAMR,EAZD,EAaAC,oBAAoB,CACrBU,KADqB,EAErBJ,iBAFqB,WAErBA,iBAFqB,GAEAD,SAFA,EAGrB,SAHqB,CAbpB,EAkBAE,KAlBA;AAFP,KAsBME,UAtBN;AAAA,cAwBGD;AAxBH,KADF;AA4BD,CA1C8B,CAAxB","sourcesContent":["import { forwardRef } from 'react';\nimport type * as React from 'react';\nimport { Box, BoxProps } from '../Box';\nimport { useTheme } from '../theme';\nimport { rem } from 'polished';\nimport { alpha, getBackgroundOverlay } from '../color';\n\nexport interface PaperProps extends BoxProps {\n  as?: React.ElementType<any>;\n  elevation?: number;\n  outlined?: boolean;\n  backgroundOverlay?: number | string;\n  children?: React.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    __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: alpha('on.surface', 0.12),\n            }\n          : {}),\n        ...getBackgroundOverlay(\n          theme,\n          backgroundOverlay ?? elevation,\n          'primary'\n        ),\n        ...__css,\n      }}\n      {...otherProps}\n    >\n      {children}\n    </Box>\n  );\n});\n"],"file":"Paper.js"}
+{"version":3,"sources":["../../../src/Paper/Paper.tsx"],"names":["forwardRef","React","Box","useTheme","alpha","getBackgroundOverlay","getDarkThemeBackgroundOverlay","Paper","props","forwardedRef","outlined","elevation","backgroundOverlay","darkThemeBackgroundOverlay","__css","children","otherProps","theme","backgroundColor","boxShadow","String","outline","borderStyle","borderWidth","borderColor"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AAIA,SAASC,GAAT,QAAoB,QAApB;AACA,SAASC,QAAT,QAAyB,UAAzB;AACA,SACEC,KADF,EAEEC,oBAFF,EAGEC,6BAHF,QAIO,UAJP;;AAeA,OAAO,IAAMC,KAAK,gBAAGP,UAAU,CAA6B,SAASO,KAAT,CAC1DC,KAD0D,EAE1DC,YAF0D,EAG1D;AAAA,MAEEC,QAFF,GASIF,KATJ,CAEEE,QAFF;AAAA,yBASIF,KATJ,CAGEG,SAHF;AAAA,MAGEA,SAHF,iCAGc,CAHd;AAAA,MAIEC,iBAJF,GASIJ,KATJ,CAIEI,iBAJF;AAAA,MAKEC,0BALF,GASIL,KATJ,CAKEK,0BALF;AAAA,qBASIL,KATJ,CAMEM,KANF;AAAA,MAMEA,KANF,6BAMU,EANV;AAAA,MAOEC,QAPF,GASIP,KATJ,CAOEO,QAPF;AAAA,MAQKC,UARL,4BASIR,KATJ;;AAUA,MAAMS,KAAK,GAAGd,QAAQ,EAAtB;AAEA,sBACE,KAAC,GAAD;AACE,IAAA,GAAG,EAAEM,YADP;AAEE,IAAA,KAAK;AACHS,MAAAA,eAAe,EAAE,SADd;AAEHC,MAAAA,SAAS,EAAEC,MAAM,CAACT,SAAD,CAFd;AAGH,gBAAU;AACRU,QAAAA,OAAO,EAAE;AADD;AAHP,OAMCX,QAAQ,GACR;AACEY,MAAAA,WAAW,EAAE,OADf;AAEEC,MAAAA,WAAW,aAFb;AAGEC,MAAAA,WAAW,EAAEpB,KAAK,CAAC,YAAD,EAAe,IAAf;AAHpB,KADQ,GAMR,EAZD,EAaCQ,iBAAiB,GACjBP,oBAAoB,CAACY,KAAD,EAAQL,iBAAR,EAA2B,SAA3B,CADH,GAEjB,EAfD,EAgBCC,0BAA0B,GAC1BP,6BAA6B,CAC3BW,KAD2B,EAE3BJ,0BAF2B,EAG3B,SAH2B,CADH,GAM1B,EAtBD,EAuBAC,KAvBA;AAFP,KA2BME,UA3BN;AAAA,cA6BGD;AA7BH,KADF;AAiCD,CAhD8B,CAAxB","sourcesContent":["import { forwardRef } from 'react';\nimport * as React from 'react';\nimport { rem } from 'polished';\n\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\nimport { useTheme } from '../theme';\nimport {\n  alpha,\n  getBackgroundOverlay,\n  getDarkThemeBackgroundOverlay,\n} from '../color';\n\nexport interface PaperProps extends BoxProps {\n  as?: React.ElementType<any>;\n  elevation?: number;\n  outlined?: boolean;\n  backgroundOverlay?: number | string;\n  darkThemeBackgroundOverlay?: number | string;\n  children?: React.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: alpha('on.surface', 0.12),\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"],"file":"Paper.js"}

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { BoxProps } from '../Box';
+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>>;
+export declare const ProgressSpinner: import("react").ForwardRefExoticComponent<Pick<ProgressSpinnerProps, "children" | "progress" | "slot" | "style" | "title" | "translate" | "hidden" | keyof import("../Box").BaseProps | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "thickness"> & import("react").RefAttributes<HTMLDivElement>>;

package/build/esm/ProgressSpinner/ProgressSpinner.js

@@ -1,11 +1,11 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import { forwardRef } from 'react';
 import { keyframes } from '@emotion/react';
-import { Box } from '../Box';
 import { rem } from 'polished';
+import { Box } from '../Box';
 import { jsx as _jsx } from "react/jsx-runtime";
-const innerDivRotate = keyframes({
+var innerDivRotate = keyframes({
   '0%': {
     transformOrigin: '50% 50%'
   },
@@ -13,7 +13,7 @@ const innerDivRotate = keyframes({
     transform: 'rotate(360deg)'
   }
 });
-const circleIndeterminate = keyframes({
+var circleIndeterminate = keyframes({
   '0%': {
     strokeDasharray: '1px, 200px',
     strokeDashoffset: '0px'
@@ -27,19 +27,19 @@ const circleIndeterminate = keyframes({
     strokeDashoffset: '-125px'
   }
 });
-const SIZE = 44;
-export const ProgressSpinner = /*#__PURE__*/forwardRef(function ProgressSpinner(props, forwardedRef) {
-  const {
-    __css,
-    progress: progressProp,
-    thickness = 3.6,
-    size = 40
-  } = props,
-        otherProps = _objectWithoutPropertiesLoose(props, ["__css", "progress", "thickness", "size"]);
+var SIZE = 44;
+export var ProgressSpinner = /*#__PURE__*/forwardRef(function ProgressSpinner(props, forwardedRef) {
+  var __css = props.__css,
+      progressProp = props.progress,
+      _props$thickness = props.thickness,
+      thickness = _props$thickness === void 0 ? 3.6 : _props$thickness,
+      _props$size = props.size,
+      size = _props$size === void 0 ? 40 : _props$size,
+      otherProps = _objectWithoutProperties(props, ["__css", "progress", "thickness", "size"]);
 
-  const indeterminate = progressProp === undefined;
-  const progress = progressProp != null ? progressProp : 0;
-  const circumference = 2 * Math.PI * ((SIZE - thickness) / 2);
+  var indeterminate = progressProp === undefined;
+  var progress = progressProp != null ? progressProp : 0;
+  var circumference = 2 * Math.PI * ((SIZE - thickness) / 2);
   return /*#__PURE__*/_jsx(Box, _extends({
     ref: forwardedRef
   }, otherProps, {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ProgressSpinner/ProgressSpinner.tsx"],"names":["forwardRef","keyframes","Box","rem","innerDivRotate","transformOrigin","transform","circleIndeterminate","strokeDasharray","strokeDashoffset","SIZE","ProgressSpinner","props","forwardedRef","__css","progress","progressProp","thickness","size","otherProps","indeterminate","undefined","circumference","Math","PI","color","display","width","height","animation","toFixed","transition"],"mappings":";;AAAA,SAASA,UAAT,QAA0C,OAA1C;AACA,SAASC,SAAT,QAA0B,gBAA1B;AACA,SAASC,GAAT,QAA8B,QAA9B;AACA,SAASC,GAAT,QAAoB,UAApB;;AAQA,MAAMC,cAAc,GAAGH,SAAS,CAAC;AAC/B,QAAM;AACJI,IAAAA,eAAe,EAAE;AADb,GADyB;AAI/B,UAAQ;AACNC,IAAAA,SAAS,EAAE;AADL;AAJuB,CAAD,CAAhC;AASA,MAAMC,mBAAmB,GAAGN,SAAS,CAAC;AACpC,QAAM;AACJO,IAAAA,eAAe,EAAE,YADb;AAEJC,IAAAA,gBAAgB,EAAE;AAFd,GAD8B;AAKpC,SAAO;AACLD,IAAAA,eAAe,EAAE,cADZ;AAELC,IAAAA,gBAAgB,EAAE;AAFb,GAL6B;AASpC,UAAQ;AACND,IAAAA,eAAe,EAAE,cADX;AAENC,IAAAA,gBAAgB,EAAE;AAFZ;AAT4B,CAAD,CAArC;AAeA,MAAMC,IAAI,GAAG,EAAb;AAEA,OAAO,MAAMC,eAAe,gBAAGX,UAAU,CACvC,SAASW,eAAT,CAAyBC,KAAzB,EAAgCC,YAAhC,EAA8C;AAC5C,QAAM;AACJC,IAAAA,KADI;AAEJC,IAAAA,QAAQ,EAAEC,YAFN;AAGJC,IAAAA,SAAS,GAAG,GAHR;AAIJC,IAAAA,IAAI,GAAG;AAJH,MAMFN,KANJ;AAAA,QAKKO,UALL,iCAMIP,KANJ;;AAQA,QAAMQ,aAAa,GAAGJ,YAAY,KAAKK,SAAvC;AACA,QAAMN,QAAQ,GAAGC,YAAH,WAAGA,YAAH,GAAmB,CAAjC;AAEA,QAAMM,aAAa,GAAG,IAAIC,IAAI,CAACC,EAAT,IAAe,CAACd,IAAI,GAAGO,SAAR,IAAqB,CAApC,CAAtB;AACA,sBACE,KAAC,GAAD;AACE,IAAA,GAAG,EAAEJ;AADP,KAEMM,UAFN;AAGE,IAAA,KAAK;AACHM,MAAAA,KAAK,EAAE,SADJ;AAEHC,MAAAA,OAAO,EAAE,cAFN;AAGHC,MAAAA,KAAK,EAAExB,GAAG,CAACe,IAAD,CAHP;AAIHU,MAAAA,MAAM,EAAEzB,GAAG,CAACe,IAAD;AAJR,OAKAJ,KALA,CAHP;AAAA,2BAWE,KAAC,GAAD;AACE,MAAA,KAAK;AACHY,QAAAA,OAAO,EAAE,cADN;AAEHC,QAAAA,KAAK,EAAE,MAFJ;AAGHC,QAAAA,MAAM,EAAE;AAHL,SAICR,aAAa,GACb;AAAES,QAAAA,SAAS,YAAKzB,cAAL;AAAX,OADa,GAEb;AAAEE,QAAAA,SAAS,EAAE;AAAb,OAND,CADP;AAAA,6BAUE,KAAC,GAAD;AACE,QAAA,EAAE,EAAC,KADL;AAEE,QAAA,OAAO,EAAC,aAFV;AAGE,QAAA,OAAO,EAAC,OAHV;AAAA,+BAKE,KAAC,GAAD;AACE,UAAA,EAAE,EAAC,QADL;AAEE,UAAA,MAAM,EAAC,cAFT;AAGE,UAAA,EAAE,EAAEI,IAHN;AAIE,UAAA,EAAE,EAAEA,IAJN;AAKE,UAAA,CAAC,EAAE,CAACA,IAAI,GAAGO,SAAR,IAAqB,CAL1B;AAME,UAAA,IAAI,EAAC,MANP;AAOE,UAAA,WAAW,EAAEA,SAPf;AAQE,UAAA,KAAK,EACHG,aAAa,GACT,EADS,GAET;AACEX,YAAAA,gBAAgB,YAAK,CAClB,CAAC,MAAMM,QAAP,IAAmB,GAApB,GACAO,aAFmB,EAGnBQ,OAHmB,CAGX,CAHW,CAAL;AADlB,WAXR;AAkBE,UAAA,KAAK,EACHV,aAAa,GACT;AACES,YAAAA,SAAS,YAAKtB,mBAAL,+BADX;AAEEC,YAAAA,eAAe,EAAE,aAFnB;AAGEC,YAAAA,gBAAgB,EAAE;AAHpB,WADS,GAMT;AACEsB,YAAAA,UAAU,EACR,0DAFJ;AAGEvB,YAAAA,eAAe,EAAEc,aAAa,CAACQ,OAAd,CAAsB,CAAtB;AAHnB;AAzBR;AALF;AAVF;AAXF,KADF;AA+DD,CA7EsC,CAAlC","sourcesContent":["import { forwardRef, SVGAttributes } from 'react';\nimport { keyframes } from '@emotion/react';\nimport { Box, BoxProps } from '../Box';\nimport { rem } from 'polished';\n\nexport type ProgressSpinnerProps = BoxProps & {\n  progress?: number;\n  thickness?: number;\n  size?: number;\n};\n\nconst innerDivRotate = keyframes({\n  '0%': {\n    transformOrigin: '50% 50%',\n  },\n  '100%': {\n    transform: 'rotate(360deg)',\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            ...(indeterminate\n              ? { animation: `${innerDivRotate} 1.4s linear infinite` }\n              : { transform: 'rotate(-90deg)' }),\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                      strokeDasharray: '80px, 200px',\n                      strokeDashoffset: '0px',\n                    }\n                  : {\n                      transition:\n                        'stroke-dashoffset 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',\n                      strokeDasharray: circumference.toFixed(3),\n                    }\n              }\n            />\n          </Box>\n        </Box>\n      </Box>\n    );\n  }\n);\n"],"file":"ProgressSpinner.js"}
+{"version":3,"sources":["../../../src/ProgressSpinner/ProgressSpinner.tsx"],"names":["forwardRef","keyframes","rem","Box","innerDivRotate","transformOrigin","transform","circleIndeterminate","strokeDasharray","strokeDashoffset","SIZE","ProgressSpinner","props","forwardedRef","__css","progressProp","progress","thickness","size","otherProps","indeterminate","undefined","circumference","Math","PI","color","display","width","height","animation","toFixed","transition"],"mappings":"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","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';\n\nexport type ProgressSpinnerProps = BoxProps & {\n  progress?: number;\n  thickness?: number;\n  size?: number;\n};\n\nconst innerDivRotate = keyframes({\n  '0%': {\n    transformOrigin: '50% 50%',\n  },\n  '100%': {\n    transform: 'rotate(360deg)',\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            ...(indeterminate\n              ? { animation: `${innerDivRotate} 1.4s linear infinite` }\n              : { transform: 'rotate(-90deg)' }),\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                      strokeDasharray: '80px, 200px',\n                      strokeDashoffset: '0px',\n                    }\n                  : {\n                      transition:\n                        'stroke-dashoffset 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',\n                      strokeDasharray: circumference.toFixed(3),\n                    }\n              }\n            />\n          </Box>\n        </Box>\n      </Box>\n    );\n  }\n);\n"],"file":"ProgressSpinner.js"}

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { RadioButtonProps as RadioButtonCoreProps } from '@basic-ui/core';
+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

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import { forwardRef } from 'react';
 import { RadioButton as RadioButtonCore } from '@basic-ui/core';
 import { Box } from '../Box';
@@ -10,17 +10,15 @@ import { useTheme } from '../theme';
 import { SelectionControlLabel, SelectionControlText } from '../SelectionControl';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-const RadioButtonInner = /*#__PURE__*/forwardRef(function RadioButtonInner(props, forwardedRef) {
-  const {
-    innerAs: as,
-    checked,
-    disabled,
-    __css
-  } = props,
-        otherProps = _objectWithoutPropertiesLoose(props, ["innerAs", "checked", "disabled", "__css"]);
+var RadioButtonInner = /*#__PURE__*/forwardRef(function RadioButtonInner(props, forwardedRef) {
+  var as = props.innerAs,
+      checked = props.checked,
+      disabled = props.disabled,
+      __css = props.__css,
+      otherProps = _objectWithoutProperties(props, ["innerAs", "checked", "disabled", "__css"]);
 
-  const color = 'primary';
-  const theme = useTheme();
+  var color = 'primary';
+  var theme = useTheme();
   return /*#__PURE__*/_jsxs(Box, {
     position: "relative",
     display: "inline-block",
@@ -73,15 +71,14 @@ const RadioButtonInner = /*#__PURE__*/forwardRef(function RadioButtonInner(props
     })]
   });
 });
-export const RadioButton = /*#__PURE__*/forwardRef(function RadioButton(props, forwardedRef) {
-  const {
-    as = 'input',
-    children,
-    disabled
-  } = props,
-        otherProps = _objectWithoutPropertiesLoose(props, ["as", "children", "disabled"]);
+export var RadioButton = /*#__PURE__*/forwardRef(function RadioButton(props, forwardedRef) {
+  var _props$as = props.as,
+      as = _props$as === void 0 ? 'input' : _props$as,
+      children = props.children,
+      disabled = props.disabled,
+      otherProps = _objectWithoutProperties(props, ["as", "children", "disabled"]);
 
-  const inner = /*#__PURE__*/_jsx(RadioButtonCore, _extends({
+  var inner = /*#__PURE__*/_jsx(RadioButtonCore, _extends({
     as: RadioButtonInner,
     innerAs: as,
     ref: forwardedRef,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/RadioButton/RadioButton.tsx"],"names":["forwardRef","RadioButton","RadioButtonCore","Box","RippleBox","alpha","RadioButtonIcon","useTheme","SelectionControlLabel","SelectionControlText","RadioButtonInner","props","forwardedRef","innerAs","as","checked","disabled","__css","otherProps","color","theme","top","left","width","height","appearance","outline","border","borderRadius","zIndex","position","padding","lineHeight","children","inner"],"mappings":";;AAAA,SAASA,UAAT,QAAgD,OAAhD;AACA,SACEC,WAAW,IAAIC,eADjB,QAGO,gBAHP;AAIA,SAASC,GAAT,QAA8B,QAA9B;AACA,SAASC,SAAT,QAA0C,WAA1C;AAEA,SAASC,KAAT,QAAsB,UAAtB;AACA,SAASC,eAAT,QAAgC,mBAAhC;AACA,SAASC,QAAT,QAAyB,UAAzB;AACA,SACEC,qBADF,EAEEC,oBAFF,QAGO,qBAHP;;;AAOA,MAAMC,gBAAgB,gBAAGV,UAAU,CAIjC,SAASU,gBAAT,CAA0BC,KAA1B,EAAiCC,YAAjC,EAA+C;AAC/C,QAAM;AAAEC,IAAAA,OAAO,EAAEC,EAAX;AAAeC,IAAAA,OAAf;AAAwBC,IAAAA,QAAxB;AAAkCC,IAAAA;AAAlC,MAA2DN,KAAjE;AAAA,QAAkDO,UAAlD,iCAAiEP,KAAjE;;AACA,QAAMQ,KAAK,GAAG,SAAd;AACA,QAAMC,KAAK,GAAGb,QAAQ,EAAtB;AAEA,sBACE,MAAC,GAAD;AAAK,IAAA,QAAQ,EAAC,UAAd;AAAyB,IAAA,OAAO,EAAC,cAAjC;AAAgD,IAAA,QAAQ,EAAC,MAAzD;AAAA,4BACE,KAAC,SAAD;AAGE,MAAA,EAAE,EAAEO,EAHN;AAIE,MAAA,OAAO,EAAEC,OAJX;AAKE,MAAA,GAAG,EAAEH,YALP;AAME,MAAA,WAAW,EAAEO,KANf;AAOE,MAAA,WAAW,EAAE,CAPf;AAQE,MAAA,YAAY,EAAE,IARhB;AASE,MAAA,YAAY,EAAE,IAThB;AAUE,MAAA,MAAM,EAAE,IAVV;AAWE,MAAA,QAAQ,EAAEH,QAXZ;AAYE,MAAA,KAAK,EAAEI,KAZT;AAaE,MAAA,KAAK;AACHC,QAAAA,GAAG,EAAE,CADF;AAEHC,QAAAA,IAAI,EAAE,CAFH;AAGHC,QAAAA,KAAK,UAHF;AAIHC,QAAAA,MAAM,UAJH;AAKHC,QAAAA,UAAU,EAAE,MALT;AAMH,kBAAU;AACRC,UAAAA,OAAO,EAAE;AADD,SANP;AASHC,QAAAA,MAAM,EAAE,MATL;AAUHC,QAAAA,YAAY,EAAE,MAVX;AAWHC,QAAAA,MAAM,EAAE,CAXL;AAYHC,QAAAA,QAAQ,EAAE;AAZP,SAaAb,KAbA;AAbP,OA4BMC,UA5BN,EADF,eA+BE,KAAC,GAAD;AACE,MAAA,KAAK,EAAE;AACLY,QAAAA,QAAQ,EAAE,UADL;AAELT,QAAAA,GAAG,EAAE,CAFA;AAGLC,QAAAA,IAAI,EAAE,CAHD;AAILC,QAAAA,KAAK,UAJA;AAKLC,QAAAA,MAAM,UALD;AAMLO,QAAAA,OAAO,YANF;AAOLC,QAAAA,UAAU,EAAE,CAPP;AAQLb,QAAAA,KAAK,EAAEJ,OAAO,GAAG,SAAH,GAAeV,KAAK,CAAC,YAAD,EAAe,IAAf,CAR7B;AASL,8BAAsB;AACpBc,UAAAA,KAAK,EAAEd,KAAK,CAAC,YAAD,EAAe,IAAf;AADQ;AATjB,OADT;AAcE,MAAA,IAAI,EAAC,cAdP;AAeE,qBAAY,MAfd;AAAA,6BAiBE,KAAC,eAAD;AAAiB,QAAA,OAAO,EAAEU,OAA1B;AAAmC,QAAA,QAAQ,EAAEC;AAA7C;AAjBF,MA/BF;AAAA,IADF;AAqDD,CA9DkC,CAAnC;AAgEA,OAAO,MAAMf,WAAW,gBAAGD,UAAU,CACnC,SAASC,WAAT,CAAqBU,KAArB,EAA4BC,YAA5B,EAA0C;AACxC,QAAM;AAAEE,IAAAA,EAAE,GAAG,OAAP;AAAgBmB,IAAAA,QAAhB;AAA0BjB,IAAAA;AAA1B,MAAsDL,KAA5D;AAAA,QAA6CO,UAA7C,iCAA4DP,KAA5D;;AAEA,QAAMuB,KAAK,gBACT,KAAC,eAAD;AACE,IAAA,EAAE,EAAExB,gBADN;AAEE,IAAA,OAAO,EAAEI,EAFX;AAGE,IAAA,GAAG,EAAEF,YAHP;AAIE,IAAA,QAAQ,EAAEI;AAJZ,KAKME,UALN,EADF;;AAUA,MAAI,CAACe,QAAL,EAAe;AACb,WAAOC,KAAP;AACD;;AAED,sBACE,MAAC,qBAAD;AAAA,eACGA,KADH,eAEE,KAAC,oBAAD;AAAsB,MAAA,QAAQ,EAAElB,QAAhC;AAAA,gBACGiB;AADH,MAFF;AAAA,IADF;AAQD,CA1BkC,CAA9B","sourcesContent":["import { forwardRef, InputHTMLAttributes } from 'react';\nimport {\n  RadioButton as RadioButtonCore,\n  RadioButtonProps as RadioButtonCoreProps,\n} from '@basic-ui/core';\nimport { Box, BoxProps } from '../Box';\nimport { RippleBox, RippleBoxProps } from '../Ripple';\nimport { rem } from 'polished';\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, React.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"],"file":"RadioButton.js"}
+{"version":3,"sources":["../../../src/RadioButton/RadioButton.tsx"],"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"],"mappings":"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","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, React.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"],"file":"RadioButton.js"}

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

@@ -1,4 +1,4 @@
-import type * as React from 'react';
+import * as React from 'react';
 export interface RadioButtonIconProps extends React.HTMLAttributes<HTMLDivElement> {
     checked?: boolean;
     disabled?: boolean;