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

package/build/esm/Link/Link.d.ts

@@ -1,9 +1,9 @@
-import type { AnchorHTMLAttributes } from 'react';
-import type { BoxProps } from '../Box';
-export interface LinkProps extends BoxProps<HTMLAnchorElement, AnchorHTMLAttributes<HTMLAnchorElement>> {
-    color?: string;
-    to?: string;
-    replace?: boolean;
-    state?: any;
-}
-export declare const Link: import("react").ForwardRefExoticComponent<Pick<LinkProps, "replace" | "p" | "slot" | "style" | "title" | "as" | "fontFamily" | "fontSize" | "children" | "background" | "bottom" | "top" | "hidden" | "left" | "right" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "display" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontStyle" | "textAlign" | "color" | "bg" | "backgroundColor" | "opacity" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexDirection" | "flex" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat" | "position" | "zIndex" | "boxShadow" | "textShadow" | "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" | "type" | "download" | "href" | "hrefLang" | "media" | "ping" | "rel" | "target" | "referrerPolicy" | "to" | "state"> & import("react").RefAttributes<HTMLAnchorElement>>;
+import type { AnchorHTMLAttributes } from 'react';
+import type { BoxProps } from '../Box';
+export interface LinkProps extends BoxProps<HTMLAnchorElement, AnchorHTMLAttributes<HTMLAnchorElement>> {
+    color?: string;
+    to?: string;
+    replace?: boolean;
+    state?: any;
+}
+export declare const Link: import("react").ForwardRefExoticComponent<Omit<LinkProps, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;

package/build/esm/Link/Link.js

@@ -1,28 +1,24 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["as", "color", "__css"];
 import { forwardRef } from 'react';
 import { Box } from '../Box';
 import { alpha } from '../color';
 import { jsx as _jsx } from "react/jsx-runtime";
