@basic-ui/material 1.0.0-alpha.52 → 1.0.0-alpha.54

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

@@ -1,10 +1,10 @@
-import type { ElementType, ReactNode } from 'react';
-import type { BoxProps } from '../Box';
-export interface CheckBoxIconProps extends BoxProps {
-    as?: ElementType<any>;
-    checked?: boolean;
-    disabled?: boolean;
-    indeterminate?: boolean;
-    children?: ReactNode;
-}
-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>>;
+import type { ElementType, ReactNode } from 'react';
+import type { BoxProps } from '../Box';
+export interface CheckBoxIconProps extends BoxProps {
+    as?: ElementType<any>;
+    checked?: boolean;
+    disabled?: boolean;
+    indeterminate?: boolean;
+    children?: ReactNode;
+}
+export declare const CheckBoxIcon: import("react").ForwardRefExoticComponent<Omit<CheckBoxIconProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/build/esm/CheckBox/CheckBoxIcon.js

@@ -1,27 +1,22 @@
-import _extends from "@babel/runtime/helpers/extends";
-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 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(_extends({
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const CheckBoxIcon = /*#__PURE__*/forwardRef(function CheckBoxIcon(_ref, forwardedRef) {
+  let {
+    __css = {},
+    as = 'div',
+    indeterminate,
+    checked,
+    disabled,
+    backgroundColor,
+    borderColor,
+    opacity,
+    ...otherProps
+  } = _ref;
+  return /*#__PURE__*/_jsx(Box, {
     as: as,
     ref: forwardedRef,
     backgroundColor: backgroundColor,
@@ -34,13 +29,13 @@ export var CheckBoxIcon = /*#__PURE__*/forwardRef(function CheckBoxIcon(_ref, fo
       borderStyle: 'solid',
       width: "1.125rem",
       height: "1.125rem",
-      transition: "background-color 90ms 0s ".concat(EASING_STANDARD, ", border-color 90ms 0s ").concat(EASING_STANDARD, ", opacity 90ms 0s ").concat(EASING_STANDARD),
+      transition: `background-color 90ms 0s ${EASING_STANDARD}, border-color 90ms 0s ${EASING_STANDARD}, opacity 90ms 0s ${EASING_STANDARD}`,
       '& > svg': {
         display: 'block'
       },
-      __css: __css
-    }
-  }, otherProps), {}, {
+      __css
+    },
+    ...otherProps,
     children: /*#__PURE__*/_jsxs("svg", {
       viewBox: "0 0 24 24",
       children: [/*#__PURE__*/_jsx(CheckPath, {
@@ -49,6 +44,6 @@ export var CheckBoxIcon = /*#__PURE__*/forwardRef(function CheckBoxIcon(_ref, fo
         checked: checked && indeterminate
       })]
     })
-  }));
+  });
 });
 //# sourceMappingURL=CheckBoxIcon.js.map

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

@@ -1 +1 @@
-{"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';\r\nimport { forwardRef } from 'react';\r\nimport { rem } from 'polished';\r\n\r\nimport type { BoxProps } from '../Box';\r\nimport { Box } from '../Box';\r\nimport { CheckPath } from './CheckPath';\r\nimport { IndeterminatePath } from './IndeterminatePath';\r\nimport { EASING_STANDARD } from '../motion';\r\n\r\nexport interface CheckBoxIconProps extends BoxProps {\r\n  as?: ElementType<any>;\r\n  checked?: boolean;\r\n  disabled?: boolean;\r\n  indeterminate?: boolean;\r\n  children?: ReactNode;\r\n}\r\n\r\nexport const CheckBoxIcon = forwardRef<HTMLDivElement, CheckBoxIconProps>(\r\n  function CheckBoxIcon(\r\n    {\r\n      __css = {},\r\n      as = 'div',\r\n      indeterminate,\r\n      checked,\r\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n      disabled,\r\n      backgroundColor,\r\n      borderColor,\r\n      opacity,\r\n      ...otherProps\r\n    },\r\n    forwardedRef\r\n  ) {\r\n    return (\r\n      <Box\r\n        as={as}\r\n        ref={forwardedRef}\r\n        backgroundColor={backgroundColor}\r\n        borderColor={borderColor}\r\n        opacity={opacity}\r\n        __css={{\r\n          color: 'on.primary',\r\n          borderWidth: rem(2),\r\n          borderRadius: rem(2),\r\n          borderStyle: 'solid',\r\n          width: rem(18),\r\n          height: rem(18),\r\n          transition: `background-color 90ms 0s ${EASING_STANDARD}, border-color 90ms 0s ${EASING_STANDARD}, opacity 90ms 0s ${EASING_STANDARD}`,\r\n          '& > svg': {\r\n            display: 'block',\r\n          },\r\n          __css,\r\n        }}\r\n        {...otherProps}\r\n      >\r\n        <svg viewBox=\"0 0 24 24\">\r\n          <CheckPath checked={checked && !indeterminate} />\r\n          <IndeterminatePath checked={checked && indeterminate} />\r\n        </svg>\r\n      </Box>\r\n    );\r\n  }\r\n);\r\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"}
+{"version":3,"file":"CheckBoxIcon.js","names":["forwardRef","Box","CheckPath","IndeterminatePath","EASING_STANDARD","jsx","_jsx","jsxs","_jsxs","CheckBoxIcon","_ref","forwardedRef","__css","as","indeterminate","checked","disabled","backgroundColor","borderColor","opacity","otherProps","ref","color","borderWidth","borderRadius","borderStyle","width","height","transition","display","children","viewBox"],"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      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,UAAU,QAAQ,OAAO;AAIlC,SAASC,GAAG,QAAQ,QAAQ;AAC5B,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,eAAe,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAU5C,OAAO,MAAMC,YAAY,gBAAGT,UAAU,CACpC,SAASS,YAAYA,CAAAC,IAAA,EAYnBC,YAAY,EACZ;EAAA,IAZA;IACEC,KAAK,GAAG,CAAC,CAAC;IACVC,EAAE,GAAG,KAAK;IACVC,aAAa;IACbC,OAAO;IACPC,QAAQ;IACRC,eAAe;IACfC,WAAW;IACXC,OAAO;IACP,GAAGC;EACL,CAAC,GAAAV,IAAA;EAGD,oBACEJ,IAAA,CAACL,GAAG;IACFY,EAAE,EAAEA,EAAG;IACPQ,GAAG,EAAEV,YAAa;IAClBM,eAAe,EAAEA,eAAgB;IACjCC,WAAW,EAAEA,WAAY;IACzBC,OAAO,EAAEA,OAAQ;IACjBP,KAAK,EAAE;MACLU,KAAK,EAAE,YAAY;MACnBC,WAAW,YAAQ;MACnBC,YAAY,YAAQ;MACpBC,WAAW,EAAE,OAAO;MACpBC,KAAK,YAAS;MACdC,MAAM,YAAS;MACfC,UAAU,EAAE,4BAA4BxB,eAAe,0BAA0BA,eAAe,qBAAqBA,eAAe,EAAE;MACtI,SAAS,EAAE;QACTyB,OAAO,EAAE;MACX,CAAC;MACDjB;IACF,CAAE;IAAA,GACEQ,UAAU;IAAAU,QAAA,eAEdtB,KAAA;MAAKuB,OAAO,EAAC,WAAW;MAAAD,QAAA,gBACtBxB,IAAA,CAACJ,SAAS;QAACa,OAAO,EAAEA,OAAO,IAAI,CAACD;MAAc,CAAE,CAAC,eACjDR,IAAA,CAACH,iBAAiB;QAACY,OAAO,EAAEA,OAAO,IAAID;MAAc,CAAE,CAAC;IAAA,CACrD;EAAC,CACH,CAAC;AAEV,CACF,CAAC","ignoreList":[]}

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

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

package/build/esm/CheckBox/CheckPath.js

@@ -1,26 +1,25 @@
 import _styled from "@emotion/styled/base";
 import { jsx as _jsx } from "react/jsx-runtime";
-var offset = 29.78333854675293; // document.querySelector(path).getTotalLength()
+const offset = 29.78333854675293; // document.querySelector(path).getTotalLength()
 
-var Path = _styled("path", process.env.NODE_ENV === "production" ? {
+const Path = /*#__PURE__*/_styled("path", process.env.NODE_ENV === "production" ? {
   target: "e1v8gifn0"
 } : {
   target: "e1v8gifn0",
   label: "Path"
-})(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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DaGVja0JveC9DaGVja1BhdGgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUthIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9DaGVja0JveC9DaGVja1BhdGgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyByZW0gfSBmcm9tICdwb2xpc2hlZCc7XHJcblxyXG5jb25zdCBvZmZzZXQgPSAyOS43ODMzMzg1NDY3NTI5MzsgLy8gZG9jdW1lbnQucXVlcnlTZWxlY3RvcihwYXRoKS5nZXRUb3RhbExlbmd0aCgpXHJcblxyXG5jb25zdCBQYXRoID0gc3R5bGVkLnBhdGg8eyBjaGVja2VkPzogYm9vbGVhbiB9PigocHJvcHMpID0+ICh7XHJcbiAgZmlsbDogJ25vbmUnLFxyXG4gIHN0cm9rZTogJ2N1cnJlbnRDb2xvcicsXHJcbiAgc3Ryb2tlV2lkdGg6IHJlbSgzLjEyKSxcclxuICBzdHJva2VEYXNoYXJyYXk6IG9mZnNldCxcclxuICB0cmFuc2l0aW9uOiAnc3Ryb2tlLWRhc2hvZmZzZXQgLjE4cyBsaW5lYXInLFxyXG4gIHRyYW5zaXRpb25EZWxheTogcHJvcHMuY2hlY2tlZCA/ICc5MG1zJyA6ICcwJyxcclxuICBzdHJva2VEYXNob2Zmc2V0OiBwcm9wcy5jaGVja2VkID8gMCA6IG9mZnNldCxcclxufSkpO1xyXG5cclxuZXhwb3J0IGNvbnN0IENoZWNrUGF0aCA9ICh7IGNoZWNrZWQgfTogeyBjaGVja2VkPzogYm9vbGVhbiB9KSA9PiB7XHJcbiAgcmV0dXJuIDxQYXRoIGQ9XCJNMS43MywxMi45MSA4LjEsMTkuMjggMjIuNzksNC41OVwiIGNoZWNrZWQ9e2NoZWNrZWR9IC8+O1xyXG59O1xyXG4iXX0= */");
-
-export var CheckPath = function CheckPath(_ref) {
-  var checked = _ref.checked;
+})(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= */");
+export const CheckPath = _ref => {
+  let {
+    checked
+  } = _ref;
   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,"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';\r\nimport { rem } from 'polished';\r\n\r\nconst offset = 29.78333854675293; // document.querySelector(path).getTotalLength()\r\n\r\nconst Path = styled.path<{ checked?: boolean }>((props) => ({\r\n  fill: 'none',\r\n  stroke: 'currentColor',\r\n  strokeWidth: rem(3.12),\r\n  strokeDasharray: offset,\r\n  transition: 'stroke-dashoffset .18s linear',\r\n  transitionDelay: props.checked ? '90ms' : '0',\r\n  strokeDashoffset: props.checked ? 0 : offset,\r\n}));\r\n\r\nexport const CheckPath = ({ checked }: { checked?: boolean }) => {\r\n  return <Path d=\"M1.73,12.91 8.1,19.28 22.79,4.59\" checked={checked} />;\r\n};\r\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,6rCAAb;;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"}
+{"version":3,"file":"CheckPath.js","names":["offset","Path","_styled","process","env","NODE_ENV","target","label","props","fill","stroke","strokeWidth","strokeDasharray","transition","transitionDelay","checked","strokeDashoffset","CheckPath","_ref","_jsx","d"],"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,MAAMA,MAAM,GAAG,iBAAiB,CAAC,CAAC;;AAElC,MAAMC,IAAI,gBAAGC,OAAA,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAoCC,KAAK,KAAM;EAC1DC,IAAI,EAAE,MAAM;EACZC,MAAM,EAAE,cAAc;EACtBC,WAAW,YAAW;EACtBC,eAAe,EAAEZ,MAAM;EACvBa,UAAU,EAAE,+BAA+B;EAC3CC,eAAe,EAAEN,KAAK,CAACO,OAAO,GAAG,MAAM,GAAG,GAAG;EAC7CC,gBAAgB,EAAER,KAAK,CAACO,OAAO,GAAG,CAAC,GAAGf;AACxC,CAAC,CAAC,EAAAG,OAAA,CAAAC,GAAA,CAAAC,QAAA,unCAAC;AAEH,OAAO,MAAMY,SAAS,GAAGC,IAAA,IAAwC;EAAA,IAAvC;IAAEH;EAA+B,CAAC,GAAAG,IAAA;EAC1D,oBAAOC,IAAA,CAAClB,IAAI;IAACmB,CAAC,EAAC,kCAAkC;IAACL,OAAO,EAAEA;EAAQ,CAAE,CAAC;AACxE,CAAC","ignoreList":[]}

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

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

package/build/esm/CheckBox/IndeterminatePath.js

@@ -1,25 +1,23 @@
 import _styled from "@emotion/styled/base";
 import { jsx as _jsx } from "react/jsx-runtime";
-
-var Line = _styled("line", process.env.NODE_ENV === "production" ? {
+const Line = /*#__PURE__*/_styled("line", process.env.NODE_ENV === "production" ? {
   target: "eat3a050"
 } : {
   target: "eat3a050",
   label: "Line"
-})(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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DaGVja0JveC9JbmRldGVybWluYXRlUGF0aC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR2EiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0NoZWNrQm94L0luZGV0ZXJtaW5hdGVQYXRoLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgcmVtIH0gZnJvbSAncG9saXNoZWQnO1xyXG5cclxuY29uc3QgTGluZSA9IHN0eWxlZC5saW5lPHsgY2hlY2tlZD86IGJvb2xlYW47IHJvdGF0ZT86IGJvb2xlYW4gfT4oKHByb3BzKSA9PiAoe1xyXG4gIGZpbGw6ICdub25lJyxcclxuICBzdHJva2U6ICdjdXJyZW50Q29sb3InLFxyXG4gIHN0cm9rZVdpZHRoOiByZW0oNCksXHJcbiAgdHJhbnNmb3JtT3JpZ2luOiAnY2VudGVyIGNlbnRlcicsXHJcbiAgdHJhbnNmb3JtOiBwcm9wcy5jaGVja2VkID8gJ3NjYWxlWCgxKScgOiAnc2NhbGVYKDApJyxcclxuICB0cmFuc2l0aW9uOiAndHJhbnNmb3JtIC4xOHMgbGluZWFyJyxcclxuICB0cmFuc2l0aW9uRGVsYXk6IHByb3BzLmNoZWNrZWQgPyAnOTBtcycgOiAnMCcsXHJcbn0pKTtcclxuXHJcbmV4cG9ydCBjb25zdCBJbmRldGVybWluYXRlUGF0aCA9ICh7IGNoZWNrZWQgfTogeyBjaGVja2VkPzogYm9vbGVhbiB9KSA9PiB7XHJcbiAgcmV0dXJuIDxMaW5lIHkyPVwiMTJcIiB4Mj1cIjIyXCIgeTE9XCIxMlwiIHgxPVwiMlwiIGNoZWNrZWQ9e2NoZWNrZWR9IC8+O1xyXG59O1xyXG4iXX0= */");
-
-export var IndeterminatePath = function IndeterminatePath(_ref) {
-  var checked = _ref.checked;
+})(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 */");
+export const IndeterminatePath = _ref => {
+  let {
+    checked
+  } = _ref;
   return /*#__PURE__*/_jsx(Line, {
     y2: "12",
     x2: "22",

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

@@ -1 +1 @@
-{"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';\r\nimport { rem } from 'polished';\r\n\r\nconst Line = styled.line<{ checked?: boolean; rotate?: boolean }>((props) => ({\r\n  fill: 'none',\r\n  stroke: 'currentColor',\r\n  strokeWidth: rem(4),\r\n  transformOrigin: 'center center',\r\n  transform: props.checked ? 'scaleX(1)' : 'scaleX(0)',\r\n  transition: 'transform .18s linear',\r\n  transitionDelay: props.checked ? '90ms' : '0',\r\n}));\r\n\r\nexport const IndeterminatePath = ({ checked }: { checked?: boolean }) => {\r\n  return <Line y2=\"12\" x2=\"22\" y1=\"12\" x1=\"2\" checked={checked} />;\r\n};\r\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,qoCAAb;;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"}
+{"version":3,"file":"IndeterminatePath.js","names":["Line","_styled","process","env","NODE_ENV","target","label","props","fill","stroke","strokeWidth","transformOrigin","transform","checked","transition","transitionDelay","IndeterminatePath","_ref","_jsx","y2","x2","y1","x1"],"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,MAAMA,IAAI,gBAAGC,OAAA,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAsDC,KAAK,KAAM;EAC5EC,IAAI,EAAE,MAAM;EACZC,MAAM,EAAE,cAAc;EACtBC,WAAW,WAAQ;EACnBC,eAAe,EAAE,eAAe;EAChCC,SAAS,EAAEL,KAAK,CAACM,OAAO,GAAG,WAAW,GAAG,WAAW;EACpDC,UAAU,EAAE,uBAAuB;EACnCC,eAAe,EAAER,KAAK,CAACM,OAAO,GAAG,MAAM,GAAG;AAC5C,CAAC,CAAC,EAAAX,OAAA,CAAAC,GAAA,CAAAC,QAAA,mkCAAC;AAEH,OAAO,MAAMY,iBAAiB,GAAGC,IAAA,IAAwC;EAAA,IAAvC;IAAEJ;EAA+B,CAAC,GAAAI,IAAA;EAClE,oBAAOC,IAAA,CAAClB,IAAI;IAACmB,EAAE,EAAC,IAAI;IAACC,EAAE,EAAC,IAAI;IAACC,EAAE,EAAC,IAAI;IAACC,EAAE,EAAC,GAAG;IAACT,OAAO,EAAEA;EAAQ,CAAE,CAAC;AAClE,CAAC","ignoreList":[]}

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

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

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

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

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

@@ -1,9 +1,9 @@
-import type { ReactNode } from 'react';
-import type { ChipBaseProps } from './ChipBase';
-export declare type ButtonChipProps = ChipBaseProps & {
-    checked?: boolean;
-    disabled?: boolean;
-    leadingIcon?: ReactNode;
-    trailingIcon?: ReactNode;
-};
-export declare const ButtonChip: import("react").ForwardRefExoticComponent<Pick<ButtonChipProps, "hidden" | keyof import("..").BaseProps | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | "checked" | "disabled" | "placeholder" | "onChange" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "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" | "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" | "leadingIcon" | "trailingIcon" | "borderOpacity"> & import("react").RefAttributes<HTMLDivElement>>;
+import type { ReactNode } from 'react';
+import type { ChipBaseProps } from './ChipBase';
+export type ButtonChipProps = ChipBaseProps & {
+    checked?: boolean;
+    disabled?: boolean;
+    leadingIcon?: ReactNode;
+    trailingIcon?: ReactNode;
+};
+export declare const ButtonChip: import("react").ForwardRefExoticComponent<Omit<ButtonChipProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/build/esm/Chip/ButtonChip.js

@@ -1,34 +1,30 @@
-import _extends from "@babel/runtime/helpers/extends";
-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 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);
-
-  var theme = useTheme();
-  var isClickable = onClick && !disabledProp;
-  return /*#__PURE__*/_jsx(ChipBase, _extends(_extends({
+import { jsxs as _jsxs, 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,
+    __css,
+    ...otherProps
+  } = props;
+  const theme = useTheme();
+  const isClickable = onClick && !disabledProp;
+  return /*#__PURE__*/_jsx(ChipBase, {
     as: "div",
     onClick: isClickable ? onClick : undefined,
     disabled: disabledProp,
     color: "on.surface",
     backgroundColor: "surface",
-    __css: __css
-  }, otherProps), {}, {
+    __css: __css,
+    ...otherProps,
     children: /*#__PURE__*/_jsxs(RippleBox, {
       as: as,
       role: isClickable ? 'button' : undefined,
@@ -45,7 +41,7 @@ export var ButtonChip = /*#__PURE__*/forwardRef(function ButtonChip(props, forwa
       __css: {
         bg: 'transparent',
         color: 'inherit',
-        padding: "0",
+        padding: `0`,
         pl: leadingIcon ? "0.5rem" : "0.75rem",
         pr: trailingIcon ? "0.5rem" : "0.75rem",
         gap: "0.5rem",
@@ -65,6 +61,6 @@ export var ButtonChip = /*#__PURE__*/forwardRef(function ButtonChip(props, forwa
       },
       children: [leadingIcon, children, trailingIcon]
     })
-  }));
+  });
 });
 //# sourceMappingURL=ButtonChip.js.map

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

@@ -1 +1 @@
-{"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';\r\nimport { forwardRef } from 'react';\r\nimport { rem } from 'polished';\r\n\r\nimport type { ChipBaseProps } from './ChipBase';\r\nimport { ChipBase } from './ChipBase';\r\nimport { RippleBox } from '../Ripple';\r\nimport { useTheme } from '../theme';\r\n\r\nexport type ButtonChipProps = ChipBaseProps & {\r\n  checked?: boolean;\r\n  disabled?: boolean;\r\n  leadingIcon?: ReactNode;\r\n  trailingIcon?: ReactNode;\r\n};\r\n\r\nexport const ButtonChip = forwardRef<HTMLDivElement, ButtonChipProps>(\r\n  function ButtonChip(props, forwardedRef) {\r\n    const {\r\n      as = 'div',\r\n      onClick,\r\n      disabled: disabledProp,\r\n      leadingIcon,\r\n      trailingIcon,\r\n      children,\r\n      color,\r\n      __css,\r\n      ...otherProps\r\n    } = props;\r\n\r\n    const theme = useTheme();\r\n    const isClickable = onClick && !disabledProp;\r\n\r\n    return (\r\n      <ChipBase\r\n        as=\"div\"\r\n        onClick={isClickable ? onClick : undefined}\r\n        disabled={disabledProp}\r\n        color=\"on.surface\"\r\n        backgroundColor=\"surface\"\r\n        __css={__css}\r\n        {...otherProps}\r\n      >\r\n        <RippleBox\r\n          as={as}\r\n          role={isClickable ? 'button' : undefined}\r\n          tabIndex={isClickable ? 0 : undefined}\r\n          theme={theme}\r\n          ref={forwardedRef}\r\n          rippleColor={'currentColor'}\r\n          baseOpacity={0}\r\n          hoverOpacity={0.12}\r\n          focusOpacity={0.24}\r\n          center={false}\r\n          disabled={!isClickable}\r\n          aria-disabled={!isClickable}\r\n          __css={{\r\n            bg: 'transparent',\r\n            color: 'inherit',\r\n            padding: `0`,\r\n            pl: leadingIcon ? rem(8) : rem(12),\r\n            pr: trailingIcon ? rem(8) : rem(12),\r\n            gap: rem(8),\r\n            width: '100%',\r\n            minWidth: 'auto',\r\n            height: '100%',\r\n            appearance: 'none',\r\n            ':focus': {\r\n              outline: 'none',\r\n            },\r\n            border: 'none',\r\n            borderRadius: 0,\r\n            position: 'relative',\r\n            display: 'inline-flex',\r\n            alignItems: 'center',\r\n            cursor: isClickable ? 'pointer' : 'default',\r\n          }}\r\n        >\r\n          {leadingIcon}\r\n          {children}\r\n          {trailingIcon}\r\n        </RippleBox>\r\n      </ChipBase>\r\n    );\r\n  }\r\n);\r\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"}
+{"version":3,"file":"ButtonChip.js","names":["forwardRef","ChipBase","RippleBox","useTheme","jsxs","_jsxs","jsx","_jsx","ButtonChip","props","forwardedRef","as","onClick","disabled","disabledProp","leadingIcon","trailingIcon","children","color","__css","otherProps","theme","isClickable","undefined","backgroundColor","role","tabIndex","ref","rippleColor","baseOpacity","hoverOpacity","focusOpacity","center","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,UAAU,QAAQ,OAAO;AAIlC,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,SAAS,QAAQ,WAAW;AACrC,SAASC,QAAQ,QAAQ,UAAU;AAAC,SAAAC,IAAA,IAAAC,KAAA,EAAAC,GAAA,IAAAC,IAAA;AASpC,OAAO,MAAMC,UAAU,gBAAGR,UAAU,CAClC,SAASQ,UAAUA,CAACC,KAAK,EAAEC,YAAY,EAAE;EACvC,MAAM;IACJC,EAAE,GAAG,KAAK;IACVC,OAAO;IACPC,QAAQ,EAAEC,YAAY;IACtBC,WAAW;IACXC,YAAY;IACZC,QAAQ;IACRC,KAAK;IACLC,KAAK;IACL,GAAGC;EACL,CAAC,GAAGX,KAAK;EAET,MAAMY,KAAK,GAAGlB,QAAQ,CAAC,CAAC;EACxB,MAAMmB,WAAW,GAAGV,OAAO,IAAI,CAACE,YAAY;EAE5C,oBACEP,IAAA,CAACN,QAAQ;IACPU,EAAE,EAAC,KAAK;IACRC,OAAO,EAAEU,WAAW,GAAGV,OAAO,GAAGW,SAAU;IAC3CV,QAAQ,EAAEC,YAAa;IACvBI,KAAK,EAAC,YAAY;IAClBM,eAAe,EAAC,SAAS;IACzBL,KAAK,EAAEA,KAAM;IAAA,GACTC,UAAU;IAAAH,QAAA,eAEdZ,KAAA,CAACH,SAAS;MACRS,EAAE,EAAEA,EAAG;MACPc,IAAI,EAAEH,WAAW,GAAG,QAAQ,GAAGC,SAAU;MACzCG,QAAQ,EAAEJ,WAAW,GAAG,CAAC,GAAGC,SAAU;MACtCF,KAAK,EAAEA,KAAM;MACbM,GAAG,EAAEjB,YAAa;MAClBkB,WAAW,EAAE,cAAe;MAC5BC,WAAW,EAAE,CAAE;MACfC,YAAY,EAAE,IAAK;MACnBC,YAAY,EAAE,IAAK;MACnBC,MAAM,EAAE,KAAM;MACdnB,QAAQ,EAAE,CAACS,WAAY;MACvB,iBAAe,CAACA,WAAY;MAC5BH,KAAK,EAAE;QACLc,EAAE,EAAE,aAAa;QACjBf,KAAK,EAAE,SAAS;QAChBgB,OAAO,EAAE,GAAG;QACZC,EAAE,EAAEpB,WAAW,uBAAmB;QAClCqB,EAAE,EAAEpB,YAAY,uBAAmB;QACnCqB,GAAG,UAAQ;QACXC,KAAK,EAAE,MAAM;QACbC,QAAQ,EAAE,MAAM;QAChBC,MAAM,EAAE,MAAM;QACdC,UAAU,EAAE,MAAM;QAClB,QAAQ,EAAE;UACRC,OAAO,EAAE;QACX,CAAC;QACDC,MAAM,EAAE,MAAM;QACdC,YAAY,EAAE,CAAC;QACfC,QAAQ,EAAE,UAAU;QACpBC,OAAO,EAAE,aAAa;QACtBC,UAAU,EAAE,QAAQ;QACpBC,MAAM,EAAE1B,WAAW,GAAG,SAAS,GAAG;MACpC,CAAE;MAAAL,QAAA,GAEDF,WAAW,EACXE,QAAQ,EACRD,YAAY;IAAA,CACJ;EAAC,CACJ,CAAC;AAEf,CACF,CAAC","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-import { ButtonChip } from './ButtonChip';
-import type { ButtonChipProps } from './ButtonChip';
-export { ButtonChip as Chip };
-export type { ButtonChipProps as ChipProps };
+import { ButtonChip } from './ButtonChip';
+import type { ButtonChipProps } from './ButtonChip';
+export { ButtonChip as Chip };
+export type { ButtonChipProps as ChipProps };

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

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","names":["ButtonChip","Chip"],"sources":["../../../src/Chip/Chip.tsx"],"sourcesContent":["import { ButtonChip } from './ButtonChip';\r\nimport type { ButtonChipProps } from './ButtonChip';\r\n\r\nexport { ButtonChip as Chip };\r\nexport type { ButtonChipProps as ChipProps };\r\n"],"mappings":"AAAA,SAASA,UAAT,QAA2B,cAA3B;AAGA,SAASA,UAAU,IAAIC,IAAvB"}
+{"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,UAAU,QAAQ,cAAc;AAGzC,SAASA,UAAU,IAAIC,IAAI","ignoreList":[]}

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

@@ -1,10 +1,10 @@
-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: import("react").ForwardRefExoticComponent<Pick<ChipBaseProps<HTMLDivElement, HTMLAttributes<HTMLDivElement>>, "slot" | "style" | "title" | "children" | "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" | "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" | "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>>;
+import type { HTMLAttributes } from 'react';
+import type { BoxProps } from '../Box';
+export type ChipBaseProps<H = HTMLDivElement, Attr extends HTMLAttributes<H> = HTMLAttributes<H>> = BoxProps<H, Attr> & {
+    variant?: 'filled' | 'outlined';
+    backgroundColor?: string;
+    color?: string;
+    borderOpacity?: number;
+    disabled?: boolean;
+};
+export declare const ChipBase: import("react").ForwardRefExoticComponent<Omit<ChipBaseProps<HTMLDivElement, HTMLAttributes<HTMLDivElement>>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;