@basic-ui/material 1.0.0-alpha.4 → 1.0.0-alpha.41

package/build/esm/NotchedOutline/styledComponents.d.ts

@@ -20,6 +20,7 @@ export declare const InnerContainer: import("@emotion/styled").StyledComponent<{
             surface: string;
             'surface-variant': string;
             outline: string;
+            'outline-variant': string;
             on: {
                 primary: string;
                 secondary: string;
@@ -33,6 +34,7 @@ export declare const InnerContainer: import("@emotion/styled").StyledComponent<{
                 surface: string;
                 'surface-variant': string;
                 outline: string;
+                'outline-variant': string;
             };
             modes: {
                 dark: {
@@ -48,6 +50,7 @@ export declare const InnerContainer: import("@emotion/styled").StyledComponent<{
                     surface: string;
                     'surface-variant': string;
                     outline: string;
+                    'outline-variant': string;
                     on: {
                         primary: string;
                         secondary: string;
@@ -61,6 +64,7 @@ export declare const InnerContainer: import("@emotion/styled").StyledComponent<{
                         surface: string;
                         'surface-variant': string;
                         outline: string;
+                        'outline-variant': string;
                     };
                 };
             };
@@ -84,33 +88,6 @@ export declare const InnerContainer: import("@emotion/styled").StyledComponent<{
             full: string;
             circle: string;
         };
-        shadowsOriginal: {
-            0: string;
-            1: string;
-            2: string;
-            3: string;
-            4: string;
-            5: string;
-            6: string;
-            7: string;
-            8: string;
-            9: string;
-            10: string;
-            11: string;
-            12: string;
-            13: string;
-            14: string;
-            15: string;
-            16: string;
-            17: string;
-            18: string;
-            19: string;
-            20: string;
-            21: string;
-            22: string;
-            23: string;
-            24: string;
-        };
         shadows: {
             0: string;
             1: string;
@@ -122,6 +99,8 @@ export declare const InnerContainer: import("@emotion/styled").StyledComponent<{
         fonts: {
             body: string;
             heading: string;
+            brand: string;
+            plain: string;
             monospace: string;
         };
         fontSizes: {
@@ -171,6 +150,111 @@ export declare const InnerContainer: import("@emotion/styled").StyledComponent<{
                 fontFamily: string;
                 lineHeight: string;
             };
+            'display-large': {
+                fontFamily: "plain" | "brand";
+                lineHeight: string;
+                fontSize: string;
+                letterSpacing: string;
+                fontWeight: number;
+            };
+            'display-medium': {
+                fontFamily: "plain" | "brand";
+                lineHeight: string;
+                fontSize: string;
+                letterSpacing: string;
+                fontWeight: number;
+            };
+            'display-small': {
+                fontFamily: "plain" | "brand";
+                lineHeight: string;
+                fontSize: string;
+                letterSpacing: string;
+                fontWeight: number;
+            };
+            'headline-large': {
+                fontFamily: "plain" | "brand";
+                lineHeight: string;
+                fontSize: string;
+                letterSpacing: string;
+                fontWeight: number;
+            };
+            'headline-medium': {
+                fontFamily: "plain" | "brand";
+                lineHeight: string;
+                fontSize: string;
+                letterSpacing: string;
+                fontWeight: number;
+            };
+            'headline-small': {
+                fontFamily: "plain" | "brand";
+                lineHeight: string;
+                fontSize: string;
+                letterSpacing: string;
+                fontWeight: number;
+            };
+            'title-large': {
+                fontFamily: "plain" | "brand";
+                lineHeight: string;
+                fontSize: string;
+                letterSpacing: string;
+                fontWeight: number;
+            };
+            'title-medium': {
+                fontFamily: "plain" | "brand";
+                lineHeight: string;
+                fontSize: string;
+                letterSpacing: string;
+                fontWeight: number;
+            };
+            'title-small': {
+                fontFamily: "plain" | "brand";
+                lineHeight: string;
+                fontSize: string;
+                letterSpacing: string;
+                fontWeight: number;
+            };
+            'label-large': {
+                fontFamily: "plain" | "brand";
+                lineHeight: string;
+                fontSize: string;
+                letterSpacing: string;
+                fontWeight: number;
+            };
+            'label-medium': {
+                fontFamily: "plain" | "brand";
+                lineHeight: string;
+                fontSize: string;
+                letterSpacing: string;
+                fontWeight: number;
+            };
+            'label-small': {
+                fontFamily: "plain" | "brand";
+                lineHeight: string;
+                fontSize: string;
+                letterSpacing: string;
+                fontWeight: number;
+            };
+            'body-large': {
+                fontFamily: "plain" | "brand";
+                lineHeight: string;
+                fontSize: string;
+                letterSpacing: string;
+                fontWeight: number;
+            };
+            'body-medium': {
+                fontFamily: "plain" | "brand";
+                lineHeight: string;
+                fontSize: string;
+                letterSpacing: string;
+                fontWeight: number;
+            };
+            'body-small': {
+                fontFamily: "plain" | "brand";
+                lineHeight: string;
+                fontSize: string;
+                letterSpacing: string;
+                fontWeight: number;
+            };
             h1: {
                 variant: string;
                 fontWeight: string;
@@ -365,7 +449,7 @@ export declare const InnerContainer: import("@emotion/styled").StyledComponent<{
                     '&:hover': {
                         boxShadow: number;
                     };
-                    '&:hover:disabled': {
+                    '&:active,&:focus-visible,&:disabled': {
                         boxShadow: number;
                     };
                 };
@@ -375,6 +459,9 @@ export declare const InnerContainer: import("@emotion/styled").StyledComponent<{
                     '&:hover': {
                         boxShadow: number;
                     };
+                    '&:active,&:focus-visible': {
+                        boxShadow: number;
+                    };
                     '&:disabled,&:disabled:hover,&:disabled:focus,&:disabled:active': {
                         boxShadow: number;
                     };
@@ -385,6 +472,9 @@ export declare const InnerContainer: import("@emotion/styled").StyledComponent<{
                     ':hover': {
                         boxShadow: number;
                     };
+                    '&:active,&:focus-visible': {
+                        boxShadow: number;
+                    };
                     '&:disabled,&:disabled:hover,&:disabled:focus,&:disabled:active': {
                         boxShadow: number;
                     };

package/build/esm/NotchedOutline/styledComponents.js

@@ -5,6 +5,7 @@ import { rem } from 'polished';
 import shouldForwardProp from '@styled-system/should-forward-prop';
 import { css } from '@styled-system/css';
 import { alpha } from '../color';
+import { EASING_STANDARD } from '../motion';
 export var NOTCH_PADDING = 4;
 
 var makeSelector = function makeSelector(state) {
@@ -78,7 +79,7 @@ export var InnerContainer = /*#__PURE__*/_styled('div', process.env.NODE_ENV ===
   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)"
+    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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Ob3RjaGVkT3V0bGluZS9zdHlsZWRDb21wb25lbnRzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCOEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL05vdGNoZWRPdXRsaW5lL3N0eWxlZENvbXBvbmVudHMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICdwb2xpc2hlZCc7XG5pbXBvcnQgc2hvdWxkRm9yd2FyZFByb3AgZnJvbSAnQHN0eWxlZC1zeXN0ZW0vc2hvdWxkLWZvcndhcmQtcHJvcCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAc3R5bGVkLXN5c3RlbS9jc3MnO1xuXG5pbXBvcnQgeyBhbHBoYSB9IGZyb20gJy4uL2NvbG9yJztcbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICcuLi90aGVtZSc7XG5cbmV4cG9ydCBjb25zdCBOT1RDSF9QQURESU5HID0gNDtcblxuY29uc3QgbWFrZVNlbGVjdG9yID0gKFxuICBzdGF0ZTpcbiAgICB8ICdob3Zlcjpub3QoW2Rpc2FibGVkXSk6bm90KDpmb2N1cyknXG4gICAgfCAnZm9jdXM6bm90KFtkaXNhYmxlZF0pJ1xuICAgIHwgJ2Rpc2FibGVkJ1xuKSA9PlxuICBgaW5wdXQ6JHtzdGF0ZX0gfiAmIFtkYXRhLW5vdGNoLW91dGxpbmUtaXRlbV0sYCArXG4gIGBzZWxlY3Q6JHtzdGF0ZX0gfiAmIFtkYXRhLW5vdGNoLW91dGxpbmUtaXRlbV0sYCArXG4gIGBbcm9sZT1cImJ1dHRvblwiXToke3N0YXRlfSB+ICYgW2RhdGEtbm90Y2gtb3V0bGluZS1pdGVtXSxgICtcbiAgYHRleHRhcmVhOiR7c3RhdGV9IH4gJiBbZGF0YS1ub3RjaC1vdXRsaW5lLWl0ZW1dYDtcblxuZXhwb3J0IGNvbnN0IElubmVyQ29udGFpbmVyID0gc3R5bGVkKCdkaXYnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wLFxufSk8e1xuICBjb2xvcj86IHN0cmluZztcbiAgdGhlbWU/OiBUaGVtZTtcbiAgYm9yZGVyUmFkaXVzOiBudW1iZXI7XG4gIGJvcmRlcldpZHRoOiBudW1iZXI7XG4gIGJvcmRlcldpZHRoV2hlbkZvY3VzZWQ6IG51bWJlcjtcbiAgYm9yZGVyU3R5bGU6IHN0cmluZztcbiAgbm90Y2hTdGFydDogbnVtYmVyO1xuICBmb3JjZUFjdGl2ZT86IGJvb2xlYW47XG59PihcbiAge1xuICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBsZWZ0OiAwLFxuICAgIHRvcDogMCxcbiAgICBib3R0b206IDAsXG4gICAgd2lkdGg6ICcxMDAlJyxcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICBwb2ludGVyRXZlbnRzOiAnbm9uZScsXG4gIH0sXG4gICh7XG4gICAgY29sb3IgPSAnb24uc3VyZmFjZScsXG4gICAgYm9yZGVyUmFkaXVzOiBib3JkZXJSYWRpdXNQeCxcbiAgICBib3JkZXJXaWR0aDogYm9yZGVyV2lkdGhQeCxcbiAgICBib3JkZXJXaWR0aFdoZW5Gb2N1c2VkOiBib3JkZXJXaWR0aFdoZW5Gb2N1c2VkUHgsXG4gICAgYm9yZGVyU3R5bGUsXG4gICAgbm90Y2hTdGFydCxcbiAgICBmb3JjZUFjdGl2ZSA9IGZhbHNlLFxuICB9KSA9PiB7XG4gICAgY29uc3Qgd2lkdGggPSByZW0obm90Y2hTdGFydCAtIE5PVENIX1BBRERJTkcpO1xuICAgIGNvbnN0IGJvcmRlclJhZGl1cyA9IHJlbShib3JkZXJSYWRpdXNQeCk7XG4gICAgY29uc3QgYm9yZGVyV2lkdGggPSByZW0oYm9yZGVyV2lkdGhQeCk7XG4gICAgY29uc3QgYm9yZGVyV2lkdGhXaGVuRm9jdXNlZCA9IHJlbShib3JkZXJXaWR0aFdoZW5Gb2N1c2VkUHgpO1xuXG4gICAgZnVuY3Rpb24gYm9yZGVyU3R5bGluZyhib3JkZXJSYWRpdXM6IHN0cmluZywgYm9yZGVyV2lkdGg6IHN0cmluZykge1xuICAgICAgcmV0dXJuIHtcbiAgICAgICAgWycmW2RhdGEtbm90Y2gtb3V0bGluZS1pdGVtPVwic3RhcnRcIl0nXToge1xuICAgICAgICAgIGJvcmRlclRvcExlZnRSYWRpdXM6IGJvcmRlclJhZGl1cyxcbiAgICAgICAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiBib3JkZXJSYWRpdXMsXG4gICAgICAgICAgYm9yZGVyV2lkdGg6IGJvcmRlcldpZHRoLFxuICAgICAgICAgIGJvcmRlclJpZ2h0V2lkdGg6IDAsXG4gICAgICAgICAgd2lkdGgsXG4gICAgICAgIH0sXG4gICAgICAgIFsnJltkYXRhLW5vdGNoLW91dGxpbmUtaXRlbT1cIm1pZGRsZVwiXSddOiB7XG4gICAgICAgICAgYm9yZGVyV2lkdGg6IDAsXG4gICAgICAgICAgYm9yZGVyQm90dG9tV2lkdGg6IGJvcmRlcldpZHRoLFxuICAgICAgICB9LFxuICAgICAgICBbJyZbZGF0YS1ub3RjaC1vdXRsaW5lLWl0ZW09XCJlbmRcIl0nXToge1xuICAgICAgICAgIGJvcmRlcldpZHRoOiBib3JkZXJXaWR0aCxcbiAgICAgICAgICBib3JkZXJMZWZ0OiAwLFxuICAgICAgICAgIGJvcmRlclRvcFJpZ2h0UmFkaXVzOiBib3JkZXJSYWRpdXMsXG4gICAgICAgICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IGJvcmRlclJhZGl1cyxcbiAgICAgICAgICBmbGV4OiAxLFxuICAgICAgICB9LFxuICAgICAgfTtcbiAgICB9XG5cbiAgICBjb25zdCBpbmFjdGl2ZVN0eWxlID0ge1xuICAgICAgY29sb3I6ICdvbi5zdXJmYWNlLXZhcmlhbnQnLFxuICAgICAgYm9yZGVyQ29sb3I6ICdvdXRsaW5lJyxcbiAgICAgIC4uLmJvcmRlclN0eWxpbmcoYm9yZGVyUmFkaXVzLCBib3JkZXJXaWR0aCksXG4gICAgfTtcblxuICAgIGNvbnN0IGhvdmVyU3R5bGUgPSB7XG4gICAgICBib3JkZXJDb2xvcjogJ29uLnN1cmZhY2UnLFxuICAgICAgY29sb3I6ICdvbi5zdXJmYWNlLXZhcmlhbnQnLFxuICAgIH07XG5cbiAgICBjb25zdCBmb2N1c1N0eWxlID0ge1xuICAgICAgYm9yZGVyQ29sb3I6IGNvbG9yLFxuICAgICAgY29sb3I6IGFscGhhKGNvbG9yLCAwLjg3KSxcbiAgICAgIC4uLmJvcmRlclN0eWxpbmcoYm9yZGVyUmFkaXVzLCBib3JkZXJXaWR0aFdoZW5Gb2N1c2VkKSxcbiAgICB9O1xuXG4gICAgY29uc3QgZGlzYWJsZWRTdHlsZSA9IHtcbiAgICAgIGJvcmRlckNvbG9yOiBhbHBoYSgnb24uc3VyZmFjZScsIDAuMDYpLFxuICAgICAgY29sb3I6IGFscGhhKCdvbi5zdXJmYWNlJywgMC4zOCksXG4gICAgfTtcblxuICAgIHJldHVybiBjc3Moe1xuICAgICAgLy8gbm90Y2ggaXRlbXMgc3R5bGVzIHdoZW4gbm90IGZvY3VzZWRcbiAgICAgIFsnW2RhdGEtbm90Y2gtb3V0bGluZS1pdGVtXSddOiB7XG4gICAgICAgIGJveFNpemluZzogJ2JvcmRlci1ib3gnLFxuICAgICAgICBib3JkZXJTdHlsZSxcbiAgICAgICAgdHJhbnNpdGlvbjogYGJvcmRlci1jb2xvciAuMTVzIGN1YmljLWJlemllciguNCwwLC4yLDEpYCxcbiAgICAgICAgLi4uKGZvcmNlQWN0aXZlID8gZm9jdXNTdHlsZSA6IGluYWN0aXZlU3R5bGUpLFxuICAgICAgfSxcbiAgICAgIC8vIG5vdGNoIGl0ZW1zIHN0eWxlcyB3aGVuIGlucHV0IGlzIGhvdmVyZWRcbiAgICAgIFttYWtlU2VsZWN0b3IoJ2hvdmVyOm5vdChbZGlzYWJsZWRdKTpub3QoOmZvY3VzKScpXTogZm9yY2VBY3RpdmVcbiAgICAgICAgPyBmb2N1c1N0eWxlXG4gICAgICAgIDogaG92ZXJTdHlsZSxcbiAgICAgIC8vIG5vdGNoIGl0ZW1zIHN0eWxlcyB3aGVuIGlucHV0IGlzIGZvY3VzZWRcbiAgICAgIFttYWtlU2VsZWN0b3IoJ2ZvY3VzOm5vdChbZGlzYWJsZWRdKScpXTogZm9jdXNTdHlsZSxcbiAgICAgIC8vIG5vdGNoIGl0ZW1zIHN0eWxlcyB3aGVuIGlucHV0IGlzIGRpc2FibGVkXG4gICAgICBbbWFrZVNlbGVjdG9yKCdkaXNhYmxlZCcpXTogZGlzYWJsZWRTdHlsZSxcbiAgICB9KTtcbiAgfVxuKTtcbiJdfQ== */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Ob3RjaGVkT3V0bGluZS9zdHlsZWRDb21wb25lbnRzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCOEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL05vdGNoZWRPdXRsaW5lL3N0eWxlZENvbXBvbmVudHMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICdwb2xpc2hlZCc7XG5pbXBvcnQgc2hvdWxkRm9yd2FyZFByb3AgZnJvbSAnQHN0eWxlZC1zeXN0ZW0vc2hvdWxkLWZvcndhcmQtcHJvcCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAc3R5bGVkLXN5c3RlbS9jc3MnO1xuXG5pbXBvcnQgeyBhbHBoYSB9IGZyb20gJy4uL2NvbG9yJztcbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICcuLi90aGVtZSc7XG5pbXBvcnQgeyBFQVNJTkdfU1RBTkRBUkQgfSBmcm9tICcuLi9tb3Rpb24nO1xuXG5leHBvcnQgY29uc3QgTk9UQ0hfUEFERElORyA9IDQ7XG5cbmNvbnN0IG1ha2VTZWxlY3RvciA9IChcbiAgc3RhdGU6XG4gICAgfCAnaG92ZXI6bm90KFtkaXNhYmxlZF0pOm5vdCg6Zm9jdXMpJ1xuICAgIHwgJ2ZvY3VzOm5vdChbZGlzYWJsZWRdKSdcbiAgICB8ICdkaXNhYmxlZCdcbikgPT5cbiAgYGlucHV0OiR7c3RhdGV9IH4gJiBbZGF0YS1ub3RjaC1vdXRsaW5lLWl0ZW1dLGAgK1xuICBgc2VsZWN0OiR7c3RhdGV9IH4gJiBbZGF0YS1ub3RjaC1vdXRsaW5lLWl0ZW1dLGAgK1xuICBgW3JvbGU9XCJidXR0b25cIl06JHtzdGF0ZX0gfiAmIFtkYXRhLW5vdGNoLW91dGxpbmUtaXRlbV0sYCArXG4gIGB0ZXh0YXJlYToke3N0YXRlfSB+ICYgW2RhdGEtbm90Y2gtb3V0bGluZS1pdGVtXWA7XG5cbmV4cG9ydCBjb25zdCBJbm5lckNvbnRhaW5lciA9IHN0eWxlZCgnZGl2Jywge1xuICBzaG91bGRGb3J3YXJkUHJvcCxcbn0pPHtcbiAgY29sb3I/OiBzdHJpbmc7XG4gIHRoZW1lPzogVGhlbWU7XG4gIGJvcmRlclJhZGl1czogbnVtYmVyO1xuICBib3JkZXJXaWR0aDogbnVtYmVyO1xuICBib3JkZXJXaWR0aFdoZW5Gb2N1c2VkOiBudW1iZXI7XG4gIGJvcmRlclN0eWxlOiBzdHJpbmc7XG4gIG5vdGNoU3RhcnQ6IG51bWJlcjtcbiAgZm9yY2VBY3RpdmU/OiBib29sZWFuO1xufT4oXG4gIHtcbiAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgbGVmdDogMCxcbiAgICB0b3A6IDAsXG4gICAgYm90dG9tOiAwLFxuICAgIHdpZHRoOiAnMTAwJScsXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgcG9pbnRlckV2ZW50czogJ25vbmUnLFxuICB9LFxuICAoe1xuICAgIGNvbG9yID0gJ29uLnN1cmZhY2UnLFxuICAgIGJvcmRlclJhZGl1czogYm9yZGVyUmFkaXVzUHgsXG4gICAgYm9yZGVyV2lkdGg6IGJvcmRlcldpZHRoUHgsXG4gICAgYm9yZGVyV2lkdGhXaGVuRm9jdXNlZDogYm9yZGVyV2lkdGhXaGVuRm9jdXNlZFB4LFxuICAgIGJvcmRlclN0eWxlLFxuICAgIG5vdGNoU3RhcnQsXG4gICAgZm9yY2VBY3RpdmUgPSBmYWxzZSxcbiAgfSkgPT4ge1xuICAgIGNvbnN0IHdpZHRoID0gcmVtKG5vdGNoU3RhcnQgLSBOT1RDSF9QQURESU5HKTtcbiAgICBjb25zdCBib3JkZXJSYWRpdXMgPSByZW0oYm9yZGVyUmFkaXVzUHgpO1xuICAgIGNvbnN0IGJvcmRlcldpZHRoID0gcmVtKGJvcmRlcldpZHRoUHgpO1xuICAgIGNvbnN0IGJvcmRlcldpZHRoV2hlbkZvY3VzZWQgPSByZW0oYm9yZGVyV2lkdGhXaGVuRm9jdXNlZFB4KTtcblxuICAgIGZ1bmN0aW9uIGJvcmRlclN0eWxpbmcoYm9yZGVyUmFkaXVzOiBzdHJpbmcsIGJvcmRlcldpZHRoOiBzdHJpbmcpIHtcbiAgICAgIHJldHVybiB7XG4gICAgICAgIFsnJltkYXRhLW5vdGNoLW91dGxpbmUtaXRlbT1cInN0YXJ0XCJdJ106IHtcbiAgICAgICAgICBib3JkZXJUb3BMZWZ0UmFkaXVzOiBib3JkZXJSYWRpdXMsXG4gICAgICAgICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogYm9yZGVyUmFkaXVzLFxuICAgICAgICAgIGJvcmRlcldpZHRoOiBib3JkZXJXaWR0aCxcbiAgICAgICAgICBib3JkZXJSaWdodFdpZHRoOiAwLFxuICAgICAgICAgIHdpZHRoLFxuICAgICAgICB9LFxuICAgICAgICBbJyZbZGF0YS1ub3RjaC1vdXRsaW5lLWl0ZW09XCJtaWRkbGVcIl0nXToge1xuICAgICAgICAgIGJvcmRlcldpZHRoOiAwLFxuICAgICAgICAgIGJvcmRlckJvdHRvbVdpZHRoOiBib3JkZXJXaWR0aCxcbiAgICAgICAgfSxcbiAgICAgICAgWycmW2RhdGEtbm90Y2gtb3V0bGluZS1pdGVtPVwiZW5kXCJdJ106IHtcbiAgICAgICAgICBib3JkZXJXaWR0aDogYm9yZGVyV2lkdGgsXG4gICAgICAgICAgYm9yZGVyTGVmdDogMCxcbiAgICAgICAgICBib3JkZXJUb3BSaWdodFJhZGl1czogYm9yZGVyUmFkaXVzLFxuICAgICAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiBib3JkZXJSYWRpdXMsXG4gICAgICAgICAgZmxleDogMSxcbiAgICAgICAgfSxcbiAgICAgIH07XG4gICAgfVxuXG4gICAgY29uc3QgaW5hY3RpdmVTdHlsZSA9IHtcbiAgICAgIGNvbG9yOiAnb24uc3VyZmFjZS12YXJpYW50JyxcbiAgICAgIGJvcmRlckNvbG9yOiAnb3V0bGluZScsXG4gICAgICAuLi5ib3JkZXJTdHlsaW5nKGJvcmRlclJhZGl1cywgYm9yZGVyV2lkdGgpLFxuICAgIH07XG5cbiAgICBjb25zdCBob3ZlclN0eWxlID0ge1xuICAgICAgYm9yZGVyQ29sb3I6ICdvbi5zdXJmYWNlJyxcbiAgICAgIGNvbG9yOiAnb24uc3VyZmFjZS12YXJpYW50JyxcbiAgICB9O1xuXG4gICAgY29uc3QgZm9jdXNTdHlsZSA9IHtcbiAgICAgIGJvcmRlckNvbG9yOiBjb2xvcixcbiAgICAgIGNvbG9yOiBhbHBoYShjb2xvciwgMC44NyksXG4gICAgICAuLi5ib3JkZXJTdHlsaW5nKGJvcmRlclJhZGl1cywgYm9yZGVyV2lkdGhXaGVuRm9jdXNlZCksXG4gICAgfTtcblxuICAgIGNvbnN0IGRpc2FibGVkU3R5bGUgPSB7XG4gICAgICBib3JkZXJDb2xvcjogYWxwaGEoJ29uLnN1cmZhY2UnLCAwLjA2KSxcbiAgICAgIGNvbG9yOiBhbHBoYSgnb24uc3VyZmFjZScsIDAuMzgpLFxuICAgIH07XG5cbiAgICByZXR1cm4gY3NzKHtcbiAgICAgIC8vIG5vdGNoIGl0ZW1zIHN0eWxlcyB3aGVuIG5vdCBmb2N1c2VkXG4gICAgICBbJ1tkYXRhLW5vdGNoLW91dGxpbmUtaXRlbV0nXToge1xuICAgICAgICBib3hTaXppbmc6ICdib3JkZXItYm94JyxcbiAgICAgICAgYm9yZGVyU3R5bGUsXG4gICAgICAgIHRyYW5zaXRpb246IGBib3JkZXItY29sb3IgLjE1cyAke0VBU0lOR19TVEFOREFSRH1gLFxuICAgICAgICAuLi4oZm9yY2VBY3RpdmUgPyBmb2N1c1N0eWxlIDogaW5hY3RpdmVTdHlsZSksXG4gICAgICB9LFxuICAgICAgLy8gbm90Y2ggaXRlbXMgc3R5bGVzIHdoZW4gaW5wdXQgaXMgaG92ZXJlZFxuICAgICAgW21ha2VTZWxlY3RvcignaG92ZXI6bm90KFtkaXNhYmxlZF0pOm5vdCg6Zm9jdXMpJyldOiBmb3JjZUFjdGl2ZVxuICAgICAgICA/IGZvY3VzU3R5bGVcbiAgICAgICAgOiBob3ZlclN0eWxlLFxuICAgICAgLy8gbm90Y2ggaXRlbXMgc3R5bGVzIHdoZW4gaW5wdXQgaXMgZm9jdXNlZFxuICAgICAgW21ha2VTZWxlY3RvcignZm9jdXM6bm90KFtkaXNhYmxlZF0pJyldOiBmb2N1c1N0eWxlLFxuICAgICAgLy8gbm90Y2ggaXRlbXMgc3R5bGVzIHdoZW4gaW5wdXQgaXMgZGlzYWJsZWRcbiAgICAgIFttYWtlU2VsZWN0b3IoJ2Rpc2FibGVkJyldOiBkaXNhYmxlZFN0eWxlLFxuICAgIH0pO1xuICB9XG4pO1xuIl19 */");
 //# sourceMappingURL=styledComponents.js.map

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

@@ -1 +1 @@
-{"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":";;;AACA,SAASA,GAAT,QAAoB,UAApB;AACA,OAAOC,iBAAP,MAA8B,oCAA9B;AACA,SAASC,GAAT,QAAoB,oBAApB;AAEA,SAASC,KAAT,QAAsB,UAAtB;AAGA,OAAO,IAAMC,aAAa,GAAG,CAAtB;;AAEP,IAAMC,YAAY,GAAG,SAAfA,YAAe,CACnBC,KADmB;AAAA,SAMnB,gBAASA,KAAT,wDACUA,KADV,mEAEmBA,KAFnB,0DAGYA,KAHZ,mCANmB;AAAA,CAArB;;AAWA,OAAO,IAAMC,cAAc,GAAG,qBAAO,KAAP;AAC5BN,EAAAA,iBAAiB,EAAjBA,iBAD4B;AAAA;AAAA;AAC5BA,EAAAA,iBAAiB,EAAjBA,iBAD4B;AAAA;AAAA;AAAA,uGAsB5B,gBAQM;AAAA;;AAAA,wBAPJO,KAOI;AAAA,MAPJA,KAOI,2BAPI,YAOJ;AAAA,MANUC,cAMV,QANJC,YAMI;AAAA,MALSC,aAKT,QALJC,WAKI;AAAA,MAJoBC,wBAIpB,QAJJC,sBAII;AAAA,MAHJC,WAGI,QAHJA,WAGI;AAAA,MAFJC,UAEI,QAFJA,UAEI;AAAA,8BADJC,WACI;AAAA,MADJA,WACI,iCADU,KACV;AACJ,MAAMC,KAAK,GAAGlB,GAAG,CAACgB,UAAU,GAAGZ,aAAd,CAAjB;AACA,MAAMM,YAAY,GAAGV,GAAG,CAACS,cAAD,CAAxB;AACA,MAAMG,WAAW,GAAGZ,GAAG,CAACW,aAAD,CAAvB;AACA,MAAMG,sBAAsB,GAAGd,GAAG,CAACa,wBAAD,CAAlC;;AAEA,WAASM,aAAT,CAAuBT,YAAvB,EAA6CE,WAA7C,EAAkE;AAAA;;AAChE,8CACG,oCADH,EAC0C;AACtCQ,MAAAA,mBAAmB,EAAEV,YADiB;AAEtCW,MAAAA,sBAAsB,EAAEX,YAFc;AAGtCE,MAAAA,WAAW,EAAEA,WAHyB;AAItCU,MAAAA,gBAAgB,EAAE,CAJoB;AAKtCJ,MAAAA,KAAK,EAALA;AALsC,KAD1C,0BAQG,qCARH,EAQ2C;AACvCN,MAAAA,WAAW,EAAE,CAD0B;AAEvCW,MAAAA,iBAAiB,EAAEX;AAFoB,KAR3C,0BAYG,kCAZH,EAYwC;AACpCA,MAAAA,WAAW,EAAEA,WADuB;AAEpCY,MAAAA,UAAU,EAAE,CAFwB;AAGpCC,MAAAA,oBAAoB,EAAEf,YAHc;AAIpCgB,MAAAA,uBAAuB,EAAEhB,YAJW;AAKpCiB,MAAAA,IAAI,EAAE;AAL8B,KAZxC;AAoBD;;AAED,MAAMC,aAAa;AACjBpB,IAAAA,KAAK,EAAE,oBADU;AAEjBqB,IAAAA,WAAW,EAAE;AAFI,KAGdV,aAAa,CAACT,YAAD,EAAeE,WAAf,CAHC,CAAnB;;AAMA,MAAMkB,UAAU,GAAG;AACjBD,IAAAA,WAAW,EAAE,YADI;AAEjBrB,IAAAA,KAAK,EAAE;AAFU,GAAnB;;AAKA,MAAMuB,UAAU;AACdF,IAAAA,WAAW,EAAErB,KADC;AAEdA,IAAAA,KAAK,EAAEL,KAAK,CAACK,KAAD,EAAQ,IAAR;AAFE,KAGXW,aAAa,CAACT,YAAD,EAAeI,sBAAf,CAHF,CAAhB;;AAMA,MAAMkB,aAAa,GAAG;AACpBH,IAAAA,WAAW,EAAE1B,KAAK,CAAC,YAAD,EAAe,IAAf,CADE;AAEpBK,IAAAA,KAAK,EAAEL,KAAK,CAAC,YAAD,EAAe,IAAf;AAFQ,GAAtB;AAKA,SAAOD,GAAG,mCAEP,2BAFO;AAGN+B,IAAAA,SAAS,EAAE,YAHL;AAINlB,IAAAA,WAAW,EAAXA,WAJM;AAKNmB,IAAAA,UAAU;AALJ,KAMFjB,WAAW,GAAGc,UAAH,GAAgBH,aANzB,0BASPvB,YAAY,CAAC,mCAAD,CATL,EAS6CY,WAAW,GAC5Dc,UAD4D,GAE5DD,UAXI,yBAaPzB,YAAY,CAAC,uBAAD,CAbL,EAaiC0B,UAbjC,yBAeP1B,YAAY,CAAC,UAAD,CAfL,EAeoB2B,aAfpB,SAAV;AAiBD,CAlG2B,q8JAAvB","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"}
+{"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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"}

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

@@ -1,11 +1,11 @@
-import * as React from 'react';
+import type { ElementType, ReactNode } from 'react';
 import type { BoxProps } from '../Box';
 export interface PaperProps extends BoxProps {
-    as?: React.ElementType<any>;
+    as?: ElementType<any>;
     elevation?: number;
     outlined?: boolean;
     backgroundOverlay?: number | string;
     darkThemeBackgroundOverlay?: number | string;
-    children?: React.ReactNode;
+    children?: ReactNode;
 }
-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>>;
+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>>;

package/build/esm/Paper/Paper.js

@@ -1,10 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["outlined", "elevation", "backgroundOverlay", "darkThemeBackgroundOverlay", "__css", "children"];
 import { forwardRef } from 'react';
-import * as React from 'react';
 import { Box } from '../Box';
 import { useTheme } from '../theme';
-import { alpha, getBackgroundOverlay, getDarkThemeBackgroundOverlay } from '../color';
+import { getBackgroundOverlay, getDarkThemeBackgroundOverlay } from '../color';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var Paper = /*#__PURE__*/forwardRef(function Paper(props, forwardedRef) {
   var outlined = props.outlined,
@@ -15,12 +15,12 @@ export var Paper = /*#__PURE__*/forwardRef(function Paper(props, forwardedRef) {
       _props$__css = props.__css,
       __css = _props$__css === void 0 ? {} : _props$__css,
       children = props.children,
-      otherProps = _objectWithoutProperties(props, ["outlined", "elevation", "backgroundOverlay", "darkThemeBackgroundOverlay", "__css", "children"]);
+      otherProps = _objectWithoutProperties(props, _excluded);
 
   var theme = useTheme();
-  return /*#__PURE__*/_jsx(Box, _extends({
+  return /*#__PURE__*/_jsx(Box, _extends(_extends({
     ref: forwardedRef,
-    __css: _extends({
+    __css: _extends(_extends(_extends(_extends({
       backgroundColor: 'surface',
       boxShadow: String(elevation),
       ':focus': {
@@ -29,9 +29,9 @@ export var Paper = /*#__PURE__*/forwardRef(function Paper(props, forwardedRef) {
     }, outlined ? {
       borderStyle: 'solid',
       borderWidth: "0.0625rem",
-      borderColor: alpha('on.surface', 0.12)
-    } : {}, backgroundOverlay ? getBackgroundOverlay(theme, backgroundOverlay, 'primary') : {}, darkThemeBackgroundOverlay ? getDarkThemeBackgroundOverlay(theme, darkThemeBackgroundOverlay, 'primary') : {}, __css)
-  }, otherProps, {
+      borderColor: 'surface-variant'
+    } : {}), 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","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"}
+{"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"}

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

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

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

@@ -0,0 +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 = Omit<PopperProps & BoxProps, 'usePortal'> & {
+    open: boolean;
+    onClose: () => void;
+    disableBackdropClick?: boolean;
+    disableEscapeKeyDown?: boolean;
+    backdropProps?: DialogBackdropProps;
+    containerProps?: PopoverContainerProps;
+};
+export declare const Popover: import("react").ForwardRefExoticComponent<Pick<PopoverProps, "bottom" | "top" | "hidden" | "left" | "right" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "p" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "display" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontStyle" | "textAlign" | "color" | "bg" | "backgroundColor" | "opacity" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexDirection" | "flex" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat" | "position" | "zIndex" | "boxShadow" | "textShadow" | "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" | "innerAs" | "anchorEl" | "placement" | "strategy" | "modifiers" | "portalSelector" | "skidding" | "distance" | "offsetFn" | "arrowPadding" | "key" | "open" | "onClose" | "backdropProps" | "containerProps" | "disableBackdropClick" | "disableEscapeKeyDown"> & import("react").RefAttributes<HTMLDivElement>>;

package/build/esm/Popover/Popover.js

@@ -0,0 +1,74 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["portalSelector", "open", "anchorEl", "placement", "strategy", "modifiers", "skidding", "distance", "offsetFn", "arrowPadding", "onClose", "children", "backdropProps", "containerProps", "disableBackdropClick", "disableEscapeKeyDown"];
+import { Popper, assignMultipleRefs, Portal } from '@basic-ui/core';
+import { forwardRef, useEffect, useRef } from 'react';
+import { Box } from '../Box';
+import { DialogBackdrop } from '../Dialog/DialogBackdrop';
+import { PopoverSurface } from './PopoverSurface';
+import { PopoverContainer } from './PopoverContainer';
+import { jsx as _jsx } from "react/jsx-runtime";
+export var Popover = /*#__PURE__*/forwardRef(function Popover(_ref, forwardedRef) {
+  var portalSelector = _ref.portalSelector,
+      open = _ref.open,
+      anchorEl = _ref.anchorEl,
+      _ref$placement = _ref.placement,
+      placement = _ref$placement === void 0 ? 'bottom' : _ref$placement,
+      _ref$strategy = _ref.strategy,
+      strategy = _ref$strategy === void 0 ? 'fixed' : _ref$strategy,
+      modifiers = _ref.modifiers,
+      skidding = _ref.skidding,
+      _ref$distance = _ref.distance,
+      distance = _ref$distance === void 0 ? 0 : _ref$distance,
+      offsetFn = _ref.offsetFn,
+      arrowPadding = _ref.arrowPadding,
+      onClose = _ref.onClose,
+      children = _ref.children,
+      backdropProps = _ref.backdropProps,
+      containerProps = _ref.containerProps,
+      disableBackdropClick = _ref.disableBackdropClick,
+      disableEscapeKeyDown = _ref.disableEscapeKeyDown,
+      otherProps = _objectWithoutProperties(_ref, _excluded);
+
+  var ref = useRef(null);
+  useEffect(function () {
+    if (!anchorEl || !anchorEl.current) {
+      console.warn('<Popover /> will not open because it does not have an anchor element defined');
+    }
+  }, [anchorEl]);
+
+  if (!open || !anchorEl || !anchorEl.current) {
+    return null;
+  }
+
+  return /*#__PURE__*/_jsx(Portal, {
+    selector: portalSelector,
+    children: /*#__PURE__*/_jsx(DialogBackdrop, _extends(_extends({
+      onClose: onClose,
+      open: open,
+      disableCloseOnClick: disableBackdropClick,
+      disableEscapeKeyDown: disableEscapeKeyDown
+    }, backdropProps), {}, {
+      children: /*#__PURE__*/_jsx(Popper, {
+        as: Box,
+        innerAs: "div",
+        anchorEl: anchorEl,
+        placement: placement,
+        strategy: strategy,
+        modifiers: modifiers,
+        skidding: skidding,
+        distance: distance,
+        offsetFn: offsetFn,
+        arrowPadding: arrowPadding,
+        children: /*#__PURE__*/_jsx(PopoverContainer, _extends(_extends({}, containerProps), {}, {
+          children: /*#__PURE__*/_jsx(PopoverSurface, _extends(_extends({
+            ref: assignMultipleRefs(forwardedRef, ref)
+          }, otherProps), {}, {
+            children: children
+          }))
+        }))
+      })
+    }))
+  });
+});
+//# sourceMappingURL=Popover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","names":["Popper","assignMultipleRefs","Portal","forwardRef","useEffect","useRef","Box","DialogBackdrop","PopoverSurface","PopoverContainer","Popover","forwardedRef","portalSelector","open","anchorEl","placement","strategy","modifiers","skidding","distance","offsetFn","arrowPadding","onClose","children","backdropProps","containerProps","disableBackdropClick","disableEscapeKeyDown","otherProps","ref","current","console","warn"],"sources":["../../../src/Popover/Popover.tsx"],"sourcesContent":["import {\n  Popper,\n  type PopperProps,\n  assignMultipleRefs,\n  Portal,\n} from '@basic-ui/core';\nimport { forwardRef, useEffect, useRef } from 'react';\n\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\nimport type { DialogBackdropProps } from '../Dialog/DialogBackdrop';\nimport { DialogBackdrop } from '../Dialog/DialogBackdrop';\nimport { PopoverSurface } from './PopoverSurface';\nimport type { PopoverContainerProps } from './PopoverContainer';\nimport { PopoverContainer } from './PopoverContainer';\n\nexport type PopoverProps = Omit<PopperProps & BoxProps, 'usePortal'> & {\n  open: boolean;\n  onClose: () => void;\n  disableBackdropClick?: boolean;\n  disableEscapeKeyDown?: boolean;\n  backdropProps?: DialogBackdropProps;\n  containerProps?: PopoverContainerProps;\n};\n\nexport const Popover = forwardRef<HTMLDivElement, PopoverProps>(\n  function Popover(\n    {\n      portalSelector,\n      open,\n      anchorEl,\n      placement = 'bottom',\n      strategy = 'fixed',\n      modifiers,\n      skidding,\n      distance = 0,\n      offsetFn,\n      arrowPadding,\n      onClose,\n      children,\n      backdropProps,\n      containerProps,\n      disableBackdropClick,\n      disableEscapeKeyDown,\n      ...otherProps\n    },\n    forwardedRef\n  ) {\n    const ref = useRef<HTMLDivElement>(null);\n    useEffect(() => {\n      if (!anchorEl || !anchorEl.current) {\n        console.warn(\n          '<Popover /> will not open because it does not have an anchor element defined'\n        );\n      }\n    }, [anchorEl]);\n\n    if (!open || !anchorEl || !anchorEl.current) {\n      return null;\n    }\n\n    return (\n      <Portal selector={portalSelector}>\n        <DialogBackdrop\n          onClose={onClose}\n          open={open}\n          disableCloseOnClick={disableBackdropClick}\n          disableEscapeKeyDown={disableEscapeKeyDown}\n          {...backdropProps}\n        >\n          <Popper\n            as={Box}\n            innerAs=\"div\"\n            anchorEl={anchorEl}\n            placement={placement}\n            strategy={strategy}\n            modifiers={modifiers}\n            skidding={skidding}\n            distance={distance}\n            offsetFn={offsetFn}\n            arrowPadding={arrowPadding}\n          >\n            <PopoverContainer {...containerProps}>\n              <PopoverSurface\n                ref={assignMultipleRefs(forwardedRef, ref)}\n                {...otherProps}\n              >\n                {children}\n              </PopoverSurface>\n            </PopoverContainer>\n          </Popper>\n        </DialogBackdrop>\n      </Portal>\n    );\n  }\n);\n"],"mappings":";;;AAAA,SACEA,MADF,EAGEC,kBAHF,EAIEC,MAJF,QAKO,gBALP;AAMA,SAASC,UAAT,EAAqBC,SAArB,EAAgCC,MAAhC,QAA8C,OAA9C;AAGA,SAASC,GAAT,QAAoB,QAApB;AAEA,SAASC,cAAT,QAA+B,0BAA/B;AACA,SAASC,cAAT,QAA+B,kBAA/B;AAEA,SAASC,gBAAT,QAAiC,oBAAjC;;AAWA,OAAO,IAAMC,OAAO,gBAAGP,UAAU,CAC/B,SAASO,OAAT,OAoBEC,YApBF,EAqBE;EAAA,IAnBEC,cAmBF,QAnBEA,cAmBF;EAAA,IAlBEC,IAkBF,QAlBEA,IAkBF;EAAA,IAjBEC,QAiBF,QAjBEA,QAiBF;EAAA,0BAhBEC,SAgBF;EAAA,IAhBEA,SAgBF,+BAhBc,QAgBd;EAAA,yBAfEC,QAeF;EAAA,IAfEA,QAeF,8BAfa,OAeb;EAAA,IAdEC,SAcF,QAdEA,SAcF;EAAA,IAbEC,QAaF,QAbEA,QAaF;EAAA,yBAZEC,QAYF;EAAA,IAZEA,QAYF,8BAZa,CAYb;EAAA,IAXEC,QAWF,QAXEA,QAWF;EAAA,IAVEC,YAUF,QAVEA,YAUF;EAAA,IATEC,OASF,QATEA,OASF;EAAA,IAREC,QAQF,QAREA,QAQF;EAAA,IAPEC,aAOF,QAPEA,aAOF;EAAA,IANEC,cAMF,QANEA,cAMF;EAAA,IALEC,oBAKF,QALEA,oBAKF;EAAA,IAJEC,oBAIF,QAJEA,oBAIF;EAAA,IAHKC,UAGL;;EACA,IAAMC,GAAG,GAAGxB,MAAM,CAAiB,IAAjB,CAAlB;EACAD,SAAS,CAAC,YAAM;IACd,IAAI,CAACU,QAAD,IAAa,CAACA,QAAQ,CAACgB,OAA3B,EAAoC;MAClCC,OAAO,CAACC,IAAR,CACE,8EADF;IAGD;EACF,CANQ,EAMN,CAAClB,QAAD,CANM,CAAT;;EAQA,IAAI,CAACD,IAAD,IAAS,CAACC,QAAV,IAAsB,CAACA,QAAQ,CAACgB,OAApC,EAA6C;IAC3C,OAAO,IAAP;EACD;;EAED,oBACE,KAAC,MAAD;IAAQ,QAAQ,EAAElB,cAAlB;IAAA,uBACE,KAAC,cAAD;MACE,OAAO,EAAEU,OADX;MAEE,IAAI,EAAET,IAFR;MAGE,mBAAmB,EAAEa,oBAHvB;MAIE,oBAAoB,EAAEC;IAJxB,GAKMH,aALN;MAAA,uBAOE,KAAC,MAAD;QACE,EAAE,EAAElB,GADN;QAEE,OAAO,EAAC,KAFV;QAGE,QAAQ,EAAEQ,QAHZ;QAIE,SAAS,EAAEC,SAJb;QAKE,QAAQ,EAAEC,QALZ;QAME,SAAS,EAAEC,SANb;QAOE,QAAQ,EAAEC,QAPZ;QAQE,QAAQ,EAAEC,QARZ;QASE,QAAQ,EAAEC,QATZ;QAUE,YAAY,EAAEC,YAVhB;QAAA,uBAYE,KAAC,gBAAD,wBAAsBI,cAAtB;UAAA,uBACE,KAAC,cAAD;YACE,GAAG,EAAExB,kBAAkB,CAACU,YAAD,EAAekB,GAAf;UADzB,GAEMD,UAFN;YAAA,UAIGL;UAJH;QADF;MAZF;IAPF;EADF,EADF;AAiCD,CArE8B,CAA1B"}

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

@@ -0,0 +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>>;

package/build/esm/Popover/PopoverContainer.js

@@ -0,0 +1,20 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["__css"];
+import { forwardRef } from 'react';
+import { Box } from '../Box';
+import { jsx as _jsx } from "react/jsx-runtime";
+export var PopoverContainer = /*#__PURE__*/forwardRef(function PopoverContainer(props, forwardedRef) {
+  var __css = props.__css,
+      otherProps = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/_jsx(Box, _extends({
+    ref: forwardedRef,
+    __css: _extends({
+      minWidth: ['100vw', 'auto'],
+      px: [3, 0],
+      pointerEvents: 'none'
+    }, __css)
+  }, otherProps));
+});
+//# sourceMappingURL=PopoverContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverContainer.js","names":["forwardRef","Box","PopoverContainer","props","forwardedRef","__css","otherProps","minWidth","px","pointerEvents"],"sources":["../../../src/Popover/PopoverContainer.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\n\nexport type PopoverContainerProps = BoxProps;\n\nexport const PopoverContainer = forwardRef<HTMLDivElement, BoxProps>(\n  function PopoverContainer(props, forwardedRef) {\n    const { __css, ...otherProps } = props;\n\n    return (\n      <Box\n        ref={forwardedRef}\n        __css={{\n          minWidth: ['100vw', 'auto'],\n          px: [3, 0],\n          pointerEvents: 'none',\n          ...__css,\n        }}\n        {...otherProps}\n      />\n    );\n  }\n);\n"],"mappings":";;;AAAA,SAASA,UAAT,QAA2B,OAA3B;AAGA,SAASC,GAAT,QAAoB,QAApB;;AAIA,OAAO,IAAMC,gBAAgB,gBAAGF,UAAU,CACxC,SAASE,gBAAT,CAA0BC,KAA1B,EAAiCC,YAAjC,EAA+C;EAC7C,IAAQC,KAAR,GAAiCF,KAAjC,CAAQE,KAAR;EAAA,IAAkBC,UAAlB,4BAAiCH,KAAjC;;EAEA,oBACE,KAAC,GAAD;IACE,GAAG,EAAEC,YADP;IAEE,KAAK;MACHG,QAAQ,EAAE,CAAC,OAAD,EAAU,MAAV,CADP;MAEHC,EAAE,EAAE,CAAC,CAAD,EAAI,CAAJ,CAFD;MAGHC,aAAa,EAAE;IAHZ,GAIAJ,KAJA;EAFP,GAQMC,UARN,EADF;AAYD,CAhBuC,CAAnC"}