-export var Link = /*#__PURE__*/forwardRef(function Link(props, forwardedRef) {
-  var _props$as = props.as,
-      asProp = _props$as === void 0 ? 'a' : _props$as,
-      _props$color = props.color,
-      color = _props$color === void 0 ? 'primary' : _props$color,
-      __css = props.__css,
-      otherProps = _objectWithoutProperties(props, _excluded);
-
-  return /*#__PURE__*/_jsx(Box, _extends({
+export const Link = /*#__PURE__*/forwardRef(function Link(props, forwardedRef) {
+  const {
+    as: asProp = 'a',
+    color = 'primary',
+    __css,
+    ...otherProps
+  } = props;
+  return /*#__PURE__*/_jsx(Box, {
     ref: forwardedRef,
     as: asProp,
-    __css: _extends({
+    __css: {
       fontFamily: 'inherit',
       fontSize: 'inherit',
       fontWeight: 'inherit',
       lineHeight: 'inherit',
       letterSpacing: 'inherit',
-      color: color,
+      color,
       textDecoration: 'underline',
       background: 'none',
       border: 'none',
@@ -47,8 +43,10 @@ export var Link = /*#__PURE__*/forwardRef(function Link(props, forwardedRef) {
         cursor: 'default',
         pointerEvents: 'none'
       },
-      WebkitTapHighlightColor: 'transparent'
-    }, __css)
-  }, otherProps));
+      WebkitTapHighlightColor: 'transparent',
+      ...__css
+    },
+    ...otherProps
+  });
 });
 //# sourceMappingURL=Link.js.map

package/build/esm/Link/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","names":["forwardRef","Box","alpha","Link","props","forwardedRef","as","asProp","color","__css","otherProps","fontFamily","fontSize","fontWeight","lineHeight","letterSpacing","textDecoration","background","border","borderRadius","cursor","outlineWidth","outlineStyle","outlineColor","bg","opacity","pointerEvents","WebkitTapHighlightColor"],"sources":["../../../src/Link/Link.tsx"],"sourcesContent":["import type { AnchorHTMLAttributes } 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 { alpha } from '../color';\r\n\r\nexport interface LinkProps\r\n  extends BoxProps<HTMLAnchorElement, AnchorHTMLAttributes<HTMLAnchorElement>> {\r\n  color?: string;\r\n  // ReachRouter Props\r\n  to?: string;\r\n  replace?: boolean;\r\n  state?: any;\r\n}\r\n\r\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(function Link(\r\n  props,\r\n  forwardedRef\r\n) {\r\n  const { as: asProp = 'a', color = 'primary', __css, ...otherProps } = props;\r\n\r\n  return (\r\n    <Box\r\n      ref={forwardedRef as any}\r\n      as={asProp}\r\n      __css={{\r\n        fontFamily: 'inherit',\r\n        fontSize: 'inherit',\r\n        fontWeight: 'inherit',\r\n        lineHeight: 'inherit',\r\n        letterSpacing: 'inherit',\r\n        color,\r\n        textDecoration: 'underline',\r\n        background: 'none',\r\n        border: 'none',\r\n        borderRadius: 'extra-small',\r\n        'button&': {\r\n          cursor: 'pointer',\r\n        },\r\n        '&:hover,&:focus': {\r\n          textDecoration: 'none',\r\n        },\r\n        '&:focus,&:active': {\r\n          outlineWidth: rem(1),\r\n          outlineStyle: 'solid',\r\n          outlineColor: alpha(color, 0.87),\r\n        },\r\n        '&:active': {\r\n          bg: alpha(color, 0.16),\r\n        },\r\n        '&[aria-disabled=\"true\"],&:disabled': {\r\n          color: 'on.surface',\r\n          opacity: 0.38,\r\n          cursor: 'default',\r\n          pointerEvents: 'none',\r\n        },\r\n        WebkitTapHighlightColor: 'transparent',\r\n        ...__css,\r\n      }}\r\n      {...otherProps}\r\n    />\r\n  );\r\n});\r\n"],"mappings":";;;AACA,SAASA,UAAT,QAA2B,OAA3B;AAIA,SAASC,GAAT,QAAoB,QAApB;AACA,SAASC,KAAT,QAAsB,UAAtB;;AAWA,OAAO,IAAMC,IAAI,gBAAGH,UAAU,CAA+B,SAASG,IAAT,CAC3DC,KAD2D,EAE3DC,YAF2D,EAG3D;EACA,gBAAsED,KAAtE,CAAQE,EAAR;EAAA,IAAYC,MAAZ,0BAAqB,GAArB;EAAA,mBAAsEH,KAAtE,CAA0BI,KAA1B;EAAA,IAA0BA,KAA1B,6BAAkC,SAAlC;EAAA,IAA6CC,KAA7C,GAAsEL,KAAtE,CAA6CK,KAA7C;EAAA,IAAuDC,UAAvD,4BAAsEN,KAAtE;;EAEA,oBACE,KAAC,GAAD;IACE,GAAG,EAAEC,YADP;IAEE,EAAE,EAAEE,MAFN;IAGE,KAAK;MACHI,UAAU,EAAE,SADT;MAEHC,QAAQ,EAAE,SAFP;MAGHC,UAAU,EAAE,SAHT;MAIHC,UAAU,EAAE,SAJT;MAKHC,aAAa,EAAE,SALZ;MAMHP,KAAK,EAALA,KANG;MAOHQ,cAAc,EAAE,WAPb;MAQHC,UAAU,EAAE,MART;MASHC,MAAM,EAAE,MATL;MAUHC,YAAY,EAAE,aAVX;MAWH,WAAW;QACTC,MAAM,EAAE;MADC,CAXR;MAcH,mBAAmB;QACjBJ,cAAc,EAAE;MADC,CAdhB;MAiBH,oBAAoB;QAClBK,YAAY,aADM;QAElBC,YAAY,EAAE,OAFI;QAGlBC,YAAY,EAAErB,KAAK,CAACM,KAAD,EAAQ,IAAR;MAHD,CAjBjB;MAsBH,YAAY;QACVgB,EAAE,EAAEtB,KAAK,CAACM,KAAD,EAAQ,IAAR;MADC,CAtBT;MAyBH,sCAAsC;QACpCA,KAAK,EAAE,YAD6B;QAEpCiB,OAAO,EAAE,IAF2B;QAGpCL,MAAM,EAAE,SAH4B;QAIpCM,aAAa,EAAE;MAJqB,CAzBnC;MA+BHC,uBAAuB,EAAE;IA/BtB,GAgCAlB,KAhCA;EAHP,GAqCMC,UArCN,EADF;AAyCD,CA/C6B,CAAvB"}
+{"version":3,"file":"Link.js","names":["forwardRef","Box","alpha","jsx","_jsx","Link","props","forwardedRef","as","asProp","color","__css","otherProps","ref","fontFamily","fontSize","fontWeight","lineHeight","letterSpacing","textDecoration","background","border","borderRadius","cursor","outlineWidth","outlineStyle","outlineColor","bg","opacity","pointerEvents","WebkitTapHighlightColor"],"sources":["../../../src/Link/Link.tsx"],"sourcesContent":["import type { AnchorHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\nimport { rem } from 'polished';\n\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\nimport { alpha } from '../color';\n\nexport interface LinkProps\n  extends BoxProps<HTMLAnchorElement, AnchorHTMLAttributes<HTMLAnchorElement>> {\n  color?: string;\n  // ReachRouter Props\n  to?: string;\n  replace?: boolean;\n  state?: any;\n}\n\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(function Link(\n  props,\n  forwardedRef\n) {\n  const { as: asProp = 'a', color = 'primary', __css, ...otherProps } = props;\n\n  return (\n    <Box\n      ref={forwardedRef as any}\n      as={asProp}\n      __css={{\n        fontFamily: 'inherit',\n        fontSize: 'inherit',\n        fontWeight: 'inherit',\n        lineHeight: 'inherit',\n        letterSpacing: 'inherit',\n        color,\n        textDecoration: 'underline',\n        background: 'none',\n        border: 'none',\n        borderRadius: 'extra-small',\n        'button&': {\n          cursor: 'pointer',\n        },\n        '&:hover,&:focus': {\n          textDecoration: 'none',\n        },\n        '&:focus,&:active': {\n          outlineWidth: rem(1),\n          outlineStyle: 'solid',\n          outlineColor: alpha(color, 0.87),\n        },\n        '&:active': {\n          bg: alpha(color, 0.16),\n        },\n        '&[aria-disabled=\"true\"],&:disabled': {\n          color: 'on.surface',\n          opacity: 0.38,\n          cursor: 'default',\n          pointerEvents: 'none',\n        },\n        WebkitTapHighlightColor: 'transparent',\n        ...__css,\n      }}\n      {...otherProps}\n    />\n  );\n});\n"],"mappings":"AACA,SAASA,UAAU,QAAQ,OAAO;AAIlC,SAASC,GAAG,QAAQ,QAAQ;AAC5B,SAASC,KAAK,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAWjC,OAAO,MAAMC,IAAI,gBAAGL,UAAU,CAA+B,SAASK,IAAIA,CACxEC,KAAK,EACLC,YAAY,EACZ;EACA,MAAM;IAAEC,EAAE,EAAEC,MAAM,GAAG,GAAG;IAAEC,KAAK,GAAG,SAAS;IAAEC,KAAK;IAAE,GAAGC;EAAW,CAAC,GAAGN,KAAK;EAE3E,oBACEF,IAAA,CAACH,GAAG;IACFY,GAAG,EAAEN,YAAoB;IACzBC,EAAE,EAAEC,MAAO;IACXE,KAAK,EAAE;MACLG,UAAU,EAAE,SAAS;MACrBC,QAAQ,EAAE,SAAS;MACnBC,UAAU,EAAE,SAAS;MACrBC,UAAU,EAAE,SAAS;MACrBC,aAAa,EAAE,SAAS;MACxBR,KAAK;MACLS,cAAc,EAAE,WAAW;MAC3BC,UAAU,EAAE,MAAM;MAClBC,MAAM,EAAE,MAAM;MACdC,YAAY,EAAE,aAAa;MAC3B,SAAS,EAAE;QACTC,MAAM,EAAE;MACV,CAAC;MACD,iBAAiB,EAAE;QACjBJ,cAAc,EAAE;MAClB,CAAC;MACD,kBAAkB,EAAE;QAClBK,YAAY,aAAQ;QACpBC,YAAY,EAAE,OAAO;QACrBC,YAAY,EAAExB,KAAK,CAACQ,KAAK,EAAE,IAAI;MACjC,CAAC;MACD,UAAU,EAAE;QACViB,EAAE,EAAEzB,KAAK,CAACQ,KAAK,EAAE,IAAI;MACvB,CAAC;MACD,oCAAoC,EAAE;QACpCA,KAAK,EAAE,YAAY;QACnBkB,OAAO,EAAE,IAAI;QACbL,MAAM,EAAE,SAAS;QACjBM,aAAa,EAAE;MACjB,CAAC;MACDC,uBAAuB,EAAE,aAAa;MACtC,GAAGnB;IACL,CAAE;IAAA,GACEC;EAAU,CACf,CAAC;AAEN,CAAC,CAAC","ignoreList":[]}

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

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

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

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

package/build/esm/List/List.d.ts

@@ -1,8 +1,8 @@
-import type { ElementType, ReactNode } from 'react';
-import type { PaperProps } from '../Paper';
-export interface ListProps extends PaperProps {
-    as?: ElementType<any>;
-    innerAs?: ElementType<any>;
-    children?: ReactNode;
-}
-export declare const List: import("react").ForwardRefExoticComponent<Pick<ListProps, "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" | "elevation" | "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" | "outlined" | "backgroundOverlay" | "darkThemeBackgroundOverlay" | "key" | "innerAs"> & import("react").RefAttributes<HTMLDivElement>>;
+import type { ElementType, ReactNode } from 'react';
+import type { PaperProps } from '../Paper';
+export interface ListProps extends PaperProps {
+    as?: ElementType<any>;
+    innerAs?: ElementType<any>;
+    children?: ReactNode;
+}
+export declare const List: import("react").ForwardRefExoticComponent<Omit<ListProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/build/esm/List/List.js

@@ -1,28 +1,19 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["as", "innerAs", "elevation", "py", "px", "outlined", "variant", "__css"];
 import { forwardRef } from 'react';
 import { Paper } from '../Paper';
 import { jsx as _jsx } from "react/jsx-runtime";
-export var List = /*#__PURE__*/forwardRef(function List(props, forwardedRef) {
-  var _props$as = props.as,
-      as = _props$as === void 0 ? 'div' : _props$as,
-      innerAs = props.innerAs,
-      _props$elevation = props.elevation,
-      elevation = _props$elevation === void 0 ? 0 : _props$elevation,
-      _props$py = props.py,
-      py = _props$py === void 0 ? 2 : _props$py,
-      _props$px = props.px,
-      px = _props$px === void 0 ? 0 : _props$px,
-      _props$outlined = props.outlined,
-      outlined = _props$outlined === void 0 ? true : _props$outlined,
-      _props$variant = props.variant,
-      variant = _props$variant === void 0 ? 'square' : _props$variant,
-      _props$__css = props.__css,
-      __css = _props$__css === void 0 ? {} : _props$__css,
-      otherProps = _objectWithoutProperties(props, _excluded);
-
-  return /*#__PURE__*/_jsx(Paper, _extends({
+export const List = /*#__PURE__*/forwardRef(function List(props, forwardedRef) {
+  const {
+    as = 'div',
+    innerAs,
+    elevation = 0,
+    py = 2,
+    px = 0,
+    outlined = true,
+    variant = 'square',
+    __css = {},
+    ...otherProps
+  } = props;
+  return /*#__PURE__*/_jsx(Paper, {
     as: innerAs || as,
     ref: forwardedRef,
     py: py,
@@ -31,9 +22,11 @@ export var List = /*#__PURE__*/forwardRef(function List(props, forwardedRef) {
     darkThemeBackgroundOverlay: elevation,
     variant: variant,
     outlined: outlined,
-    __css: _extends({
-      width: '100%'
-    }, __css)
-  }, otherProps));
+    __css: {
+      width: '100%',
+      ...__css
+    },
+    ...otherProps
+  });
 });
 //# sourceMappingURL=List.js.map

package/build/esm/List/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","names":["forwardRef","Paper","List","props","forwardedRef","as","innerAs","elevation","py","px","outlined","variant","__css","otherProps","width"],"sources":["../../../src/List/List.tsx"],"sourcesContent":["import type { ElementType, ReactNode } from 'react';\r\nimport { forwardRef } from 'react';\r\n\r\nimport type { PaperProps } from '../Paper';\r\nimport { Paper } from '../Paper';\r\n\r\nexport interface ListProps extends PaperProps {\r\n  as?: ElementType<any>;\r\n  innerAs?: ElementType<any>;\r\n  children?: ReactNode;\r\n}\r\n\r\nexport const List = forwardRef<HTMLDivElement, ListProps>(function List(\r\n  props,\r\n  forwardedRef\r\n) {\r\n  const {\r\n    as = 'div',\r\n    innerAs,\r\n    elevation = 0,\r\n    py = 2,\r\n    px = 0,\r\n    outlined = true,\r\n    variant = 'square',\r\n    __css = {},\r\n    ...otherProps\r\n  } = props;\r\n\r\n  return (\r\n    <Paper\r\n      as={innerAs || as}\r\n      ref={forwardedRef}\r\n      py={py}\r\n      px={px}\r\n      elevation={elevation}\r\n      darkThemeBackgroundOverlay={elevation}\r\n      variant={variant}\r\n      outlined={outlined}\r\n      __css={{\r\n        width: '100%',\r\n        ...__css,\r\n      }}\r\n      {...otherProps}\r\n    />\r\n  );\r\n});\r\n"],"mappings":";;;AACA,SAASA,UAAT,QAA2B,OAA3B;AAGA,SAASC,KAAT,QAAsB,UAAtB;;AAQA,OAAO,IAAMC,IAAI,gBAAGF,UAAU,CAA4B,SAASE,IAAT,CACxDC,KADwD,EAExDC,YAFwD,EAGxD;EACA,gBAUID,KAVJ,CACEE,EADF;EAAA,IACEA,EADF,0BACO,KADP;EAAA,IAEEC,OAFF,GAUIH,KAVJ,CAEEG,OAFF;EAAA,uBAUIH,KAVJ,CAGEI,SAHF;EAAA,IAGEA,SAHF,iCAGc,CAHd;EAAA,gBAUIJ,KAVJ,CAIEK,EAJF;EAAA,IAIEA,EAJF,0BAIO,CAJP;EAAA,gBAUIL,KAVJ,CAKEM,EALF;EAAA,IAKEA,EALF,0BAKO,CALP;EAAA,sBAUIN,KAVJ,CAMEO,QANF;EAAA,IAMEA,QANF,gCAMa,IANb;EAAA,qBAUIP,KAVJ,CAOEQ,OAPF;EAAA,IAOEA,OAPF,+BAOY,QAPZ;EAAA,mBAUIR,KAVJ,CAQES,KARF;EAAA,IAQEA,KARF,6BAQU,EARV;EAAA,IASKC,UATL,4BAUIV,KAVJ;;EAYA,oBACE,KAAC,KAAD;IACE,EAAE,EAAEG,OAAO,IAAID,EADjB;IAEE,GAAG,EAAED,YAFP;IAGE,EAAE,EAAEI,EAHN;IAIE,EAAE,EAAEC,EAJN;IAKE,SAAS,EAAEF,SALb;IAME,0BAA0B,EAAEA,SAN9B;IAOE,OAAO,EAAEI,OAPX;IAQE,QAAQ,EAAED,QARZ;IASE,KAAK;MACHI,KAAK,EAAE;IADJ,GAEAF,KAFA;EATP,GAaMC,UAbN,EADF;AAiBD,CAjC6B,CAAvB"}
+{"version":3,"file":"List.js","names":["forwardRef","Paper","jsx","_jsx","List","props","forwardedRef","as","innerAs","elevation","py","px","outlined","variant","__css","otherProps","ref","darkThemeBackgroundOverlay","width"],"sources":["../../../src/List/List.tsx"],"sourcesContent":["import type { ElementType, ReactNode } from 'react';\nimport { forwardRef } from 'react';\n\nimport type { PaperProps } from '../Paper';\nimport { Paper } from '../Paper';\n\nexport interface ListProps extends PaperProps {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  children?: ReactNode;\n}\n\nexport const List = forwardRef<HTMLDivElement, ListProps>(function List(\n  props,\n  forwardedRef\n) {\n  const {\n    as = 'div',\n    innerAs,\n    elevation = 0,\n    py = 2,\n    px = 0,\n    outlined = true,\n    variant = 'square',\n    __css = {},\n    ...otherProps\n  } = props;\n\n  return (\n    <Paper\n      as={innerAs || as}\n      ref={forwardedRef}\n      py={py}\n      px={px}\n      elevation={elevation}\n      darkThemeBackgroundOverlay={elevation}\n      variant={variant}\n      outlined={outlined}\n      __css={{\n        width: '100%',\n        ...__css,\n      }}\n      {...otherProps}\n    />\n  );\n});\n"],"mappings":"AACA,SAASA,UAAU,QAAQ,OAAO;AAGlC,SAASC,KAAK,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQjC,OAAO,MAAMC,IAAI,gBAAGJ,UAAU,CAA4B,SAASI,IAAIA,CACrEC,KAAK,EACLC,YAAY,EACZ;EACA,MAAM;IACJC,EAAE,GAAG,KAAK;IACVC,OAAO;IACPC,SAAS,GAAG,CAAC;IACbC,EAAE,GAAG,CAAC;IACNC,EAAE,GAAG,CAAC;IACNC,QAAQ,GAAG,IAAI;IACfC,OAAO,GAAG,QAAQ;IAClBC,KAAK,GAAG,CAAC,CAAC;IACV,GAAGC;EACL,CAAC,GAAGV,KAAK;EAET,oBACEF,IAAA,CAACF,KAAK;IACJM,EAAE,EAAEC,OAAO,IAAID,EAAG;IAClBS,GAAG,EAAEV,YAAa;IAClBI,EAAE,EAAEA,EAAG;IACPC,EAAE,EAAEA,EAAG;IACPF,SAAS,EAAEA,SAAU;IACrBQ,0BAA0B,EAAER,SAAU;IACtCI,OAAO,EAAEA,OAAQ;IACjBD,QAAQ,EAAEA,QAAS;IACnBE,KAAK,EAAE;MACLI,KAAK,EAAE,MAAM;MACb,GAAGJ;IACL,CAAE;IAAA,GACEC;EAAU,CACf,CAAC;AAEN,CAAC,CAAC","ignoreList":[]}

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

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

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

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

package/build/esm/ListItem/ListItem.d.ts

@@ -1,14 +1,14 @@
-import type { ElementType, ReactNode } from 'react';
-import type { SystemStyleObject } from '@styled-system/css';
-import type { BoxProps } from '../Box';
-export interface ListItemProps extends BoxProps {
-    as?: ElementType<any>;
-    innerAs?: ElementType<any>;
-    children?: ReactNode;
-    disabled?: boolean;
-    selected?: boolean;
-    color?: string;
-    rippleColor?: string;
-}
-export declare const listItemStyle: (color: string, hoverOpacity?: number, focusOpacity?: number) => SystemStyleObject;
-export declare const ListItem: import("react").ForwardRefExoticComponent<Pick<ListItemProps, "p" | "slot" | "style" | "title" | "as" | "fontFamily" | "fontSize" | "children" | "background" | "bottom" | "top" | "hidden" | "left" | "right" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "display" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontStyle" | "textAlign" | "color" | "bg" | "backgroundColor" | "opacity" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexDirection" | "flex" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat" | "position" | "zIndex" | "boxShadow" | "textShadow" | "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" | "innerAs" | "selected" | "rippleColor"> & import("react").RefAttributes<HTMLDivElement>>;
+import type { ElementType, ReactNode } from 'react';
+import type { SystemStyleObject } from '@styled-system/css';
+import type { BoxProps } from '../Box';
+export interface ListItemProps extends BoxProps {
+    as?: ElementType<any>;
+    innerAs?: ElementType<any>;
+    children?: ReactNode;
+    disabled?: boolean;
+    selected?: boolean;
+    color?: string;
+    rippleColor?: string;
+}
+export declare const listItemStyle: (color: string, hoverOpacity?: number, focusOpacity?: number) => SystemStyleObject;
+export declare const ListItem: import("react").ForwardRefExoticComponent<Omit<ListItemProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/build/esm/ListItem/ListItem.js

@@ -1,14 +1,11 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["as", "innerAs", "children", "selected", "aria-selected", "disabled", "color", "rippleColor", "__css"];
 import { forwardRef } from 'react';
 import { Box } from '../Box';
 import { useTheme } from '../theme';
 import { alpha } from '../color';
 import { jsx as _jsx } from "react/jsx-runtime";
-export var listItemStyle = function listItemStyle(color) {
-  var hoverOpacity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.16;
-  var focusOpacity = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0.24;
+export const listItemStyle = function (color) {
+  let hoverOpacity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.16;
+  let focusOpacity = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0.24;
   return {
     variant: 'text.label-large',
     px: 3,
@@ -32,7 +29,7 @@ export var listItemStyle = function listItemStyle(color) {
     },
     '&[aria-selected="true"]': {
       backgroundColor: alpha(color, 0.08),
-      color: color,
+      color,
       ':hover': {
         backgroundColor: alpha(color, hoverOpacity)
       },
@@ -51,36 +48,36 @@ export var listItemStyle = function listItemStyle(color) {
     }
   };
 };
-export var ListItem = /*#__PURE__*/forwardRef(function ListItem(props, forwardedRef) {
-  var _props$as = props.as,
-      as = _props$as === void 0 ? 'div' : _props$as,
-      innerAs = props.innerAs,
-      children = props.children,
-      _props$selected = props.selected,
-      selectedProp = _props$selected === void 0 ? false : _props$selected,
-      _props$ariaSelected = props['aria-selected'],
-      ariaSelectedProp = _props$ariaSelected === void 0 ? false : _props$ariaSelected,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      colorProp = props.color,
-      rippleColor = props.rippleColor,
-      __css = props.__css,
-      otherProps = _objectWithoutProperties(props, _excluded);
-
-  var selected = ariaSelectedProp || selectedProp;
-  var color = rippleColor || colorProp || 'primary';
-  var theme = useTheme();
-  return /*#__PURE__*/_jsx(Box, _extends(_extends({
+export const ListItem = /*#__PURE__*/forwardRef(function ListItem(props, forwardedRef) {
+  const {
+    as = 'div',
+    innerAs,
+    children,
+    selected: selectedProp = false,
+    'aria-selected': ariaSelectedProp = false,
+    disabled = false,
+    color: colorProp,
+    rippleColor,
+    __css,
+    ...otherProps
+  } = props;
+  const selected = ariaSelectedProp || selectedProp;
+  const color = rippleColor || colorProp || 'primary';
+  const theme = useTheme();
+  return /*#__PURE__*/_jsx(Box, {
     ref: forwardedRef,
     as: innerAs || as,
     theme: theme,
     display: "flex",
     "data-disabled": disabled ? '' : undefined,
     "aria-selected": selected ? 'true' : undefined,
-    disabled: disabled
-  }, otherProps), {}, {
-    __css: _extends(_extends({}, listItemStyle(color)), __css),
+    disabled: disabled,
+    ...otherProps,
+    __css: {
+      ...listItemStyle(color),
+      ...__css
+    },
     children: children
-  }));
+  });
 });
 //# sourceMappingURL=ListItem.js.map

package/build/esm/ListItem/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","names":["forwardRef","Box","useTheme","alpha","listItemStyle","color","hoverOpacity","focusOpacity","variant","px","py","transition","backgroundColor","cursor","display","alignItems","textDecoration","outline","ListItem","props","forwardedRef","as","innerAs","children","selected","selectedProp","ariaSelectedProp","disabled","colorProp","rippleColor","__css","otherProps","theme","undefined"],"sources":["../../../src/ListItem/ListItem.tsx"],"sourcesContent":["import type { ElementType, ReactNode } from 'react';\r\nimport { forwardRef } from 'react';\r\nimport { rem } from 'polished';\r\nimport type { SystemStyleObject } from '@styled-system/css';\r\n\r\nimport type { BoxProps } from '../Box';\r\nimport { Box } from '../Box';\r\nimport { useTheme } from '../theme';\r\nimport { alpha } from '../color';\r\n\r\nexport interface ListItemProps extends BoxProps {\r\n  as?: ElementType<any>;\r\n  innerAs?: ElementType<any>;\r\n  children?: ReactNode;\r\n  disabled?: boolean;\r\n  selected?: boolean;\r\n  color?: string;\r\n  rippleColor?: string;\r\n}\r\n\r\nexport const listItemStyle = (\r\n  color: string,\r\n  hoverOpacity = 0.16,\r\n  focusOpacity = 0.24\r\n): SystemStyleObject => ({\r\n  variant: 'text.label-large',\r\n  px: 3,\r\n  py: rem(12),\r\n  transition: 'background-color 75ms linear',\r\n  backgroundColor: 'transparent',\r\n  color: alpha('on.surface', 0.87),\r\n  cursor: 'pointer',\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  textDecoration: 'none',\r\n  ':hover': {\r\n    backgroundColor: alpha('on.surface', hoverOpacity),\r\n  },\r\n  ':focus': {\r\n    outline: 'none',\r\n    backgroundColor: alpha('on.surface', focusOpacity),\r\n  },\r\n  ':active': {\r\n    backgroundColor: alpha('on.surface', focusOpacity),\r\n  },\r\n  '&[aria-selected=\"true\"]': {\r\n    backgroundColor: alpha(color, 0.08),\r\n    color,\r\n    ':hover': {\r\n      backgroundColor: alpha(color, hoverOpacity),\r\n    },\r\n    ':focus': {\r\n      outline: 'none',\r\n      backgroundColor: alpha(color, focusOpacity),\r\n    },\r\n    ':active': {\r\n      backgroundColor: alpha(color, focusOpacity),\r\n    },\r\n  },\r\n  '&[data-disabled]': {\r\n    color: alpha('on.surface', 0.6),\r\n    backgroundColor: 'transparent',\r\n    cursor: 'default',\r\n  },\r\n});\r\n\r\nexport const ListItem = forwardRef<HTMLDivElement, ListItemProps>(\r\n  function ListItem(props, forwardedRef) {\r\n    const {\r\n      as = 'div',\r\n      innerAs,\r\n      children,\r\n      selected: selectedProp = false,\r\n      'aria-selected': ariaSelectedProp = false,\r\n      disabled = false,\r\n      color: colorProp,\r\n      rippleColor,\r\n      __css,\r\n      ...otherProps\r\n    } = props;\r\n    const selected = ariaSelectedProp || selectedProp;\r\n    const color = rippleColor || colorProp || 'primary';\r\n    const theme = useTheme();\r\n\r\n    return (\r\n      <Box\r\n        ref={forwardedRef}\r\n        as={innerAs || as}\r\n        theme={theme}\r\n        display=\"flex\"\r\n        data-disabled={disabled ? '' : undefined}\r\n        aria-selected={selected ? 'true' : undefined}\r\n        disabled={disabled}\r\n        {...otherProps}\r\n        __css={{\r\n          ...listItemStyle(color),\r\n          ...__css,\r\n        }}\r\n      >\r\n        {children}\r\n      </Box>\r\n    );\r\n  }\r\n);\r\n"],"mappings":"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"}
+{"version":3,"file":"ListItem.js","names":["forwardRef","Box","useTheme","alpha","jsx","_jsx","listItemStyle","color","hoverOpacity","arguments","length","undefined","focusOpacity","variant","px","py","transition","backgroundColor","cursor","display","alignItems","textDecoration","outline","ListItem","props","forwardedRef","as","innerAs","children","selected","selectedProp","ariaSelectedProp","disabled","colorProp","rippleColor","__css","otherProps","theme","ref"],"sources":["../../../src/ListItem/ListItem.tsx"],"sourcesContent":["import type { ElementType, ReactNode } from 'react';\nimport { forwardRef } from 'react';\nimport { rem } from 'polished';\nimport type { SystemStyleObject } from '@styled-system/css';\n\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\nimport { useTheme } from '../theme';\nimport { alpha } from '../color';\n\nexport interface ListItemProps extends BoxProps {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  children?: ReactNode;\n  disabled?: boolean;\n  selected?: boolean;\n  color?: string;\n  rippleColor?: string;\n}\n\nexport const listItemStyle = (\n  color: string,\n  hoverOpacity = 0.16,\n  focusOpacity = 0.24\n): SystemStyleObject => ({\n  variant: 'text.label-large',\n  px: 3,\n  py: rem(12),\n  transition: 'background-color 75ms linear',\n  backgroundColor: 'transparent',\n  color: alpha('on.surface', 0.87),\n  cursor: 'pointer',\n  display: 'flex',\n  alignItems: 'center',\n  textDecoration: 'none',\n  ':hover': {\n    backgroundColor: alpha('on.surface', hoverOpacity),\n  },\n  ':focus': {\n    outline: 'none',\n    backgroundColor: alpha('on.surface', focusOpacity),\n  },\n  ':active': {\n    backgroundColor: alpha('on.surface', focusOpacity),\n  },\n  '&[aria-selected=\"true\"]': {\n    backgroundColor: alpha(color, 0.08),\n    color,\n    ':hover': {\n      backgroundColor: alpha(color, hoverOpacity),\n    },\n    ':focus': {\n      outline: 'none',\n      backgroundColor: alpha(color, focusOpacity),\n    },\n    ':active': {\n      backgroundColor: alpha(color, focusOpacity),\n    },\n  },\n  '&[data-disabled]': {\n    color: alpha('on.surface', 0.6),\n    backgroundColor: 'transparent',\n    cursor: 'default',\n  },\n});\n\nexport const ListItem = forwardRef<HTMLDivElement, ListItemProps>(\n  function ListItem(props, forwardedRef) {\n    const {\n      as = 'div',\n      innerAs,\n      children,\n      selected: selectedProp = false,\n      'aria-selected': ariaSelectedProp = false,\n      disabled = false,\n      color: colorProp,\n      rippleColor,\n      __css,\n      ...otherProps\n    } = props;\n    const selected = ariaSelectedProp || selectedProp;\n    const color = rippleColor || colorProp || 'primary';\n    const theme = useTheme();\n\n    return (\n      <Box\n        ref={forwardedRef}\n        as={innerAs || as}\n        theme={theme}\n        display=\"flex\"\n        data-disabled={disabled ? '' : undefined}\n        aria-selected={selected ? 'true' : undefined}\n        disabled={disabled}\n        {...otherProps}\n        __css={{\n          ...listItemStyle(color),\n          ...__css,\n        }}\n      >\n        {children}\n      </Box>\n    );\n  }\n);\n"],"mappings":"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","ignoreList":[]}

package/build/esm/ListItem/ListItemText.d.ts

@@ -1,7 +1,7 @@
-import type { ElementType, HTMLAttributes, ReactNode } from 'react';
-export interface ListItemTextProps extends HTMLAttributes<HTMLDivElement> {
-    as?: ElementType<any>;
-    text?: ReactNode;
-    secondaryText?: ReactNode;
-}
-export declare const ListItemText: import("react").ForwardRefExoticComponent<ListItemTextProps & import("react").RefAttributes<HTMLDivElement>>;
+import type { ElementType, HTMLAttributes, ReactNode } from 'react';
+export interface ListItemTextProps extends HTMLAttributes<HTMLDivElement> {
+    as?: ElementType<any>;
+    text?: ReactNode;
+    secondaryText?: ReactNode;
+}
+export declare const ListItemText: import("react").ForwardRefExoticComponent<ListItemTextProps & import("react").RefAttributes<HTMLDivElement>>;

package/build/esm/ListItem/ListItemText.js

@@ -1,20 +1,16 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["as", "text", "secondaryText"];
 import { forwardRef } from 'react';
 import { Text } from '../Text';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export var ListItemText = /*#__PURE__*/forwardRef(function ListItemText(props, forwardedRef) {
-  var _props$as = props.as,
-      Comp = _props$as === void 0 ? 'div' : _props$as,
-      text = props.text,
-      secondaryText = props.secondaryText,
-      otherProps = _objectWithoutProperties(props, _excluded);
-
-  return /*#__PURE__*/_jsxs(Comp, _extends(_extends({
-    ref: forwardedRef
-  }, otherProps), {}, {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const ListItemText = /*#__PURE__*/forwardRef(function ListItemText(props, forwardedRef) {
+  const {
+    as: Comp = 'div',
+    text,
+    secondaryText,
+    ...otherProps
+  } = props;
+  return /*#__PURE__*/_jsxs(Comp, {
+    ref: forwardedRef,
+    ...otherProps,
     children: [text, secondaryText && /*#__PURE__*/_jsx(Text, {
       as: "span",
       variant: "body-small",
@@ -25,6 +21,6 @@ export var ListItemText = /*#__PURE__*/forwardRef(function ListItemText(props, f
       },
       children: secondaryText
     })]
-  }));
+  });
 });
 //# sourceMappingURL=ListItemText.js.map

package/build/esm/ListItem/ListItemText.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemText.js","names":["forwardRef","Text","ListItemText","props","forwardedRef","as","Comp","text","secondaryText","otherProps","color","opacity"],"sources":["../../../src/ListItem/ListItemText.tsx"],"sourcesContent":["import type { ElementType, HTMLAttributes, ReactNode } from 'react';\r\nimport { forwardRef } from 'react';\r\n\r\nimport { Text } from '../Text';\r\n\r\nexport interface ListItemTextProps extends HTMLAttributes<HTMLDivElement> {\r\n  as?: ElementType<any>;\r\n  text?: ReactNode;\r\n  secondaryText?: ReactNode;\r\n}\r\n\r\nexport const ListItemText = forwardRef<HTMLDivElement, ListItemTextProps>(\r\n  function ListItemText(props, forwardedRef) {\r\n    const { as: Comp = 'div', text, secondaryText, ...otherProps } = props;\r\n\r\n    return (\r\n      <Comp ref={forwardedRef} {...otherProps}>\r\n        {text}\r\n        {secondaryText && (\r\n          <Text\r\n            as=\"span\"\r\n            variant=\"body-small\"\r\n            display=\"block\"\r\n            __css={{\r\n              color: 'currentColor',\r\n              opacity: 0.65,\r\n            }}\r\n          >\r\n            {secondaryText}\r\n          </Text>\r\n        )}\r\n      </Comp>\r\n    );\r\n  }\r\n);\r\n"],"mappings":";;;AACA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,IAAT,QAAqB,SAArB;;;AAQA,OAAO,IAAMC,YAAY,gBAAGF,UAAU,CACpC,SAASE,YAAT,CAAsBC,KAAtB,EAA6BC,YAA7B,EAA2C;EACzC,gBAAiED,KAAjE,CAAQE,EAAR;EAAA,IAAYC,IAAZ,0BAAmB,KAAnB;EAAA,IAA0BC,IAA1B,GAAiEJ,KAAjE,CAA0BI,IAA1B;EAAA,IAAgCC,aAAhC,GAAiEL,KAAjE,CAAgCK,aAAhC;EAAA,IAAkDC,UAAlD,4BAAiEN,KAAjE;;EAEA,oBACE,MAAC,IAAD;IAAM,GAAG,EAAEC;EAAX,GAA6BK,UAA7B;IAAA,WACGF,IADH,EAEGC,aAAa,iBACZ,KAAC,IAAD;MACE,EAAE,EAAC,MADL;MAEE,OAAO,EAAC,YAFV;MAGE,OAAO,EAAC,OAHV;MAIE,KAAK,EAAE;QACLE,KAAK,EAAE,cADF;QAELC,OAAO,EAAE;MAFJ,CAJT;MAAA,UASGH;IATH,EAHJ;EAAA,GADF;AAkBD,CAtBmC,CAA/B"}
+{"version":3,"file":"ListItemText.js","names":["forwardRef","Text","jsx","_jsx","jsxs","_jsxs","ListItemText","props","forwardedRef","as","Comp","text","secondaryText","otherProps","ref","children","variant","display","__css","color","opacity"],"sources":["../../../src/ListItem/ListItemText.tsx"],"sourcesContent":["import type { ElementType, HTMLAttributes, ReactNode } from 'react';\nimport { forwardRef } from 'react';\n\nimport { Text } from '../Text';\n\nexport interface ListItemTextProps extends HTMLAttributes<HTMLDivElement> {\n  as?: ElementType<any>;\n  text?: ReactNode;\n  secondaryText?: ReactNode;\n}\n\nexport const ListItemText = forwardRef<HTMLDivElement, ListItemTextProps>(\n  function ListItemText(props, forwardedRef) {\n    const { as: Comp = 'div', text, secondaryText, ...otherProps } = props;\n\n    return (\n      <Comp ref={forwardedRef} {...otherProps}>\n        {text}\n        {secondaryText && (\n          <Text\n            as=\"span\"\n            variant=\"body-small\"\n            display=\"block\"\n            __css={{\n              color: 'currentColor',\n              opacity: 0.65,\n            }}\n          >\n            {secondaryText}\n          </Text>\n        )}\n      </Comp>\n    );\n  }\n);\n"],"mappings":"AACA,SAASA,UAAU,QAAQ,OAAO;AAElC,SAASC,IAAI,QAAQ,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQ/B,OAAO,MAAMC,YAAY,gBAAGN,UAAU,CACpC,SAASM,YAAYA,CAACC,KAAK,EAAEC,YAAY,EAAE;EACzC,MAAM;IAAEC,EAAE,EAAEC,IAAI,GAAG,KAAK;IAAEC,IAAI;IAAEC,aAAa;IAAE,GAAGC;EAAW,CAAC,GAAGN,KAAK;EAEtE,oBACEF,KAAA,CAACK,IAAI;IAACI,GAAG,EAAEN,YAAa;IAAA,GAAKK,UAAU;IAAAE,QAAA,GACpCJ,IAAI,EACJC,aAAa,iBACZT,IAAA,CAACF,IAAI;MACHQ,EAAE,EAAC,MAAM;MACTO,OAAO,EAAC,YAAY;MACpBC,OAAO,EAAC,OAAO;MACfC,KAAK,EAAE;QACLC,KAAK,EAAE,cAAc;QACrBC,OAAO,EAAE;MACX,CAAE;MAAAL,QAAA,EAEDH;IAAa,CACV,CACP;EAAA,CACG,CAAC;AAEX,CACF,CAAC","ignoreList":[]}

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

@@ -1,2 +1,2 @@
-export * from './ListItem';
-export * from './ListItemText';
+export * from './ListItem';
+export * from './ListItemText';

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

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