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

package/build/esm/Chip/ChipBase.js

@@ -1,5 +1,6 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/extends";
+var _excluded = ["as", "__css", "variant", "color", "backgroundColor", "borderOpacity", "children", "disabled"];
 import { forwardRef } from 'react';
 import { variant } from 'styled-system';
 import { Box } from '../Box';
@@ -8,10 +9,10 @@ import { alpha, getDarkThemeBackgroundOverlay, getColorOverlay } from '../color'
 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,
+  return _extends(_extends({}, !disabled && bg !== 'surface' ? {
+    bg: bg
+  } : _extends({}, getColorOverlay(theme, 'surface', 'primary', 0.05))), {}, {
+    color: color,
     '&::before': {
       backgroundColor: 'currentColor',
       position: 'absolute',
@@ -36,9 +37,9 @@ function getFilledCSS(theme, bg, color, disabled) {
 }
 
 function getOutlinedCSS(theme, bg, color, borderOpacity) {
-  return _extends({}, bg !== 'surface' ? {
-    bg
-  } : getDarkThemeBackgroundOverlay(theme, 2), {
+  return _extends(_extends({}, bg !== 'surface' ? {
+    bg: bg
+  } : getDarkThemeBackgroundOverlay(theme, 2)), {}, {
     color: color,
     borderColor: alpha(color, borderOpacity),
     borderStyle: 'solid',
@@ -46,25 +47,29 @@ 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, _excluded);
 
-  const theme = useTheme();
-  return /*#__PURE__*/_jsx(Box, _extends({
+  var theme = useTheme();
+  return /*#__PURE__*/_jsx(Box, _extends(_extends({
     as: as,
     "data-disabled": disabled ? '' : undefined,
     ref: forwardedRef,
-    __css: _extends({
+    __css: _extends(_extends(_extends({
       boxSizing: 'border-box',
       position: 'relative',
       display: 'inline-flex',
@@ -92,11 +97,11 @@ export const ChipBase = /*#__PURE__*/forwardRef(function Chip(props, forwardedRe
       }
     })({
       variant: variantProp,
-      theme
-    }), variantProp === 'filled' ? getFilledCSS(theme, backgroundColorProp, colorProp, disabled) : getOutlinedCSS(theme, backgroundColorProp, colorProp, borderOpacityProp), {
+      theme: theme
+    })), variantProp === 'filled' ? getFilledCSS(theme, backgroundColorProp, colorProp, disabled) : getOutlinedCSS(theme, backgroundColorProp, colorProp, borderOpacityProp)), {}, {
       opacity: disabled ? 0.38 : 1
     }, __css)
-  }, otherProps, {
+  }, otherProps), {}, {
     children: children
   }));
 });

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,"file":"ChipBase.js","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"],"sources":["../../../src/Chip/ChipBase.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\nimport { variant } from 'styled-system';\nimport { rem } from 'polished';\n\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\nimport type { Theme } from '../theme';\nimport { useTheme } from '../theme';\nimport {\n  alpha,\n  getDarkThemeBackgroundOverlay,\n  getColorOverlay,\n} from '../color';\n\nexport type ChipBaseProps<\n  H = HTMLDivElement,\n  Attr = HTMLAttributes<H>\n> = BoxProps<H, Attr> & {\n  variant?: 'filled' | 'outlined';\n  backgroundColor?: string;\n  color?: string;\n  borderOpacity?: number;\n  disabled?: boolean;\n};\n\nfunction getFilledCSS(\n  theme: Theme,\n  bg: string,\n  color: string,\n  disabled: boolean\n) {\n  return {\n    ...(!disabled && bg !== 'surface'\n      ? { bg }\n      : {\n          ...getColorOverlay(theme, 'surface', 'primary', 0.05),\n        }),\n    color,\n    '&::before': {\n      backgroundColor: 'currentColor',\n      position: 'absolute',\n      content: '\"\"',\n      opacity: 0,\n      pointerEvents: 'none',\n      top: 0,\n      right: 0,\n      bottom: 0,\n      left: 0,\n      width: '100%',\n      height: '100%',\n      boxSizing: 'content-box',\n    },\n    '& > *': {\n      zIndex: 1,\n    },\n    ...(disabled && { boxShadow: 0, bg: alpha('on.surface', 0.32) }),\n  };\n}\n\nfunction getOutlinedCSS(\n  theme: Theme,\n  bg: string,\n  color: string,\n  borderOpacity: number\n) {\n  return {\n    ...(bg !== 'surface' ? { bg } : getDarkThemeBackgroundOverlay(theme, 2)),\n    color: color,\n    borderColor: alpha(color, borderOpacity),\n    borderStyle: 'solid',\n    borderWidth: rem(1),\n  };\n}\n\nexport const ChipBase = forwardRef<HTMLDivElement, ChipBaseProps>(function Chip(\n  props,\n  forwardedRef\n) {\n  const {\n    as = 'div',\n    __css,\n    variant: variantProp = 'filled',\n    color: colorProp = 'on.surface',\n    backgroundColor: backgroundColorProp = 'surface',\n    borderOpacity: borderOpacityProp = 0.24,\n    children,\n    disabled = false,\n    ...otherProps\n  } = props;\n  const theme = useTheme();\n\n  return (\n    <Box\n      as={as}\n      data-disabled={disabled ? '' : undefined}\n      ref={forwardedRef}\n      __css={{\n        boxSizing: 'border-box',\n        position: 'relative',\n        display: 'inline-flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        textAlign: 'center',\n        lineHeight: 'inherit',\n        textDecoration: 'none',\n        fontSize: 'inherit',\n        border: 0,\n        overflow: 'hidden',\n        whiteSpace: 'nowrap',\n        cursor: 'default',\n        WebkitTapHighlightColor: 'transparent',\n        willChange: 'transform,opacity',\n        minWidth: 'auto',\n        '&::-moz-focus-inner': {\n          border: 0,\n        },\n        ...variant({\n          scale: 'chips.variants',\n          prop: 'variant',\n          variants: {\n            text: {},\n          },\n        })({ variant: variantProp, theme }),\n        ...(variantProp === 'filled'\n          ? getFilledCSS(theme, backgroundColorProp, colorProp, disabled)\n          : getOutlinedCSS(\n              theme,\n              backgroundColorProp,\n              colorProp,\n              borderOpacityProp\n            )),\n        opacity: disabled ? 0.38 : 1,\n        ...__css,\n      }}\n      {...otherProps}\n    >\n      {children}\n    </Box>\n  );\n});\n"],"mappings":"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"}

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

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

package/build/esm/Chip/ChoiceChip.js

@@ -1,5 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["type", "color", "checked", "aria-checked", "defaultChecked", "value", "name", "defaultValue", "disabled", "onChange", "leadingIcon", "trailingIcon", "children", "__css"],
+    _excluded2 = ["type"];
 import { forwardRef } from 'react';
 import { RadioButton, CheckBox } from '@basic-ui/core';
 import { ChipBase } from './ChipBase';
@@ -8,34 +10,33 @@ import { useTheme } from '../theme';
 import { Box } from '../Box';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-const InnerInput = /*#__PURE__*/forwardRef(function InnerInput(props, forwardedRef) {
-  const {
-    type,
-    color = 'primary',
-    checked,
-    'aria-checked': ariaChecked,
-    defaultChecked,
-    value,
-    name,
-    defaultValue,
-    disabled,
-    onChange,
-    leadingIcon,
-    trailingIcon,
-    children,
-    __css
-  } = props,
-        otherProps = _objectWithoutPropertiesLoose(props, ["type", "color", "checked", "aria-checked", "defaultChecked", "value", "name", "defaultValue", "disabled", "onChange", "leadingIcon", "trailingIcon", "children", "__css"]);
+var InnerInput = /*#__PURE__*/forwardRef(function InnerInput(props, forwardedRef) {
+  var type = props.type,
+      _props$color = props.color,
+      color = _props$color === void 0 ? 'primary' : _props$color,
+      checked = props.checked,
+      ariaChecked = props['aria-checked'],
+      defaultChecked = props.defaultChecked,
+      value = props.value,
+      name = props.name,
+      defaultValue = props.defaultValue,
+      disabled = props.disabled,
+      onChange = props.onChange,
+      leadingIcon = props.leadingIcon,
+      trailingIcon = props.trailingIcon,
+      children = props.children,
+      __css = props.__css,
+      otherProps = _objectWithoutProperties(props, _excluded);
 
-  const theme = useTheme();
-  return /*#__PURE__*/_jsx(ChipBase, _extends({
+  var theme = useTheme();
+  return /*#__PURE__*/_jsx(ChipBase, _extends(_extends({
     as: "label",
     disabled: disabled,
     backgroundColor: checked ? color + '-container' : 'surface',
     color: checked ? 'on.' + color + '-container' : 'on.surface',
     borderOpacity: checked ? 0 : 0.24,
     __css: __css
-  }, otherProps, {
+  }, otherProps), {}, {
     children: /*#__PURE__*/_jsxs(Box, {
       as: "span",
       __css: {
@@ -83,13 +84,12 @@ const InnerInput = /*#__PURE__*/forwardRef(function InnerInput(props, forwardedR
     })
   }));
 });
-export const ChoiceChip = /*#__PURE__*/forwardRef(function ChoiceChip(props, forwardedRef) {
-  const {
-    type = 'checkbox'
-  } = props,
-        otherProps = _objectWithoutPropertiesLoose(props, ["type"]);
+export var ChoiceChip = /*#__PURE__*/forwardRef(function ChoiceChip(props, forwardedRef) {
+  var _props$type = props.type,
+      type = _props$type === void 0 ? 'checkbox' : _props$type,
+      otherProps = _objectWithoutProperties(props, _excluded2);
 
-  const Comp = type === 'radio' ? RadioButton : CheckBox;
+  var Comp = type === 'radio' ? RadioButton : CheckBox;
   return /*#__PURE__*/_jsx(Comp, _extends({
     ref: forwardedRef,
     as: InnerInput,

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

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

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

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