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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/CheckBox/CheckBox.tsx"],"names":["forwardRef","cloneElement","RippleBox","Box","useTheme","CheckBox","_CheckBoxCore","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 { forwardRef, cloneElement, InputHTMLAttributes } from 'react';\nimport type * as React from 'react';\nimport { RippleBox, RippleBoxProps } from '../Ripple';\nimport { Box, BoxProps } from '../Box';\nimport { useTheme } from '../theme';\nimport { rem } from 'polished';\nimport { CheckBox as _CheckBoxCore } from '@basic-ui/core';\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,"file":"CheckBox.js","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"],"sources":["../../../src/CheckBox/CheckBox.tsx"],"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"],"mappings":"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"}

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

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

package/build/esm/CheckBox/CheckBoxIcon.js

@@ -1,24 +1,27 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["__css", "as", "indeterminate", "checked", "disabled", "backgroundColor", "borderColor", "opacity"];
 import { forwardRef } 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 const CheckBoxIcon = /*#__PURE__*/forwardRef(function CheckBoxIcon(_ref, forwardedRef) {
-  let {
-    __css = {},
-    as = 'div',
-    indeterminate,
-    checked,
-    backgroundColor,
-    borderColor,
-    opacity
-  } = _ref,
-      otherProps = _objectWithoutPropertiesLoose(_ref, ["__css", "as", "indeterminate", "checked", "disabled", "backgroundColor", "borderColor", "opacity"]);
+export var CheckBoxIcon = /*#__PURE__*/forwardRef(function CheckBoxIcon(_ref, forwardedRef) {
+  var _ref$__css = _ref.__css,
+      __css = _ref$__css === void 0 ? {} : _ref$__css,
+      _ref$as = _ref.as,
+      as = _ref$as === void 0 ? 'div' : _ref$as,
+      indeterminate = _ref.indeterminate,
+      checked = _ref.checked,
+      disabled = _ref.disabled,
+      backgroundColor = _ref.backgroundColor,
+      borderColor = _ref.borderColor,
+      opacity = _ref.opacity,
+      otherProps = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/_jsx(Box, _extends({
+  return /*#__PURE__*/_jsx(Box, _extends(_extends({
     as: as,
     ref: forwardedRef,
     backgroundColor: backgroundColor,
@@ -31,13 +34,13 @@ export const CheckBoxIcon = /*#__PURE__*/forwardRef(function CheckBoxIcon(_ref,
       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'
       },
-      __css
+      __css: __css
     }
-  }, otherProps, {
+  }, otherProps), {}, {
     children: /*#__PURE__*/_jsxs("svg", {
       viewBox: "0 0 24 24",
       children: [/*#__PURE__*/_jsx(CheckPath, {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/CheckBox/CheckBoxIcon.tsx"],"names":["forwardRef","Box","CheckPath","IndeterminatePath","CheckBoxIcon","forwardedRef","__css","as","indeterminate","checked","backgroundColor","borderColor","opacity","otherProps","color","borderWidth","borderRadius","borderStyle","width","height","transition","display"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,GAAT,QAA8B,QAA9B;AAEA,SAASC,SAAT,QAA0B,aAA1B;AACA,SAASC,iBAAT,QAAkC,qBAAlC;;;AAUA,OAAO,MAAMC,YAAY,gBAAGJ,UAAU,CACpC,SAASI,YAAT,OAaEC,YAbF,EAcE;AAAA,MAbA;AACEC,IAAAA,KAAK,GAAG,EADV;AAEEC,IAAAA,EAAE,GAAG,KAFP;AAGEC,IAAAA,aAHF;AAIEC,IAAAA,OAJF;AAOEC,IAAAA,eAPF;AAQEC,IAAAA,WARF;AASEC,IAAAA;AATF,GAaA;AAAA,MAHKC,UAGL;;AACA,sBACE,KAAC,GAAD;AACE,IAAA,EAAE,EAAEN,EADN;AAEE,IAAA,GAAG,EAAEF,YAFP;AAGE,IAAA,eAAe,EAAEK,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;AAYLf,MAAAA;AAZK;AANT,KAoBMO,UApBN;AAAA,2BAsBE;AAAK,MAAA,OAAO,EAAC,WAAb;AAAA,8BACE,KAAC,SAAD;AAAW,QAAA,OAAO,EAAEJ,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 type * as React from 'react';\nimport { Box, BoxProps } from '../Box';\nimport { rem } from 'polished';\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,"file":"CheckBoxIcon.js","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"],"sources":["../../../src/CheckBox/CheckBoxIcon.tsx"],"sourcesContent":["import type { ElementType, ReactNode } from 'react';\nimport { forwardRef } from 'react';\nimport { rem } from 'polished';\n\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\nimport { 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"],"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;EAAA,sBAZEC,KAYF;EAAA,IAZEA,KAYF,2BAZU,EAYV;EAAA,mBAXEC,EAWF;EAAA,IAXEA,EAWF,wBAXO,KAWP;EAAA,IAVEC,aAUF,QAVEA,aAUF;EAAA,IATEC,OASF,QATEA,OASF;EAAA,IAPEC,QAOF,QAPEA,QAOF;EAAA,IANEC,eAMF,QANEA,eAMF;EAAA,IALEC,WAKF,QALEA,WAKF;EAAA,IAJEC,OAIF,QAJEA,OAIF;EAAA,IAHKC,UAGL;;EACA,oBACE,KAAC,GAAD;IACE,EAAE,EAAEP,EADN;IAEE,GAAG,EAAEF,YAFP;IAGE,eAAe,EAAEM,eAHnB;IAIE,WAAW,EAAEC,WAJf;IAKE,OAAO,EAAEC,OALX;IAME,KAAK,EAAE;MACLE,KAAK,EAAE,YADF;MAELC,WAAW,YAFN;MAGLC,YAAY,YAHP;MAILC,WAAW,EAAE,OAJR;MAKLC,KAAK,YALA;MAMLC,MAAM,YAND;MAOLC,UAAU,qCAA8BlB,eAA9B,oCAAuEA,eAAvE,+BAA2GA,eAA3G,CAPL;MAQL,WAAW;QACTmB,OAAO,EAAE;MADA,CARN;MAWLhB,KAAK,EAALA;IAXK;EANT,GAmBMQ,UAnBN;IAAA,uBAqBE;MAAK,OAAO,EAAC,WAAb;MAAA,wBACE,KAAC,SAAD;QAAW,OAAO,EAAEL,OAAO,IAAI,CAACD;MAAhC,EADF,eAEE,KAAC,iBAAD;QAAmB,OAAO,EAAEC,OAAO,IAAID;MAAvC,EAFF;IAAA;EArBF,GADF;AA4BD,CA5CmC,CAA/B"}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const CheckPath: ({ checked }: {
     checked?: boolean | undefined;
 }) => JSX.Element;

package/build/esm/CheckBox/CheckPath.js

@@ -1,25 +1,26 @@
 import _styled from "@emotion/styled/base";
 import { jsx as _jsx } from "react/jsx-runtime";
-const offset = 29.78333854675293; // document.querySelector(path).getTotalLength()
+var offset = 29.78333854675293; // document.querySelector(path).getTotalLength()
 
-const Path = _styled("path", process.env.NODE_ENV === "production" ? {
+var Path = _styled("path", process.env.NODE_ENV === "production" ? {
   target: "e1v8gifn0"
 } : {
   target: "e1v8gifn0",
   label: "Path"
-})(props => ({
-  fill: 'none',
-  stroke: 'currentColor',
-  strokeWidth: "0.195rem",
-  strokeDasharray: offset,
-  transition: 'stroke-dashoffset .18s linear',
-  transitionDelay: props.checked ? '90ms' : '0',
-  strokeDashoffset: props.checked ? 0 : offset
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DaGVja0JveC9DaGVja1BhdGgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUthIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9DaGVja0JveC9DaGVja1BhdGgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAncG9saXNoZWQnO1xuXG5jb25zdCBvZmZzZXQgPSAyOS43ODMzMzg1NDY3NTI5MzsgLy8gZG9jdW1lbnQucXVlcnlTZWxlY3RvcihwYXRoKS5nZXRUb3RhbExlbmd0aCgpXG5cbmNvbnN0IFBhdGggPSBzdHlsZWQucGF0aDx7IGNoZWNrZWQ/OiBib29sZWFuIH0+KChwcm9wcykgPT4gKHtcbiAgZmlsbDogJ25vbmUnLFxuICBzdHJva2U6ICdjdXJyZW50Q29sb3InLFxuICBzdHJva2VXaWR0aDogcmVtKDMuMTIpLFxuICBzdHJva2VEYXNoYXJyYXk6IG9mZnNldCxcbiAgdHJhbnNpdGlvbjogJ3N0cm9rZS1kYXNob2Zmc2V0IC4xOHMgbGluZWFyJyxcbiAgdHJhbnNpdGlvbkRlbGF5OiBwcm9wcy5jaGVja2VkID8gJzkwbXMnIDogJzAnLFxuICBzdHJva2VEYXNob2Zmc2V0OiBwcm9wcy5jaGVja2VkID8gMCA6IG9mZnNldCxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IENoZWNrUGF0aCA9ICh7IGNoZWNrZWQgfTogeyBjaGVja2VkPzogYm9vbGVhbiB9KSA9PiB7XG4gIHJldHVybiA8UGF0aCBkPVwiTTEuNzMsMTIuOTEgOC4xLDE5LjI4IDIyLjc5LDQuNTlcIiBjaGVja2VkPXtjaGVja2VkfSAvPjtcbn07XG4iXX0= */");
+})(function (props) {
+  return {
+    fill: 'none',
+    stroke: 'currentColor',
+    strokeWidth: "0.195rem",
+    strokeDasharray: offset,
+    transition: 'stroke-dashoffset .18s linear',
+    transitionDelay: props.checked ? '90ms' : '0',
+    strokeDashoffset: props.checked ? 0 : offset
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DaGVja0JveC9DaGVja1BhdGgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUthIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9DaGVja0JveC9DaGVja1BhdGgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAncG9saXNoZWQnO1xuXG5jb25zdCBvZmZzZXQgPSAyOS43ODMzMzg1NDY3NTI5MzsgLy8gZG9jdW1lbnQucXVlcnlTZWxlY3RvcihwYXRoKS5nZXRUb3RhbExlbmd0aCgpXG5cbmNvbnN0IFBhdGggPSBzdHlsZWQucGF0aDx7IGNoZWNrZWQ/OiBib29sZWFuIH0+KChwcm9wcykgPT4gKHtcbiAgZmlsbDogJ25vbmUnLFxuICBzdHJva2U6ICdjdXJyZW50Q29sb3InLFxuICBzdHJva2VXaWR0aDogcmVtKDMuMTIpLFxuICBzdHJva2VEYXNoYXJyYXk6IG9mZnNldCxcbiAgdHJhbnNpdGlvbjogJ3N0cm9rZS1kYXNob2Zmc2V0IC4xOHMgbGluZWFyJyxcbiAgdHJhbnNpdGlvbkRlbGF5OiBwcm9wcy5jaGVja2VkID8gJzkwbXMnIDogJzAnLFxuICBzdHJva2VEYXNob2Zmc2V0OiBwcm9wcy5jaGVja2VkID8gMCA6IG9mZnNldCxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IENoZWNrUGF0aCA9ICh7IGNoZWNrZWQgfTogeyBjaGVja2VkPzogYm9vbGVhbiB9KSA9PiB7XG4gIHJldHVybiA8UGF0aCBkPVwiTTEuNzMsMTIuOTEgOC4xLDE5LjI4IDIyLjc5LDQuNTlcIiBjaGVja2VkPXtjaGVja2VkfSAvPjtcbn07XG4iXX0= */");
 
-export const CheckPath = ({
-  checked
-}) => {
+export var CheckPath = function CheckPath(_ref) {
+  var checked = _ref.checked;
   return /*#__PURE__*/_jsx(Path, {
     d: "M1.73,12.91 8.1,19.28 22.79,4.59",
     checked: checked

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/CheckBox/CheckPath.tsx"],"names":["offset","Path","props","fill","stroke","strokeWidth","strokeDasharray","transition","transitionDelay","checked","strokeDashoffset","CheckPath"],"mappings":";;AAGA,MAAMA,MAAM,GAAG,iBAAf,C,CAAkC;;AAElC,MAAMC,IAAI,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA,GAAoCC,KAAD,KAAY;AAC1DC,EAAAA,IAAI,EAAE,MADoD;AAE1DC,EAAAA,MAAM,EAAE,cAFkD;AAG1DC,EAAAA,WAAW,YAH+C;AAI1DC,EAAAA,eAAe,EAAEN,MAJyC;AAK1DO,EAAAA,UAAU,EAAE,+BAL8C;AAM1DC,EAAAA,eAAe,EAAEN,KAAK,CAACO,OAAN,GAAgB,MAAhB,GAAyB,GANgB;AAO1DC,EAAAA,gBAAgB,EAAER,KAAK,CAACO,OAAN,GAAgB,CAAhB,GAAoBT;AAPoB,CAAZ,CAAnC,6oCAAb;;AAUA,OAAO,MAAMW,SAAS,GAAG,CAAC;AAAEF,EAAAA;AAAF,CAAD,KAAwC;AAC/D,sBAAO,KAAC,IAAD;AAAM,IAAA,CAAC,EAAC,kCAAR;AAA2C,IAAA,OAAO,EAAEA;AAApD,IAAP;AACD,CAFM","sourcesContent":["import styled from '@emotion/styled';\nimport { rem } from 'polished';\n\nconst offset = 29.78333854675293; // document.querySelector(path).getTotalLength()\n\nconst Path = styled.path<{ checked?: boolean }>((props) => ({\n  fill: 'none',\n  stroke: 'currentColor',\n  strokeWidth: rem(3.12),\n  strokeDasharray: offset,\n  transition: 'stroke-dashoffset .18s linear',\n  transitionDelay: props.checked ? '90ms' : '0',\n  strokeDashoffset: props.checked ? 0 : offset,\n}));\n\nexport const CheckPath = ({ checked }: { checked?: boolean }) => {\n  return <Path d=\"M1.73,12.91 8.1,19.28 22.79,4.59\" checked={checked} />;\n};\n"],"file":"CheckPath.js"}
+{"version":3,"file":"CheckPath.js","names":["offset","Path","props","fill","stroke","strokeWidth","strokeDasharray","transition","transitionDelay","checked","strokeDashoffset","CheckPath"],"sources":["../../../src/CheckBox/CheckPath.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { rem } from 'polished';\n\nconst offset = 29.78333854675293; // document.querySelector(path).getTotalLength()\n\nconst Path = styled.path<{ checked?: boolean }>((props) => ({\n  fill: 'none',\n  stroke: 'currentColor',\n  strokeWidth: rem(3.12),\n  strokeDasharray: offset,\n  transition: 'stroke-dashoffset .18s linear',\n  transitionDelay: props.checked ? '90ms' : '0',\n  strokeDashoffset: props.checked ? 0 : offset,\n}));\n\nexport const CheckPath = ({ checked }: { checked?: boolean }) => {\n  return <Path d=\"M1.73,12.91 8.1,19.28 22.79,4.59\" checked={checked} />;\n};\n"],"mappings":";;AAGA,IAAMA,MAAM,GAAG,iBAAf,C,CAAkC;;AAElC,IAAMC,IAAI,GAAG;EAAA;AAAA;EAAA;EAAA;AAAA,GAAmC,UAACC,KAAD;EAAA,OAAY;IAC1DC,IAAI,EAAE,MADoD;IAE1DC,MAAM,EAAE,cAFkD;IAG1DC,WAAW,YAH+C;IAI1DC,eAAe,EAAEN,MAJyC;IAK1DO,UAAU,EAAE,+BAL8C;IAM1DC,eAAe,EAAEN,KAAK,CAACO,OAAN,GAAgB,MAAhB,GAAyB,GANgB;IAO1DC,gBAAgB,EAAER,KAAK,CAACO,OAAN,GAAgB,CAAhB,GAAoBT;EAPoB,CAAZ;AAAA,CAAnC,6oCAAb;;AAUA,OAAO,IAAMW,SAAS,GAAG,SAAZA,SAAY,OAAwC;EAAA,IAArCF,OAAqC,QAArCA,OAAqC;EAC/D,oBAAO,KAAC,IAAD;IAAM,CAAC,EAAC,kCAAR;IAA2C,OAAO,EAAEA;EAApD,EAAP;AACD,CAFM"}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const IndeterminatePath: ({ checked }: {
     checked?: boolean | undefined;
 }) => JSX.Element;

package/build/esm/CheckBox/IndeterminatePath.js

@@ -1,24 +1,25 @@
 import _styled from "@emotion/styled/base";
 import { jsx as _jsx } from "react/jsx-runtime";
 
-const Line = _styled("line", process.env.NODE_ENV === "production" ? {
+var Line = _styled("line", process.env.NODE_ENV === "production" ? {
   target: "eat3a050"
 } : {
   target: "eat3a050",
   label: "Line"
-})(props => ({
-  fill: 'none',
-  stroke: 'currentColor',
-  strokeWidth: "0.25rem",
-  transformOrigin: 'center center',
-  transform: props.checked ? 'scaleX(1)' : 'scaleX(0)',
-  transition: 'transform .18s linear',
-  transitionDelay: props.checked ? '90ms' : '0'
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DaGVja0JveC9JbmRldGVybWluYXRlUGF0aC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR2EiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0NoZWNrQm94L0luZGV0ZXJtaW5hdGVQYXRoLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3BvbGlzaGVkJztcblxuY29uc3QgTGluZSA9IHN0eWxlZC5saW5lPHsgY2hlY2tlZD86IGJvb2xlYW47IHJvdGF0ZT86IGJvb2xlYW4gfT4oKHByb3BzKSA9PiAoe1xuICBmaWxsOiAnbm9uZScsXG4gIHN0cm9rZTogJ2N1cnJlbnRDb2xvcicsXG4gIHN0cm9rZVdpZHRoOiByZW0oNCksXG4gIHRyYW5zZm9ybU9yaWdpbjogJ2NlbnRlciBjZW50ZXInLFxuICB0cmFuc2Zvcm06IHByb3BzLmNoZWNrZWQgPyAnc2NhbGVYKDEpJyA6ICdzY2FsZVgoMCknLFxuICB0cmFuc2l0aW9uOiAndHJhbnNmb3JtIC4xOHMgbGluZWFyJyxcbiAgdHJhbnNpdGlvbkRlbGF5OiBwcm9wcy5jaGVja2VkID8gJzkwbXMnIDogJzAnLFxufSkpO1xuXG5leHBvcnQgY29uc3QgSW5kZXRlcm1pbmF0ZVBhdGggPSAoeyBjaGVja2VkIH06IHsgY2hlY2tlZD86IGJvb2xlYW4gfSkgPT4ge1xuICByZXR1cm4gPExpbmUgeTI9XCIxMlwiIHgyPVwiMjJcIiB5MT1cIjEyXCIgeDE9XCIyXCIgY2hlY2tlZD17Y2hlY2tlZH0gLz47XG59O1xuIl19 */");
+})(function (props) {
+  return {
+    fill: 'none',
+    stroke: 'currentColor',
+    strokeWidth: "0.25rem",
+    transformOrigin: 'center center',
+    transform: props.checked ? 'scaleX(1)' : 'scaleX(0)',
+    transition: 'transform .18s linear',
+    transitionDelay: props.checked ? '90ms' : '0'
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DaGVja0JveC9JbmRldGVybWluYXRlUGF0aC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR2EiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0NoZWNrQm94L0luZGV0ZXJtaW5hdGVQYXRoLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3BvbGlzaGVkJztcblxuY29uc3QgTGluZSA9IHN0eWxlZC5saW5lPHsgY2hlY2tlZD86IGJvb2xlYW47IHJvdGF0ZT86IGJvb2xlYW4gfT4oKHByb3BzKSA9PiAoe1xuICBmaWxsOiAnbm9uZScsXG4gIHN0cm9rZTogJ2N1cnJlbnRDb2xvcicsXG4gIHN0cm9rZVdpZHRoOiByZW0oNCksXG4gIHRyYW5zZm9ybU9yaWdpbjogJ2NlbnRlciBjZW50ZXInLFxuICB0cmFuc2Zvcm06IHByb3BzLmNoZWNrZWQgPyAnc2NhbGVYKDEpJyA6ICdzY2FsZVgoMCknLFxuICB0cmFuc2l0aW9uOiAndHJhbnNmb3JtIC4xOHMgbGluZWFyJyxcbiAgdHJhbnNpdGlvbkRlbGF5OiBwcm9wcy5jaGVja2VkID8gJzkwbXMnIDogJzAnLFxufSkpO1xuXG5leHBvcnQgY29uc3QgSW5kZXRlcm1pbmF0ZVBhdGggPSAoeyBjaGVja2VkIH06IHsgY2hlY2tlZD86IGJvb2xlYW4gfSkgPT4ge1xuICByZXR1cm4gPExpbmUgeTI9XCIxMlwiIHgyPVwiMjJcIiB5MT1cIjEyXCIgeDE9XCIyXCIgY2hlY2tlZD17Y2hlY2tlZH0gLz47XG59O1xuIl19 */");
 
-export const IndeterminatePath = ({
-  checked
-}) => {
+export var IndeterminatePath = function IndeterminatePath(_ref) {
+  var checked = _ref.checked;
   return /*#__PURE__*/_jsx(Line, {
     y2: "12",
     x2: "22",

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/CheckBox/IndeterminatePath.tsx"],"names":["Line","props","fill","stroke","strokeWidth","transformOrigin","transform","checked","transition","transitionDelay","IndeterminatePath"],"mappings":";;;AAGA,MAAMA,IAAI,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA,GAAsDC,KAAD,KAAY;AAC5EC,EAAAA,IAAI,EAAE,MADsE;AAE5EC,EAAAA,MAAM,EAAE,cAFoE;AAG5EC,EAAAA,WAAW,WAHiE;AAI5EC,EAAAA,eAAe,EAAE,eAJ2D;AAK5EC,EAAAA,SAAS,EAAEL,KAAK,CAACM,OAAN,GAAgB,WAAhB,GAA8B,WALmC;AAM5EC,EAAAA,UAAU,EAAE,uBANgE;AAO5EC,EAAAA,eAAe,EAAER,KAAK,CAACM,OAAN,GAAgB,MAAhB,GAAyB;AAPkC,CAAZ,CAArD,ylCAAb;;AAUA,OAAO,MAAMG,iBAAiB,GAAG,CAAC;AAAEH,EAAAA;AAAF,CAAD,KAAwC;AACvE,sBAAO,KAAC,IAAD;AAAM,IAAA,EAAE,EAAC,IAAT;AAAc,IAAA,EAAE,EAAC,IAAjB;AAAsB,IAAA,EAAE,EAAC,IAAzB;AAA8B,IAAA,EAAE,EAAC,GAAjC;AAAqC,IAAA,OAAO,EAAEA;AAA9C,IAAP;AACD,CAFM","sourcesContent":["import styled from '@emotion/styled';\nimport { rem } from 'polished';\n\nconst Line = styled.line<{ checked?: boolean; rotate?: boolean }>((props) => ({\n  fill: 'none',\n  stroke: 'currentColor',\n  strokeWidth: rem(4),\n  transformOrigin: 'center center',\n  transform: props.checked ? 'scaleX(1)' : 'scaleX(0)',\n  transition: 'transform .18s linear',\n  transitionDelay: props.checked ? '90ms' : '0',\n}));\n\nexport const IndeterminatePath = ({ checked }: { checked?: boolean }) => {\n  return <Line y2=\"12\" x2=\"22\" y1=\"12\" x1=\"2\" checked={checked} />;\n};\n"],"file":"IndeterminatePath.js"}
+{"version":3,"file":"IndeterminatePath.js","names":["Line","props","fill","stroke","strokeWidth","transformOrigin","transform","checked","transition","transitionDelay","IndeterminatePath"],"sources":["../../../src/CheckBox/IndeterminatePath.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { rem } from 'polished';\n\nconst Line = styled.line<{ checked?: boolean; rotate?: boolean }>((props) => ({\n  fill: 'none',\n  stroke: 'currentColor',\n  strokeWidth: rem(4),\n  transformOrigin: 'center center',\n  transform: props.checked ? 'scaleX(1)' : 'scaleX(0)',\n  transition: 'transform .18s linear',\n  transitionDelay: props.checked ? '90ms' : '0',\n}));\n\nexport const IndeterminatePath = ({ checked }: { checked?: boolean }) => {\n  return <Line y2=\"12\" x2=\"22\" y1=\"12\" x1=\"2\" checked={checked} />;\n};\n"],"mappings":";;;AAGA,IAAMA,IAAI,GAAG;EAAA;AAAA;EAAA;EAAA;AAAA,GAAqD,UAACC,KAAD;EAAA,OAAY;IAC5EC,IAAI,EAAE,MADsE;IAE5EC,MAAM,EAAE,cAFoE;IAG5EC,WAAW,WAHiE;IAI5EC,eAAe,EAAE,eAJ2D;IAK5EC,SAAS,EAAEL,KAAK,CAACM,OAAN,GAAgB,WAAhB,GAA8B,WALmC;IAM5EC,UAAU,EAAE,uBANgE;IAO5EC,eAAe,EAAER,KAAK,CAACM,OAAN,GAAgB,MAAhB,GAAyB;EAPkC,CAAZ;AAAA,CAArD,ylCAAb;;AAUA,OAAO,IAAMG,iBAAiB,GAAG,SAApBA,iBAAoB,OAAwC;EAAA,IAArCH,OAAqC,QAArCA,OAAqC;EACvE,oBAAO,KAAC,IAAD;IAAM,EAAE,EAAC,IAAT;IAAc,EAAE,EAAC,IAAjB;IAAsB,EAAE,EAAC,IAAzB;IAA8B,EAAE,EAAC,GAAjC;IAAqC,OAAO,EAAEA;EAA9C,EAAP;AACD,CAFM"}

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

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

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

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

package/build/esm/Chip/ButtonChip.js

@@ -1,34 +1,34 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["as", "onClick", "disabled", "leadingIcon", "trailingIcon", "children", "color", "__css"];
 import { forwardRef } from 'react';
 import { ChipBase } from './ChipBase';
 import { RippleBox } from '../Ripple';
 import { useTheme } from '../theme';
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
-export const ButtonChip = /*#__PURE__*/forwardRef(function ButtonChip(props, forwardedRef) {
-  const {
-    as = 'div',
-    onClick,
-    disabled: disabledProp,
-    leadingIcon,
-    trailingIcon,
-    children,
-    color = 'surface',
-    __css
-  } = props,
-        otherProps = _objectWithoutPropertiesLoose(props, ["as", "onClick", "disabled", "leadingIcon", "trailingIcon", "children", "color", "__css"]);
+export var ButtonChip = /*#__PURE__*/forwardRef(function ButtonChip(props, forwardedRef) {
+  var _props$as = props.as,
+      as = _props$as === void 0 ? 'div' : _props$as,
+      onClick = props.onClick,
+      disabledProp = props.disabled,
+      leadingIcon = props.leadingIcon,
+      trailingIcon = props.trailingIcon,
+      children = props.children,
+      color = props.color,
+      __css = props.__css,
+      otherProps = _objectWithoutProperties(props, _excluded);
 
-  const theme = useTheme();
-  const isClickable = onClick && !disabledProp;
-  return /*#__PURE__*/_jsx(ChipBase, _extends({
+  var theme = useTheme();
+  var isClickable = onClick && !disabledProp;
+  return /*#__PURE__*/_jsx(ChipBase, _extends(_extends({
     as: "div",
     onClick: isClickable ? onClick : undefined,
     disabled: disabledProp,
     color: "on.surface",
     backgroundColor: "surface",
     __css: __css
-  }, otherProps, {
+  }, otherProps), {}, {
     children: /*#__PURE__*/_jsxs(RippleBox, {
       as: as,
       role: isClickable ? 'button' : undefined,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Chip/ButtonChip.tsx"],"names":["forwardRef","ChipBase","RippleBox","useTheme","ButtonChip","props","forwardedRef","as","onClick","disabled","disabledProp","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;AAEA,SAAwBC,QAAxB,QAAwC,YAAxC;AACA,SAASC,SAAT,QAA0B,WAA1B;AACA,SAASC,QAAT,QAAyB,UAAzB;;;AAUA,OAAO,MAAMC,UAAU,gBAAGJ,UAAU,CAClC,SAASI,UAAT,CAAoBC,KAApB,EAA2BC,YAA3B,EAAyC;AACvC,QAAM;AACJC,IAAAA,EAAE,GAAG,KADD;AAEJC,IAAAA,OAFI;AAGJC,IAAAA,QAAQ,EAAEC,YAHN;AAIJC,IAAAA,WAJI;AAKJC,IAAAA,YALI;AAMJC,IAAAA,QANI;AAOJC,IAAAA,KAAK,GAAG,SAPJ;AAQJC,IAAAA;AARI,MAUFV,KAVJ;AAAA,QASKW,UATL,iCAUIX,KAVJ;;AAYA,QAAMY,KAAK,GAAGd,QAAQ,EAAtB;AACA,QAAMe,WAAW,GAAGV,OAAO,IAAI,CAACE,YAAhC;AAEA,sBACE,KAAC,QAAD;AACE,IAAA,EAAE,EAAC,KADL;AAEE,IAAA,OAAO,EAAEQ,WAAW,GAAGV,OAAH,GAAaW,SAFnC;AAGE,IAAA,QAAQ,EAAET,YAHZ;AAIE,IAAA,KAAK,EAAC,YAJR;AAKE,IAAA,eAAe,EAAC,SALlB;AAME,IAAA,KAAK,EAAEK;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 type * as React from 'react';\nimport { ChipBaseProps, ChipBase } from './ChipBase';\nimport { RippleBox } from '../Ripple';\nimport { useTheme } from '../theme';\nimport { rem } from 'polished';\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 = 'surface',\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,"file":"ButtonChip.js","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"],"sources":["../../../src/Chip/ButtonChip.tsx"],"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"],"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;EACvC,gBAUID,KAVJ,CACEE,EADF;EAAA,IACEA,EADF,0BACO,KADP;EAAA,IAEEC,OAFF,GAUIH,KAVJ,CAEEG,OAFF;EAAA,IAGYC,YAHZ,GAUIJ,KAVJ,CAGEK,QAHF;EAAA,IAIEC,WAJF,GAUIN,KAVJ,CAIEM,WAJF;EAAA,IAKEC,YALF,GAUIP,KAVJ,CAKEO,YALF;EAAA,IAMEC,QANF,GAUIR,KAVJ,CAMEQ,QANF;EAAA,IAOEC,KAPF,GAUIT,KAVJ,CAOES,KAPF;EAAA,IAQEC,KARF,GAUIV,KAVJ,CAQEU,KARF;EAAA,IASKC,UATL,4BAUIX,KAVJ;;EAYA,IAAMY,KAAK,GAAGd,QAAQ,EAAtB;EACA,IAAMe,WAAW,GAAGV,OAAO,IAAI,CAACC,YAAhC;EAEA,oBACE,KAAC,QAAD;IACE,EAAE,EAAC,KADL;IAEE,OAAO,EAAES,WAAW,GAAGV,OAAH,GAAaW,SAFnC;IAGE,QAAQ,EAAEV,YAHZ;IAIE,KAAK,EAAC,YAJR;IAKE,eAAe,EAAC,SALlB;IAME,KAAK,EAAEM;EANT,GAOMC,UAPN;IAAA,uBASE,MAAC,SAAD;MACE,EAAE,EAAET,EADN;MAEE,IAAI,EAAEW,WAAW,GAAG,QAAH,GAAcC,SAFjC;MAGE,QAAQ,EAAED,WAAW,GAAG,CAAH,GAAOC,SAH9B;MAIE,KAAK,EAAEF,KAJT;MAKE,GAAG,EAAEX,YALP;MAME,WAAW,EAAE,cANf;MAOE,WAAW,EAAE,CAPf;MAQE,YAAY,EAAE,IARhB;MASE,YAAY,EAAE,IAThB;MAUE,MAAM,EAAE,KAVV;MAWE,QAAQ,EAAE,CAACY,WAXb;MAYE,iBAAe,CAACA,WAZlB;MAaE,KAAK,EAAE;QACLE,EAAE,EAAE,aADC;QAELN,KAAK,EAAE,SAFF;QAGLO,OAAO,KAHF;QAILC,EAAE,EAAEX,WAAW,uBAJV;QAKLY,EAAE,EAAEX,YAAY,uBALX;QAMLY,GAAG,UANE;QAOLC,KAAK,EAAE,MAPF;QAQLC,QAAQ,EAAE,MARL;QASLC,MAAM,EAAE,MATH;QAULC,UAAU,EAAE,MAVP;QAWL,UAAU;UACRC,OAAO,EAAE;QADD,CAXL;QAcLC,MAAM,EAAE,MAdH;QAeLC,YAAY,EAAE,CAfT;QAgBLC,QAAQ,EAAE,UAhBL;QAiBLC,OAAO,EAAE,aAjBJ;QAkBLC,UAAU,EAAE,QAlBP;QAmBLC,MAAM,EAAEjB,WAAW,GAAG,SAAH,GAAe;MAnB7B,CAbT;MAAA,WAmCGP,WAnCH,EAoCGE,QApCH,EAqCGD,YArCH;IAAA;EATF,GADF;AAmDD,CApEiC,CAA7B"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Chip/Chip.tsx"],"names":["ButtonChip","Chip"],"mappings":"AAAA,SAASA,UAAT,QAA2B,cAA3B;AAGA,SAASA,UAAU,IAAIC,IAAvB","sourcesContent":["import { ButtonChip } from './ButtonChip';\nimport type { ButtonChipProps } from './ButtonChip';\n\nexport { ButtonChip as Chip };\nexport type { ButtonChipProps as ChipProps };\n"],"file":"Chip.js"}
+{"version":3,"file":"Chip.js","names":["ButtonChip","Chip"],"sources":["../../../src/Chip/Chip.tsx"],"sourcesContent":["import { ButtonChip } from './ButtonChip';\nimport type { ButtonChipProps } from './ButtonChip';\n\nexport { ButtonChip as Chip };\nexport type { ButtonChipProps as ChipProps };\n"],"mappings":"AAAA,SAASA,UAAT,QAA2B,cAA3B;AAGA,SAASA,UAAU,IAAIC,IAAvB"}

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

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