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

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

@@ -1,5 +1,5 @@
-import type * as React from 'react';
-import { BoxProps } from '../Box';
+import * as React from 'react';
+import type { BoxProps } from '../Box';
 export interface CheckBoxIconProps extends BoxProps {
     as?: React.ElementType<any>;
     checked?: boolean;
@@ -7,4 +7,4 @@ export interface CheckBoxIconProps extends BoxProps {
     indeterminate?: boolean;
     children?: React.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: 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>>;

package/build/esm/CheckBox/CheckBoxIcon.js

@@ -1,22 +1,24 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import { forwardRef } from 'react';
+import * as React from 'react';
 import { Box } from '../Box';
 import { CheckPath } from './CheckPath';
 import { IndeterminatePath } from './IndeterminatePath';
 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, ["__css", "as", "indeterminate", "checked", "disabled", "backgroundColor", "borderColor", "opacity"]);
 
   return /*#__PURE__*/_jsx(Box, _extends({
     as: as,
@@ -35,7 +37,7 @@ export const CheckBoxIcon = /*#__PURE__*/forwardRef(function CheckBoxIcon(_ref,
       '& > svg': {
         display: 'block'
       },
-      __css
+      __css: __css
     }
   }, otherProps, {
     children: /*#__PURE__*/_jsxs("svg", {

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,"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"}

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,"sources":["../../../src/CheckBox/CheckPath.tsx"],"names":["offset","Path","props","fill","stroke","strokeWidth","strokeDasharray","transition","transitionDelay","checked","strokeDashoffset","CheckPath"],"mappings":";;AAGA,IAAMA,MAAM,GAAG,iBAAf,C,CAAkC;;AAElC,IAAMC,IAAI,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA,GAAmC,UAACC,KAAD;AAAA,SAAY;AAC1DC,IAAAA,IAAI,EAAE,MADoD;AAE1DC,IAAAA,MAAM,EAAE,cAFkD;AAG1DC,IAAAA,WAAW,YAH+C;AAI1DC,IAAAA,eAAe,EAAEN,MAJyC;AAK1DO,IAAAA,UAAU,EAAE,+BAL8C;AAM1DC,IAAAA,eAAe,EAAEN,KAAK,CAACO,OAAN,GAAgB,MAAhB,GAAyB,GANgB;AAO1DC,IAAAA,gBAAgB,EAAER,KAAK,CAACO,OAAN,GAAgB,CAAhB,GAAoBT;AAPoB,GAAZ;AAAA,CAAnC,6oCAAb;;AAUA,OAAO,IAAMW,SAAS,GAAG,SAAZA,SAAY,OAAwC;AAAA,MAArCF,OAAqC,QAArCA,OAAqC;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"}

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,"sources":["../../../src/CheckBox/IndeterminatePath.tsx"],"names":["Line","props","fill","stroke","strokeWidth","transformOrigin","transform","checked","transition","transitionDelay","IndeterminatePath"],"mappings":";;;AAGA,IAAMA,IAAI,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA,GAAqD,UAACC,KAAD;AAAA,SAAY;AAC5EC,IAAAA,IAAI,EAAE,MADsE;AAE5EC,IAAAA,MAAM,EAAE,cAFoE;AAG5EC,IAAAA,WAAW,WAHiE;AAI5EC,IAAAA,eAAe,EAAE,eAJ2D;AAK5EC,IAAAA,SAAS,EAAEL,KAAK,CAACM,OAAN,GAAgB,WAAhB,GAA8B,WALmC;AAM5EC,IAAAA,UAAU,EAAE,uBANgE;AAO5EC,IAAAA,eAAe,EAAER,KAAK,CAACM,OAAN,GAAgB,MAAhB,GAAyB;AAPkC,GAAZ;AAAA,CAArD,ylCAAb;;AAUA,OAAO,IAAMG,iBAAiB,GAAG,SAApBA,iBAAoB,OAAwC;AAAA,MAArCH,OAAqC,QAArCA,OAAqC;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"}

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

@@ -1,9 +1,9 @@
-import type * as React from 'react';
-import { ChipBaseProps } from './ChipBase';
+import * as React from 'react';
+import type { ChipBaseProps } from './ChipBase';
 export declare type ButtonChipProps = ChipBaseProps & {
     checked?: boolean;
     disabled?: boolean;
     leadingIcon?: React.ReactNode;
     trailingIcon?: React.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: 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" | "checked" | "leadingIcon" | "trailingIcon" | "borderOpacity"> & React.RefAttributes<HTMLDivElement>>;

package/build/esm/Chip/ButtonChip.js

@@ -1,26 +1,26 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import { forwardRef } from 'react';
+import * as React from 'react';
 import { 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, ["as", "onClick", "disabled", "leadingIcon", "trailingIcon", "children", "color", "__css"]);
 
-  const theme = useTheme();
-  const isClickable = onClick && !disabledProp;
+  var theme = useTheme();
+  var isClickable = onClick && !disabledProp;
   return /*#__PURE__*/_jsx(ChipBase, _extends({
     as: "div",
     onClick: isClickable ? onClick : 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,"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"}

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

@@ -1,5 +1,5 @@
-import type * as React from 'react';
-import { BoxProps } from '../Box';
+import * as React from 'react';
+import type { BoxProps } from '../Box';
 export declare type ChipBaseProps<H = HTMLDivElement, Attr = React.HTMLAttributes<H>> = BoxProps<H, Attr> & {
     variant?: 'filled' | 'outlined';
     backgroundColor?: string;
@@ -7,4 +7,4 @@ export declare type ChipBaseProps<H = HTMLDivElement, Attr = React.HTMLAttribute
     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: 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>>;

package/build/esm/Chip/ChipBase.js

@@ -1,6 +1,7 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+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';
@@ -9,9 +10,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 
 function getFilledCSS(theme, bg, color, disabled) {
   return _extends({}, !disabled && bg !== 'surface' ? {
-    bg
-  } : _extends({}, getColorOverlay(theme, 'surface', 'primary', 0.05), getDarkThemeBackgroundOverlay(theme, 2)), {
-    color,
+    bg: bg
+  } : _extends({}, getColorOverlay(theme, 'surface', 'primary', 0.05)), {
+    color: color,
     '&::before': {
       backgroundColor: 'currentColor',
       position: 'absolute',
@@ -37,7 +38,7 @@ function getFilledCSS(theme, bg, color, disabled) {
 
 function getOutlinedCSS(theme, bg, color, borderOpacity) {
   return _extends({}, bg !== 'surface' ? {
-    bg
+    bg: bg
   } : getDarkThemeBackgroundOverlay(theme, 2), {
     color: color,
     borderColor: alpha(color, borderOpacity),
@@ -46,20 +47,24 @@ function getOutlinedCSS(theme, bg, color, borderOpacity) {
   });
 }
 
-export const ChipBase = /*#__PURE__*/forwardRef(function Chip(props, forwardedRef) {
-  const {
-    as = 'div',
-    __css,
-    variant: variantProp = 'filled',
-    color: colorProp = 'on.surface',
-    backgroundColor: backgroundColorProp = 'surface',
-    borderOpacity: borderOpacityProp = 0.24,
-    children,
-    disabled = false
-  } = props,
-        otherProps = _objectWithoutPropertiesLoose(props, ["as", "__css", "variant", "color", "backgroundColor", "borderOpacity", "children", "disabled"]);
+export var ChipBase = /*#__PURE__*/forwardRef(function Chip(props, forwardedRef) {
+  var _props$as = props.as,
+      as = _props$as === void 0 ? 'div' : _props$as,
+      __css = props.__css,
+      _props$variant = props.variant,
+      variantProp = _props$variant === void 0 ? 'filled' : _props$variant,
+      _props$color = props.color,
+      colorProp = _props$color === void 0 ? 'on.surface' : _props$color,
+      _props$backgroundColo = props.backgroundColor,
+      backgroundColorProp = _props$backgroundColo === void 0 ? 'surface' : _props$backgroundColo,
+      _props$borderOpacity = props.borderOpacity,
+      borderOpacityProp = _props$borderOpacity === void 0 ? 0.24 : _props$borderOpacity,
+      children = props.children,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      otherProps = _objectWithoutProperties(props, ["as", "__css", "variant", "color", "backgroundColor", "borderOpacity", "children", "disabled"]);
 
-  const theme = useTheme();
+  var theme = useTheme();
   return /*#__PURE__*/_jsx(Box, _extends({
     as: as,
     "data-disabled": disabled ? '' : undefined,
@@ -92,7 +97,7 @@ export const ChipBase = /*#__PURE__*/forwardRef(function Chip(props, forwardedRe
       }
     })({
       variant: variantProp,
-      theme
+      theme: theme
     }), variantProp === 'filled' ? getFilledCSS(theme, backgroundColorProp, colorProp, disabled) : getOutlinedCSS(theme, backgroundColorProp, colorProp, borderOpacityProp), {
       opacity: disabled ? 0.38 : 1
     }, __css)

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

@@ -1 +1 @@
-{"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 { forwardRef } from 'react';\nimport type * as React from 'react';\nimport { variant } from 'styled-system';\nimport { Box, BoxProps } from '../Box';\nimport { Theme, useTheme } from '../theme';\nimport {\n  alpha,\n  getDarkThemeBackgroundOverlay,\n  getColorOverlay,\n} from '../color';\nimport { rem } from 'polished';\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          ...getDarkThemeBackgroundOverlay(theme, 2),\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","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":"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","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"}