@basic-ui/material 1.0.0-alpha.5 → 1.0.0-alpha.51

package/build/esm/ProgressSpinner/ProgressSpinner.js

@@ -1,16 +1,18 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["__css", "progress", "thickness", "size"];
 import { forwardRef } from 'react';
 import { keyframes } from '@emotion/react';
 import { rem } from 'polished';
 import { Box } from '../Box';
+import { EASING_STANDARD } from '../motion';
 import { jsx as _jsx } from "react/jsx-runtime";
 var innerDivRotate = keyframes({
   '0%': {
-    transformOrigin: '50% 50%'
+    transform: 'rotate(-90deg)'
   },
   '100%': {
-    transform: 'rotate(360deg)'
+    transform: 'rotate(270deg)'
   }
 });
 var circleIndeterminate = keyframes({
@@ -35,14 +37,14 @@ export var ProgressSpinner = /*#__PURE__*/forwardRef(function ProgressSpinner(pr
       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"]);
+      otherProps = _objectWithoutProperties(props, _excluded);
 
   var indeterminate = progressProp === undefined;
-  var progress = progressProp != null ? progressProp : 0;
+  var progress = progressProp !== null && progressProp !== void 0 ? progressProp : 0;
   var circumference = 2 * Math.PI * ((SIZE - thickness) / 2);
-  return /*#__PURE__*/_jsx(Box, _extends({
+  return /*#__PURE__*/_jsx(Box, _extends(_extends({
     ref: forwardedRef
-  }, otherProps, {
+  }, otherProps), {}, {
     __css: _extends({
       color: 'primary',
       display: 'inline-block',
@@ -53,11 +55,11 @@ export var ProgressSpinner = /*#__PURE__*/forwardRef(function ProgressSpinner(pr
       __css: _extends({
         display: 'inline-block',
         width: '100%',
-        height: '100%'
-      }, indeterminate ? {
-        animation: "".concat(innerDivRotate, " 1.4s linear infinite")
-      } : {
+        height: '100%',
+        transformOrigin: '50% 50%',
         transform: 'rotate(-90deg)'
+      }, indeterminate && {
+        animation: "".concat(innerDivRotate, " 1.4s linear infinite")
       }),
       children: /*#__PURE__*/_jsx(Box, {
         as: "svg",
@@ -75,11 +77,9 @@ export var ProgressSpinner = /*#__PURE__*/forwardRef(function ProgressSpinner(pr
             strokeDashoffset: "".concat(((100 - progress) / 100 * circumference).toFixed(3), "px")
           },
           __css: indeterminate ? {
-            animation: "".concat(circleIndeterminate, " 1.4s ease-in-out infinite"),
-            strokeDasharray: '80px, 200px',
-            strokeDashoffset: '0px'
+            animation: "".concat(circleIndeterminate, " 1.4s ease-in-out infinite")
           } : {
-            transition: 'stroke-dashoffset 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',
+            transition: "stroke-dashoffset 300ms ".concat(EASING_STANDARD, " 0ms"),
             strokeDasharray: circumference.toFixed(3)
           }
         })

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"ProgressSpinner.js","names":["forwardRef","keyframes","rem","Box","EASING_STANDARD","innerDivRotate","transform","circleIndeterminate","strokeDasharray","strokeDashoffset","SIZE","ProgressSpinner","props","forwardedRef","__css","progressProp","progress","thickness","size","otherProps","indeterminate","undefined","circumference","Math","PI","color","display","width","height","transformOrigin","animation","toFixed","transition"],"sources":["../../../src/ProgressSpinner/ProgressSpinner.tsx"],"sourcesContent":["import type { SVGAttributes } from 'react';\r\nimport { forwardRef } from 'react';\r\nimport { keyframes } from '@emotion/react';\r\nimport { rem } from 'polished';\r\n\r\nimport type { BoxProps } from '../Box';\r\nimport { Box } from '../Box';\r\nimport { EASING_STANDARD } from '../motion';\r\n\r\nexport type ProgressSpinnerProps = BoxProps & {\r\n  progress?: number;\r\n  thickness?: number;\r\n  size?: number;\r\n};\r\n\r\nconst innerDivRotate = keyframes({\r\n  '0%': {\r\n    transform: 'rotate(-90deg)',\r\n  },\r\n  '100%': {\r\n    transform: 'rotate(270deg)',\r\n  },\r\n});\r\n\r\nconst circleIndeterminate = keyframes({\r\n  '0%': {\r\n    strokeDasharray: '1px, 200px',\r\n    strokeDashoffset: '0px',\r\n  },\r\n  '50%': {\r\n    strokeDasharray: '100px, 200px',\r\n    strokeDashoffset: '-15px',\r\n  },\r\n  '100%': {\r\n    strokeDasharray: '100px, 200px',\r\n    strokeDashoffset: '-125px',\r\n  },\r\n});\r\n\r\nconst SIZE = 44;\r\n\r\nexport const ProgressSpinner = forwardRef<HTMLDivElement, ProgressSpinnerProps>(\r\n  function ProgressSpinner(props, forwardedRef) {\r\n    const {\r\n      __css,\r\n      progress: progressProp,\r\n      thickness = 3.6,\r\n      size = 40,\r\n      ...otherProps\r\n    } = props;\r\n\r\n    const indeterminate = progressProp === undefined;\r\n    const progress = progressProp ?? 0;\r\n\r\n    const circumference = 2 * Math.PI * ((SIZE - thickness) / 2);\r\n    return (\r\n      <Box\r\n        ref={forwardedRef}\r\n        {...otherProps}\r\n        __css={{\r\n          color: 'primary',\r\n          display: 'inline-block',\r\n          width: rem(size),\r\n          height: rem(size),\r\n          ...__css,\r\n        }}\r\n      >\r\n        <Box\r\n          __css={{\r\n            display: 'inline-block',\r\n            width: '100%',\r\n            height: '100%',\r\n            transformOrigin: '50% 50%',\r\n            transform: 'rotate(-90deg)',\r\n            ...(indeterminate && {\r\n              animation: `${innerDivRotate} 1.4s linear infinite`,\r\n            }),\r\n          }}\r\n        >\r\n          <Box<BoxProps<SVGElement, SVGAttributes<SVGElement>>>\r\n            as=\"svg\"\r\n            viewBox=\"22 22 44 44\"\r\n            display=\"block\"\r\n          >\r\n            <Box<BoxProps<SVGElement, SVGAttributes<SVGElement>>>\r\n              as=\"circle\"\r\n              stroke=\"currentColor\"\r\n              cx={SIZE}\r\n              cy={SIZE}\r\n              r={(SIZE - thickness) / 2}\r\n              fill=\"none\"\r\n              strokeWidth={thickness}\r\n              style={\r\n                indeterminate\r\n                  ? {}\r\n                  : {\r\n                      strokeDashoffset: `${(\r\n                        ((100 - progress) / 100) *\r\n                        circumference\r\n                      ).toFixed(3)}px`,\r\n                    }\r\n              }\r\n              __css={\r\n                indeterminate\r\n                  ? {\r\n                      animation: `${circleIndeterminate} 1.4s ease-in-out infinite`,\r\n                    }\r\n                  : {\r\n                      transition: `stroke-dashoffset 300ms ${EASING_STANDARD} 0ms`,\r\n                      strokeDasharray: circumference.toFixed(3),\r\n                    }\r\n              }\r\n            />\r\n          </Box>\r\n        </Box>\r\n      </Box>\r\n    );\r\n  }\r\n);\r\n"],"mappings":"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"}

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

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

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

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

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

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

package/build/esm/RadioButton/RadioButton.js

@@ -1,5 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["innerAs", "checked", "disabled", "__css"],
+    _excluded2 = ["as", "children", "disabled"];
 import { forwardRef } from 'react';
 import { RadioButton as RadioButtonCore } from '@basic-ui/core';
 import { Box } from '../Box';
@@ -15,7 +17,7 @@ var RadioButtonInner = /*#__PURE__*/forwardRef(function RadioButtonInner(props,
       checked = props.checked,
       disabled = props.disabled,
       __css = props.__css,
-      otherProps = _objectWithoutProperties(props, ["innerAs", "checked", "disabled", "__css"]);
+      otherProps = _objectWithoutProperties(props, _excluded);
 
   var color = 'primary';
   var theme = useTheme();
@@ -76,7 +78,7 @@ export var RadioButton = /*#__PURE__*/forwardRef(function RadioButton(props, for
       as = _props$as === void 0 ? 'input' : _props$as,
       children = props.children,
       disabled = props.disabled,
-      otherProps = _objectWithoutProperties(props, ["as", "children", "disabled"]);
+      otherProps = _objectWithoutProperties(props, _excluded2);
 
   var inner = /*#__PURE__*/_jsx(RadioButtonCore, _extends({
     as: RadioButtonInner,

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

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

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

package/build/esm/RadioButton/RadioButtonIcon.js

@@ -1,14 +1,15 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["checked"];
 import { forwardRef } from 'react';
-import * as React from 'react';
 import { Box } from '../Box';
+import { EASING_STANDARD } from '../motion';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var RadioButtonIcon = /*#__PURE__*/forwardRef(function RadioButtonIcon(props, forwardedRef) {
   var checked = props.checked,
-      otherProps = _objectWithoutProperties(props, ["checked"]);
+      otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_jsx(Box, _extends({
+  return /*#__PURE__*/_jsx(Box, _extends(_extends({
     ref: forwardedRef,
     __css: {
       borderColor: 'currentColor',
@@ -19,14 +20,14 @@ export var RadioButtonIcon = /*#__PURE__*/forwardRef(function RadioButtonIcon(pr
       height: '100%',
       p: "0.1875rem"
     }
-  }, otherProps, {
+  }, otherProps), {}, {
     children: /*#__PURE__*/_jsx(Box, {
       __css: {
         backgroundColor: 'currentColor',
         borderRadius: 'full',
         width: '100%',
         height: '100%',
-        transition: 'transform .12s cubic-bezier(0,0,.2,1) 0ms,background-color .12s cubic-bezier(0,0,.2,1) 0ms',
+        transition: "transform .12s ".concat(EASING_STANDARD, " 0ms,background-color .12s ").concat(EASING_STANDARD, " 0ms"),
         transform: checked ? 'scale(1)' : 'scale(0)'
       }
     })

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/RadioButton/RadioButtonIcon.tsx"],"names":["forwardRef","React","Box","RadioButtonIcon","props","forwardedRef","checked","otherProps","borderColor","borderStyle","borderRadius","borderWidth","width","height","p","backgroundColor","transition","transform"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AAGA,SAASC,GAAT,QAAoB,QAApB;;AAQA,OAAO,IAAMC,eAAe,gBAAGH,UAAU,CACvC,SAASG,eAAT,CAAyBC,KAAzB,EAAgCC,YAAhC,EAA8C;AAAA,MACpCC,OADoC,GACTF,KADS,CACpCE,OADoC;AAAA,MACxBC,UADwB,4BACTH,KADS;;AAG5C,sBACE,KAAC,GAAD;AACE,IAAA,GAAG,EAAEC,YADP;AAEE,IAAA,KAAK,EAAE;AACLG,MAAAA,WAAW,EAAE,cADR;AAELC,MAAAA,WAAW,EAAE,OAFR;AAGLC,MAAAA,YAAY,EAAE,MAHT;AAILC,MAAAA,WAAW,YAJN;AAKLC,MAAAA,KAAK,EAAE,MALF;AAMLC,MAAAA,MAAM,EAAE,MANH;AAOLC,MAAAA,CAAC;AAPI;AAFT,KAWMP,UAXN;AAAA,2BAaE,KAAC,GAAD;AACE,MAAA,KAAK,EAAE;AACLQ,QAAAA,eAAe,EAAE,cADZ;AAELL,QAAAA,YAAY,EAAE,MAFT;AAGLE,QAAAA,KAAK,EAAE,MAHF;AAILC,QAAAA,MAAM,EAAE,MAJH;AAKLG,QAAAA,UAAU,EACR,4FANG;AAOLC,QAAAA,SAAS,EAAEX,OAAO,GAAG,UAAH,GAAgB;AAP7B;AADT;AAbF,KADF;AA2BD,CA/BsC,CAAlC","sourcesContent":["import { forwardRef } from 'react';\nimport * as React from 'react';\nimport { rem } from 'polished';\n\nimport { Box } from '../Box';\n\nexport interface RadioButtonIconProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  checked?: boolean;\n  disabled?: boolean;\n}\n\nexport const RadioButtonIcon = forwardRef<HTMLDivElement, RadioButtonIconProps>(\n  function RadioButtonIcon(props, forwardedRef) {\n    const { checked, ...otherProps } = props;\n\n    return (\n      <Box\n        ref={forwardedRef}\n        __css={{\n          borderColor: 'currentColor',\n          borderStyle: 'solid',\n          borderRadius: 'full',\n          borderWidth: rem(2),\n          width: '100%',\n          height: '100%',\n          p: rem(3),\n        }}\n        {...otherProps}\n      >\n        <Box\n          __css={{\n            backgroundColor: 'currentColor',\n            borderRadius: 'full',\n            width: '100%',\n            height: '100%',\n            transition:\n              'transform .12s cubic-bezier(0,0,.2,1) 0ms,background-color .12s cubic-bezier(0,0,.2,1) 0ms',\n            transform: checked ? 'scale(1)' : 'scale(0)',\n          }}\n        />\n      </Box>\n    );\n  }\n);\n"],"file":"RadioButtonIcon.js"}
+{"version":3,"file":"RadioButtonIcon.js","names":["forwardRef","Box","EASING_STANDARD","RadioButtonIcon","props","forwardedRef","checked","otherProps","borderColor","borderStyle","borderRadius","borderWidth","width","height","p","backgroundColor","transition","transform"],"sources":["../../../src/RadioButton/RadioButtonIcon.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\r\nimport { forwardRef } from 'react';\r\nimport { rem } from 'polished';\r\n\r\nimport { Box } from '../Box';\r\nimport { EASING_STANDARD } from '../motion';\r\n\r\nexport interface RadioButtonIconProps extends HTMLAttributes<HTMLDivElement> {\r\n  checked?: boolean;\r\n  disabled?: boolean;\r\n}\r\n\r\nexport const RadioButtonIcon = forwardRef<HTMLDivElement, RadioButtonIconProps>(\r\n  function RadioButtonIcon(props, forwardedRef) {\r\n    const { checked, ...otherProps } = props;\r\n\r\n    return (\r\n      <Box\r\n        ref={forwardedRef}\r\n        __css={{\r\n          borderColor: 'currentColor',\r\n          borderStyle: 'solid',\r\n          borderRadius: 'full',\r\n          borderWidth: rem(2),\r\n          width: '100%',\r\n          height: '100%',\r\n          p: rem(3),\r\n        }}\r\n        {...otherProps}\r\n      >\r\n        <Box\r\n          __css={{\r\n            backgroundColor: 'currentColor',\r\n            borderRadius: 'full',\r\n            width: '100%',\r\n            height: '100%',\r\n            transition: `transform .12s ${EASING_STANDARD} 0ms,background-color .12s ${EASING_STANDARD} 0ms`,\r\n            transform: checked ? 'scale(1)' : 'scale(0)',\r\n          }}\r\n        />\r\n      </Box>\r\n    );\r\n  }\r\n);\r\n"],"mappings":";;;AACA,SAASA,UAAT,QAA2B,OAA3B;AAGA,SAASC,GAAT,QAAoB,QAApB;AACA,SAASC,eAAT,QAAgC,WAAhC;;AAOA,OAAO,IAAMC,eAAe,gBAAGH,UAAU,CACvC,SAASG,eAAT,CAAyBC,KAAzB,EAAgCC,YAAhC,EAA8C;EAC5C,IAAQC,OAAR,GAAmCF,KAAnC,CAAQE,OAAR;EAAA,IAAoBC,UAApB,4BAAmCH,KAAnC;;EAEA,oBACE,KAAC,GAAD;IACE,GAAG,EAAEC,YADP;IAEE,KAAK,EAAE;MACLG,WAAW,EAAE,cADR;MAELC,WAAW,EAAE,OAFR;MAGLC,YAAY,EAAE,MAHT;MAILC,WAAW,YAJN;MAKLC,KAAK,EAAE,MALF;MAMLC,MAAM,EAAE,MANH;MAOLC,CAAC;IAPI;EAFT,GAWMP,UAXN;IAAA,uBAaE,KAAC,GAAD;MACE,KAAK,EAAE;QACLQ,eAAe,EAAE,cADZ;QAELL,YAAY,EAAE,MAFT;QAGLE,KAAK,EAAE,MAHF;QAILC,MAAM,EAAE,MAJH;QAKLG,UAAU,2BAAoBd,eAApB,wCAAiEA,eAAjE,SALL;QAMLe,SAAS,EAAEX,OAAO,GAAG,UAAH,GAAgB;MAN7B;IADT;EAbF,GADF;AA0BD,CA9BsC,CAAlC"}

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

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

package/build/esm/RadioButton/RadioGroup.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["as"];
 import { forwardRef } from 'react';
 import { RadioGroup as RadioGroupCore } from '@basic-ui/core';
 import { Box } from '../Box';
@@ -7,7 +8,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 export var RadioGroup = /*#__PURE__*/forwardRef(function RadioGroup(props, forwardedRef) {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   var as = props.as,
-      otherProps = _objectWithoutProperties(props, ["as"]);
+      otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_jsx(Box, _extends({
     as: RadioGroupCore,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/RadioButton/RadioGroup.tsx"],"names":["forwardRef","RadioGroup","RadioGroupCore","Box","props","forwardedRef","as","otherProps"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,UAAU,IAAIC,cAAvB,QAA6C,gBAA7C;AAGA,SAASC,GAAT,QAAoB,QAApB;;AAQA,OAAO,IAAMF,UAAU,gBAAGD,UAAU,CAClC,SAASC,UAAT,CAAoBG,KAApB,EAA2BC,YAA3B,EAAyC;AACvC;AADuC,MAE/BC,EAF+B,GAETF,KAFS,CAE/BE,EAF+B;AAAA,MAExBC,UAFwB,4BAETH,KAFS;;AAIvC,sBACE,KAAC,GAAD;AACE,IAAA,EAAE,EAAEF,cADN;AAEE,IAAA,GAAG,EAAEG;AAFP,KAGME,UAHN,EADF;AAOD,CAZiC,CAA7B","sourcesContent":["import { forwardRef } from 'react';\nimport type { RadioGroupProps as RadioGroupCoreProps } from '@basic-ui/core';\nimport { RadioGroup as RadioGroupCore } from '@basic-ui/core';\n\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\n\nexport type RadioGroupProps = Omit<\n  BoxProps,\n  'onChange' | 'value' | 'defaultValue'\n> &\n  RadioGroupCoreProps;\n\nexport const RadioGroup = forwardRef<HTMLDivElement, RadioGroupProps>(\n  function RadioGroup(props, forwardedRef) {\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const { as, ...otherProps } = props;\n\n    return (\n      <Box<RadioGroupProps>\n        as={RadioGroupCore}\n        ref={forwardedRef}\n        {...otherProps}\n      />\n    );\n  }\n);\n"],"file":"RadioGroup.js"}
+{"version":3,"file":"RadioGroup.js","names":["forwardRef","RadioGroup","RadioGroupCore","Box","props","forwardedRef","as","otherProps"],"sources":["../../../src/RadioButton/RadioGroup.tsx"],"sourcesContent":["import { forwardRef } from 'react';\r\nimport type { RadioGroupProps as RadioGroupCoreProps } from '@basic-ui/core';\r\nimport { RadioGroup as RadioGroupCore } from '@basic-ui/core';\r\n\r\nimport type { BoxProps } from '../Box';\r\nimport { Box } from '../Box';\r\n\r\nexport type RadioGroupProps = Omit<\r\n  BoxProps,\r\n  'onChange' | 'value' | 'defaultValue'\r\n> &\r\n  RadioGroupCoreProps;\r\n\r\nexport const RadioGroup = forwardRef<HTMLDivElement, RadioGroupProps>(\r\n  function RadioGroup(props, forwardedRef) {\r\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n    const { as, ...otherProps } = props;\r\n\r\n    return (\r\n      <Box<RadioGroupProps>\r\n        as={RadioGroupCore}\r\n        ref={forwardedRef}\r\n        {...otherProps}\r\n      />\r\n    );\r\n  }\r\n);\r\n"],"mappings":";;;AAAA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,UAAU,IAAIC,cAAvB,QAA6C,gBAA7C;AAGA,SAASC,GAAT,QAAoB,QAApB;;AAQA,OAAO,IAAMF,UAAU,gBAAGD,UAAU,CAClC,SAASC,UAAT,CAAoBG,KAApB,EAA2BC,YAA3B,EAAyC;EACvC;EACA,IAAQC,EAAR,GAA8BF,KAA9B,CAAQE,EAAR;EAAA,IAAeC,UAAf,4BAA8BH,KAA9B;;EAEA,oBACE,KAAC,GAAD;IACE,EAAE,EAAEF,cADN;IAEE,GAAG,EAAEG;EAFP,GAGME,UAHN,EADF;AAOD,CAZiC,CAA7B"}

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

@@ -1,2 +1,2 @@
-export * from './RadioButton';
-export * from './RadioGroup';
+export * from './RadioButton';
+export * from './RadioGroup';

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

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

package/build/esm/Ripple/Ripple.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
-import type { CSSObject } from '@emotion/react';
-export declare const rippleStyle: ({ animation, }: {
-    animation?: string | undefined;
-}) => CSSObject;
-export declare const Ripple: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    animation?: string | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+import type { CSSObject } from '@emotion/react';
+export declare const rippleStyle: ({ animation, }: {
+    animation?: string | undefined;
+}) => CSSObject;
+export declare const Ripple: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    animation?: string | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/esm/Ripple/Ripple.js

@@ -24,5 +24,5 @@ export var Ripple = _styled("div", process.env.NODE_ENV === "production" ? {
 } : {
   target: "ebk8cct0",
   label: "Ripple"
-})(rippleStyle, "pointer-events:none;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9SaXBwbGUvUmlwcGxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QnNCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9SaXBwbGUvUmlwcGxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB0eXBlIHsgQ1NTT2JqZWN0IH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQge1xuICBSSVBQTEVfQkFDS0dST1VORF9DT0xPUixcbiAgUklQUExFX1NJWkUsXG4gIFJJUFBMRV9QT1NJVElPTixcbn0gZnJvbSAnLi9jb25zdGFudHMnO1xuXG5leHBvcnQgY29uc3QgcmlwcGxlU3R5bGUgPSAoe1xuICBhbmltYXRpb24sXG59OiB7XG4gIGFuaW1hdGlvbj86IHN0cmluZztcbn0pOiBDU1NPYmplY3QgPT4gKHtcbiAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gIGJveFNpemluZzogJ2NvbnRlbnQtYm94JyxcbiAgZGlzcGxheTogJ2Jsb2NrJyxcbiAgY29udGVudDogJ1wiXCInLFxuICB3aWR0aDogYHZhcigke1JJUFBMRV9TSVpFfSlgLFxuICBoZWlnaHQ6IGB2YXIoJHtSSVBQTEVfU0laRX0pYCxcbiAgdG9wOiBgdmFyKCR7UklQUExFX1BPU0lUSU9OfSlgLFxuICBsZWZ0OiBgdmFyKCR7UklQUExFX1BPU0lUSU9OfSlgLFxuICBiYWNrZ3JvdW5kQ29sb3I6IGB2YXIoJHtSSVBQTEVfQkFDS0dST1VORF9DT0xPUn0pYCxcbiAgdHJhbnNmb3JtT3JpZ2luOiAnY2VudGVyIGNlbnRlcicsXG4gIG9wYWNpdHk6IDAsXG4gIGJvcmRlclJhZGl1czogJzk5OTk5OXB4JyxcbiAgYW5pbWF0aW9uLFxuICB3aWxsQ2hhbmdlOiAnb3BhY2l0eSx0cmFuc2Zvcm0nLFxufSk7XG5cbmV4cG9ydCBjb25zdCBSaXBwbGUgPSBzdHlsZWQuZGl2PHsgYW5pbWF0aW9uPzogc3RyaW5nIH0+KHJpcHBsZVN0eWxlLCB7XG4gIHBvaW50ZXJFdmVudHM6ICdub25lJyxcbn0pO1xuIl19 */"));
+})(rippleStyle, "pointer-events:none;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9SaXBwbGUvUmlwcGxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QnNCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9SaXBwbGUvUmlwcGxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHR5cGUgeyBDU1NPYmplY3QgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XHJcblxyXG5pbXBvcnQge1xyXG4gIFJJUFBMRV9CQUNLR1JPVU5EX0NPTE9SLFxyXG4gIFJJUFBMRV9TSVpFLFxyXG4gIFJJUFBMRV9QT1NJVElPTixcclxufSBmcm9tICcuL2NvbnN0YW50cyc7XHJcblxyXG5leHBvcnQgY29uc3QgcmlwcGxlU3R5bGUgPSAoe1xyXG4gIGFuaW1hdGlvbixcclxufToge1xyXG4gIGFuaW1hdGlvbj86IHN0cmluZztcclxufSk6IENTU09iamVjdCA9PiAoe1xyXG4gIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxyXG4gIGJveFNpemluZzogJ2NvbnRlbnQtYm94JyxcclxuICBkaXNwbGF5OiAnYmxvY2snLFxyXG4gIGNvbnRlbnQ6ICdcIlwiJyxcclxuICB3aWR0aDogYHZhcigke1JJUFBMRV9TSVpFfSlgLFxyXG4gIGhlaWdodDogYHZhcigke1JJUFBMRV9TSVpFfSlgLFxyXG4gIHRvcDogYHZhcigke1JJUFBMRV9QT1NJVElPTn0pYCxcclxuICBsZWZ0OiBgdmFyKCR7UklQUExFX1BPU0lUSU9OfSlgLFxyXG4gIGJhY2tncm91bmRDb2xvcjogYHZhcigke1JJUFBMRV9CQUNLR1JPVU5EX0NPTE9SfSlgLFxyXG4gIHRyYW5zZm9ybU9yaWdpbjogJ2NlbnRlciBjZW50ZXInLFxyXG4gIG9wYWNpdHk6IDAsXHJcbiAgYm9yZGVyUmFkaXVzOiAnOTk5OTk5cHgnLFxyXG4gIGFuaW1hdGlvbixcclxuICB3aWxsQ2hhbmdlOiAnb3BhY2l0eSx0cmFuc2Zvcm0nLFxyXG59KTtcclxuXHJcbmV4cG9ydCBjb25zdCBSaXBwbGUgPSBzdHlsZWQuZGl2PHsgYW5pbWF0aW9uPzogc3RyaW5nIH0+KHJpcHBsZVN0eWxlLCB7XHJcbiAgcG9pbnRlckV2ZW50czogJ25vbmUnLFxyXG59KTtcclxuIl19 */"));
 //# sourceMappingURL=Ripple.js.map

package/build/esm/Ripple/Ripple.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Ripple/Ripple.tsx"],"names":["RIPPLE_BACKGROUND_COLOR","RIPPLE_SIZE","RIPPLE_POSITION","rippleStyle","animation","position","boxSizing","display","content","width","height","top","left","backgroundColor","transformOrigin","opacity","borderRadius","willChange","Ripple"],"mappings":";AAGA,SACEA,uBADF,EAEEC,WAFF,EAGEC,eAHF,QAIO,aAJP;AAMA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc;AAAA,MACzBC,SADyB,QACzBA,SADyB;AAAA,SAIT;AAChBC,IAAAA,QAAQ,EAAE,UADM;AAEhBC,IAAAA,SAAS,EAAE,aAFK;AAGhBC,IAAAA,OAAO,EAAE,OAHO;AAIhBC,IAAAA,OAAO,EAAE,IAJO;AAKhBC,IAAAA,KAAK,gBAASR,WAAT,MALW;AAMhBS,IAAAA,MAAM,gBAAST,WAAT,MANU;AAOhBU,IAAAA,GAAG,gBAAST,eAAT,MAPa;AAQhBU,IAAAA,IAAI,gBAASV,eAAT,MARY;AAShBW,IAAAA,eAAe,gBAASb,uBAAT,MATC;AAUhBc,IAAAA,eAAe,EAAE,eAVD;AAWhBC,IAAAA,OAAO,EAAE,CAXO;AAYhBC,IAAAA,YAAY,EAAE,UAZE;AAahBZ,IAAAA,SAAS,EAATA,SAbgB;AAchBa,IAAAA,UAAU,EAAE;AAdI,GAJS;AAAA,CAApB;AAqBP,OAAO,IAAMC,MAAM,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA,GAAmCf,WAAnC,w5CAAf","sourcesContent":["import styled from '@emotion/styled';\nimport type { CSSObject } from '@emotion/react';\n\nimport {\n  RIPPLE_BACKGROUND_COLOR,\n  RIPPLE_SIZE,\n  RIPPLE_POSITION,\n} from './constants';\n\nexport const rippleStyle = ({\n  animation,\n}: {\n  animation?: string;\n}): CSSObject => ({\n  position: 'absolute',\n  boxSizing: 'content-box',\n  display: 'block',\n  content: '\"\"',\n  width: `var(${RIPPLE_SIZE})`,\n  height: `var(${RIPPLE_SIZE})`,\n  top: `var(${RIPPLE_POSITION})`,\n  left: `var(${RIPPLE_POSITION})`,\n  backgroundColor: `var(${RIPPLE_BACKGROUND_COLOR})`,\n  transformOrigin: 'center center',\n  opacity: 0,\n  borderRadius: '999999px',\n  animation,\n  willChange: 'opacity,transform',\n});\n\nexport const Ripple = styled.div<{ animation?: string }>(rippleStyle, {\n  pointerEvents: 'none',\n});\n"],"file":"Ripple.js"}
+{"version":3,"file":"Ripple.js","names":["RIPPLE_BACKGROUND_COLOR","RIPPLE_SIZE","RIPPLE_POSITION","rippleStyle","animation","position","boxSizing","display","content","width","height","top","left","backgroundColor","transformOrigin","opacity","borderRadius","willChange","Ripple"],"sources":["../../../src/Ripple/Ripple.tsx"],"sourcesContent":["import styled from '@emotion/styled';\r\nimport type { CSSObject } from '@emotion/react';\r\n\r\nimport {\r\n  RIPPLE_BACKGROUND_COLOR,\r\n  RIPPLE_SIZE,\r\n  RIPPLE_POSITION,\r\n} from './constants';\r\n\r\nexport const rippleStyle = ({\r\n  animation,\r\n}: {\r\n  animation?: string;\r\n}): CSSObject => ({\r\n  position: 'absolute',\r\n  boxSizing: 'content-box',\r\n  display: 'block',\r\n  content: '\"\"',\r\n  width: `var(${RIPPLE_SIZE})`,\r\n  height: `var(${RIPPLE_SIZE})`,\r\n  top: `var(${RIPPLE_POSITION})`,\r\n  left: `var(${RIPPLE_POSITION})`,\r\n  backgroundColor: `var(${RIPPLE_BACKGROUND_COLOR})`,\r\n  transformOrigin: 'center center',\r\n  opacity: 0,\r\n  borderRadius: '999999px',\r\n  animation,\r\n  willChange: 'opacity,transform',\r\n});\r\n\r\nexport const Ripple = styled.div<{ animation?: string }>(rippleStyle, {\r\n  pointerEvents: 'none',\r\n});\r\n"],"mappings":";AAGA,SACEA,uBADF,EAEEC,WAFF,EAGEC,eAHF,QAIO,aAJP;AAMA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc;EAAA,IACzBC,SADyB,QACzBA,SADyB;EAAA,OAIT;IAChBC,QAAQ,EAAE,UADM;IAEhBC,SAAS,EAAE,aAFK;IAGhBC,OAAO,EAAE,OAHO;IAIhBC,OAAO,EAAE,IAJO;IAKhBC,KAAK,gBAASR,WAAT,MALW;IAMhBS,MAAM,gBAAST,WAAT,MANU;IAOhBU,GAAG,gBAAST,eAAT,MAPa;IAQhBU,IAAI,gBAASV,eAAT,MARY;IAShBW,eAAe,gBAASb,uBAAT,MATC;IAUhBc,eAAe,EAAE,eAVD;IAWhBC,OAAO,EAAE,CAXO;IAYhBC,YAAY,EAAE,UAZE;IAahBZ,SAAS,EAATA,SAbgB;IAchBa,UAAU,EAAE;EAdI,CAJS;AAAA,CAApB;AAqBP,OAAO,IAAMC,MAAM,GAAG;EAAA;AAAA;EAAA;EAAA;AAAA,GAAmCf,WAAnC,g/CAAf"}

package/build/esm/Ripple/RippleBox.d.ts

@@ -1,6 +1,5 @@
-import type { HTMLAttributes } from 'react';
-import * as React from 'react';
-import type { UseRippleSurfaceOptions } from './useRippleSurface';
-import type { BoxProps } from '../Box';
-export declare type RippleBoxProps<H extends HTMLElement = HTMLDivElement, Attr = React.HTMLAttributes<H>> = BoxProps<H, Attr> & UseRippleSurfaceOptions<H>;
-export declare const RippleBox: <Props = RippleBoxProps<HTMLDivElement, HTMLAttributes<HTMLDivElement>>>(props: Props) => JSX.Element;
+import type { HTMLAttributes } from 'react';
+import type { UseRippleSurfaceOptions } from './useRippleSurface';
+import type { BoxProps } from '../Box';
+export declare type RippleBoxProps<H extends HTMLElement = HTMLDivElement, Attr = HTMLAttributes<H>> = BoxProps<H, Attr> & UseRippleSurfaceOptions<H>;
+export declare const RippleBox: <Props = RippleBoxProps<HTMLDivElement, HTMLAttributes<HTMLDivElement>>>(props: Props) => JSX.Element;

package/build/esm/Ripple/RippleBox.js

@@ -1,7 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["as", "__css", "onKeyDown", "onPointerDown", "baseOpacity", "hoverOpacity", "focusOpacity", "pressedOpacity", "rippleColor", "center", "disabled", "rippleEnabled", "style"],
+    _excluded2 = ["__css"];
 import { forwardRef } from 'react';
-import * as React from 'react';
 import { useRippleSurface } from './useRippleSurface';
 import { Box } from '../Box';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -20,17 +21,17 @@ export var RippleBox = /*#__PURE__*/forwardRef(function RippleBox(props, forward
       disabled = props.disabled,
       rippleEnabled = props.rippleEnabled,
       style = props.style,
-      otherProps = _objectWithoutProperties(props, ["as", "__css", "onKeyDown", "onPointerDown", "baseOpacity", "hoverOpacity", "focusOpacity", "pressedOpacity", "rippleColor", "center", "disabled", "rippleEnabled", "style"]);
+      otherProps = _objectWithoutProperties(props, _excluded);
 
   var _useRippleSurface = useRippleSurface(props),
       rippleCss = _useRippleSurface.__css,
-      rippleProps = _objectWithoutProperties(_useRippleSurface, ["__css"]);
+      rippleProps = _objectWithoutProperties(_useRippleSurface, _excluded2);
 
-  return /*#__PURE__*/_jsx(Box, _extends({
+  return /*#__PURE__*/_jsx(Box, _extends(_extends({
     as: as,
     ref: forwardedRef,
-    __css: _extends({}, rippleCss, __css),
+    __css: _extends(_extends({}, rippleCss), __css),
     disabled: disabled
-  }, otherProps, rippleProps));
+  }, otherProps), rippleProps));
 });
 //# sourceMappingURL=RippleBox.js.map

package/build/esm/Ripple/RippleBox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Ripple/RippleBox.tsx"],"names":["forwardRef","React","useRippleSurface","Box","RippleBox","props","forwardedRef","as","__css","onKeyDown","onPointerDown","baseOpacity","hoverOpacity","focusOpacity","pressedOpacity","rippleColor","center","disabled","rippleEnabled","style","otherProps","rippleCss","rippleProps"],"mappings":";;AACA,SAASA,UAAT,QAA2B,OAA3B;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AAGA,SAASC,gBAAT,QAAiC,oBAAjC;AAEA,SAASC,GAAT,QAAoB,QAApB;;AAOA,OAAO,IAAMC,SAIG,gBAAGJ,UAAU,CAC3B,SAASI,SAAT,CAAmBC,KAAnB,EAA0BC,YAA1B,EAAwC;AAAA,kBAkBlCD,KAlBkC,CAEpCE,EAFoC;AAAA,MAEpCA,EAFoC,0BAE/B,KAF+B;AAAA,MAGpCC,KAHoC,GAkBlCH,KAlBkC,CAGpCG,KAHoC;AAAA,MAMpCC,SANoC,GAkBlCJ,KAlBkC,CAMpCI,SANoC;AAAA,MAOpCC,aAPoC,GAkBlCL,KAlBkC,CAOpCK,aAPoC;AAAA,MAQpCC,WARoC,GAkBlCN,KAlBkC,CAQpCM,WARoC;AAAA,MASpCC,YAToC,GAkBlCP,KAlBkC,CASpCO,YAToC;AAAA,MAUpCC,YAVoC,GAkBlCR,KAlBkC,CAUpCQ,YAVoC;AAAA,MAWpCC,cAXoC,GAkBlCT,KAlBkC,CAWpCS,cAXoC;AAAA,MAYpCC,WAZoC,GAkBlCV,KAlBkC,CAYpCU,WAZoC;AAAA,MAapCC,MAboC,GAkBlCX,KAlBkC,CAapCW,MAboC;AAAA,MAcpCC,QAdoC,GAkBlCZ,KAlBkC,CAcpCY,QAdoC;AAAA,MAepCC,aAfoC,GAkBlCb,KAlBkC,CAepCa,aAfoC;AAAA,MAgBpCC,KAhBoC,GAkBlCd,KAlBkC,CAgBpCc,KAhBoC;AAAA,MAiBjCC,UAjBiC,4BAkBlCf,KAlBkC;;AAAA,0BAoBOH,gBAAgB,CAACG,KAAD,CApBvB;AAAA,MAoBvBgB,SApBuB,qBAoB9Bb,KApB8B;AAAA,MAoBTc,WApBS;;AAsBtC,sBACE,KAAC,GAAD;AACE,IAAA,EAAE,EAAEf,EADN;AAEE,IAAA,GAAG,EAAED,YAFP;AAGE,IAAA,KAAK,eAAOe,SAAP,EAAqBb,KAArB,CAHP;AAIQS,IAAAA,QAAQ,EAARA;AAJR,KAKMG,UALN,EAMME,WANN,EADF;AAUD,CAjC0B,CAJtB","sourcesContent":["import type { HTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\nimport * as React from 'react';\n\nimport type { UseRippleSurfaceOptions } from './useRippleSurface';\nimport { useRippleSurface } from './useRippleSurface';\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\n\nexport type RippleBoxProps<\n  H extends HTMLElement = HTMLDivElement,\n  Attr = React.HTMLAttributes<H>\n> = BoxProps<H, Attr> & UseRippleSurfaceOptions<H>;\n\nexport const RippleBox: <\n  Props = RippleBoxProps<HTMLDivElement, HTMLAttributes<HTMLDivElement>>\n>(\n  props: Props\n) => JSX.Element = forwardRef<HTMLDivElement, RippleBoxProps>(\n  function RippleBox(props, forwardedRef) {\n    const {\n      as = 'div',\n      __css,\n      // Cherry picking the ripple props to prevent it from falling down to\n      // the Box component\n      onKeyDown, // eslint-disable-line @typescript-eslint/no-unused-vars\n      onPointerDown, // eslint-disable-line @typescript-eslint/no-unused-vars\n      baseOpacity, // eslint-disable-line @typescript-eslint/no-unused-vars\n      hoverOpacity, // eslint-disable-line @typescript-eslint/no-unused-vars\n      focusOpacity, // eslint-disable-line @typescript-eslint/no-unused-vars\n      pressedOpacity, // eslint-disable-line @typescript-eslint/no-unused-vars\n      rippleColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n      center, // eslint-disable-line @typescript-eslint/no-unused-vars\n      disabled, // eslint-disable-line @typescript-eslint/no-unused-vars\n      rippleEnabled, // eslint-disable-line @typescript-eslint/no-unused-vars\n      style, // eslint-disable-line @typescript-eslint/no-unused-vars\n      ...otherProps\n    } = props;\n\n    const { __css: rippleCss, ...rippleProps } = useRippleSurface(props);\n\n    return (\n      <Box\n        as={as}\n        ref={forwardedRef}\n        __css={{ ...rippleCss, ...__css }}\n        {...{ disabled }}\n        {...otherProps}\n        {...rippleProps}\n      />\n    );\n  }\n) as any;\n"],"file":"RippleBox.js"}
+{"version":3,"file":"RippleBox.js","names":["forwardRef","useRippleSurface","Box","RippleBox","props","forwardedRef","as","__css","onKeyDown","onPointerDown","baseOpacity","hoverOpacity","focusOpacity","pressedOpacity","rippleColor","center","disabled","rippleEnabled","style","otherProps","rippleCss","rippleProps"],"sources":["../../../src/Ripple/RippleBox.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\r\nimport { forwardRef } from 'react';\r\n\r\nimport type { UseRippleSurfaceOptions } from './useRippleSurface';\r\nimport { useRippleSurface } from './useRippleSurface';\r\nimport type { BoxProps } from '../Box';\r\nimport { Box } from '../Box';\r\n\r\nexport type RippleBoxProps<\r\n  H extends HTMLElement = HTMLDivElement,\r\n  Attr = HTMLAttributes<H>\r\n> = BoxProps<H, Attr> & UseRippleSurfaceOptions<H>;\r\n\r\nexport const RippleBox: <\r\n  Props = RippleBoxProps<HTMLDivElement, HTMLAttributes<HTMLDivElement>>\r\n>(\r\n  props: Props\r\n) => JSX.Element = forwardRef<HTMLDivElement, RippleBoxProps>(\r\n  function RippleBox(props, forwardedRef) {\r\n    const {\r\n      as = 'div',\r\n      __css,\r\n      // Cherry picking the ripple props to prevent it from falling down to\r\n      // the Box component\r\n      onKeyDown, // eslint-disable-line @typescript-eslint/no-unused-vars\r\n      onPointerDown, // eslint-disable-line @typescript-eslint/no-unused-vars\r\n      baseOpacity, // eslint-disable-line @typescript-eslint/no-unused-vars\r\n      hoverOpacity, // eslint-disable-line @typescript-eslint/no-unused-vars\r\n      focusOpacity, // eslint-disable-line @typescript-eslint/no-unused-vars\r\n      pressedOpacity, // eslint-disable-line @typescript-eslint/no-unused-vars\r\n      rippleColor, // eslint-disable-line @typescript-eslint/no-unused-vars\r\n      center, // eslint-disable-line @typescript-eslint/no-unused-vars\r\n      disabled, // eslint-disable-line @typescript-eslint/no-unused-vars\r\n      rippleEnabled, // eslint-disable-line @typescript-eslint/no-unused-vars\r\n      style, // eslint-disable-line @typescript-eslint/no-unused-vars\r\n      ...otherProps\r\n    } = props;\r\n\r\n    const { __css: rippleCss, ...rippleProps } = useRippleSurface(props);\r\n\r\n    return (\r\n      <Box\r\n        as={as}\r\n        ref={forwardedRef}\r\n        __css={{ ...rippleCss, ...__css }}\r\n        {...{ disabled }}\r\n        {...otherProps}\r\n        {...rippleProps}\r\n      />\r\n    );\r\n  }\r\n) as any;\r\n"],"mappings":";;;;AACA,SAASA,UAAT,QAA2B,OAA3B;AAGA,SAASC,gBAAT,QAAiC,oBAAjC;AAEA,SAASC,GAAT,QAAoB,QAApB;;AAOA,OAAO,IAAMC,SAIG,gBAAGH,UAAU,CAC3B,SAASG,SAAT,CAAmBC,KAAnB,EAA0BC,YAA1B,EAAwC;EACtC,gBAiBID,KAjBJ,CACEE,EADF;EAAA,IACEA,EADF,0BACO,KADP;EAAA,IAEEC,KAFF,GAiBIH,KAjBJ,CAEEG,KAFF;EAAA,IAKEC,SALF,GAiBIJ,KAjBJ,CAKEI,SALF;EAAA,IAMEC,aANF,GAiBIL,KAjBJ,CAMEK,aANF;EAAA,IAOEC,WAPF,GAiBIN,KAjBJ,CAOEM,WAPF;EAAA,IAQEC,YARF,GAiBIP,KAjBJ,CAQEO,YARF;EAAA,IASEC,YATF,GAiBIR,KAjBJ,CASEQ,YATF;EAAA,IAUEC,cAVF,GAiBIT,KAjBJ,CAUES,cAVF;EAAA,IAWEC,WAXF,GAiBIV,KAjBJ,CAWEU,WAXF;EAAA,IAYEC,MAZF,GAiBIX,KAjBJ,CAYEW,MAZF;EAAA,IAaEC,QAbF,GAiBIZ,KAjBJ,CAaEY,QAbF;EAAA,IAcEC,aAdF,GAiBIb,KAjBJ,CAcEa,aAdF;EAAA,IAeEC,KAfF,GAiBId,KAjBJ,CAeEc,KAfF;EAAA,IAgBKC,UAhBL,4BAiBIf,KAjBJ;;EAmBA,wBAA6CH,gBAAgB,CAACG,KAAD,CAA7D;EAAA,IAAegB,SAAf,qBAAQb,KAAR;EAAA,IAA6Bc,WAA7B;;EAEA,oBACE,KAAC,GAAD;IACE,EAAE,EAAEf,EADN;IAEE,GAAG,EAAED,YAFP;IAGE,KAAK,wBAAOe,SAAP,GAAqBb,KAArB,CAHP;IAIQS,QAAQ,EAARA;EAJR,GAKMG,UALN,GAMME,WANN,EADF;AAUD,CAjC0B,CAJtB"}

package/build/esm/Ripple/constants.d.ts

@@ -1,7 +1,7 @@
-export declare const RIPPLE_BACKGROUND_COLOR: string;
-export declare const RIPPLE_TRANSLATE_START: string;
-export declare const RIPPLE_TRANSLATE_END: string;
-export declare const RIPPLE_SCALE_END: string;
-export declare const RIPPLE_OPACITY_END: string;
-export declare const RIPPLE_SIZE: string;
-export declare const RIPPLE_POSITION: string;
+export declare const RIPPLE_BACKGROUND_COLOR: string;
+export declare const RIPPLE_TRANSLATE_START: string;
+export declare const RIPPLE_TRANSLATE_END: string;
+export declare const RIPPLE_SCALE_END: string;
+export declare const RIPPLE_OPACITY_END: string;
+export declare const RIPPLE_SIZE: string;
+export declare const RIPPLE_POSITION: string;

package/build/esm/Ripple/constants.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Ripple/constants.ts"],"names":["hash","RIPPLE_BACKGROUND_COLOR","RIPPLE_TRANSLATE_START","RIPPLE_TRANSLATE_END","RIPPLE_SCALE_END","RIPPLE_OPACITY_END","RIPPLE_SIZE","RIPPLE_POSITION"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,eAAjB;AAEA,OAAO,IAAMC,uBAAuB,mBAAYD,IAAI,CAClD,6BADkD,CAAhB,CAA7B;AAGP,OAAO,IAAME,sBAAsB,mBAAYF,IAAI,CACjD,oCADiD,CAAhB,CAA5B;AAGP,OAAO,IAAMG,oBAAoB,mBAAYH,IAAI,CAC/C,kCAD+C,CAAhB,CAA1B;AAGP,OAAO,IAAMI,gBAAgB,mBAAYJ,IAAI,CAAC,0BAAD,CAAhB,CAAtB;AACP,OAAO,IAAMK,kBAAkB,mBAAYL,IAAI,CAAC,4BAAD,CAAhB,CAAxB;AACP,OAAO,IAAMM,WAAW,mBAAYN,IAAI,CAAC,yBAAD,CAAhB,CAAjB;AACP,OAAO,IAAMO,eAAe,mBAAYP,IAAI,CAAC,6BAAD,CAAhB,CAArB","sourcesContent":["import hash from '@emotion/hash';\n\nexport const RIPPLE_BACKGROUND_COLOR = `--css-${hash(\n  'basic-ui-ripple-fg-bg-color'\n)}`;\nexport const RIPPLE_TRANSLATE_START = `--css-${hash(\n  'basic-ui-ripple-fg-translate-start'\n)}`;\nexport const RIPPLE_TRANSLATE_END = `--css-${hash(\n  'basic-ui-ripple-fg-translate-end'\n)}`;\nexport const RIPPLE_SCALE_END = `--css-${hash('basic-ui-ripple-fg-scale')}`;\nexport const RIPPLE_OPACITY_END = `--css-${hash('basic-ui-ripple-fg-opacity')}`;\nexport const RIPPLE_SIZE = `--css-${hash('basic-ui-ripple-fg-size')}`;\nexport const RIPPLE_POSITION = `--css-${hash('basic-ui-ripple-fg-position')}`;\n"],"file":"constants.js"}
+{"version":3,"file":"constants.js","names":["hash","RIPPLE_BACKGROUND_COLOR","RIPPLE_TRANSLATE_START","RIPPLE_TRANSLATE_END","RIPPLE_SCALE_END","RIPPLE_OPACITY_END","RIPPLE_SIZE","RIPPLE_POSITION"],"sources":["../../../src/Ripple/constants.ts"],"sourcesContent":["import hash from '@emotion/hash';\r\n\r\nexport const RIPPLE_BACKGROUND_COLOR = `--css-${hash(\r\n  'basic-ui-ripple-fg-bg-color'\r\n)}`;\r\nexport const RIPPLE_TRANSLATE_START = `--css-${hash(\r\n  'basic-ui-ripple-fg-translate-start'\r\n)}`;\r\nexport const RIPPLE_TRANSLATE_END = `--css-${hash(\r\n  'basic-ui-ripple-fg-translate-end'\r\n)}`;\r\nexport const RIPPLE_SCALE_END = `--css-${hash('basic-ui-ripple-fg-scale')}`;\r\nexport const RIPPLE_OPACITY_END = `--css-${hash('basic-ui-ripple-fg-opacity')}`;\r\nexport const RIPPLE_SIZE = `--css-${hash('basic-ui-ripple-fg-size')}`;\r\nexport const RIPPLE_POSITION = `--css-${hash('basic-ui-ripple-fg-position')}`;\r\n"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,eAAjB;AAEA,OAAO,IAAMC,uBAAuB,mBAAYD,IAAI,CAClD,6BADkD,CAAhB,CAA7B;AAGP,OAAO,IAAME,sBAAsB,mBAAYF,IAAI,CACjD,oCADiD,CAAhB,CAA5B;AAGP,OAAO,IAAMG,oBAAoB,mBAAYH,IAAI,CAC/C,kCAD+C,CAAhB,CAA1B;AAGP,OAAO,IAAMI,gBAAgB,mBAAYJ,IAAI,CAAC,0BAAD,CAAhB,CAAtB;AACP,OAAO,IAAMK,kBAAkB,mBAAYL,IAAI,CAAC,4BAAD,CAAhB,CAAxB;AACP,OAAO,IAAMM,WAAW,mBAAYN,IAAI,CAAC,yBAAD,CAAhB,CAAjB;AACP,OAAO,IAAMO,eAAe,mBAAYP,IAAI,CAAC,6BAAD,CAAhB,CAArB"}

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

@@ -1,5 +1,5 @@
-export * from './Ripple';
-export * from './RippleBox';
-export * from './useRipple';
-export * from './useRippleHandlers';
-export * from './useRippleSurface';
+export * from './Ripple';
+export * from './RippleBox';
+export * from './useRipple';
+export * from './useRippleHandlers';
+export * from './useRippleSurface';

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Ripple/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAd;AACA,cAAc,aAAd;AACA,cAAc,aAAd;AACA,cAAc,qBAAd;AACA,cAAc,oBAAd","sourcesContent":["export * from './Ripple';\nexport * from './RippleBox';\nexport * from './useRipple';\nexport * from './useRippleHandlers';\nexport * from './useRippleSurface';\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/Ripple/index.ts"],"sourcesContent":["export * from './Ripple';\r\nexport * from './RippleBox';\r\nexport * from './useRipple';\r\nexport * from './useRippleHandlers';\r\nexport * from './useRippleSurface';\r\n"],"mappings":"AAAA,cAAc,UAAd;AACA,cAAc,aAAd;AACA,cAAc,aAAd;AACA,cAAc,qBAAd;AACA,cAAc,oBAAd"}

package/build/esm/Ripple/keyframes.d.ts

@@ -1,4 +1,4 @@
-import type { Keyframes } from '@emotion/serialize';
-export declare const radiusIn: Keyframes;
-export declare const opacityIn: Keyframes;
-export declare const opacityOut: Keyframes;
+import type { Keyframes } from '@emotion/serialize';
+export declare const radiusIn: Keyframes;
+export declare const opacityIn: Keyframes;
+export declare const opacityOut: Keyframes;

package/build/esm/Ripple/keyframes.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Ripple/keyframes.ts"],"names":["keyframes","RIPPLE_TRANSLATE_START","RIPPLE_TRANSLATE_END","RIPPLE_OPACITY_END","RIPPLE_SCALE_END","radiusIn","from","transform","to","opacityIn","opacity","opacityOut"],"mappings":"AAAA,SAASA,SAAT,QAA0B,gBAA1B;AAGA,SACEC,sBADF,EAEEC,oBAFF,EAGEC,kBAHF,EAIEC,gBAJF,QAKO,aALP;AAOA,OAAO,IAAMC,QAAmB,GAAGL,SAAS,CAAC;AAC3CM,EAAAA,IAAI,EAAE;AACJC,IAAAA,SAAS,0BAAmBN,sBAAnB;AADL,GADqC;AAI3CO,EAAAA,EAAE,EAAE;AACFD,IAAAA,SAAS,0BAAmBL,oBAAnB,6BAA0DE,gBAA1D;AADP;AAJuC,CAAD,CAArC;AASP,OAAO,IAAMK,SAAoB,GAAGT,SAAS,CAAC;AAC5CM,EAAAA,IAAI,EAAE;AACJI,IAAAA,OAAO,EAAE;AADL,GADsC;AAI5CF,EAAAA,EAAE,EAAE;AACFE,IAAAA,OAAO,gBAASP,kBAAT;AADL;AAJwC,CAAD,CAAtC;AASP,OAAO,IAAMQ,UAAqB,GAAGX,SAAS,CAAC;AAC7CM,EAAAA,IAAI,EAAE;AACJI,IAAAA,OAAO,gBAASP,kBAAT;AADH,GADuC;AAI7CK,EAAAA,EAAE,EAAE;AACFE,IAAAA,OAAO,EAAE;AADP;AAJyC,CAAD,CAAvC","sourcesContent":["import { keyframes } from '@emotion/react';\nimport type { Keyframes } from '@emotion/serialize';\n\nimport {\n  RIPPLE_TRANSLATE_START,\n  RIPPLE_TRANSLATE_END,\n  RIPPLE_OPACITY_END,\n  RIPPLE_SCALE_END,\n} from './constants';\n\nexport const radiusIn: Keyframes = keyframes({\n  from: {\n    transform: `translate(var(${RIPPLE_TRANSLATE_START}, 0)) scale(1)`,\n  },\n  to: {\n    transform: `translate(var(${RIPPLE_TRANSLATE_END}, 0)) scale(var(${RIPPLE_SCALE_END}, 1))`,\n  },\n});\n\nexport const opacityIn: Keyframes = keyframes({\n  from: {\n    opacity: '0',\n  },\n  to: {\n    opacity: `var(${RIPPLE_OPACITY_END})`,\n  },\n});\n\nexport const opacityOut: Keyframes = keyframes({\n  from: {\n    opacity: `var(${RIPPLE_OPACITY_END})`,\n  },\n  to: {\n    opacity: '0',\n  },\n});\n"],"file":"keyframes.js"}
+{"version":3,"file":"keyframes.js","names":["keyframes","RIPPLE_TRANSLATE_START","RIPPLE_TRANSLATE_END","RIPPLE_OPACITY_END","RIPPLE_SCALE_END","radiusIn","from","transform","to","opacityIn","opacity","opacityOut"],"sources":["../../../src/Ripple/keyframes.ts"],"sourcesContent":["import { keyframes } from '@emotion/react';\r\nimport type { Keyframes } from '@emotion/serialize';\r\n\r\nimport {\r\n  RIPPLE_TRANSLATE_START,\r\n  RIPPLE_TRANSLATE_END,\r\n  RIPPLE_OPACITY_END,\r\n  RIPPLE_SCALE_END,\r\n} from './constants';\r\n\r\nexport const radiusIn: Keyframes = keyframes({\r\n  from: {\r\n    transform: `translate(var(${RIPPLE_TRANSLATE_START}, 0)) scale(1)`,\r\n  },\r\n  to: {\r\n    transform: `translate(var(${RIPPLE_TRANSLATE_END}, 0)) scale(var(${RIPPLE_SCALE_END}, 1))`,\r\n  },\r\n});\r\n\r\nexport const opacityIn: Keyframes = keyframes({\r\n  from: {\r\n    opacity: '0',\r\n  },\r\n  to: {\r\n    opacity: `var(${RIPPLE_OPACITY_END})`,\r\n  },\r\n});\r\n\r\nexport const opacityOut: Keyframes = keyframes({\r\n  from: {\r\n    opacity: `var(${RIPPLE_OPACITY_END})`,\r\n  },\r\n  to: {\r\n    opacity: '0',\r\n  },\r\n});\r\n"],"mappings":"AAAA,SAASA,SAAT,QAA0B,gBAA1B;AAGA,SACEC,sBADF,EAEEC,oBAFF,EAGEC,kBAHF,EAIEC,gBAJF,QAKO,aALP;AAOA,OAAO,IAAMC,QAAmB,GAAGL,SAAS,CAAC;EAC3CM,IAAI,EAAE;IACJC,SAAS,0BAAmBN,sBAAnB;EADL,CADqC;EAI3CO,EAAE,EAAE;IACFD,SAAS,0BAAmBL,oBAAnB,6BAA0DE,gBAA1D;EADP;AAJuC,CAAD,CAArC;AASP,OAAO,IAAMK,SAAoB,GAAGT,SAAS,CAAC;EAC5CM,IAAI,EAAE;IACJI,OAAO,EAAE;EADL,CADsC;EAI5CF,EAAE,EAAE;IACFE,OAAO,gBAASP,kBAAT;EADL;AAJwC,CAAD,CAAtC;AASP,OAAO,IAAMQ,UAAqB,GAAGX,SAAS,CAAC;EAC7CM,IAAI,EAAE;IACJI,OAAO,gBAASP,kBAAT;EADH,CADuC;EAI7CK,EAAE,EAAE;IACFE,OAAO,EAAE;EADP;AAJyC,CAAD,CAAvC"}

package/build/esm/Ripple/useRipple.d.ts

@@ -1,14 +1,14 @@
-export interface RippleOptions {
-    opacity: number;
-    backgroundColor: string;
-    enterDuration?: number;
-    leaveDuration?: number;
-    center?: boolean;
-    disabled?: boolean;
-}
-export declare const useRipple: (opts: RippleOptions) => {
-    activate: (rect: ClientRect, clientX: number, clientY: number, center?: boolean) => void;
-    deactivate: () => void;
-    style: {};
-    animation: string | undefined;
-};
+export interface RippleOptions {
+    opacity: number;
+    backgroundColor: string;
+    enterDuration?: number;
+    leaveDuration?: number;
+    center?: boolean;
+    disabled?: boolean;
+}
+export declare const useRipple: (opts: RippleOptions) => {
+    activate: (rect: ClientRect, clientX: number, clientY: number, center?: boolean) => void;
+    deactivate: () => void;
+    style: {};
+    animation: string | undefined;
+};

package/build/esm/Ripple/useRipple.js

@@ -47,9 +47,9 @@ function calculateRipplePosition(rect, clientX, clientY) {
     x: clientX - rect.left,
     y: clientY - rect.top
   };
-  return _extends({
+  return _extends(_extends({
     state: 'entering'
-  }, rippleStart, getScale(rect));
+  }, rippleStart), getScale(rect));
 }
 
 export var useRipple = function useRipple(opts) {