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

package/build/esm/Alert/Alert.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-import type { TextProps } from '../Text';
-export declare type AlertProps = TextProps & {
-    color?: string;
-};
-export declare const Alert: import("react").ForwardRefExoticComponent<Pick<AlertProps, "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" | "slot" | "style" | "title" | "hidden" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "size" | "borderX" | "borderY" | "gridGap" | "gridColumnGap" | "gridRowGap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "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"> & import("react").RefAttributes<HTMLDivElement>>;
+import type { TextProps } from '../Text';
+export type AlertProps = TextProps & {
+    color?: string;
+};
+export declare const Alert: import("react").ForwardRefExoticComponent<Omit<AlertProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/build/esm/Alert/Alert.js

@@ -1,30 +1,28 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["as", "color", "__css"];
 import { forwardRef } from 'react';
 import { alpha } from '../color';
 import { Text } from '../Text';
 import { jsx as _jsx } from "react/jsx-runtime";
-export var Alert = /*#__PURE__*/forwardRef(function Alert(props, forwardedRef) {
-  var _props$as = props.as,
-      as = _props$as === void 0 ? 'div' : _props$as,
-      _props$color = props.color,
-      color = _props$color === void 0 ? 'secondary' : _props$color,
-      __css = props.__css,
-      otherProps = _objectWithoutProperties(props, _excluded);
-
-  return /*#__PURE__*/_jsx(Text, _extends({
+export const Alert = /*#__PURE__*/forwardRef(function Alert(props, forwardedRef) {
+  const {
+    as = 'div',
+    color = 'secondary',
+    __css,
+    ...otherProps
+  } = props;
+  return /*#__PURE__*/_jsx(Text, {
     ref: forwardedRef,
     as: as,
     variant: "body-medium",
-    __css: _extends({
+    __css: {
       p: 3,
       bg: alpha(color, 0.1),
       borderRadius: 'extra-small',
       borderColor: alpha(color, 0.2),
       borderStyle: 'solid',
-      borderWidth: "0.0625rem"
-    }, __css)
-  }, otherProps));
+      borderWidth: "0.0625rem",
+      ...__css
+    },
+    ...otherProps
+  });
 });
 //# sourceMappingURL=Alert.js.map

package/build/esm/Alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","names":["forwardRef","alpha","Text","Alert","props","forwardedRef","as","color","__css","otherProps","p","bg","borderRadius","borderColor","borderStyle","borderWidth"],"sources":["../../../src/Alert/Alert.tsx"],"sourcesContent":["import { rem } from 'polished';\nimport { forwardRef } from 'react';\n\nimport { alpha } from '../color';\nimport type { TextProps } from '../Text';\nimport { Text } from '../Text';\n\nexport type AlertProps = TextProps & { color?: string };\n\nexport const Alert = forwardRef<HTMLDivElement, AlertProps>(function Alert(\n  props,\n  forwardedRef\n) {\n  const { as = 'div', color = 'secondary', __css, ...otherProps } = props;\n\n  return (\n    <Text\n      ref={forwardedRef}\n      as={as}\n      variant=\"body-medium\"\n      __css={{\n        p: 3,\n        bg: alpha(color, 0.1),\n        borderRadius: 'extra-small',\n        borderColor: alpha(color, 0.2),\n        borderStyle: 'solid',\n        borderWidth: rem(1),\n        ...__css,\n      }}\n      {...otherProps}\n    />\n  );\n});\n"],"mappings":";;;AACA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,KAAT,QAAsB,UAAtB;AAEA,SAASC,IAAT,QAAqB,SAArB;;AAIA,OAAO,IAAMC,KAAK,gBAAGH,UAAU,CAA6B,SAASG,KAAT,CAC1DC,KAD0D,EAE1DC,YAF0D,EAG1D;EACA,gBAAkED,KAAlE,CAAQE,EAAR;EAAA,IAAQA,EAAR,0BAAa,KAAb;EAAA,mBAAkEF,KAAlE,CAAoBG,KAApB;EAAA,IAAoBA,KAApB,6BAA4B,WAA5B;EAAA,IAAyCC,KAAzC,GAAkEJ,KAAlE,CAAyCI,KAAzC;EAAA,IAAmDC,UAAnD,4BAAkEL,KAAlE;;EAEA,oBACE,KAAC,IAAD;IACE,GAAG,EAAEC,YADP;IAEE,EAAE,EAAEC,EAFN;IAGE,OAAO,EAAC,aAHV;IAIE,KAAK;MACHI,CAAC,EAAE,CADA;MAEHC,EAAE,EAAEV,KAAK,CAACM,KAAD,EAAQ,GAAR,CAFN;MAGHK,YAAY,EAAE,aAHX;MAIHC,WAAW,EAAEZ,KAAK,CAACM,KAAD,EAAQ,GAAR,CAJf;MAKHO,WAAW,EAAE,OALV;MAMHC,WAAW;IANR,GAOAP,KAPA;EAJP,GAaMC,UAbN,EADF;AAiBD,CAvB8B,CAAxB"}
+{"version":3,"file":"Alert.js","names":["forwardRef","alpha","Text","jsx","_jsx","Alert","props","forwardedRef","as","color","__css","otherProps","ref","variant","p","bg","borderRadius","borderColor","borderStyle","borderWidth"],"sources":["../../../src/Alert/Alert.tsx"],"sourcesContent":["import { rem } from 'polished';\nimport { forwardRef } from 'react';\n\nimport { alpha } from '../color';\nimport type { TextProps } from '../Text';\nimport { Text } from '../Text';\n\nexport type AlertProps = TextProps & { color?: string };\n\nexport const Alert = forwardRef<HTMLDivElement, AlertProps>(function Alert(\n  props,\n  forwardedRef\n) {\n  const { as = 'div', color = 'secondary', __css, ...otherProps } = props;\n\n  return (\n    <Text\n      ref={forwardedRef}\n      as={as}\n      variant=\"body-medium\"\n      __css={{\n        p: 3,\n        bg: alpha(color, 0.1),\n        borderRadius: 'extra-small',\n        borderColor: alpha(color, 0.2),\n        borderStyle: 'solid',\n        borderWidth: rem(1),\n        ...__css,\n      }}\n      {...otherProps}\n    />\n  );\n});\n"],"mappings":"AACA,SAASA,UAAU,QAAQ,OAAO;AAElC,SAASC,KAAK,QAAQ,UAAU;AAEhC,SAASC,IAAI,QAAQ,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAI/B,OAAO,MAAMC,KAAK,gBAAGL,UAAU,CAA6B,SAASK,KAAKA,CACxEC,KAAK,EACLC,YAAY,EACZ;EACA,MAAM;IAAEC,EAAE,GAAG,KAAK;IAAEC,KAAK,GAAG,WAAW;IAAEC,KAAK;IAAE,GAAGC;EAAW,CAAC,GAAGL,KAAK;EAEvE,oBACEF,IAAA,CAACF,IAAI;IACHU,GAAG,EAAEL,YAAa;IAClBC,EAAE,EAAEA,EAAG;IACPK,OAAO,EAAC,aAAa;IACrBH,KAAK,EAAE;MACLI,CAAC,EAAE,CAAC;MACJC,EAAE,EAAEd,KAAK,CAACQ,KAAK,EAAE,GAAG,CAAC;MACrBO,YAAY,EAAE,aAAa;MAC3BC,WAAW,EAAEhB,KAAK,CAACQ,KAAK,EAAE,GAAG,CAAC;MAC9BS,WAAW,EAAE,OAAO;MACpBC,WAAW,aAAQ;MACnB,GAAGT;IACL,CAAE;IAAA,GACEC;EAAU,CACf,CAAC;AAEN,CAAC,CAAC","ignoreList":[]}

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

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

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

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

package/build/esm/AppBar/AppBar.d.ts

@@ -1,9 +1,9 @@
-import type { ElementType } from 'react';
-import type { PaperProps } from '../Paper';
-export interface AppBarProps extends Omit<PaperProps, 'color' | 'elevation'> {
-    as?: ElementType<any>;
-    elevation?: 'default' | 'elevated' | 'dynamic';
-    variant?: 'default' | 'primary' | 'secondary' | 'transparent';
-    size?: 'default' | 'dense';
-}
-export declare const AppBar: import("react").ForwardRefExoticComponent<Pick<AppBarProps, "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" | "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"> & import("react").RefAttributes<HTMLDivElement>>;
+import type { ElementType } from 'react';
+import type { PaperProps } from '../Paper';
+export interface AppBarProps extends Omit<PaperProps, 'color' | 'elevation'> {
+    as?: ElementType<any>;
+    elevation?: 'default' | 'elevated' | 'dynamic';
+    variant?: 'default' | 'primary' | 'secondary' | 'transparent';
+    size?: 'default' | 'dense';
+}
+export declare const AppBar: import("react").ForwardRefExoticComponent<Omit<AppBarProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/build/esm/AppBar/AppBar.js

@@ -1,7 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["elevation", "variant", "size", "__css"];
 import { forwardRef, useEffect, useState } from 'react';
 import { get } from '@styled-system/css';
 import { useTheme } from '../theme';
@@ -9,63 +5,58 @@ import { AppBarProvider } from './context';
 import { Paper } from '../Paper';
 import { EASING_STANDARD } from '../motion';
 import { jsx as _jsx } from "react/jsx-runtime";
-export var AppBar = /*#__PURE__*/forwardRef(function AppBar(props, forwardedRef) {
-  var _props$elevation = props.elevation,
-      elevationProp = _props$elevation === void 0 ? 'default' : _props$elevation,
-      _props$variant = props.variant,
-      variantProp = _props$variant === void 0 ? 'default' : _props$variant,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'default' : _props$size,
-      _props$__css = props.__css,
-      __css = _props$__css === void 0 ? {} : _props$__css,
-      otherProps = _objectWithoutProperties(props, _excluded);
-
-  var _useState = useState(elevationProp),
-      _useState2 = _slicedToArray(_useState, 2),
-      elevation = _useState2[0],
-      setElevation = _useState2[1];
-
-  var theme = useTheme();
-  useEffect(function () {
-    var onScroll = function onScroll() {
+export const AppBar = /*#__PURE__*/forwardRef(function AppBar(props, forwardedRef) {
+  const {
+    elevation: elevationProp = 'default',
+    variant: variantProp = 'default',
+    size = 'default',
+    __css = {},
+    ...otherProps
+  } = props;
+  const [elevation, setElevation] = useState(elevationProp);
+  const theme = useTheme();
+  useEffect(() => {
+    const onScroll = function () {
       if (window.scrollY > 10) {
         setElevation('elevated');
       } else {
         setElevation('default');
       }
     };
-
     if (elevationProp === 'dynamic') {
       window.addEventListener('scroll', onScroll);
-      return function () {
+      return () => {
         window.removeEventListener('scroll', onScroll);
       };
     } else {
       setElevation(elevationProp);
     }
-
     return;
   }, [elevationProp]);
   return /*#__PURE__*/_jsx(AppBarProvider, {
     value: {
       variant: variantProp,
-      size: size
+      size
     },
-    children: /*#__PURE__*/_jsx(Paper, _extends({
+    children: /*#__PURE__*/_jsx(Paper, {
       ref: forwardedRef,
       theme: theme,
       variant: "square",
-      backgroundOverlay: elevation === 'elevated' && variantProp === 'default' ? get(theme, "appbar.elevations.".concat(elevation, ".boxShadow"), 2) : 0,
-      color: variantProp === 'default' || variantProp === 'transparent' ? 'on.surface' : "on.".concat(variantProp),
-      __css: _extends(_extends(_extends({
+      backgroundOverlay: elevation === 'elevated' && variantProp === 'default' ? get(theme, `appbar.elevations.${elevation}.boxShadow`, 2) : 0,
+      color: variantProp === 'default' || variantProp === 'transparent' ? 'on.surface' : `on.${variantProp}`,
+      __css: {
         boxSizing: 'border-box',
         display: 'inline-flex',
         alignItems: 'center',
         width: '100%',
         overflow: 'hidden',
-        transition: "box-shadow .28s ".concat(EASING_STANDARD)
-      }, get(theme, "appbar.sizes.".concat(size))), get(theme, "appbar.variants.".concat(variantProp))), __css)
-    }, otherProps))
+        transition: `box-shadow .28s ${EASING_STANDARD}`,
+        ...get(theme, `appbar.sizes.${size}`),
+        ...get(theme, `appbar.variants.${variantProp}`),
+        ...__css
+      },
+      ...otherProps
+    })
   });
 });
 //# sourceMappingURL=AppBar.js.map

package/build/esm/AppBar/AppBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppBar.js","names":["forwardRef","useEffect","useState","get","useTheme","AppBarProvider","Paper","EASING_STANDARD","AppBar","props","forwardedRef","elevation","elevationProp","variant","variantProp","size","__css","otherProps","setElevation","theme","onScroll","window","scrollY","addEventListener","removeEventListener","boxSizing","display","alignItems","width","overflow","transition"],"sources":["../../../src/AppBar/AppBar.tsx"],"sourcesContent":["import type { ElementType } from 'react';\r\nimport { forwardRef, useEffect, useState } from 'react';\r\nimport { get } from '@styled-system/css';\r\n\r\nimport { useTheme } from '../theme';\r\nimport { AppBarProvider } from './context';\r\nimport type { PaperProps } from '../Paper';\r\nimport { Paper } from '../Paper';\r\nimport { EASING_STANDARD } from '../motion';\r\n\r\nexport interface AppBarProps extends Omit<PaperProps, 'color' | 'elevation'> {\r\n  as?: ElementType<any>;\r\n  elevation?: 'default' | 'elevated' | 'dynamic';\r\n  variant?: 'default' | 'primary' | 'secondary' | 'transparent';\r\n  size?: 'default' | 'dense';\r\n}\r\n\r\nexport const AppBar = forwardRef<HTMLDivElement, AppBarProps>(function AppBar(\r\n  props,\r\n  forwardedRef\r\n) {\r\n  const {\r\n    elevation: elevationProp = 'default',\r\n    variant: variantProp = 'default',\r\n    size = 'default',\r\n    __css = {},\r\n    ...otherProps\r\n  } = props;\r\n  const [elevation, setElevation] = useState(elevationProp);\r\n  const theme = useTheme();\r\n\r\n  useEffect(() => {\r\n    const onScroll = function () {\r\n      if (window.scrollY > 10) {\r\n        setElevation('elevated');\r\n      } else {\r\n        setElevation('default');\r\n      }\r\n    };\r\n\r\n    if (elevationProp === 'dynamic') {\r\n      window.addEventListener('scroll', onScroll);\r\n\r\n      return () => {\r\n        window.removeEventListener('scroll', onScroll);\r\n      };\r\n    } else {\r\n      setElevation(elevationProp);\r\n    }\r\n\r\n    return;\r\n  }, [elevationProp]);\r\n\r\n  return (\r\n    <AppBarProvider value={{ variant: variantProp, size }}>\r\n      <Paper\r\n        ref={forwardedRef}\r\n        theme={theme}\r\n        variant=\"square\"\r\n        backgroundOverlay={\r\n          elevation === 'elevated' && variantProp === 'default'\r\n            ? get(theme, `appbar.elevations.${elevation}.boxShadow`, 2)\r\n            : 0\r\n        }\r\n        color={\r\n          variantProp === 'default' || variantProp === 'transparent'\r\n            ? 'on.surface'\r\n            : `on.${variantProp}`\r\n        }\r\n        __css={{\r\n          boxSizing: 'border-box',\r\n          display: 'inline-flex',\r\n          alignItems: 'center',\r\n          width: '100%',\r\n          overflow: 'hidden',\r\n          transition: `box-shadow .28s ${EASING_STANDARD}`,\r\n          ...get(theme, `appbar.sizes.${size}`),\r\n          ...get(theme, `appbar.variants.${variantProp}`),\r\n          ...__css,\r\n        }}\r\n        {...otherProps}\r\n      />\r\n    </AppBarProvider>\r\n  );\r\n});\r\n"],"mappings":";;;;AACA,SAASA,UAAT,EAAqBC,SAArB,EAAgCC,QAAhC,QAAgD,OAAhD;AACA,SAASC,GAAT,QAAoB,oBAApB;AAEA,SAASC,QAAT,QAAyB,UAAzB;AACA,SAASC,cAAT,QAA+B,WAA/B;AAEA,SAASC,KAAT,QAAsB,UAAtB;AACA,SAASC,eAAT,QAAgC,WAAhC;;AASA,OAAO,IAAMC,MAAM,gBAAGR,UAAU,CAA8B,SAASQ,MAAT,CAC5DC,KAD4D,EAE5DC,YAF4D,EAG5D;EACA,uBAMID,KANJ,CACEE,SADF;EAAA,IACaC,aADb,iCAC6B,SAD7B;EAAA,qBAMIH,KANJ,CAEEI,OAFF;EAAA,IAEWC,WAFX,+BAEyB,SAFzB;EAAA,kBAMIL,KANJ,CAGEM,IAHF;EAAA,IAGEA,IAHF,4BAGS,SAHT;EAAA,mBAMIN,KANJ,CAIEO,KAJF;EAAA,IAIEA,KAJF,6BAIU,EAJV;EAAA,IAKKC,UALL,4BAMIR,KANJ;;EAOA,gBAAkCP,QAAQ,CAACU,aAAD,CAA1C;EAAA;EAAA,IAAOD,SAAP;EAAA,IAAkBO,YAAlB;;EACA,IAAMC,KAAK,GAAGf,QAAQ,EAAtB;EAEAH,SAAS,CAAC,YAAM;IACd,IAAMmB,QAAQ,GAAG,SAAXA,QAAW,GAAY;MAC3B,IAAIC,MAAM,CAACC,OAAP,GAAiB,EAArB,EAAyB;QACvBJ,YAAY,CAAC,UAAD,CAAZ;MACD,CAFD,MAEO;QACLA,YAAY,CAAC,SAAD,CAAZ;MACD;IACF,CAND;;IAQA,IAAIN,aAAa,KAAK,SAAtB,EAAiC;MAC/BS,MAAM,CAACE,gBAAP,CAAwB,QAAxB,EAAkCH,QAAlC;MAEA,OAAO,YAAM;QACXC,MAAM,CAACG,mBAAP,CAA2B,QAA3B,EAAqCJ,QAArC;MACD,CAFD;IAGD,CAND,MAMO;MACLF,YAAY,CAACN,aAAD,CAAZ;IACD;;IAED;EACD,CApBQ,EAoBN,CAACA,aAAD,CApBM,CAAT;EAsBA,oBACE,KAAC,cAAD;IAAgB,KAAK,EAAE;MAAEC,OAAO,EAAEC,WAAX;MAAwBC,IAAI,EAAJA;IAAxB,CAAvB;IAAA,uBACE,KAAC,KAAD;MACE,GAAG,EAAEL,YADP;MAEE,KAAK,EAAES,KAFT;MAGE,OAAO,EAAC,QAHV;MAIE,iBAAiB,EACfR,SAAS,KAAK,UAAd,IAA4BG,WAAW,KAAK,SAA5C,GACIX,GAAG,CAACgB,KAAD,8BAA6BR,SAA7B,iBAAoD,CAApD,CADP,GAEI,CAPR;MASE,KAAK,EACHG,WAAW,KAAK,SAAhB,IAA6BA,WAAW,KAAK,aAA7C,GACI,YADJ,gBAEUA,WAFV,CAVJ;MAcE,KAAK;QACHW,SAAS,EAAE,YADR;QAEHC,OAAO,EAAE,aAFN;QAGHC,UAAU,EAAE,QAHT;QAIHC,KAAK,EAAE,MAJJ;QAKHC,QAAQ,EAAE,QALP;QAMHC,UAAU,4BAAqBvB,eAArB;MANP,GAOAJ,GAAG,CAACgB,KAAD,yBAAwBJ,IAAxB,EAPH,GAQAZ,GAAG,CAACgB,KAAD,4BAA2BL,WAA3B,EARH,GASAE,KATA;IAdP,GAyBMC,UAzBN;EADF,EADF;AA+BD,CAnE+B,CAAzB"}
+{"version":3,"file":"AppBar.js","names":["forwardRef","useEffect","useState","get","useTheme","AppBarProvider","Paper","EASING_STANDARD","jsx","_jsx","AppBar","props","forwardedRef","elevation","elevationProp","variant","variantProp","size","__css","otherProps","setElevation","theme","onScroll","window","scrollY","addEventListener","removeEventListener","value","children","ref","backgroundOverlay","color","boxSizing","display","alignItems","width","overflow","transition"],"sources":["../../../src/AppBar/AppBar.tsx"],"sourcesContent":["import type { ElementType } from 'react';\nimport { forwardRef, useEffect, useState } from 'react';\nimport { get } from '@styled-system/css';\n\nimport { useTheme } from '../theme';\nimport { AppBarProvider } from './context';\nimport type { PaperProps } from '../Paper';\nimport { Paper } from '../Paper';\nimport { EASING_STANDARD } from '../motion';\n\nexport interface AppBarProps extends Omit<PaperProps, 'color' | 'elevation'> {\n  as?: ElementType<any>;\n  elevation?: 'default' | 'elevated' | 'dynamic';\n  variant?: 'default' | 'primary' | 'secondary' | 'transparent';\n  size?: 'default' | 'dense';\n}\n\nexport const AppBar = forwardRef<HTMLDivElement, AppBarProps>(function AppBar(\n  props,\n  forwardedRef\n) {\n  const {\n    elevation: elevationProp = 'default',\n    variant: variantProp = 'default',\n    size = 'default',\n    __css = {},\n    ...otherProps\n  } = props;\n  const [elevation, setElevation] = useState(elevationProp);\n  const theme = useTheme();\n\n  useEffect(() => {\n    const onScroll = function () {\n      if (window.scrollY > 10) {\n        setElevation('elevated');\n      } else {\n        setElevation('default');\n      }\n    };\n\n    if (elevationProp === 'dynamic') {\n      window.addEventListener('scroll', onScroll);\n\n      return () => {\n        window.removeEventListener('scroll', onScroll);\n      };\n    } else {\n      setElevation(elevationProp);\n    }\n\n    return;\n  }, [elevationProp]);\n\n  return (\n    <AppBarProvider value={{ variant: variantProp, size }}>\n      <Paper\n        ref={forwardedRef}\n        theme={theme}\n        variant=\"square\"\n        backgroundOverlay={\n          elevation === 'elevated' && variantProp === 'default'\n            ? get(theme, `appbar.elevations.${elevation}.boxShadow`, 2)\n            : 0\n        }\n        color={\n          variantProp === 'default' || variantProp === 'transparent'\n            ? 'on.surface'\n            : `on.${variantProp}`\n        }\n        __css={{\n          boxSizing: 'border-box',\n          display: 'inline-flex',\n          alignItems: 'center',\n          width: '100%',\n          overflow: 'hidden',\n          transition: `box-shadow .28s ${EASING_STANDARD}`,\n          ...get(theme, `appbar.sizes.${size}`),\n          ...get(theme, `appbar.variants.${variantProp}`),\n          ...__css,\n        }}\n        {...otherProps}\n      />\n    </AppBarProvider>\n  );\n});\n"],"mappings":"AACA,SAASA,UAAU,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AACvD,SAASC,GAAG,QAAQ,oBAAoB;AAExC,SAASC,QAAQ,QAAQ,UAAU;AACnC,SAASC,cAAc,QAAQ,WAAW;AAE1C,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,eAAe,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAS5C,OAAO,MAAMC,MAAM,gBAAGV,UAAU,CAA8B,SAASU,MAAMA,CAC3EC,KAAK,EACLC,YAAY,EACZ;EACA,MAAM;IACJC,SAAS,EAAEC,aAAa,GAAG,SAAS;IACpCC,OAAO,EAAEC,WAAW,GAAG,SAAS;IAChCC,IAAI,GAAG,SAAS;IAChBC,KAAK,GAAG,CAAC,CAAC;IACV,GAAGC;EACL,CAAC,GAAGR,KAAK;EACT,MAAM,CAACE,SAAS,EAAEO,YAAY,CAAC,GAAGlB,QAAQ,CAACY,aAAa,CAAC;EACzD,MAAMO,KAAK,GAAGjB,QAAQ,CAAC,CAAC;EAExBH,SAAS,CAAC,MAAM;IACd,MAAMqB,QAAQ,GAAG,SAAAA,CAAA,EAAY;MAC3B,IAAIC,MAAM,CAACC,OAAO,GAAG,EAAE,EAAE;QACvBJ,YAAY,CAAC,UAAU,CAAC;MAC1B,CAAC,MAAM;QACLA,YAAY,CAAC,SAAS,CAAC;MACzB;IACF,CAAC;IAED,IAAIN,aAAa,KAAK,SAAS,EAAE;MAC/BS,MAAM,CAACE,gBAAgB,CAAC,QAAQ,EAAEH,QAAQ,CAAC;MAE3C,OAAO,MAAM;QACXC,MAAM,CAACG,mBAAmB,CAAC,QAAQ,EAAEJ,QAAQ,CAAC;MAChD,CAAC;IACH,CAAC,MAAM;MACLF,YAAY,CAACN,aAAa,CAAC;IAC7B;IAEA;EACF,CAAC,EAAE,CAACA,aAAa,CAAC,CAAC;EAEnB,oBACEL,IAAA,CAACJ,cAAc;IAACsB,KAAK,EAAE;MAAEZ,OAAO,EAAEC,WAAW;MAAEC;IAAK,CAAE;IAAAW,QAAA,eACpDnB,IAAA,CAACH,KAAK;MACJuB,GAAG,EAAEjB,YAAa;MAClBS,KAAK,EAAEA,KAAM;MACbN,OAAO,EAAC,QAAQ;MAChBe,iBAAiB,EACfjB,SAAS,KAAK,UAAU,IAAIG,WAAW,KAAK,SAAS,GACjDb,GAAG,CAACkB,KAAK,EAAE,qBAAqBR,SAAS,YAAY,EAAE,CAAC,CAAC,GACzD,CACL;MACDkB,KAAK,EACHf,WAAW,KAAK,SAAS,IAAIA,WAAW,KAAK,aAAa,GACtD,YAAY,GACZ,MAAMA,WAAW,EACtB;MACDE,KAAK,EAAE;QACLc,SAAS,EAAE,YAAY;QACvBC,OAAO,EAAE,aAAa;QACtBC,UAAU,EAAE,QAAQ;QACpBC,KAAK,EAAE,MAAM;QACbC,QAAQ,EAAE,QAAQ;QAClBC,UAAU,EAAE,mBAAmB9B,eAAe,EAAE;QAChD,GAAGJ,GAAG,CAACkB,KAAK,EAAE,gBAAgBJ,IAAI,EAAE,CAAC;QACrC,GAAGd,GAAG,CAACkB,KAAK,EAAE,mBAAmBL,WAAW,EAAE,CAAC;QAC/C,GAAGE;MACL,CAAE;MAAA,GACEC;IAAU,CACf;EAAC,CACY,CAAC;AAErB,CAAC,CAAC","ignoreList":[]}

package/build/esm/AppBar/AppBarButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import type { ButtonProps } from '../Button';
-export declare type AppBarButtonProps = ButtonProps;
-export declare const AppBarButton: import("react").ForwardRefExoticComponent<Pick<ButtonProps, "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" | "form" | "slot" | "style" | "title" | "hidden" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "size" | "borderX" | "borderY" | "gridGap" | "gridColumnGap" | "gridRowGap" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "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" | "elevation" | "isGroupedButton" | "key"> & import("react").RefAttributes<HTMLButtonElement>>;
+import type { ButtonProps } from '../Button';
+export type AppBarButtonProps = ButtonProps;
+export declare const AppBarButton: import("react").ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;

package/build/esm/AppBar/AppBarButton.js

@@ -1,22 +1,20 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["variant"];
 import { forwardRef } from 'react';
 import { Button } from '../Button';
 import { useAppBarContext } from './context';
 import { jsx as _jsx } from "react/jsx-runtime";
-export var AppBarButton = /*#__PURE__*/forwardRef(function AppBarButton(props, forwardedRef) {
-  var _props$variant = props.variant,
-      variant = _props$variant === void 0 ? 'icon' : _props$variant,
-      otherProps = _objectWithoutProperties(props, _excluded);
-
-  var _useAppBarContext = useAppBarContext(),
-      appbarVariant = _useAppBarContext.variant;
-
-  return /*#__PURE__*/_jsx(Button, _extends({
+export const AppBarButton = /*#__PURE__*/forwardRef(function AppBarButton(props, forwardedRef) {
+  const {
+    variant = 'icon',
+    ...otherProps
+  } = props;
+  const {
+    variant: appbarVariant
+  } = useAppBarContext();
+  return /*#__PURE__*/_jsx(Button, {
     ref: forwardedRef,
     variant: variant,
-    color: appbarVariant === 'default' ? 'on.surface' : "on.".concat(appbarVariant)
-  }, otherProps));
+    color: appbarVariant === 'default' ? 'on.surface' : `on.${appbarVariant}`,
+    ...otherProps
+  });
 });
 //# sourceMappingURL=AppBarButton.js.map

package/build/esm/AppBar/AppBarButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppBarButton.js","names":["forwardRef","Button","useAppBarContext","AppBarButton","props","forwardedRef","variant","otherProps","appbarVariant"],"sources":["../../../src/AppBar/AppBarButton.tsx"],"sourcesContent":["import { forwardRef } from 'react';\r\n\r\nimport type { ButtonProps } from '../Button';\r\nimport { Button } from '../Button';\r\nimport { useAppBarContext } from './context';\r\n\r\nexport type AppBarButtonProps = ButtonProps;\r\n\r\nexport const AppBarButton = forwardRef<HTMLButtonElement, AppBarButtonProps>(\r\n  function AppBarButton(props, forwardedRef) {\r\n    const { variant = 'icon', ...otherProps } = props;\r\n    const { variant: appbarVariant } = useAppBarContext();\r\n\r\n    return (\r\n      <Button\r\n        ref={forwardedRef}\r\n        variant={variant}\r\n        color={\r\n          appbarVariant === 'default' ? 'on.surface' : `on.${appbarVariant}`\r\n        }\r\n        {...otherProps}\r\n      />\r\n    );\r\n  }\r\n);\r\n"],"mappings":";;;AAAA,SAASA,UAAT,QAA2B,OAA3B;AAGA,SAASC,MAAT,QAAuB,WAAvB;AACA,SAASC,gBAAT,QAAiC,WAAjC;;AAIA,OAAO,IAAMC,YAAY,gBAAGH,UAAU,CACpC,SAASG,YAAT,CAAsBC,KAAtB,EAA6BC,YAA7B,EAA2C;EACzC,qBAA4CD,KAA5C,CAAQE,OAAR;EAAA,IAAQA,OAAR,+BAAkB,MAAlB;EAAA,IAA6BC,UAA7B,4BAA4CH,KAA5C;;EACA,wBAAmCF,gBAAgB,EAAnD;EAAA,IAAiBM,aAAjB,qBAAQF,OAAR;;EAEA,oBACE,KAAC,MAAD;IACE,GAAG,EAAED,YADP;IAEE,OAAO,EAAEC,OAFX;IAGE,KAAK,EACHE,aAAa,KAAK,SAAlB,GAA8B,YAA9B,gBAAmDA,aAAnD;EAJJ,GAMMD,UANN,EADF;AAUD,CAfmC,CAA/B"}
+{"version":3,"file":"AppBarButton.js","names":["forwardRef","Button","useAppBarContext","jsx","_jsx","AppBarButton","props","forwardedRef","variant","otherProps","appbarVariant","ref","color"],"sources":["../../../src/AppBar/AppBarButton.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport type { ButtonProps } from '../Button';\nimport { Button } from '../Button';\nimport { useAppBarContext } from './context';\n\nexport type AppBarButtonProps = ButtonProps;\n\nexport const AppBarButton = forwardRef<HTMLButtonElement, AppBarButtonProps>(\n  function AppBarButton(props, forwardedRef) {\n    const { variant = 'icon', ...otherProps } = props;\n    const { variant: appbarVariant } = useAppBarContext();\n\n    return (\n      <Button\n        ref={forwardedRef}\n        variant={variant}\n        color={\n          appbarVariant === 'default' ? 'on.surface' : `on.${appbarVariant}`\n        }\n        {...otherProps}\n      />\n    );\n  }\n);\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAGlC,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,gBAAgB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAI7C,OAAO,MAAMC,YAAY,gBAAGL,UAAU,CACpC,SAASK,YAAYA,CAACC,KAAK,EAAEC,YAAY,EAAE;EACzC,MAAM;IAAEC,OAAO,GAAG,MAAM;IAAE,GAAGC;EAAW,CAAC,GAAGH,KAAK;EACjD,MAAM;IAAEE,OAAO,EAAEE;EAAc,CAAC,GAAGR,gBAAgB,CAAC,CAAC;EAErD,oBACEE,IAAA,CAACH,MAAM;IACLU,GAAG,EAAEJ,YAAa;IAClBC,OAAO,EAAEA,OAAQ;IACjBI,KAAK,EACHF,aAAa,KAAK,SAAS,GAAG,YAAY,GAAG,MAAMA,aAAa,EACjE;IAAA,GACGD;EAAU,CACf,CAAC;AAEN,CACF,CAAC","ignoreList":[]}

package/build/esm/AppBar/context.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { AppBarProps } from './AppBar';
-export declare type AppBarContextProps = Pick<AppBarProps, 'variant' | 'size'>;
-export declare const AppBarProvider: import("react").Provider<AppBarContextProps>;
-export declare const useAppBarContext: () => AppBarContextProps;
+import type { AppBarProps } from './AppBar';
+export type AppBarContextProps = Pick<AppBarProps, 'variant' | 'size'>;
+export declare const AppBarProvider: import("react").Provider<AppBarContextProps>;
+export declare const useAppBarContext: () => AppBarContextProps;

package/build/esm/AppBar/context.js

@@ -1,11 +1,13 @@
 import { createContext, useContext } from 'react';
-var appbarContext = /*#__PURE__*/createContext({
+
+// AppBar Component
+
+const appbarContext = /*#__PURE__*/createContext({
   variant: 'default',
   size: 'default'
 });
-var AppBarProvider = appbarContext.Provider;
-export { AppBarProvider };
-export var useAppBarContext = function useAppBarContext() {
-  return useContext(appbarContext);
-};
+export const {
+  Provider: AppBarProvider
+} = appbarContext;
+export const useAppBarContext = () => useContext(appbarContext);
 //# sourceMappingURL=context.js.map

package/build/esm/AppBar/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":["createContext","useContext","appbarContext","variant","size","AppBarProvider","Provider","useAppBarContext"],"sources":["../../../src/AppBar/context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\r\n\r\nimport type { AppBarProps } from './AppBar';\r\n\r\n// AppBar Component\r\nexport type AppBarContextProps = Pick<AppBarProps, 'variant' | 'size'>;\r\n\r\nconst appbarContext = createContext<AppBarContextProps>({\r\n  variant: 'default',\r\n  size: 'default',\r\n});\r\nexport const { Provider: AppBarProvider } = appbarContext;\r\nexport const useAppBarContext = () => useContext(appbarContext);\r\n"],"mappings":"AAAA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,OAA1C;AAOA,IAAMC,aAAa,gBAAGF,aAAa,CAAqB;EACtDG,OAAO,EAAE,SAD6C;EAEtDC,IAAI,EAAE;AAFgD,CAArB,CAAnC;AAIO,IAAkBC,cAAlB,GAAqCH,aAArC,CAAQI,QAAR;;AACP,OAAO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB;EAAA,OAAMN,UAAU,CAACC,aAAD,CAAhB;AAAA,CAAzB"}
+{"version":3,"file":"context.js","names":["createContext","useContext","appbarContext","variant","size","Provider","AppBarProvider","useAppBarContext"],"sources":["../../../src/AppBar/context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport type { AppBarProps } from './AppBar';\n\n// AppBar Component\nexport type AppBarContextProps = Pick<AppBarProps, 'variant' | 'size'>;\n\nconst appbarContext = createContext<AppBarContextProps>({\n  variant: 'default',\n  size: 'default',\n});\nexport const { Provider: AppBarProvider } = appbarContext;\nexport const useAppBarContext = () => useContext(appbarContext);\n"],"mappings":"AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;;AAIjD;;AAGA,MAAMC,aAAa,gBAAGF,aAAa,CAAqB;EACtDG,OAAO,EAAE,SAAS;EAClBC,IAAI,EAAE;AACR,CAAC,CAAC;AACF,OAAO,MAAM;EAAEC,QAAQ,EAAEC;AAAe,CAAC,GAAGJ,aAAa;AACzD,OAAO,MAAMK,gBAAgB,GAAGA,CAAA,KAAMN,UAAU,CAACC,aAAa,CAAC","ignoreList":[]}

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

@@ -1,3 +1,3 @@
-export * from './AppBar';
-export * from './AppBarButton';
-export * from './context';
+export * from './AppBar';
+export * from './AppBarButton';
+export * from './context';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/AppBar/index.ts"],"sourcesContent":["export * from './AppBar';\r\nexport * from './AppBarButton';\r\nexport * from './context';\r\n"],"mappings":"AAAA,cAAc,UAAd;AACA,cAAc,gBAAd;AACA,cAAc,WAAd"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/AppBar/index.ts"],"sourcesContent":["export * from './AppBar';\nexport * from './AppBarButton';\nexport * from './context';\n"],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,gBAAgB;AAC9B,cAAc,WAAW","ignoreList":[]}

package/build/esm/Badge/Badge.d.ts

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

package/build/esm/Badge/Badge.js

@@ -1,38 +1,37 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["size", "__css"];
 import { forwardRef } from 'react';
 import { Box } from '../Box';
 import { jsx as _jsx } from "react/jsx-runtime";
-export var Badge = /*#__PURE__*/forwardRef(function Badge(props, forwardedRef) {
-  var _props$size = props.size,
-      size = _props$size === void 0 ? 'large' : _props$size,
-      __css = props.__css,
-      otherProps = _objectWithoutProperties(props, _excluded);
-
-  return /*#__PURE__*/_jsx(Box, _extends({
+export const Badge = /*#__PURE__*/forwardRef(function Badge(props, forwardedRef) {
+  const {
+    size = 'large',
+    __css,
+    ...otherProps
+  } = props;
+  return /*#__PURE__*/_jsx(Box, {
     ref: forwardedRef,
-    __css: _extends(_extends({
+    __css: {
       variant: 'text.label-small',
       bg: 'error',
       color: 'on.error',
-      borderRadius: 'full'
-    }, size === 'small' ? {
-      maxWidth: "0.375rem",
-      maxHeight: "0.375rem",
-      minWidth: "0.375rem",
-      minHeight: "0.375rem"
-    } : {
-      px: 1,
-      maxHeight: "1rem",
-      minWidth: "1rem",
-      minHeight: "1rem"
-    }), {}, {
+      borderRadius: 'full',
+      ...(size === 'small' ? {
+        maxWidth: "0.375rem",
+        maxHeight: "0.375rem",
+        minWidth: "0.375rem",
+        minHeight: "0.375rem"
+      } : {
+        px: 1,
+        maxHeight: "1rem",
+        minWidth: "1rem",
+        minHeight: "1rem"
+      }),
       display: 'inline-flex',
       alignItems: 'center',
       justifyContent: 'center',
-      fontVariantNumeric: 'tabular-nums'
-    }, __css)
-  }, otherProps));
+      fontVariantNumeric: 'tabular-nums',
+      ...__css
+    },
+    ...otherProps
+  });
 });
 //# sourceMappingURL=Badge.js.map

package/build/esm/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","names":["forwardRef","Box","Badge","props","forwardedRef","size","__css","otherProps","variant","bg","color","borderRadius","maxWidth","maxHeight","minWidth","minHeight","px","display","alignItems","justifyContent","fontVariantNumeric"],"sources":["../../../src/Badge/Badge.tsx"],"sourcesContent":["import { rem } from 'polished';\r\nimport { forwardRef } from 'react';\r\n\r\nimport type { BoxProps } from '../Box';\r\nimport { Box } from '../Box';\r\n\r\nexport interface BadgeProps extends BoxProps {\r\n  size?: 'small' | 'large';\r\n}\r\n\r\nexport const Badge = forwardRef<HTMLDivElement, BadgeProps>(function Badge(\r\n  props,\r\n  forwardedRef\r\n) {\r\n  const { size = 'large', __css, ...otherProps } = props;\r\n\r\n  return (\r\n    <Box\r\n      ref={forwardedRef}\r\n      __css={{\r\n        variant: 'text.label-small',\r\n        bg: 'error',\r\n        color: 'on.error',\r\n        borderRadius: 'full',\r\n        ...(size === 'small'\r\n          ? {\r\n              maxWidth: rem(6),\r\n              maxHeight: rem(6),\r\n              minWidth: rem(6),\r\n              minHeight: rem(6),\r\n            }\r\n          : {\r\n              px: 1,\r\n              maxHeight: rem(16),\r\n              minWidth: rem(16),\r\n              minHeight: rem(16),\r\n            }),\r\n        display: 'inline-flex',\r\n        alignItems: 'center',\r\n        justifyContent: 'center',\r\n        fontVariantNumeric: 'tabular-nums',\r\n        ...__css,\r\n      }}\r\n      {...otherProps}\r\n    />\r\n  );\r\n});\r\n"],"mappings":";;;AACA,SAASA,UAAT,QAA2B,OAA3B;AAGA,SAASC,GAAT,QAAoB,QAApB;;AAMA,OAAO,IAAMC,KAAK,gBAAGF,UAAU,CAA6B,SAASE,KAAT,CAC1DC,KAD0D,EAE1DC,YAF0D,EAG1D;EACA,kBAAiDD,KAAjD,CAAQE,IAAR;EAAA,IAAQA,IAAR,4BAAe,OAAf;EAAA,IAAwBC,KAAxB,GAAiDH,KAAjD,CAAwBG,KAAxB;EAAA,IAAkCC,UAAlC,4BAAiDJ,KAAjD;;EAEA,oBACE,KAAC,GAAD;IACE,GAAG,EAAEC,YADP;IAEE,KAAK;MACHI,OAAO,EAAE,kBADN;MAEHC,EAAE,EAAE,OAFD;MAGHC,KAAK,EAAE,UAHJ;MAIHC,YAAY,EAAE;IAJX,GAKCN,IAAI,KAAK,OAAT,GACA;MACEO,QAAQ,YADV;MAEEC,SAAS,YAFX;MAGEC,QAAQ,YAHV;MAIEC,SAAS;IAJX,CADA,GAOA;MACEC,EAAE,EAAE,CADN;MAEEH,SAAS,QAFX;MAGEC,QAAQ,QAHV;MAIEC,SAAS;IAJX,CAZD;MAkBHE,OAAO,EAAE,aAlBN;MAmBHC,UAAU,EAAE,QAnBT;MAoBHC,cAAc,EAAE,QApBb;MAqBHC,kBAAkB,EAAE;IArBjB,GAsBAd,KAtBA;EAFP,GA0BMC,UA1BN,EADF;AA8BD,CApC8B,CAAxB"}
+{"version":3,"file":"Badge.js","names":["forwardRef","Box","jsx","_jsx","Badge","props","forwardedRef","size","__css","otherProps","ref","variant","bg","color","borderRadius","maxWidth","maxHeight","minWidth","minHeight","px","display","alignItems","justifyContent","fontVariantNumeric"],"sources":["../../../src/Badge/Badge.tsx"],"sourcesContent":["import { rem } from 'polished';\nimport { forwardRef } from 'react';\n\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\n\nexport interface BadgeProps extends BoxProps {\n  size?: 'small' | 'large';\n}\n\nexport const Badge = forwardRef<HTMLDivElement, BadgeProps>(function Badge(\n  props,\n  forwardedRef\n) {\n  const { size = 'large', __css, ...otherProps } = props;\n\n  return (\n    <Box\n      ref={forwardedRef}\n      __css={{\n        variant: 'text.label-small',\n        bg: 'error',\n        color: 'on.error',\n        borderRadius: 'full',\n        ...(size === 'small'\n          ? {\n              maxWidth: rem(6),\n              maxHeight: rem(6),\n              minWidth: rem(6),\n              minHeight: rem(6),\n            }\n          : {\n              px: 1,\n              maxHeight: rem(16),\n              minWidth: rem(16),\n              minHeight: rem(16),\n            }),\n        display: 'inline-flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        fontVariantNumeric: 'tabular-nums',\n        ...__css,\n      }}\n      {...otherProps}\n    />\n  );\n});\n"],"mappings":"AACA,SAASA,UAAU,QAAQ,OAAO;AAGlC,SAASC,GAAG,QAAQ,QAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAM7B,OAAO,MAAMC,KAAK,gBAAGJ,UAAU,CAA6B,SAASI,KAAKA,CACxEC,KAAK,EACLC,YAAY,EACZ;EACA,MAAM;IAAEC,IAAI,GAAG,OAAO;IAAEC,KAAK;IAAE,GAAGC;EAAW,CAAC,GAAGJ,KAAK;EAEtD,oBACEF,IAAA,CAACF,GAAG;IACFS,GAAG,EAAEJ,YAAa;IAClBE,KAAK,EAAE;MACLG,OAAO,EAAE,kBAAkB;MAC3BC,EAAE,EAAE,OAAO;MACXC,KAAK,EAAE,UAAU;MACjBC,YAAY,EAAE,MAAM;MACpB,IAAIP,IAAI,KAAK,OAAO,GAChB;QACEQ,QAAQ,YAAQ;QAChBC,SAAS,YAAQ;QACjBC,QAAQ,YAAQ;QAChBC,SAAS;MACX,CAAC,GACD;QACEC,EAAE,EAAE,CAAC;QACLH,SAAS,QAAS;QAClBC,QAAQ,QAAS;QACjBC,SAAS;MACX,CAAC,CAAC;MACNE,OAAO,EAAE,aAAa;MACtBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,kBAAkB,EAAE,cAAc;MAClC,GAAGf;IACL,CAAE;IAAA,GACEC;EAAU,CACf,CAAC;AAEN,CAAC,CAAC","ignoreList":[]}

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

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

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

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

package/build/esm/BaseLine/BaseLine.d.ts

@@ -1 +1 @@
-export declare const BaseLine: () => JSX.Element;
+export declare const BaseLine: () => import("react/jsx-runtime").JSX.Element;