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

package/build/esm/CheckBox/CheckBox.d.ts

@@ -1,13 +1,13 @@
-import * as React from 'react';
+import type { ElementType, InputHTMLAttributes, ReactElement } from 'react';
 import type { BoxProps } from '../Box';
-export interface CheckBoxProps extends BoxProps<HTMLInputElement, React.InputHTMLAttributes<HTMLInputElement>> {
-    as?: React.ElementType<any>;
+export interface CheckBoxProps extends BoxProps<HTMLInputElement, InputHTMLAttributes<HTMLInputElement>> {
+    as?: ElementType<any>;
     checked?: boolean;
     indeterminate?: boolean;
     disabled?: boolean;
-    icon?: React.ReactElement<{
+    icon?: ReactElement<{
         checked?: boolean;
         disabled?: boolean;
     }>;
 }
-export declare const CheckBox: React.ForwardRefExoticComponent<Pick<CheckBoxProps, "children" | "form" | "p" | "slot" | "style" | "title" | "pattern" | "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" | "icon" | "list" | "step" | "max" | "min" | "name" | "type" | "crossOrigin" | "disabled" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "multiple" | "alt" | "autoComplete" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "src" | "required" | "enterKeyHint" | "readOnly" | "indeterminate"> & React.RefAttributes<HTMLInputElement>>;
+export declare const CheckBox: import("react").ForwardRefExoticComponent<Pick<CheckBoxProps, "children" | "form" | "p" | "slot" | "style" | "title" | "pattern" | "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" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "hidden" | "theme" | "sx" | "__css" | "variant" | "tx" | "list" | "as" | "size" | "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" | "icon" | "key" | "step" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "multiple" | "alt" | "autoComplete" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "src" | "required" | "max" | "min" | "crossOrigin" | "enterKeyHint" | "readOnly" | "indeterminate"> & import("react").RefAttributes<HTMLInputElement>>;

package/build/esm/CheckBox/CheckBox.js

@@ -3,7 +3,6 @@ import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import { forwardRef, cloneElement } from 'react';
-import * as React from 'react';
 import { CheckBox as _CheckBoxCore } from '@basic-ui/core';
 import { RippleBox } from '../Ripple';
 import { Box } from '../Box';

package/build/esm/CheckBox/CheckBox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/CheckBox/CheckBox.tsx"],"names":["forwardRef","cloneElement","React","CheckBox","_CheckBoxCore","RippleBox","Box","useTheme","CheckBoxIcon","SelectionControlLabel","SelectionControlText","CheckBoxCore","getColors","disabled","checked","CheckBoxInner","props","forwardedRef","as","Comp","indeterminate","onChange","icon","__css","otherProps","color","theme","backgroundColor","borderColor","opacity","undefined","top","left","width","height","appearance","outline","border","borderRadius","zIndex","position","display","alignItems","justifyContent","children","inner"],"mappings":"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","sourcesContent":["import type { InputHTMLAttributes } from 'react';\nimport { forwardRef, cloneElement } from 'react';\nimport * as React from 'react';\nimport { rem } from 'polished';\nimport { CheckBox as _CheckBoxCore } from '@basic-ui/core';\n\nimport type { RippleBoxProps } from '../Ripple';\nimport { RippleBox } from '../Ripple';\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\nimport { useTheme } from '../theme';\nimport { CheckBoxIcon } from './CheckBoxIcon';\nimport {\n  SelectionControlLabel,\n  SelectionControlText,\n} from '../SelectionControl';\n\nexport interface CheckBoxProps\n  extends BoxProps<\n    HTMLInputElement,\n    React.InputHTMLAttributes<HTMLInputElement>\n  > {\n  as?: React.ElementType<any>;\n  checked?: boolean;\n  indeterminate?: boolean;\n  disabled?: boolean;\n  icon?: React.ReactElement<{ checked?: boolean; disabled?: boolean }>;\n}\n\nconst CheckBoxCore: React.FC<\n  CheckBoxProps & {\n    innerAs?: React.ElementType<any>;\n  }\n> = _CheckBoxCore as any;\n\nfunction getColors(disabled?: boolean, checked?: boolean) {\n  if (checked && disabled) {\n    return ['on.surface', 'transparent', 0.38];\n  } else if (checked) {\n    return ['primary', 'primary', 1];\n  }\n  return ['transparent', 'on.surface', disabled ? 0.38 : 0.54];\n}\n\nconst CheckBoxInner = forwardRef<HTMLInputElement, CheckBoxProps>(\n  function CheckBoxInner(props, forwardedRef) {\n    const {\n      as: Comp = 'input',\n      disabled,\n      checked,\n      indeterminate = false,\n      onChange,\n      icon = <CheckBoxIcon />,\n      __css,\n      ...otherProps\n    } = props;\n    const color = checked ? 'primary' : 'on.surface';\n    const theme = useTheme();\n    const [backgroundColor, borderColor, opacity] = getColors(\n      disabled,\n      checked\n    );\n\n    return (\n      <Box position=\"relative\" display=\"inline-block\" minWidth=\"auto\">\n        <RippleBox<\n          RippleBoxProps<\n            HTMLInputElement,\n            InputHTMLAttributes<HTMLInputElement>\n          >\n        >\n          as={Comp}\n          type=\"checkbox\"\n          checked={checked}\n          onChange={onChange}\n          theme={theme}\n          ref={forwardedRef}\n          rippleColor={color}\n          baseOpacity={0}\n          hoverOpacity={checked ? 0.16 : 0.12}\n          focusOpacity={checked ? 0.24 : 0.16}\n          center={true}\n          disabled={disabled}\n          aria-checked={\n            indeterminate\n              ? checked\n                ? 'mixed'\n                : 'false'\n              : checked\n              ? 'true'\n              : 'false'\n          }\n          data-indeterminate={indeterminate ? '' : undefined}\n          {...otherProps}\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        />\n        <Box\n          __css={{\n            position: 'relative',\n            top: 0,\n            left: 0,\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            height: rem(40),\n            width: rem(40),\n          }}\n          role=\"presentation\"\n          aria-hidden=\"true\"\n        >\n          {cloneElement(icon, {\n            checked,\n            indeterminate,\n            ['data-checkbox-icon']: '',\n            disabled,\n            backgroundColor,\n            borderColor,\n            opacity,\n          })}\n        </Box>\n      </Box>\n    );\n  }\n);\n\nexport const CheckBox = forwardRef<HTMLInputElement, CheckBoxProps>(\n  function CheckBox(props, forwardedRef) {\n    const {\n      as = 'input',\n      icon = <CheckBoxIcon />,\n      disabled,\n      children,\n      ...otherProps\n    } = props;\n\n    const inner = (\n      <CheckBoxCore\n        as={CheckBoxInner}\n        innerAs={as}\n        ref={forwardedRef}\n        icon={icon}\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":"CheckBox.js"}
+{"version":3,"sources":["../../../src/CheckBox/CheckBox.tsx"],"names":["forwardRef","cloneElement","CheckBox","_CheckBoxCore","RippleBox","Box","useTheme","CheckBoxIcon","SelectionControlLabel","SelectionControlText","CheckBoxCore","getColors","disabled","checked","CheckBoxInner","props","forwardedRef","as","Comp","indeterminate","onChange","icon","__css","otherProps","color","theme","backgroundColor","borderColor","opacity","undefined","top","left","width","height","appearance","outline","border","borderRadius","zIndex","position","display","alignItems","justifyContent","children","inner"],"mappings":";;;;AACA,SAASA,UAAT,EAAqBC,YAArB,QAAyC,OAAzC;AAEA,SAASC,QAAQ,IAAIC,aAArB,QAA0C,gBAA1C;AAGA,SAASC,SAAT,QAA0B,WAA1B;AAEA,SAASC,GAAT,QAAoB,QAApB;AACA,SAASC,QAAT,QAAyB,UAAzB;AACA,SAASC,YAAT,QAA6B,gBAA7B;AACA,SACEC,qBADF,EAEEC,oBAFF,QAGO,qBAHP;;;AAcA,IAAMC,YAIL,GAAGP,aAJJ;;AAMA,SAASQ,SAAT,CAAmBC,QAAnB,EAAuCC,OAAvC,EAA0D;AACxD,MAAIA,OAAO,IAAID,QAAf,EAAyB;AACvB,WAAO,CAAC,YAAD,EAAe,aAAf,EAA8B,IAA9B,CAAP;AACD,GAFD,MAEO,IAAIC,OAAJ,EAAa;AAClB,WAAO,CAAC,SAAD,EAAY,SAAZ,EAAuB,CAAvB,CAAP;AACD;;AACD,SAAO,CAAC,aAAD,EAAgB,YAAhB,EAA8BD,QAAQ,GAAG,IAAH,GAAU,IAAhD,CAAP;AACD;;AAED,IAAME,aAAa,gBAAGd,UAAU,CAC9B,SAASc,aAAT,CAAuBC,KAAvB,EAA8BC,YAA9B,EAA4C;AAAA;;AAAA,kBAUtCD,KAVsC,CAExCE,EAFwC;AAAA,MAEpCC,IAFoC,0BAE7B,OAF6B;AAAA,MAGxCN,QAHwC,GAUtCG,KAVsC,CAGxCH,QAHwC;AAAA,MAIxCC,OAJwC,GAUtCE,KAVsC,CAIxCF,OAJwC;AAAA,6BAUtCE,KAVsC,CAKxCI,aALwC;AAAA,MAKxCA,aALwC,qCAKxB,KALwB;AAAA,MAMxCC,QANwC,GAUtCL,KAVsC,CAMxCK,QANwC;AAAA,oBAUtCL,KAVsC,CAOxCM,IAPwC;AAAA,MAOxCA,IAPwC,yCAOjC,KAAC,YAAD,KAPiC;AAAA,MAQxCC,KARwC,GAUtCP,KAVsC,CAQxCO,KARwC;AAAA,MASrCC,UATqC,4BAUtCR,KAVsC;;AAW1C,MAAMS,KAAK,GAAGX,OAAO,GAAG,SAAH,GAAe,YAApC;AACA,MAAMY,KAAK,GAAGnB,QAAQ,EAAtB;;AAZ0C,mBAaMK,SAAS,CACvDC,QADuD,EAEvDC,OAFuD,CAbf;AAAA;AAAA,MAanCa,eAbmC;AAAA,MAalBC,WAbkB;AAAA,MAaLC,OAbK;;AAkB1C,sBACE,MAAC,GAAD;AAAK,IAAA,QAAQ,EAAC,UAAd;AAAyB,IAAA,OAAO,EAAC,cAAjC;AAAgD,IAAA,QAAQ,EAAC,MAAzD;AAAA,4BACE,KAAC,SAAD;AAME,MAAA,EAAE,EAAEV,IANN;AAOE,MAAA,IAAI,EAAC,UAPP;AAQE,MAAA,OAAO,EAAEL,OARX;AASE,MAAA,QAAQ,EAAEO,QATZ;AAUE,MAAA,KAAK,EAAEK,KAVT;AAWE,MAAA,GAAG,EAAET,YAXP;AAYE,MAAA,WAAW,EAAEQ,KAZf;AAaE,MAAA,WAAW,EAAE,CAbf;AAcE,MAAA,YAAY,EAAEX,OAAO,GAAG,IAAH,GAAU,IAdjC;AAeE,MAAA,YAAY,EAAEA,OAAO,GAAG,IAAH,GAAU,IAfjC;AAgBE,MAAA,MAAM,EAAE,IAhBV;AAiBE,MAAA,QAAQ,EAAED,QAjBZ;AAkBE,sBACEO,aAAa,GACTN,OAAO,GACL,OADK,GAEL,OAHO,GAITA,OAAO,GACP,MADO,GAEP,OAzBR;AA2BE,4BAAoBM,aAAa,GAAG,EAAH,GAAQU;AA3B3C,OA4BMN,UA5BN;AA6BE,MAAA,KAAK;AACHO,QAAAA,GAAG,EAAE,CADF;AAEHC,QAAAA,IAAI,EAAE,CAFH;AAGHC,QAAAA,KAAK,UAHF;AAIHC,QAAAA,MAAM,UAJH;AAKHC,QAAAA,UAAU,EAAE,MALT;AAMH,kBAAU;AACRC,UAAAA,OAAO,EAAE;AADD,SANP;AASHC,QAAAA,MAAM,EAAE,MATL;AAUHC,QAAAA,YAAY,EAAE,MAVX;AAWHC,QAAAA,MAAM,EAAE,CAXL;AAYHC,QAAAA,QAAQ,EAAE;AAZP,SAaAjB,KAbA;AA7BP,OADF,eA8CE,KAAC,GAAD;AACE,MAAA,KAAK,EAAE;AACLiB,QAAAA,QAAQ,EAAE,UADL;AAELT,QAAAA,GAAG,EAAE,CAFA;AAGLC,QAAAA,IAAI,EAAE,CAHD;AAILS,QAAAA,OAAO,EAAE,MAJJ;AAKLC,QAAAA,UAAU,EAAE,QALP;AAMLC,QAAAA,cAAc,EAAE,QANX;AAOLT,QAAAA,MAAM,UAPD;AAQLD,QAAAA,KAAK;AARA,OADT;AAWE,MAAA,IAAI,EAAC,cAXP;AAYE,qBAAY,MAZd;AAAA,6BAcG/B,YAAY,CAACoB,IAAD;AACXR,QAAAA,OAAO,EAAPA,OADW;AAEXM,QAAAA,aAAa,EAAbA;AAFW,wCAGV,oBAHU,EAGa,EAHb,8CAIXP,QAJW,qDAKXc,eALW,iDAMXC,WANW,6CAOXC,OAPW;AAdf,MA9CF;AAAA,IADF;AAyED,CA5F6B,CAAhC;AA+FA,OAAO,IAAM1B,QAAQ,gBAAGF,UAAU,CAChC,SAASE,QAAT,CAAkBa,KAAlB,EAAyBC,YAAzB,EAAuC;AAAA,mBAOjCD,KAPiC,CAEnCE,EAFmC;AAAA,MAEnCA,EAFmC,2BAE9B,OAF8B;AAAA,qBAOjCF,KAPiC,CAGnCM,IAHmC;AAAA,MAGnCA,IAHmC,0CAG5B,KAAC,YAAD,KAH4B;AAAA,MAInCT,QAJmC,GAOjCG,KAPiC,CAInCH,QAJmC;AAAA,MAKnC+B,QALmC,GAOjC5B,KAPiC,CAKnC4B,QALmC;AAAA,MAMhCpB,UANgC,4BAOjCR,KAPiC;;AASrC,MAAM6B,KAAK,gBACT,KAAC,YAAD;AACE,IAAA,EAAE,EAAE9B,aADN;AAEE,IAAA,OAAO,EAAEG,EAFX;AAGE,IAAA,GAAG,EAAED,YAHP;AAIE,IAAA,IAAI,EAAEK,IAJR;AAKE,IAAA,QAAQ,EAAET;AALZ,KAMMW,UANN,EADF;;AAWA,MAAI,CAACoB,QAAL,EAAe;AACb,WAAOC,KAAP;AACD;;AAED,sBACE,MAAC,qBAAD;AAAA,eACGA,KADH,eAEE,KAAC,oBAAD;AAAsB,MAAA,QAAQ,EAAEhC,QAAhC;AAAA,gBACG+B;AADH,MAFF;AAAA,IADF;AAQD,CAjC+B,CAA3B","sourcesContent":["import type { ElementType, FC, InputHTMLAttributes, ReactElement } from 'react';\nimport { forwardRef, cloneElement } from 'react';\nimport { rem } from 'polished';\nimport { CheckBox as _CheckBoxCore } from '@basic-ui/core';\n\nimport type { RippleBoxProps } from '../Ripple';\nimport { RippleBox } from '../Ripple';\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\nimport { useTheme } from '../theme';\nimport { CheckBoxIcon } from './CheckBoxIcon';\nimport {\n  SelectionControlLabel,\n  SelectionControlText,\n} from '../SelectionControl';\n\nexport interface CheckBoxProps\n  extends BoxProps<HTMLInputElement, InputHTMLAttributes<HTMLInputElement>> {\n  as?: ElementType<any>;\n  checked?: boolean;\n  indeterminate?: boolean;\n  disabled?: boolean;\n  icon?: ReactElement<{ checked?: boolean; disabled?: boolean }>;\n}\n\nconst CheckBoxCore: FC<\n  CheckBoxProps & {\n    innerAs?: ElementType<any>;\n  }\n> = _CheckBoxCore as any;\n\nfunction getColors(disabled?: boolean, checked?: boolean) {\n  if (checked && disabled) {\n    return ['on.surface', 'transparent', 0.38];\n  } else if (checked) {\n    return ['primary', 'primary', 1];\n  }\n  return ['transparent', 'on.surface', disabled ? 0.38 : 0.54];\n}\n\nconst CheckBoxInner = forwardRef<HTMLInputElement, CheckBoxProps>(\n  function CheckBoxInner(props, forwardedRef) {\n    const {\n      as: Comp = 'input',\n      disabled,\n      checked,\n      indeterminate = false,\n      onChange,\n      icon = <CheckBoxIcon />,\n      __css,\n      ...otherProps\n    } = props;\n    const color = checked ? 'primary' : 'on.surface';\n    const theme = useTheme();\n    const [backgroundColor, borderColor, opacity] = getColors(\n      disabled,\n      checked\n    );\n\n    return (\n      <Box position=\"relative\" display=\"inline-block\" minWidth=\"auto\">\n        <RippleBox<\n          RippleBoxProps<\n            HTMLInputElement,\n            InputHTMLAttributes<HTMLInputElement>\n          >\n        >\n          as={Comp}\n          type=\"checkbox\"\n          checked={checked}\n          onChange={onChange}\n          theme={theme}\n          ref={forwardedRef}\n          rippleColor={color}\n          baseOpacity={0}\n          hoverOpacity={checked ? 0.16 : 0.12}\n          focusOpacity={checked ? 0.24 : 0.16}\n          center={true}\n          disabled={disabled}\n          aria-checked={\n            indeterminate\n              ? checked\n                ? 'mixed'\n                : 'false'\n              : checked\n              ? 'true'\n              : 'false'\n          }\n          data-indeterminate={indeterminate ? '' : undefined}\n          {...otherProps}\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        />\n        <Box\n          __css={{\n            position: 'relative',\n            top: 0,\n            left: 0,\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            height: rem(40),\n            width: rem(40),\n          }}\n          role=\"presentation\"\n          aria-hidden=\"true\"\n        >\n          {cloneElement(icon, {\n            checked,\n            indeterminate,\n            ['data-checkbox-icon']: '',\n            disabled,\n            backgroundColor,\n            borderColor,\n            opacity,\n          })}\n        </Box>\n      </Box>\n    );\n  }\n);\n\nexport const CheckBox = forwardRef<HTMLInputElement, CheckBoxProps>(\n  function CheckBox(props, forwardedRef) {\n    const {\n      as = 'input',\n      icon = <CheckBoxIcon />,\n      disabled,\n      children,\n      ...otherProps\n    } = props;\n\n    const inner = (\n      <CheckBoxCore\n        as={CheckBoxInner}\n        innerAs={as}\n        ref={forwardedRef}\n        icon={icon}\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":"CheckBox.js"}

package/build/esm/CheckBox/CheckBoxIcon.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
+import type { ElementType, ReactNode } from 'react';
 import type { BoxProps } from '../Box';
 export interface CheckBoxIconProps extends BoxProps {
-    as?: React.ElementType<any>;
+    as?: ElementType<any>;
     checked?: boolean;
     disabled?: boolean;
     indeterminate?: boolean;
-    children?: React.ReactNode;
+    children?: ReactNode;
 }
-export declare const CheckBoxIcon: React.ForwardRefExoticComponent<Pick<CheckBoxIconProps, "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" | "disabled" | "checked" | "indeterminate"> & React.RefAttributes<HTMLDivElement>>;
+export declare const CheckBoxIcon: import("react").ForwardRefExoticComponent<Pick<CheckBoxIconProps, "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" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "hidden" | "theme" | "sx" | "__css" | "variant" | "tx" | "as" | "size" | "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" | "disabled" | "checked" | "indeterminate"> & import("react").RefAttributes<HTMLDivElement>>;

package/build/esm/CheckBox/CheckBoxIcon.js

@@ -1,10 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import { forwardRef } from 'react';
-import * as React from 'react';
 import { Box } from '../Box';
 import { CheckPath } from './CheckPath';
 import { IndeterminatePath } from './IndeterminatePath';
+import { EASING_STANDARD } from '../motion';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var CheckBoxIcon = /*#__PURE__*/forwardRef(function CheckBoxIcon(_ref, forwardedRef) {
@@ -33,7 +33,7 @@ export var CheckBoxIcon = /*#__PURE__*/forwardRef(function CheckBoxIcon(_ref, fo
       borderStyle: 'solid',
       width: "1.125rem",
       height: "1.125rem",
-      transition: 'background-color 90ms 0s cubic-bezier(0,0,.2,1), border-color 90ms 0s cubic-bezier(0,0,.2,1), opacity 90ms 0s cubic-bezier(0,0,.2,1)',
+      transition: "background-color 90ms 0s ".concat(EASING_STANDARD, ", border-color 90ms 0s ").concat(EASING_STANDARD, ", opacity 90ms 0s ").concat(EASING_STANDARD),
       '& > svg': {
         display: 'block'
       },

package/build/esm/CheckBox/CheckBoxIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/CheckBox/CheckBoxIcon.tsx"],"names":["forwardRef","React","Box","CheckPath","IndeterminatePath","CheckBoxIcon","forwardedRef","__css","as","indeterminate","checked","disabled","backgroundColor","borderColor","opacity","otherProps","color","borderWidth","borderRadius","borderStyle","width","height","transition","display"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AAIA,SAASC,GAAT,QAAoB,QAApB;AACA,SAASC,SAAT,QAA0B,aAA1B;AACA,SAASC,iBAAT,QAAkC,qBAAlC;;;AAUA,OAAO,IAAMC,YAAY,gBAAGL,UAAU,CACpC,SAASK,YAAT,OAaEC,YAbF,EAcE;AAAA,wBAZEC,KAYF;AAAA,MAZEA,KAYF,2BAZU,EAYV;AAAA,qBAXEC,EAWF;AAAA,MAXEA,EAWF,wBAXO,KAWP;AAAA,MAVEC,aAUF,QAVEA,aAUF;AAAA,MATEC,OASF,QATEA,OASF;AAAA,MAPEC,QAOF,QAPEA,QAOF;AAAA,MANEC,eAMF,QANEA,eAMF;AAAA,MALEC,WAKF,QALEA,WAKF;AAAA,MAJEC,OAIF,QAJEA,OAIF;AAAA,MAHKC,UAGL;;AACA,sBACE,KAAC,GAAD;AACE,IAAA,EAAE,EAAEP,EADN;AAEE,IAAA,GAAG,EAAEF,YAFP;AAGE,IAAA,eAAe,EAAEM,eAHnB;AAIE,IAAA,WAAW,EAAEC,WAJf;AAKE,IAAA,OAAO,EAAEC,OALX;AAME,IAAA,KAAK,EAAE;AACLE,MAAAA,KAAK,EAAE,YADF;AAELC,MAAAA,WAAW,YAFN;AAGLC,MAAAA,YAAY,YAHP;AAILC,MAAAA,WAAW,EAAE,OAJR;AAKLC,MAAAA,KAAK,YALA;AAMLC,MAAAA,MAAM,YAND;AAOLC,MAAAA,UAAU,EACR,sIARG;AASL,iBAAW;AACTC,QAAAA,OAAO,EAAE;AADA,OATN;AAYLhB,MAAAA,KAAK,EAALA;AAZK;AANT,KAoBMQ,UApBN;AAAA,2BAsBE;AAAK,MAAA,OAAO,EAAC,WAAb;AAAA,8BACE,KAAC,SAAD;AAAW,QAAA,OAAO,EAAEL,OAAO,IAAI,CAACD;AAAhC,QADF,eAEE,KAAC,iBAAD;AAAmB,QAAA,OAAO,EAAEC,OAAO,IAAID;AAAvC,QAFF;AAAA;AAtBF,KADF;AA6BD,CA7CmC,CAA/B","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 { CheckPath } from './CheckPath';\nimport { IndeterminatePath } from './IndeterminatePath';\n\nexport interface CheckBoxIconProps extends BoxProps {\n  as?: React.ElementType<any>;\n  checked?: boolean;\n  disabled?: boolean;\n  indeterminate?: boolean;\n  children?: React.ReactNode;\n}\n\nexport const CheckBoxIcon = forwardRef<HTMLDivElement, CheckBoxIconProps>(\n  function CheckBoxIcon(\n    {\n      __css = {},\n      as = 'div',\n      indeterminate,\n      checked,\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      disabled,\n      backgroundColor,\n      borderColor,\n      opacity,\n      ...otherProps\n    },\n    forwardedRef\n  ) {\n    return (\n      <Box\n        as={as}\n        ref={forwardedRef}\n        backgroundColor={backgroundColor}\n        borderColor={borderColor}\n        opacity={opacity}\n        __css={{\n          color: 'on.primary',\n          borderWidth: rem(2),\n          borderRadius: rem(2),\n          borderStyle: 'solid',\n          width: rem(18),\n          height: rem(18),\n          transition:\n            'background-color 90ms 0s cubic-bezier(0,0,.2,1), border-color 90ms 0s cubic-bezier(0,0,.2,1), opacity 90ms 0s cubic-bezier(0,0,.2,1)',\n          '& > svg': {\n            display: 'block',\n          },\n          __css,\n        }}\n        {...otherProps}\n      >\n        <svg viewBox=\"0 0 24 24\">\n          <CheckPath checked={checked && !indeterminate} />\n          <IndeterminatePath checked={checked && indeterminate} />\n        </svg>\n      </Box>\n    );\n  }\n);\n"],"file":"CheckBoxIcon.js"}
+{"version":3,"sources":["../../../src/CheckBox/CheckBoxIcon.tsx"],"names":["forwardRef","Box","CheckPath","IndeterminatePath","EASING_STANDARD","CheckBoxIcon","forwardedRef","__css","as","indeterminate","checked","disabled","backgroundColor","borderColor","opacity","otherProps","color","borderWidth","borderRadius","borderStyle","width","height","transition","display"],"mappings":";;AACA,SAASA,UAAT,QAA2B,OAA3B;AAIA,SAASC,GAAT,QAAoB,QAApB;AACA,SAASC,SAAT,QAA0B,aAA1B;AACA,SAASC,iBAAT,QAAkC,qBAAlC;AACA,SAASC,eAAT,QAAgC,WAAhC;;;AAUA,OAAO,IAAMC,YAAY,gBAAGL,UAAU,CACpC,SAASK,YAAT,OAaEC,YAbF,EAcE;AAAA,wBAZEC,KAYF;AAAA,MAZEA,KAYF,2BAZU,EAYV;AAAA,qBAXEC,EAWF;AAAA,MAXEA,EAWF,wBAXO,KAWP;AAAA,MAVEC,aAUF,QAVEA,aAUF;AAAA,MATEC,OASF,QATEA,OASF;AAAA,MAPEC,QAOF,QAPEA,QAOF;AAAA,MANEC,eAMF,QANEA,eAMF;AAAA,MALEC,WAKF,QALEA,WAKF;AAAA,MAJEC,OAIF,QAJEA,OAIF;AAAA,MAHKC,UAGL;;AACA,sBACE,KAAC,GAAD;AACE,IAAA,EAAE,EAAEP,EADN;AAEE,IAAA,GAAG,EAAEF,YAFP;AAGE,IAAA,eAAe,EAAEM,eAHnB;AAIE,IAAA,WAAW,EAAEC,WAJf;AAKE,IAAA,OAAO,EAAEC,OALX;AAME,IAAA,KAAK,EAAE;AACLE,MAAAA,KAAK,EAAE,YADF;AAELC,MAAAA,WAAW,YAFN;AAGLC,MAAAA,YAAY,YAHP;AAILC,MAAAA,WAAW,EAAE,OAJR;AAKLC,MAAAA,KAAK,YALA;AAMLC,MAAAA,MAAM,YAND;AAOLC,MAAAA,UAAU,qCAA8BlB,eAA9B,oCAAuEA,eAAvE,+BAA2GA,eAA3G,CAPL;AAQL,iBAAW;AACTmB,QAAAA,OAAO,EAAE;AADA,OARN;AAWLhB,MAAAA,KAAK,EAALA;AAXK;AANT,KAmBMQ,UAnBN;AAAA,2BAqBE;AAAK,MAAA,OAAO,EAAC,WAAb;AAAA,8BACE,KAAC,SAAD;AAAW,QAAA,OAAO,EAAEL,OAAO,IAAI,CAACD;AAAhC,QADF,eAEE,KAAC,iBAAD;AAAmB,QAAA,OAAO,EAAEC,OAAO,IAAID;AAAvC,QAFF;AAAA;AArBF,KADF;AA4BD,CA5CmC,CAA/B","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 { CheckPath } from './CheckPath';\nimport { IndeterminatePath } from './IndeterminatePath';\nimport { EASING_STANDARD } from '../motion';\n\nexport interface CheckBoxIconProps extends BoxProps {\n  as?: ElementType<any>;\n  checked?: boolean;\n  disabled?: boolean;\n  indeterminate?: boolean;\n  children?: ReactNode;\n}\n\nexport const CheckBoxIcon = forwardRef<HTMLDivElement, CheckBoxIconProps>(\n  function CheckBoxIcon(\n    {\n      __css = {},\n      as = 'div',\n      indeterminate,\n      checked,\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      disabled,\n      backgroundColor,\n      borderColor,\n      opacity,\n      ...otherProps\n    },\n    forwardedRef\n  ) {\n    return (\n      <Box\n        as={as}\n        ref={forwardedRef}\n        backgroundColor={backgroundColor}\n        borderColor={borderColor}\n        opacity={opacity}\n        __css={{\n          color: 'on.primary',\n          borderWidth: rem(2),\n          borderRadius: rem(2),\n          borderStyle: 'solid',\n          width: rem(18),\n          height: rem(18),\n          transition: `background-color 90ms 0s ${EASING_STANDARD}, border-color 90ms 0s ${EASING_STANDARD}, opacity 90ms 0s ${EASING_STANDARD}`,\n          '& > svg': {\n            display: 'block',\n          },\n          __css,\n        }}\n        {...otherProps}\n      >\n        <svg viewBox=\"0 0 24 24\">\n          <CheckPath checked={checked && !indeterminate} />\n          <IndeterminatePath checked={checked && indeterminate} />\n        </svg>\n      </Box>\n    );\n  }\n);\n"],"file":"CheckBoxIcon.js"}

package/build/esm/Chip/ButtonChip.d.ts

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

package/build/esm/Chip/ButtonChip.js

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import { forwardRef } from 'react';
-import * as React from 'react';
 import { ChipBase } from './ChipBase';
 import { RippleBox } from '../Ripple';
 import { useTheme } from '../theme';

package/build/esm/Chip/ButtonChip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Chip/ButtonChip.tsx"],"names":["forwardRef","React","ChipBase","RippleBox","useTheme","ButtonChip","props","forwardedRef","as","onClick","disabledProp","disabled","leadingIcon","trailingIcon","children","color","__css","otherProps","theme","isClickable","undefined","bg","padding","pl","pr","gap","width","minWidth","height","appearance","outline","border","borderRadius","position","display","alignItems","cursor"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AAIA,SAASC,QAAT,QAAyB,YAAzB;AACA,SAASC,SAAT,QAA0B,WAA1B;AACA,SAASC,QAAT,QAAyB,UAAzB;;;AASA,OAAO,IAAMC,UAAU,gBAAGL,UAAU,CAClC,SAASK,UAAT,CAAoBC,KAApB,EAA2BC,YAA3B,EAAyC;AAAA,kBAWnCD,KAXmC,CAErCE,EAFqC;AAAA,MAErCA,EAFqC,0BAEhC,KAFgC;AAAA,MAGrCC,OAHqC,GAWnCH,KAXmC,CAGrCG,OAHqC;AAAA,MAI3BC,YAJ2B,GAWnCJ,KAXmC,CAIrCK,QAJqC;AAAA,MAKrCC,WALqC,GAWnCN,KAXmC,CAKrCM,WALqC;AAAA,MAMrCC,YANqC,GAWnCP,KAXmC,CAMrCO,YANqC;AAAA,MAOrCC,QAPqC,GAWnCR,KAXmC,CAOrCQ,QAPqC;AAAA,MAQrCC,KARqC,GAWnCT,KAXmC,CAQrCS,KARqC;AAAA,MASrCC,KATqC,GAWnCV,KAXmC,CASrCU,KATqC;AAAA,MAUlCC,UAVkC,4BAWnCX,KAXmC;;AAavC,MAAMY,KAAK,GAAGd,QAAQ,EAAtB;AACA,MAAMe,WAAW,GAAGV,OAAO,IAAI,CAACC,YAAhC;AAEA,sBACE,KAAC,QAAD;AACE,IAAA,EAAE,EAAC,KADL;AAEE,IAAA,OAAO,EAAES,WAAW,GAAGV,OAAH,GAAaW,SAFnC;AAGE,IAAA,QAAQ,EAAEV,YAHZ;AAIE,IAAA,KAAK,EAAC,YAJR;AAKE,IAAA,eAAe,EAAC,SALlB;AAME,IAAA,KAAK,EAAEM;AANT,KAOMC,UAPN;AAAA,2BASE,MAAC,SAAD;AACE,MAAA,EAAE,EAAET,EADN;AAEE,MAAA,IAAI,EAAEW,WAAW,GAAG,QAAH,GAAcC,SAFjC;AAGE,MAAA,QAAQ,EAAED,WAAW,GAAG,CAAH,GAAOC,SAH9B;AAIE,MAAA,KAAK,EAAEF,KAJT;AAKE,MAAA,GAAG,EAAEX,YALP;AAME,MAAA,WAAW,EAAE,cANf;AAOE,MAAA,WAAW,EAAE,CAPf;AAQE,MAAA,YAAY,EAAE,IARhB;AASE,MAAA,YAAY,EAAE,IAThB;AAUE,MAAA,MAAM,EAAE,KAVV;AAWE,MAAA,QAAQ,EAAE,CAACY,WAXb;AAYE,uBAAe,CAACA,WAZlB;AAaE,MAAA,KAAK,EAAE;AACLE,QAAAA,EAAE,EAAE,aADC;AAELN,QAAAA,KAAK,EAAE,SAFF;AAGLO,QAAAA,OAAO,KAHF;AAILC,QAAAA,EAAE,EAAEX,WAAW,uBAJV;AAKLY,QAAAA,EAAE,EAAEX,YAAY,uBALX;AAMLY,QAAAA,GAAG,UANE;AAOLC,QAAAA,KAAK,EAAE,MAPF;AAQLC,QAAAA,QAAQ,EAAE,MARL;AASLC,QAAAA,MAAM,EAAE,MATH;AAULC,QAAAA,UAAU,EAAE,MAVP;AAWL,kBAAU;AACRC,UAAAA,OAAO,EAAE;AADD,SAXL;AAcLC,QAAAA,MAAM,EAAE,MAdH;AAeLC,QAAAA,YAAY,EAAE,CAfT;AAgBLC,QAAAA,QAAQ,EAAE,UAhBL;AAiBLC,QAAAA,OAAO,EAAE,aAjBJ;AAkBLC,QAAAA,UAAU,EAAE,QAlBP;AAmBLC,QAAAA,MAAM,EAAEjB,WAAW,GAAG,SAAH,GAAe;AAnB7B,OAbT;AAAA,iBAmCGP,WAnCH,EAoCGE,QApCH,EAqCGD,YArCH;AAAA;AATF,KADF;AAmDD,CApEiC,CAA7B","sourcesContent":["import { forwardRef } from 'react';\nimport * as React from 'react';\nimport { rem } from 'polished';\n\nimport type { ChipBaseProps } from './ChipBase';\nimport { ChipBase } from './ChipBase';\nimport { RippleBox } from '../Ripple';\nimport { useTheme } from '../theme';\n\nexport type ButtonChipProps = ChipBaseProps & {\n  checked?: boolean;\n  disabled?: boolean;\n  leadingIcon?: React.ReactNode;\n  trailingIcon?: React.ReactNode;\n};\n\nexport const ButtonChip = forwardRef<HTMLDivElement, ButtonChipProps>(\n  function ButtonChip(props, forwardedRef) {\n    const {\n      as = 'div',\n      onClick,\n      disabled: disabledProp,\n      leadingIcon,\n      trailingIcon,\n      children,\n      color,\n      __css,\n      ...otherProps\n    } = props;\n\n    const theme = useTheme();\n    const isClickable = onClick && !disabledProp;\n\n    return (\n      <ChipBase\n        as=\"div\"\n        onClick={isClickable ? onClick : undefined}\n        disabled={disabledProp}\n        color=\"on.surface\"\n        backgroundColor=\"surface\"\n        __css={__css}\n        {...otherProps}\n      >\n        <RippleBox\n          as={as}\n          role={isClickable ? 'button' : undefined}\n          tabIndex={isClickable ? 0 : undefined}\n          theme={theme}\n          ref={forwardedRef}\n          rippleColor={'currentColor'}\n          baseOpacity={0}\n          hoverOpacity={0.12}\n          focusOpacity={0.24}\n          center={false}\n          disabled={!isClickable}\n          aria-disabled={!isClickable}\n          __css={{\n            bg: 'transparent',\n            color: 'inherit',\n            padding: `0`,\n            pl: leadingIcon ? rem(8) : rem(12),\n            pr: trailingIcon ? rem(8) : rem(12),\n            gap: rem(8),\n            width: '100%',\n            minWidth: 'auto',\n            height: '100%',\n            appearance: 'none',\n            ':focus': {\n              outline: 'none',\n            },\n            border: 'none',\n            borderRadius: 0,\n            position: 'relative',\n            display: 'inline-flex',\n            alignItems: 'center',\n            cursor: isClickable ? 'pointer' : 'default',\n          }}\n        >\n          {leadingIcon}\n          {children}\n          {trailingIcon}\n        </RippleBox>\n      </ChipBase>\n    );\n  }\n);\n"],"file":"ButtonChip.js"}
+{"version":3,"sources":["../../../src/Chip/ButtonChip.tsx"],"names":["forwardRef","ChipBase","RippleBox","useTheme","ButtonChip","props","forwardedRef","as","onClick","disabledProp","disabled","leadingIcon","trailingIcon","children","color","__css","otherProps","theme","isClickable","undefined","bg","padding","pl","pr","gap","width","minWidth","height","appearance","outline","border","borderRadius","position","display","alignItems","cursor"],"mappings":";;AACA,SAASA,UAAT,QAA2B,OAA3B;AAIA,SAASC,QAAT,QAAyB,YAAzB;AACA,SAASC,SAAT,QAA0B,WAA1B;AACA,SAASC,QAAT,QAAyB,UAAzB;;;AASA,OAAO,IAAMC,UAAU,gBAAGJ,UAAU,CAClC,SAASI,UAAT,CAAoBC,KAApB,EAA2BC,YAA3B,EAAyC;AAAA,kBAWnCD,KAXmC,CAErCE,EAFqC;AAAA,MAErCA,EAFqC,0BAEhC,KAFgC;AAAA,MAGrCC,OAHqC,GAWnCH,KAXmC,CAGrCG,OAHqC;AAAA,MAI3BC,YAJ2B,GAWnCJ,KAXmC,CAIrCK,QAJqC;AAAA,MAKrCC,WALqC,GAWnCN,KAXmC,CAKrCM,WALqC;AAAA,MAMrCC,YANqC,GAWnCP,KAXmC,CAMrCO,YANqC;AAAA,MAOrCC,QAPqC,GAWnCR,KAXmC,CAOrCQ,QAPqC;AAAA,MAQrCC,KARqC,GAWnCT,KAXmC,CAQrCS,KARqC;AAAA,MASrCC,KATqC,GAWnCV,KAXmC,CASrCU,KATqC;AAAA,MAUlCC,UAVkC,4BAWnCX,KAXmC;;AAavC,MAAMY,KAAK,GAAGd,QAAQ,EAAtB;AACA,MAAMe,WAAW,GAAGV,OAAO,IAAI,CAACC,YAAhC;AAEA,sBACE,KAAC,QAAD;AACE,IAAA,EAAE,EAAC,KADL;AAEE,IAAA,OAAO,EAAES,WAAW,GAAGV,OAAH,GAAaW,SAFnC;AAGE,IAAA,QAAQ,EAAEV,YAHZ;AAIE,IAAA,KAAK,EAAC,YAJR;AAKE,IAAA,eAAe,EAAC,SALlB;AAME,IAAA,KAAK,EAAEM;AANT,KAOMC,UAPN;AAAA,2BASE,MAAC,SAAD;AACE,MAAA,EAAE,EAAET,EADN;AAEE,MAAA,IAAI,EAAEW,WAAW,GAAG,QAAH,GAAcC,SAFjC;AAGE,MAAA,QAAQ,EAAED,WAAW,GAAG,CAAH,GAAOC,SAH9B;AAIE,MAAA,KAAK,EAAEF,KAJT;AAKE,MAAA,GAAG,EAAEX,YALP;AAME,MAAA,WAAW,EAAE,cANf;AAOE,MAAA,WAAW,EAAE,CAPf;AAQE,MAAA,YAAY,EAAE,IARhB;AASE,MAAA,YAAY,EAAE,IAThB;AAUE,MAAA,MAAM,EAAE,KAVV;AAWE,MAAA,QAAQ,EAAE,CAACY,WAXb;AAYE,uBAAe,CAACA,WAZlB;AAaE,MAAA,KAAK,EAAE;AACLE,QAAAA,EAAE,EAAE,aADC;AAELN,QAAAA,KAAK,EAAE,SAFF;AAGLO,QAAAA,OAAO,KAHF;AAILC,QAAAA,EAAE,EAAEX,WAAW,uBAJV;AAKLY,QAAAA,EAAE,EAAEX,YAAY,uBALX;AAMLY,QAAAA,GAAG,UANE;AAOLC,QAAAA,KAAK,EAAE,MAPF;AAQLC,QAAAA,QAAQ,EAAE,MARL;AASLC,QAAAA,MAAM,EAAE,MATH;AAULC,QAAAA,UAAU,EAAE,MAVP;AAWL,kBAAU;AACRC,UAAAA,OAAO,EAAE;AADD,SAXL;AAcLC,QAAAA,MAAM,EAAE,MAdH;AAeLC,QAAAA,YAAY,EAAE,CAfT;AAgBLC,QAAAA,QAAQ,EAAE,UAhBL;AAiBLC,QAAAA,OAAO,EAAE,aAjBJ;AAkBLC,QAAAA,UAAU,EAAE,QAlBP;AAmBLC,QAAAA,MAAM,EAAEjB,WAAW,GAAG,SAAH,GAAe;AAnB7B,OAbT;AAAA,iBAmCGP,WAnCH,EAoCGE,QApCH,EAqCGD,YArCH;AAAA;AATF,KADF;AAmDD,CApEiC,CAA7B","sourcesContent":["import type { ReactNode } from 'react';\nimport { forwardRef } from 'react';\nimport { rem } from 'polished';\n\nimport type { ChipBaseProps } from './ChipBase';\nimport { ChipBase } from './ChipBase';\nimport { RippleBox } from '../Ripple';\nimport { useTheme } from '../theme';\n\nexport type ButtonChipProps = ChipBaseProps & {\n  checked?: boolean;\n  disabled?: boolean;\n  leadingIcon?: ReactNode;\n  trailingIcon?: ReactNode;\n};\n\nexport const ButtonChip = forwardRef<HTMLDivElement, ButtonChipProps>(\n  function ButtonChip(props, forwardedRef) {\n    const {\n      as = 'div',\n      onClick,\n      disabled: disabledProp,\n      leadingIcon,\n      trailingIcon,\n      children,\n      color,\n      __css,\n      ...otherProps\n    } = props;\n\n    const theme = useTheme();\n    const isClickable = onClick && !disabledProp;\n\n    return (\n      <ChipBase\n        as=\"div\"\n        onClick={isClickable ? onClick : undefined}\n        disabled={disabledProp}\n        color=\"on.surface\"\n        backgroundColor=\"surface\"\n        __css={__css}\n        {...otherProps}\n      >\n        <RippleBox\n          as={as}\n          role={isClickable ? 'button' : undefined}\n          tabIndex={isClickable ? 0 : undefined}\n          theme={theme}\n          ref={forwardedRef}\n          rippleColor={'currentColor'}\n          baseOpacity={0}\n          hoverOpacity={0.12}\n          focusOpacity={0.24}\n          center={false}\n          disabled={!isClickable}\n          aria-disabled={!isClickable}\n          __css={{\n            bg: 'transparent',\n            color: 'inherit',\n            padding: `0`,\n            pl: leadingIcon ? rem(8) : rem(12),\n            pr: trailingIcon ? rem(8) : rem(12),\n            gap: rem(8),\n            width: '100%',\n            minWidth: 'auto',\n            height: '100%',\n            appearance: 'none',\n            ':focus': {\n              outline: 'none',\n            },\n            border: 'none',\n            borderRadius: 0,\n            position: 'relative',\n            display: 'inline-flex',\n            alignItems: 'center',\n            cursor: isClickable ? 'pointer' : 'default',\n          }}\n        >\n          {leadingIcon}\n          {children}\n          {trailingIcon}\n        </RippleBox>\n      </ChipBase>\n    );\n  }\n);\n"],"file":"ButtonChip.js"}

package/build/esm/Chip/ChipBase.d.ts

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

package/build/esm/Chip/ChipBase.js

@@ -1,7 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/extends";
 import { forwardRef } from 'react';
-import * as React from 'react';
 import { variant } from 'styled-system';
 import { Box } from '../Box';
 import { useTheme } from '../theme';

package/build/esm/Chip/ChipBase.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Chip/ChipBase.tsx"],"names":["forwardRef","React","variant","Box","useTheme","alpha","getDarkThemeBackgroundOverlay","getColorOverlay","getFilledCSS","theme","bg","color","disabled","backgroundColor","position","content","opacity","pointerEvents","top","right","bottom","left","width","height","boxSizing","zIndex","boxShadow","getOutlinedCSS","borderOpacity","borderColor","borderStyle","borderWidth","ChipBase","Chip","props","forwardedRef","as","__css","variantProp","colorProp","backgroundColorProp","borderOpacityProp","children","otherProps","undefined","display","alignItems","justifyContent","textAlign","lineHeight","textDecoration","fontSize","border","overflow","whiteSpace","cursor","WebkitTapHighlightColor","willChange","minWidth","scale","prop","variants","text"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AACA,SAASC,OAAT,QAAwB,eAAxB;AAIA,SAASC,GAAT,QAAoB,QAApB;AAEA,SAASC,QAAT,QAAyB,UAAzB;AACA,SACEC,KADF,EAEEC,6BAFF,EAGEC,eAHF,QAIO,UAJP;;;AAiBA,SAASC,YAAT,CACEC,KADF,EAEEC,EAFF,EAGEC,KAHF,EAIEC,QAJF,EAKE;AACA,sBACM,CAACA,QAAD,IAAaF,EAAE,KAAK,SAApB,GACA;AAAEA,IAAAA,EAAE,EAAFA;AAAF,GADA,gBAGKH,eAAe,CAACE,KAAD,EAAQ,SAAR,EAAmB,SAAnB,EAA8B,IAA9B,CAHpB,CADN;AAMEE,IAAAA,KAAK,EAALA,KANF;AAOE,iBAAa;AACXE,MAAAA,eAAe,EAAE,cADN;AAEXC,MAAAA,QAAQ,EAAE,UAFC;AAGXC,MAAAA,OAAO,EAAE,IAHE;AAIXC,MAAAA,OAAO,EAAE,CAJE;AAKXC,MAAAA,aAAa,EAAE,MALJ;AAMXC,MAAAA,GAAG,EAAE,CANM;AAOXC,MAAAA,KAAK,EAAE,CAPI;AAQXC,MAAAA,MAAM,EAAE,CARG;AASXC,MAAAA,IAAI,EAAE,CATK;AAUXC,MAAAA,KAAK,EAAE,MAVI;AAWXC,MAAAA,MAAM,EAAE,MAXG;AAYXC,MAAAA,SAAS,EAAE;AAZA,KAPf;AAqBE,aAAS;AACPC,MAAAA,MAAM,EAAE;AADD;AArBX,KAwBMb,QAAQ,IAAI;AAAEc,IAAAA,SAAS,EAAE,CAAb;AAAgBhB,IAAAA,EAAE,EAAEL,KAAK,CAAC,YAAD,EAAe,IAAf;AAAzB,GAxBlB;AA0BD;;AAED,SAASsB,cAAT,CACElB,KADF,EAEEC,EAFF,EAGEC,KAHF,EAIEiB,aAJF,EAKE;AACA,sBACMlB,EAAE,KAAK,SAAP,GAAmB;AAAEA,IAAAA,EAAE,EAAFA;AAAF,GAAnB,GAA4BJ,6BAA6B,CAACG,KAAD,EAAQ,CAAR,CAD/D;AAEEE,IAAAA,KAAK,EAAEA,KAFT;AAGEkB,IAAAA,WAAW,EAAExB,KAAK,CAACM,KAAD,EAAQiB,aAAR,CAHpB;AAIEE,IAAAA,WAAW,EAAE,OAJf;AAKEC,IAAAA,WAAW;AALb;AAOD;;AAED,OAAO,IAAMC,QAAQ,gBAAGhC,UAAU,CAAgC,SAASiC,IAAT,CAChEC,KADgE,EAEhEC,YAFgE,EAGhE;AAAA,kBAWID,KAXJ,CAEEE,EAFF;AAAA,MAEEA,EAFF,0BAEO,KAFP;AAAA,MAGEC,KAHF,GAWIH,KAXJ,CAGEG,KAHF;AAAA,uBAWIH,KAXJ,CAIEhC,OAJF;AAAA,MAIWoC,WAJX,+BAIyB,QAJzB;AAAA,qBAWIJ,KAXJ,CAKEvB,KALF;AAAA,MAKS4B,SALT,6BAKqB,YALrB;AAAA,8BAWIL,KAXJ,CAMErB,eANF;AAAA,MAMmB2B,mBANnB,sCAMyC,SANzC;AAAA,6BAWIN,KAXJ,CAOEN,aAPF;AAAA,MAOiBa,iBAPjB,qCAOqC,IAPrC;AAAA,MAQEC,QARF,GAWIR,KAXJ,CAQEQ,QARF;AAAA,wBAWIR,KAXJ,CASEtB,QATF;AAAA,MASEA,QATF,gCASa,KATb;AAAA,MAUK+B,UAVL,4BAWIT,KAXJ;;AAYA,MAAMzB,KAAK,GAAGL,QAAQ,EAAtB;AAEA,sBACE,KAAC,GAAD;AACE,IAAA,EAAE,EAAEgC,EADN;AAEE,qBAAexB,QAAQ,GAAG,EAAH,GAAQgC,SAFjC;AAGE,IAAA,GAAG,EAAET,YAHP;AAIE,IAAA,KAAK;AACHX,MAAAA,SAAS,EAAE,YADR;AAEHV,MAAAA,QAAQ,EAAE,UAFP;AAGH+B,MAAAA,OAAO,EAAE,aAHN;AAIHC,MAAAA,UAAU,EAAE,QAJT;AAKHC,MAAAA,cAAc,EAAE,QALb;AAMHC,MAAAA,SAAS,EAAE,QANR;AAOHC,MAAAA,UAAU,EAAE,SAPT;AAQHC,MAAAA,cAAc,EAAE,MARb;AASHC,MAAAA,QAAQ,EAAE,SATP;AAUHC,MAAAA,MAAM,EAAE,CAVL;AAWHC,MAAAA,QAAQ,EAAE,QAXP;AAYHC,MAAAA,UAAU,EAAE,QAZT;AAaHC,MAAAA,MAAM,EAAE,SAbL;AAcHC,MAAAA,uBAAuB,EAAE,aAdtB;AAeHC,MAAAA,UAAU,EAAE,mBAfT;AAgBHC,MAAAA,QAAQ,EAAE,MAhBP;AAiBH,6BAAuB;AACrBN,QAAAA,MAAM,EAAE;AADa;AAjBpB,OAoBAlD,OAAO,CAAC;AACTyD,MAAAA,KAAK,EAAE,gBADE;AAETC,MAAAA,IAAI,EAAE,SAFG;AAGTC,MAAAA,QAAQ,EAAE;AACRC,QAAAA,IAAI,EAAE;AADE;AAHD,KAAD,CAAP,CAMA;AAAE5D,MAAAA,OAAO,EAAEoC,WAAX;AAAwB7B,MAAAA,KAAK,EAALA;AAAxB,KANA,CApBA,EA2BC6B,WAAW,KAAK,QAAhB,GACA9B,YAAY,CAACC,KAAD,EAAQ+B,mBAAR,EAA6BD,SAA7B,EAAwC3B,QAAxC,CADZ,GAEAe,cAAc,CACZlB,KADY,EAEZ+B,mBAFY,EAGZD,SAHY,EAIZE,iBAJY,CA7Bf;AAmCHzB,MAAAA,OAAO,EAAEJ,QAAQ,GAAG,IAAH,GAAU;AAnCxB,OAoCAyB,KApCA;AAJP,KA0CMM,UA1CN;AAAA,cA4CGD;AA5CH,KADF;AAgDD,CAjEiC,CAA3B","sourcesContent":["import { forwardRef } from 'react';\nimport * as React from 'react';\nimport { variant } from 'styled-system';\nimport { rem } from 'polished';\n\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\nimport type { Theme } from '../theme';\nimport { useTheme } from '../theme';\nimport {\n  alpha,\n  getDarkThemeBackgroundOverlay,\n  getColorOverlay,\n} from '../color';\n\nexport type ChipBaseProps<\n  H = HTMLDivElement,\n  Attr = React.HTMLAttributes<H>\n> = BoxProps<H, Attr> & {\n  variant?: 'filled' | 'outlined';\n  backgroundColor?: string;\n  color?: string;\n  borderOpacity?: number;\n  disabled?: boolean;\n};\n\nfunction getFilledCSS(\n  theme: Theme,\n  bg: string,\n  color: string,\n  disabled: boolean\n) {\n  return {\n    ...(!disabled && bg !== 'surface'\n      ? { bg }\n      : {\n          ...getColorOverlay(theme, 'surface', 'primary', 0.05),\n        }),\n    color,\n    '&::before': {\n      backgroundColor: 'currentColor',\n      position: 'absolute',\n      content: '\"\"',\n      opacity: 0,\n      pointerEvents: 'none',\n      top: 0,\n      right: 0,\n      bottom: 0,\n      left: 0,\n      width: '100%',\n      height: '100%',\n      boxSizing: 'content-box',\n    },\n    '& > *': {\n      zIndex: 1,\n    },\n    ...(disabled && { boxShadow: 0, bg: alpha('on.surface', 0.32) }),\n  };\n}\n\nfunction getOutlinedCSS(\n  theme: Theme,\n  bg: string,\n  color: string,\n  borderOpacity: number\n) {\n  return {\n    ...(bg !== 'surface' ? { bg } : getDarkThemeBackgroundOverlay(theme, 2)),\n    color: color,\n    borderColor: alpha(color, borderOpacity),\n    borderStyle: 'solid',\n    borderWidth: rem(1),\n  };\n}\n\nexport const ChipBase = forwardRef<HTMLDivElement, ChipBaseProps>(function Chip(\n  props,\n  forwardedRef\n) {\n  const {\n    as = 'div',\n    __css,\n    variant: variantProp = 'filled',\n    color: colorProp = 'on.surface',\n    backgroundColor: backgroundColorProp = 'surface',\n    borderOpacity: borderOpacityProp = 0.24,\n    children,\n    disabled = false,\n    ...otherProps\n  } = props;\n  const theme = useTheme();\n\n  return (\n    <Box\n      as={as}\n      data-disabled={disabled ? '' : undefined}\n      ref={forwardedRef}\n      __css={{\n        boxSizing: 'border-box',\n        position: 'relative',\n        display: 'inline-flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        textAlign: 'center',\n        lineHeight: 'inherit',\n        textDecoration: 'none',\n        fontSize: 'inherit',\n        border: 0,\n        overflow: 'hidden',\n        whiteSpace: 'nowrap',\n        cursor: 'default',\n        WebkitTapHighlightColor: 'transparent',\n        willChange: 'transform,opacity',\n        minWidth: 'auto',\n        '&::-moz-focus-inner': {\n          border: 0,\n        },\n        ...variant({\n          scale: 'chips.variants',\n          prop: 'variant',\n          variants: {\n            text: {},\n          },\n        })({ variant: variantProp, theme }),\n        ...(variantProp === 'filled'\n          ? getFilledCSS(theme, backgroundColorProp, colorProp, disabled)\n          : getOutlinedCSS(\n              theme,\n              backgroundColorProp,\n              colorProp,\n              borderOpacityProp\n            )),\n        opacity: disabled ? 0.38 : 1,\n        ...__css,\n      }}\n      {...otherProps}\n    >\n      {children}\n    </Box>\n  );\n});\n"],"file":"ChipBase.js"}
+{"version":3,"sources":["../../../src/Chip/ChipBase.tsx"],"names":["forwardRef","variant","Box","useTheme","alpha","getDarkThemeBackgroundOverlay","getColorOverlay","getFilledCSS","theme","bg","color","disabled","backgroundColor","position","content","opacity","pointerEvents","top","right","bottom","left","width","height","boxSizing","zIndex","boxShadow","getOutlinedCSS","borderOpacity","borderColor","borderStyle","borderWidth","ChipBase","Chip","props","forwardedRef","as","__css","variantProp","colorProp","backgroundColorProp","borderOpacityProp","children","otherProps","undefined","display","alignItems","justifyContent","textAlign","lineHeight","textDecoration","fontSize","border","overflow","whiteSpace","cursor","WebkitTapHighlightColor","willChange","minWidth","scale","prop","variants","text"],"mappings":"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","sourcesContent":["import type { HTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\nimport { variant } from 'styled-system';\nimport { rem } from 'polished';\n\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\nimport type { Theme } from '../theme';\nimport { useTheme } from '../theme';\nimport {\n  alpha,\n  getDarkThemeBackgroundOverlay,\n  getColorOverlay,\n} from '../color';\n\nexport type ChipBaseProps<\n  H = HTMLDivElement,\n  Attr = HTMLAttributes<H>\n> = BoxProps<H, Attr> & {\n  variant?: 'filled' | 'outlined';\n  backgroundColor?: string;\n  color?: string;\n  borderOpacity?: number;\n  disabled?: boolean;\n};\n\nfunction getFilledCSS(\n  theme: Theme,\n  bg: string,\n  color: string,\n  disabled: boolean\n) {\n  return {\n    ...(!disabled && bg !== 'surface'\n      ? { bg }\n      : {\n          ...getColorOverlay(theme, 'surface', 'primary', 0.05),\n        }),\n    color,\n    '&::before': {\n      backgroundColor: 'currentColor',\n      position: 'absolute',\n      content: '\"\"',\n      opacity: 0,\n      pointerEvents: 'none',\n      top: 0,\n      right: 0,\n      bottom: 0,\n      left: 0,\n      width: '100%',\n      height: '100%',\n      boxSizing: 'content-box',\n    },\n    '& > *': {\n      zIndex: 1,\n    },\n    ...(disabled && { boxShadow: 0, bg: alpha('on.surface', 0.32) }),\n  };\n}\n\nfunction getOutlinedCSS(\n  theme: Theme,\n  bg: string,\n  color: string,\n  borderOpacity: number\n) {\n  return {\n    ...(bg !== 'surface' ? { bg } : getDarkThemeBackgroundOverlay(theme, 2)),\n    color: color,\n    borderColor: alpha(color, borderOpacity),\n    borderStyle: 'solid',\n    borderWidth: rem(1),\n  };\n}\n\nexport const ChipBase = forwardRef<HTMLDivElement, ChipBaseProps>(function Chip(\n  props,\n  forwardedRef\n) {\n  const {\n    as = 'div',\n    __css,\n    variant: variantProp = 'filled',\n    color: colorProp = 'on.surface',\n    backgroundColor: backgroundColorProp = 'surface',\n    borderOpacity: borderOpacityProp = 0.24,\n    children,\n    disabled = false,\n    ...otherProps\n  } = props;\n  const theme = useTheme();\n\n  return (\n    <Box\n      as={as}\n      data-disabled={disabled ? '' : undefined}\n      ref={forwardedRef}\n      __css={{\n        boxSizing: 'border-box',\n        position: 'relative',\n        display: 'inline-flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        textAlign: 'center',\n        lineHeight: 'inherit',\n        textDecoration: 'none',\n        fontSize: 'inherit',\n        border: 0,\n        overflow: 'hidden',\n        whiteSpace: 'nowrap',\n        cursor: 'default',\n        WebkitTapHighlightColor: 'transparent',\n        willChange: 'transform,opacity',\n        minWidth: 'auto',\n        '&::-moz-focus-inner': {\n          border: 0,\n        },\n        ...variant({\n          scale: 'chips.variants',\n          prop: 'variant',\n          variants: {\n            text: {},\n          },\n        })({ variant: variantProp, theme }),\n        ...(variantProp === 'filled'\n          ? getFilledCSS(theme, backgroundColorProp, colorProp, disabled)\n          : getOutlinedCSS(\n              theme,\n              backgroundColorProp,\n              colorProp,\n              borderOpacityProp\n            )),\n        opacity: disabled ? 0.38 : 1,\n        ...__css,\n      }}\n      {...otherProps}\n    >\n      {children}\n    </Box>\n  );\n});\n"],"file":"ChipBase.js"}

package/build/esm/Chip/ChoiceChip.d.ts

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

package/build/esm/Chip/ChoiceChip.js

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import { forwardRef } from 'react';
-import * as React from 'react';
 import { RadioButton, CheckBox } from '@basic-ui/core';
 import { ChipBase } from './ChipBase';
 import { RippleBox } from '../Ripple';

package/build/esm/Chip/ChoiceChip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Chip/ChoiceChip.tsx"],"names":["forwardRef","React","RadioButton","CheckBox","ChipBase","RippleBox","useTheme","Box","InnerInput","props","forwardedRef","type","color","checked","ariaChecked","defaultChecked","value","name","defaultValue","disabled","onChange","leadingIcon","trailingIcon","children","__css","otherProps","theme","width","height","border","display","alignItems","justifyContent","pl","pr","bg","top","left","appearance","outline","borderRadius","position","ChoiceChip","Comp"],"mappings":"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","sourcesContent":["import { forwardRef } from 'react';\nimport * as React from 'react';\nimport { RadioButton, CheckBox } from '@basic-ui/core';\nimport { rem } from 'polished';\n\nimport type { ChipBaseProps } from './ChipBase';\nimport { ChipBase } from './ChipBase';\nimport type { RippleBoxProps } from '../Ripple';\nimport { RippleBox } from '../Ripple';\nimport { useTheme } from '../theme';\nimport { Box } from '../Box';\n\nexport type ChoiceChipProps = ChipBaseProps<\n  HTMLInputElement,\n  React.InputHTMLAttributes<HTMLInputElement>\n> & {\n  checked?: boolean;\n  disabled?: boolean;\n  type: 'checkbox' | 'radio';\n  leadingIcon?: React.ReactNode;\n  trailingIcon?: React.ReactNode;\n};\n\nconst InnerInput: React.FC<any> = forwardRef<HTMLInputElement, ChoiceChipProps>(\n  function InnerInput(props, forwardedRef) {\n    const {\n      type,\n      color = 'primary',\n      checked,\n      'aria-checked': ariaChecked,\n      defaultChecked,\n      value,\n      name,\n      defaultValue,\n      disabled,\n      onChange,\n      leadingIcon,\n      trailingIcon,\n      children,\n      __css,\n      ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    return (\n      <ChipBase\n        as=\"label\"\n        disabled={disabled}\n        backgroundColor={checked ? color + '-container' : 'surface'}\n        color={checked ? 'on.' + color + '-container' : 'on.surface'}\n        borderOpacity={checked ? 0 : 0.24}\n        __css={__css}\n        {...otherProps}\n      >\n        <Box\n          as=\"span\"\n          __css={{\n            width: '100%',\n            height: '100%',\n            border: 'none',\n            display: 'inline-flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            pl: leadingIcon ? rem(8) : rem(12),\n            pr: trailingIcon ? rem(8) : rem(12),\n          }}\n        >\n          <RippleBox<\n            RippleBoxProps<\n              HTMLInputElement,\n              React.InputHTMLAttributes<HTMLInputElement>\n            >\n          >\n            as=\"input\"\n            type={type}\n            aria-checked={ariaChecked}\n            checked={checked}\n            onChange={onChange}\n            defaultChecked={defaultChecked}\n            value={value}\n            defaultValue={defaultValue}\n            theme={theme}\n            disabled={disabled}\n            rippleColor={color}\n            baseOpacity={0}\n            hoverOpacity={0.12}\n            focusOpacity={0.24}\n            name={name}\n            ref={forwardedRef}\n            __css={{\n              bg: 'transparent',\n              top: 0,\n              left: 0,\n              width: '100%',\n              height: '100%',\n              appearance: 'none',\n              ':focus': {\n                outline: 'none',\n              },\n              border: 'none',\n              borderRadius: 0,\n              position: 'absolute',\n            }}\n          />\n          {leadingIcon}\n          {children}\n          {trailingIcon}\n        </Box>\n      </ChipBase>\n    );\n  }\n);\n\nexport const ChoiceChip = forwardRef<HTMLInputElement, ChoiceChipProps>(\n  function ChoiceChip(props, forwardedRef) {\n    const { type = 'checkbox', ...otherProps } = props;\n\n    const Comp: React.FC<ChoiceChipProps> = (\n      type === 'radio' ? RadioButton : CheckBox\n    ) as any;\n\n    return (\n      <Comp ref={forwardedRef} as={InnerInput} type={type} {...otherProps} />\n    );\n  }\n);\n"],"file":"ChoiceChip.js"}
+{"version":3,"sources":["../../../src/Chip/ChoiceChip.tsx"],"names":["forwardRef","RadioButton","CheckBox","ChipBase","RippleBox","useTheme","Box","InnerInput","props","forwardedRef","type","color","checked","ariaChecked","defaultChecked","value","name","defaultValue","disabled","onChange","leadingIcon","trailingIcon","children","__css","otherProps","theme","width","height","border","display","alignItems","justifyContent","pl","pr","bg","top","left","appearance","outline","borderRadius","position","ChoiceChip","Comp"],"mappings":"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","sourcesContent":["import type { FC, InputHTMLAttributes, ReactNode } from 'react';\nimport { forwardRef } from 'react';\nimport { RadioButton, CheckBox } from '@basic-ui/core';\nimport { rem } from 'polished';\n\nimport type { ChipBaseProps } from './ChipBase';\nimport { ChipBase } from './ChipBase';\nimport type { RippleBoxProps } from '../Ripple';\nimport { RippleBox } from '../Ripple';\nimport { useTheme } from '../theme';\nimport { Box } from '../Box';\n\nexport type ChoiceChipProps = ChipBaseProps<\n  HTMLInputElement,\n  InputHTMLAttributes<HTMLInputElement>\n> & {\n  checked?: boolean;\n  disabled?: boolean;\n  type: 'checkbox' | 'radio';\n  leadingIcon?: ReactNode;\n  trailingIcon?: ReactNode;\n};\n\nconst InnerInput: FC<any> = forwardRef<HTMLInputElement, ChoiceChipProps>(\n  function InnerInput(props, forwardedRef) {\n    const {\n      type,\n      color = 'primary',\n      checked,\n      'aria-checked': ariaChecked,\n      defaultChecked,\n      value,\n      name,\n      defaultValue,\n      disabled,\n      onChange,\n      leadingIcon,\n      trailingIcon,\n      children,\n      __css,\n      ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    return (\n      <ChipBase\n        as=\"label\"\n        disabled={disabled}\n        backgroundColor={checked ? color + '-container' : 'surface'}\n        color={checked ? 'on.' + color + '-container' : 'on.surface'}\n        borderOpacity={checked ? 0 : 0.24}\n        __css={__css}\n        {...otherProps}\n      >\n        <Box\n          as=\"span\"\n          __css={{\n            width: '100%',\n            height: '100%',\n            border: 'none',\n            display: 'inline-flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            pl: leadingIcon ? rem(8) : rem(12),\n            pr: trailingIcon ? rem(8) : rem(12),\n          }}\n        >\n          <RippleBox<\n            RippleBoxProps<\n              HTMLInputElement,\n              InputHTMLAttributes<HTMLInputElement>\n            >\n          >\n            as=\"input\"\n            type={type}\n            aria-checked={ariaChecked}\n            checked={checked}\n            onChange={onChange}\n            defaultChecked={defaultChecked}\n            value={value}\n            defaultValue={defaultValue}\n            theme={theme}\n            disabled={disabled}\n            rippleColor={color}\n            baseOpacity={0}\n            hoverOpacity={0.12}\n            focusOpacity={0.24}\n            name={name}\n            ref={forwardedRef}\n            __css={{\n              bg: 'transparent',\n              top: 0,\n              left: 0,\n              width: '100%',\n              height: '100%',\n              appearance: 'none',\n              ':focus': {\n                outline: 'none',\n              },\n              border: 'none',\n              borderRadius: 0,\n              position: 'absolute',\n            }}\n          />\n          {leadingIcon}\n          {children}\n          {trailingIcon}\n        </Box>\n      </ChipBase>\n    );\n  }\n);\n\nexport const ChoiceChip = forwardRef<HTMLInputElement, ChoiceChipProps>(\n  function ChoiceChip(props, forwardedRef) {\n    const { type = 'checkbox', ...otherProps } = props;\n\n    const Comp: FC<ChoiceChipProps> = (\n      type === 'radio' ? RadioButton : CheckBox\n    ) as any;\n\n    return (\n      <Comp ref={forwardedRef} as={InnerInput} type={type} {...otherProps} />\n    );\n  }\n);\n"],"file":"ChoiceChip.js"}

package/build/esm/ColorMode/ColorModeProvider.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
+import type { FC, ReactNode } from 'react';
 interface ColorModeProviderProps {
-    children?: React.ReactNode;
+    children?: ReactNode;
     styles: Record<string, Record<string, string>>;
 }
-export declare const ColorModeProvider: React.FC<ColorModeProviderProps>;
+export declare const ColorModeProvider: FC<ColorModeProviderProps>;
 export {};

package/build/esm/ColorMode/ColorModeProvider.js

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useState, useEffect, useMemo, useCallback } from 'react';
-import * as React from 'react';
 import { Global } from '@emotion/react';
 import { ColorModeContext } from './color-mode';
 import { DARK_THEME_CLASS, DEFAULT_THEME_CLASS, THEME_LOCAL_STORAGE_KEY } from './constants';