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

package/build/esm/Dialog/useDialogAnimation.js

@@ -1,6 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["mode"];
 import { useAnimation } from '../hooks/useAnimation';
+import { EASING_STANDARD } from '../motion';
 var styles = {
   slide: {
     closed: {
@@ -47,7 +49,7 @@ var styles = {
 export function useDialogAnimation(opts) {
   var _opts$mode = opts.mode,
       mode = _opts$mode === void 0 ? 'grow' : _opts$mode,
-      otherOpts = _objectWithoutProperties(opts, ["mode"]);
+      otherOpts = _objectWithoutProperties(opts, _excluded);
 
   var _useAnimation = useAnimation(_extends({
     styles: styles,
@@ -59,10 +61,10 @@ export function useDialogAnimation(opts) {
       timing = _useAnimation.timing;
 
   var scrimOpacity = state === 'open' ? 1 : 0;
-  var transition = "opacity ".concat(timing, "ms cubic-bezier(.4,0,.2,1),transform ").concat(timing, "ms cubic-bezier(.4,0,.2,1)");
-  var scrimTransition = "opacity ".concat(timing * 0.4 | 0, "ms cubic-bezier(.4,0,.2,1)");
+  var transition = "opacity ".concat(timing, "ms ").concat(EASING_STANDARD, ",transform ").concat(timing, "ms ").concat(EASING_STANDARD);
+  var scrimTransition = "opacity ".concat(timing * 0.4 | 0, "ms ").concat(EASING_STANDARD);
   return {
-    containerStyle: _extends({}, style, {
+    containerStyle: _extends(_extends({}, style), {}, {
       transition: transition
     }),
     scrimStyle: {

package/build/esm/Dialog/useDialogAnimation.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Dialog/useDialogAnimation.tsx"],"names":["useAnimation","styles","slide","closed","opacity","transform","open","close","grow","useDialogAnimation","opts","mode","otherOpts","state","style","timing","scrimOpacity","transition","scrimTransition","containerStyle","scrimStyle"],"mappings":";;AAAA,SAASA,YAAT,QAA6B,uBAA7B;AAEA,IAAMC,MAAM,GAAG;AACbC,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE;AAAEC,MAAAA,OAAO,EAAE,GAAX;AAAgBC,MAAAA,SAAS,EAAE;AAA3B,KADH;AAELC,IAAAA,IAAI,EAAE;AAAEF,MAAAA,OAAO,EAAE,CAAX;AAAcC,MAAAA,SAAS,EAAE;AAAzB,KAFD;AAGLE,IAAAA,KAAK,EAAE;AAAEH,MAAAA,OAAO,EAAE,CAAX;AAAcC,MAAAA,SAAS,EAAE;AAAzB;AAHF,GADM;AAMbG,EAAAA,IAAI,EAAE;AACJL,IAAAA,MAAM,EAAE;AAAEC,MAAAA,OAAO,EAAE,GAAX;AAAgBC,MAAAA,SAAS,EAAE;AAA3B,KADJ;AAEJC,IAAAA,IAAI,EAAE;AAAEF,MAAAA,OAAO,EAAE,CAAX;AAAcC,MAAAA,SAAS,EAAE;AAAzB,KAFF;AAGJE,IAAAA,KAAK,EAAE;AAAEH,MAAAA,OAAO,EAAE,CAAX;AAAcC,MAAAA,SAAS,EAAE;AAAzB;AAHH,GANO;AAWb,gBAAc;AACZF,IAAAA,MAAM,EAAE;AAAEC,MAAAA,OAAO,EAAE,GAAX;AAAgBC,MAAAA,SAAS,EAAE;AAA3B,KADI;AAEZC,IAAAA,IAAI,EAAE;AAAEF,MAAAA,OAAO,EAAE,CAAX;AAAcC,MAAAA,SAAS,EAAE;AAAzB,KAFM;AAGZE,IAAAA,KAAK,EAAE;AAAEH,MAAAA,OAAO,EAAE;AAAX;AAHK;AAXD,CAAf;AAoBA,OAAO,SAASK,kBAAT,CAA4BC,IAA5B,EAKJ;AAAA,mBACuCA,IADvC,CACOC,IADP;AAAA,MACOA,IADP,2BACc,MADd;AAAA,MACyBC,SADzB,4BACuCF,IADvC;;AAAA,sBAEsCV,YAAY;AACjDC,IAAAA,MAAM,EAANA,MADiD;AAEjDU,IAAAA,IAAI,EAAJA;AAFiD,KAG9CC,SAH8C,EAFlD;AAAA,MAEON,IAFP,iBAEOA,IAFP;AAAA,MAEaO,KAFb,iBAEaA,KAFb;AAAA,MAEoBC,KAFpB,iBAEoBA,KAFpB;AAAA,MAE2BC,MAF3B,iBAE2BA,MAF3B;;AAOD,MAAMC,YAAY,GAAGH,KAAK,KAAK,MAAV,GAAmB,CAAnB,GAAuB,CAA5C;AAEA,MAAMI,UAAU,qBAAcF,MAAd,kDAA4DA,MAA5D,+BAAhB;AACA,MAAMG,eAAe,qBAClBH,MAAM,GAAG,GAAV,GAAiB,CADE,+BAArB;AAIA,SAAO;AACLI,IAAAA,cAAc,eAAOL,KAAP;AAAcG,MAAAA,UAAU,EAAVA;AAAd,MADT;AAELG,IAAAA,UAAU,EAAE;AACVhB,MAAAA,OAAO,EAAEY,YADC;AAEVC,MAAAA,UAAU,EAAEC;AAFF,KAFP;AAMLZ,IAAAA,IAAI,EAAJA;AANK,GAAP;AAQD","sourcesContent":["import { useAnimation } from '../hooks/useAnimation';\n\nconst styles = {\n  slide: {\n    closed: { opacity: 0.6, transform: 'translateY(100%)' },\n    open: { opacity: 1, transform: 'translateY(0%)' },\n    close: { opacity: 0, transform: 'translateY(10%)' },\n  },\n  grow: {\n    closed: { opacity: 0.8, transform: 'scale(0.8)' },\n    open: { opacity: 1, transform: 'scale(1)' },\n    close: { opacity: 0, transform: 'scale(1)' },\n  },\n  'slide-grow': {\n    closed: { opacity: 0.8, transform: 'translateY(50%) scale(0.8)' },\n    open: { opacity: 1, transform: 'translateY(0%) scale(1)' },\n    close: { opacity: 0 },\n  },\n};\n\nexport type DialogAnimationModes = keyof typeof styles;\n\nexport function useDialogAnimation(opts: {\n  open: boolean;\n  mode?: DialogAnimationModes;\n  openTimeoutInMilliseconds?: number;\n  closeTimeoutInMilliseconds?: number;\n}) {\n  const { mode = 'grow', ...otherOpts } = opts;\n  const { open, state, style, timing } = useAnimation({\n    styles,\n    mode,\n    ...otherOpts,\n  });\n  const scrimOpacity = state === 'open' ? 1 : 0;\n\n  const transition = `opacity ${timing}ms cubic-bezier(.4,0,.2,1),transform ${timing}ms cubic-bezier(.4,0,.2,1)`;\n  const scrimTransition = `opacity ${\n    (timing * 0.4) | 0\n  }ms cubic-bezier(.4,0,.2,1)`;\n\n  return {\n    containerStyle: { ...style, transition },\n    scrimStyle: {\n      opacity: scrimOpacity,\n      transition: scrimTransition,\n    },\n    open,\n  };\n}\n"],"file":"useDialogAnimation.js"}
+{"version":3,"file":"useDialogAnimation.js","names":["useAnimation","EASING_STANDARD","styles","slide","closed","opacity","transform","open","close","grow","useDialogAnimation","opts","mode","otherOpts","state","style","timing","scrimOpacity","transition","scrimTransition","containerStyle","scrimStyle"],"sources":["../../../src/Dialog/useDialogAnimation.tsx"],"sourcesContent":["import { useAnimation } from '../hooks/useAnimation';\r\nimport { EASING_STANDARD } from '../motion';\r\n\r\nconst styles = {\r\n  slide: {\r\n    closed: { opacity: 0.6, transform: 'translateY(100%)' },\r\n    open: { opacity: 1, transform: 'translateY(0%)' },\r\n    close: { opacity: 0, transform: 'translateY(10%)' },\r\n  },\r\n  grow: {\r\n    closed: { opacity: 0.8, transform: 'scale(0.8)' },\r\n    open: { opacity: 1, transform: 'scale(1)' },\r\n    close: { opacity: 0, transform: 'scale(1)' },\r\n  },\r\n  'slide-grow': {\r\n    closed: { opacity: 0.8, transform: 'translateY(50%) scale(0.8)' },\r\n    open: { opacity: 1, transform: 'translateY(0%) scale(1)' },\r\n    close: { opacity: 0 },\r\n  },\r\n};\r\n\r\nexport type DialogAnimationModes = keyof typeof styles;\r\n\r\nexport function useDialogAnimation(opts: {\r\n  open: boolean;\r\n  mode?: DialogAnimationModes;\r\n  openTimeoutInMilliseconds?: number;\r\n  closeTimeoutInMilliseconds?: number;\r\n}) {\r\n  const { mode = 'grow', ...otherOpts } = opts;\r\n  const { open, state, style, timing } = useAnimation({\r\n    styles,\r\n    mode,\r\n    ...otherOpts,\r\n  });\r\n  const scrimOpacity = state === 'open' ? 1 : 0;\r\n\r\n  const transition = `opacity ${timing}ms ${EASING_STANDARD},transform ${timing}ms ${EASING_STANDARD}`;\r\n  const scrimTransition = `opacity ${(timing * 0.4) | 0}ms ${EASING_STANDARD}`;\r\n\r\n  return {\r\n    containerStyle: { ...style, transition },\r\n    scrimStyle: {\r\n      opacity: scrimOpacity,\r\n      transition: scrimTransition,\r\n    },\r\n    open,\r\n  };\r\n}\r\n"],"mappings":";;;AAAA,SAASA,YAAT,QAA6B,uBAA7B;AACA,SAASC,eAAT,QAAgC,WAAhC;AAEA,IAAMC,MAAM,GAAG;EACbC,KAAK,EAAE;IACLC,MAAM,EAAE;MAAEC,OAAO,EAAE,GAAX;MAAgBC,SAAS,EAAE;IAA3B,CADH;IAELC,IAAI,EAAE;MAAEF,OAAO,EAAE,CAAX;MAAcC,SAAS,EAAE;IAAzB,CAFD;IAGLE,KAAK,EAAE;MAAEH,OAAO,EAAE,CAAX;MAAcC,SAAS,EAAE;IAAzB;EAHF,CADM;EAMbG,IAAI,EAAE;IACJL,MAAM,EAAE;MAAEC,OAAO,EAAE,GAAX;MAAgBC,SAAS,EAAE;IAA3B,CADJ;IAEJC,IAAI,EAAE;MAAEF,OAAO,EAAE,CAAX;MAAcC,SAAS,EAAE;IAAzB,CAFF;IAGJE,KAAK,EAAE;MAAEH,OAAO,EAAE,CAAX;MAAcC,SAAS,EAAE;IAAzB;EAHH,CANO;EAWb,cAAc;IACZF,MAAM,EAAE;MAAEC,OAAO,EAAE,GAAX;MAAgBC,SAAS,EAAE;IAA3B,CADI;IAEZC,IAAI,EAAE;MAAEF,OAAO,EAAE,CAAX;MAAcC,SAAS,EAAE;IAAzB,CAFM;IAGZE,KAAK,EAAE;MAAEH,OAAO,EAAE;IAAX;EAHK;AAXD,CAAf;AAoBA,OAAO,SAASK,kBAAT,CAA4BC,IAA5B,EAKJ;EACD,iBAAwCA,IAAxC,CAAQC,IAAR;EAAA,IAAQA,IAAR,2BAAe,MAAf;EAAA,IAA0BC,SAA1B,4BAAwCF,IAAxC;;EACA,oBAAuCX,YAAY;IACjDE,MAAM,EAANA,MADiD;IAEjDU,IAAI,EAAJA;EAFiD,GAG9CC,SAH8C,EAAnD;EAAA,IAAQN,IAAR,iBAAQA,IAAR;EAAA,IAAcO,KAAd,iBAAcA,KAAd;EAAA,IAAqBC,KAArB,iBAAqBA,KAArB;EAAA,IAA4BC,MAA5B,iBAA4BA,MAA5B;;EAKA,IAAMC,YAAY,GAAGH,KAAK,KAAK,MAAV,GAAmB,CAAnB,GAAuB,CAA5C;EAEA,IAAMI,UAAU,qBAAcF,MAAd,gBAA0Bf,eAA1B,wBAAuDe,MAAvD,gBAAmEf,eAAnE,CAAhB;EACA,IAAMkB,eAAe,qBAAeH,MAAM,GAAG,GAAV,GAAiB,CAA/B,gBAAsCf,eAAtC,CAArB;EAEA,OAAO;IACLmB,cAAc,wBAAOL,KAAP;MAAcG,UAAU,EAAVA;IAAd,EADT;IAELG,UAAU,EAAE;MACVhB,OAAO,EAAEY,YADC;MAEVC,UAAU,EAAEC;IAFF,CAFP;IAMLZ,IAAI,EAAJA;EANK,CAAP;AAQD"}

package/build/esm/Divider/Divider.d.ts

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

package/build/esm/Divider/Divider.js

@@ -1,9 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["as", "direction", "__css"];
 import { forwardRef } from 'react';
-import * as React from 'react';
 import { Box } from '../Box';
-import { alpha } from '../color';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var Divider = /*#__PURE__*/forwardRef(function Divider(props, forwardedRef) {
   var _props$as = props.as,
@@ -11,27 +10,27 @@ export var Divider = /*#__PURE__*/forwardRef(function Divider(props, forwardedRe
       _props$direction = props.direction,
       direction = _props$direction === void 0 ? 'horizontal' : _props$direction,
       __css = props.__css,
-      otherProps = _objectWithoutProperties(props, ["as", "direction", "__css"]);
+      otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_jsx(Box, _extends({
+  return /*#__PURE__*/_jsx(Box, _extends(_extends({
     ref: forwardedRef,
     as: as,
     role: "separator"
-  }, otherProps, {
-    __css: _extends({
+  }, otherProps), {}, {
+    __css: _extends(_extends(_extends({
       border: 'none',
       listStyleType: 'none'
     }, direction === 'horizontal' && {
       height: 0,
       borderBottomWidth: "0.0625rem",
       borderBottomStyle: 'solid',
-      borderBottomColor: alpha('on.surface', 0.12)
-    }, direction === 'vertical' && {
+      borderBottomColor: 'outline-variant'
+    }), direction === 'vertical' && {
       width: 0,
       borderRightWidth: "0.0625rem",
       borderRightStyle: 'solid',
-      borderRightColor: alpha('on.surface', 0.12)
-    }, __css)
+      borderRightColor: 'outline-variant'
+    }), __css)
   }));
 });
 //# sourceMappingURL=Divider.js.map

package/build/esm/Divider/Divider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Divider/Divider.tsx"],"names":["forwardRef","React","Box","alpha","Divider","props","forwardedRef","as","direction","__css","otherProps","border","listStyleType","height","borderBottomWidth","borderBottomStyle","borderBottomColor","width","borderRightWidth","borderRightStyle","borderRightColor"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AAIA,SAASC,GAAT,QAAoB,QAApB;AACA,SAASC,KAAT,QAAsB,UAAtB;;AAOA,OAAO,IAAMC,OAAO,gBAAGJ,UAAU,CAC/B,SAASI,OAAT,CAAiBC,KAAjB,EAAwBC,YAAxB,EAAsC;AAAA,kBAMhCD,KANgC,CAElCE,EAFkC;AAAA,MAElCA,EAFkC,0BAE7B,KAF6B;AAAA,yBAMhCF,KANgC,CAGlCG,SAHkC;AAAA,MAGlCA,SAHkC,iCAGtB,YAHsB;AAAA,MAIlCC,KAJkC,GAMhCJ,KANgC,CAIlCI,KAJkC;AAAA,MAK/BC,UAL+B,4BAMhCL,KANgC;;AAQpC,sBACE,KAAC,GAAD;AACE,IAAA,GAAG,EAAEC,YADP;AAEE,IAAA,EAAE,EAAEC,EAFN;AAGE,IAAA,IAAI,EAAC;AAHP,KAIMG,UAJN;AAKE,IAAA,KAAK;AACHC,MAAAA,MAAM,EAAE,MADL;AAEHC,MAAAA,aAAa,EAAE;AAFZ,OAGCJ,SAAS,KAAK,YAAd,IAA8B;AAChCK,MAAAA,MAAM,EAAE,CADwB;AAEhCC,MAAAA,iBAAiB,aAFe;AAGhCC,MAAAA,iBAAiB,EAAE,OAHa;AAIhCC,MAAAA,iBAAiB,EAAEb,KAAK,CAAC,YAAD,EAAe,IAAf;AAJQ,KAH/B,EASCK,SAAS,KAAK,UAAd,IAA4B;AAC9BS,MAAAA,KAAK,EAAE,CADuB;AAE9BC,MAAAA,gBAAgB,aAFc;AAG9BC,MAAAA,gBAAgB,EAAE,OAHY;AAI9BC,MAAAA,gBAAgB,EAAEjB,KAAK,CAAC,YAAD,EAAe,IAAf;AAJO,KAT7B,EAeAM,KAfA;AALP,KADF;AAyBD,CAlC8B,CAA1B","sourcesContent":["import { forwardRef } from 'react';\nimport * as React from 'react';\nimport { rem } from 'polished';\n\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\nimport { alpha } from '../color';\n\nexport interface DividerProps extends BoxProps {\n  as?: React.ElementType<any>;\n  direction?: 'vertical' | 'horizontal';\n}\n\nexport const Divider = forwardRef<HTMLDivElement, DividerProps>(\n  function Divider(props, forwardedRef) {\n    const {\n      as = 'div',\n      direction = 'horizontal',\n      __css,\n      ...otherProps\n    } = props;\n\n    return (\n      <Box\n        ref={forwardedRef}\n        as={as}\n        role=\"separator\"\n        {...otherProps}\n        __css={{\n          border: 'none',\n          listStyleType: 'none',\n          ...(direction === 'horizontal' && {\n            height: 0,\n            borderBottomWidth: rem(1),\n            borderBottomStyle: 'solid',\n            borderBottomColor: alpha('on.surface', 0.12),\n          }),\n          ...(direction === 'vertical' && {\n            width: 0,\n            borderRightWidth: rem(1),\n            borderRightStyle: 'solid',\n            borderRightColor: alpha('on.surface', 0.12),\n          }),\n          ...__css,\n        }}\n      />\n    );\n  }\n);\n"],"file":"Divider.js"}
+{"version":3,"file":"Divider.js","names":["forwardRef","Box","Divider","props","forwardedRef","as","direction","__css","otherProps","border","listStyleType","height","borderBottomWidth","borderBottomStyle","borderBottomColor","width","borderRightWidth","borderRightStyle","borderRightColor"],"sources":["../../../src/Divider/Divider.tsx"],"sourcesContent":["import type { ElementType } 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\n\r\nexport interface DividerProps extends BoxProps {\r\n  as?: ElementType<any>;\r\n  direction?: 'vertical' | 'horizontal';\r\n}\r\n\r\nexport const Divider = forwardRef<HTMLDivElement, DividerProps>(\r\n  function Divider(props, forwardedRef) {\r\n    const {\r\n      as = 'div',\r\n      direction = 'horizontal',\r\n      __css,\r\n      ...otherProps\r\n    } = props;\r\n\r\n    return (\r\n      <Box\r\n        ref={forwardedRef}\r\n        as={as}\r\n        role=\"separator\"\r\n        {...otherProps}\r\n        __css={{\r\n          border: 'none',\r\n          listStyleType: 'none',\r\n          ...(direction === 'horizontal' && {\r\n            height: 0,\r\n            borderBottomWidth: rem(1),\r\n            borderBottomStyle: 'solid',\r\n            borderBottomColor: 'outline-variant',\r\n          }),\r\n          ...(direction === 'vertical' && {\r\n            width: 0,\r\n            borderRightWidth: rem(1),\r\n            borderRightStyle: 'solid',\r\n            borderRightColor: 'outline-variant',\r\n          }),\r\n          ...__css,\r\n        }}\r\n      />\r\n    );\r\n  }\r\n);\r\n"],"mappings":";;;AACA,SAASA,UAAT,QAA2B,OAA3B;AAIA,SAASC,GAAT,QAAoB,QAApB;;AAOA,OAAO,IAAMC,OAAO,gBAAGF,UAAU,CAC/B,SAASE,OAAT,CAAiBC,KAAjB,EAAwBC,YAAxB,EAAsC;EACpC,gBAKID,KALJ,CACEE,EADF;EAAA,IACEA,EADF,0BACO,KADP;EAAA,uBAKIF,KALJ,CAEEG,SAFF;EAAA,IAEEA,SAFF,iCAEc,YAFd;EAAA,IAGEC,KAHF,GAKIJ,KALJ,CAGEI,KAHF;EAAA,IAIKC,UAJL,4BAKIL,KALJ;;EAOA,oBACE,KAAC,GAAD;IACE,GAAG,EAAEC,YADP;IAEE,EAAE,EAAEC,EAFN;IAGE,IAAI,EAAC;EAHP,GAIMG,UAJN;IAKE,KAAK;MACHC,MAAM,EAAE,MADL;MAEHC,aAAa,EAAE;IAFZ,GAGCJ,SAAS,KAAK,YAAd,IAA8B;MAChCK,MAAM,EAAE,CADwB;MAEhCC,iBAAiB,aAFe;MAGhCC,iBAAiB,EAAE,OAHa;MAIhCC,iBAAiB,EAAE;IAJa,CAH/B,GASCR,SAAS,KAAK,UAAd,IAA4B;MAC9BS,KAAK,EAAE,CADuB;MAE9BC,gBAAgB,aAFc;MAG9BC,gBAAgB,EAAE,OAHY;MAI9BC,gBAAgB,EAAE;IAJY,CAT7B,GAeAX,KAfA;EALP,GADF;AAyBD,CAlC8B,CAA1B"}

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

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

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

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

package/build/esm/FloatingLabel/FloatingLabel.d.ts

@@ -1,13 +1,13 @@
-import * as React from 'react';
-export interface FloatingLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
-    children?: React.ReactNode;
-    active?: boolean;
-    offsetX?: number;
-    height?: number;
-    scale?: number;
-    px?: number;
-    translateX?: number;
-    translateY?: number;
-    transitionTime?: number;
-}
-export declare const FloatingLabel: React.ForwardRefExoticComponent<FloatingLabelProps & React.RefAttributes<HTMLLabelElement>>;
+import type { LabelHTMLAttributes, ReactNode } from 'react';
+export interface FloatingLabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
+    children?: ReactNode;
+    active?: boolean;
+    offsetX?: number;
+    height?: number;
+    scale?: number;
+    px?: number;
+    translateX?: number;
+    translateY?: number;
+    transitionTime?: number;
+}
+export declare const FloatingLabel: import("react").ForwardRefExoticComponent<FloatingLabelProps & import("react").RefAttributes<HTMLLabelElement>>;

package/build/esm/FloatingLabel/FloatingLabel.js

@@ -1,10 +1,11 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["offsetX", "scale", "height", "active", "transitionTime", "style", "translateX", "translateY", "children"];
 import { forwardRef } from 'react';
-import * as React from 'react';
 import { rem } from 'polished';
 import { Text as _Text } from '../Text';
 import { useNotchedOutlineContext } from '../NotchedOutline/context';
+import { EASING_STANDARD } from '../motion';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var FloatingLabel = /*#__PURE__*/forwardRef(function FloatingLabel(props, forwardedRef) {
   var _props$offsetX = props.offsetX,
@@ -21,7 +22,7 @@ export var FloatingLabel = /*#__PURE__*/forwardRef(function FloatingLabel(props,
       translateXProp = props.translateX,
       translateYProp = props.translateY,
       children = props.children,
-      otherProps = _objectWithoutProperties(props, ["offsetX", "scale", "height", "active", "transitionTime", "style", "translateX", "translateY", "children"]);
+      otherProps = _objectWithoutProperties(props, _excluded);
 
   var ctx = useNotchedOutlineContext();
   var notchStart = ctx ? ctx.notchStart : 0;
@@ -29,9 +30,9 @@ export var FloatingLabel = /*#__PURE__*/forwardRef(function FloatingLabel(props,
   var translateX = translateXProp !== undefined ? translateXProp : notchStart - offsetX;
   var translateY = translateYProp !== undefined ? translateYProp : -height / 2;
   var transform = active ? "translate(".concat(rem(translateX), ", ").concat(rem(translateY), ") scale(").concat(scale, ")") : undefined;
-  return /*#__PURE__*/_jsx(Text, _extends({
+  return /*#__PURE__*/_jsx(Text, _extends(_extends({
     as: "label",
-    variant: "subtitle1",
+    variant: "body-large",
     ref: forwardedRef,
     __css: {
       position: 'absolute',
@@ -41,13 +42,13 @@ export var FloatingLabel = /*#__PURE__*/forwardRef(function FloatingLabel(props,
       left: rem(offsetX),
       height: typeof height === 'number' ? rem(height) : height,
       transformOrigin: 'left center',
-      transition: "transform ".concat(transitionTime, "ms cubic-bezier(.4,0,.2,1), color ").concat(transitionTime, "ms cubic-bezier(.4,0,.2,1)"),
+      transition: "transform ".concat(transitionTime, "ms ").concat(EASING_STANDARD, ", color ").concat(transitionTime, "ms ").concat(EASING_STANDARD),
       pointerEvents: 'none'
     },
     style: _extends({
       transform: transform
     }, style)
-  }, otherProps, {
+  }, otherProps), {}, {
     children: children
   }));
 });

package/build/esm/FloatingLabel/FloatingLabel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/FloatingLabel/FloatingLabel.tsx"],"names":["forwardRef","React","rem","Text","_Text","useNotchedOutlineContext","FloatingLabel","props","forwardedRef","offsetX","scale","height","active","transitionTime","style","translateXProp","translateX","translateYProp","translateY","children","otherProps","ctx","notchStart","undefined","transform","position","fontWeight","display","alignItems","left","transformOrigin","transition","pointerEvents"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AACA,SAASC,GAAT,QAAoB,UAApB;AAEA,SAASC,IAAI,IAAIC,KAAjB,QAA8B,SAA9B;AACA,SAASC,wBAAT,QAAyC,2BAAzC;;AAeA,OAAO,IAAMC,aAAa,gBAAGN,UAAU,CACrC,SAASM,aAAT,CAAuBC,KAAvB,EAA8BC,YAA9B,EAA4C;AAAA,uBAYtCD,KAZsC,CAExCE,OAFwC;AAAA,MAExCA,OAFwC,+BAE9B,CAF8B;AAAA,qBAYtCF,KAZsC,CAGxCG,KAHwC;AAAA,MAGxCA,KAHwC,6BAGhC,IAHgC;AAAA,sBAYtCH,KAZsC,CAIxCI,MAJwC;AAAA,MAIxCA,MAJwC,8BAI/B,EAJ+B;AAAA,MAKxCC,MALwC,GAYtCL,KAZsC,CAKxCK,MALwC;AAAA,8BAYtCL,KAZsC,CAMxCM,cANwC;AAAA,MAMxCA,cANwC,sCAMvB,GANuB;AAAA,qBAYtCN,KAZsC,CAOxCO,KAPwC;AAAA,MAOxCA,KAPwC,6BAOhC,EAPgC;AAAA,MAQ5BC,cAR4B,GAYtCR,KAZsC,CAQxCS,UARwC;AAAA,MAS5BC,cAT4B,GAYtCV,KAZsC,CASxCW,UATwC;AAAA,MAUxCC,QAVwC,GAYtCZ,KAZsC,CAUxCY,QAVwC;AAAA,MAWrCC,UAXqC,4BAYtCb,KAZsC;;AAc1C,MAAMc,GAAG,GAAGhB,wBAAwB,EAApC;AACA,MAAMiB,UAAU,GAAGD,GAAG,GAAGA,GAAG,CAACC,UAAP,GAAoB,CAA1C;AAEA,MAAMnB,IAA8B,GAAGC,KAAvC;AAEA,MAAMY,UAAU,GACdD,cAAc,KAAKQ,SAAnB,GAA+BR,cAA/B,GAAgDO,UAAU,GAAGb,OAD/D;AAEA,MAAMS,UAAU,GACdD,cAAc,KAAKM,SAAnB,GAA+BN,cAA/B,GAAgD,CAACN,MAAD,GAAU,CAD5D;AAGA,MAAMa,SAAS,GAAGZ,MAAM,uBACPV,GAAG,CAACc,UAAD,CADI,eACad,GAAG,CAACgB,UAAD,CADhB,qBACuCR,KADvC,SAEpBa,SAFJ;AAIA,sBACE,KAAC,IAAD;AACE,IAAA,EAAE,EAAC,OADL;AAEE,IAAA,OAAO,EAAC,WAFV;AAGE,IAAA,GAAG,EAAEf,YAHP;AAIE,IAAA,KAAK,EAAE;AACLiB,MAAAA,QAAQ,EAAE,UADL;AAELC,MAAAA,UAAU,EAAE,SAFP;AAGLC,MAAAA,OAAO,EAAE,aAHJ;AAILC,MAAAA,UAAU,EAAE,QAJP;AAKLC,MAAAA,IAAI,EAAE3B,GAAG,CAACO,OAAD,CALJ;AAMLE,MAAAA,MAAM,EAAE,OAAOA,MAAP,KAAkB,QAAlB,GAA6BT,GAAG,CAACS,MAAD,CAAhC,GAA2CA,MAN9C;AAOLmB,MAAAA,eAAe,EAAE,aAPZ;AAQLC,MAAAA,UAAU,sBAAelB,cAAf,+CAAkEA,cAAlE,+BARL;AASLmB,MAAAA,aAAa,EAAE;AATV,KAJT;AAeE,IAAA,KAAK;AACHR,MAAAA,SAAS,EAATA;AADG,OAEAV,KAFA;AAfP,KAmBMM,UAnBN;AAAA,cAqBGD;AArBH,KADF;AAyBD,CAtDoC,CAAhC","sourcesContent":["import { forwardRef } from 'react';\nimport * as React from 'react';\nimport { rem } from 'polished';\n\nimport { Text as _Text } from '../Text';\nimport { useNotchedOutlineContext } from '../NotchedOutline/context';\n\nexport interface FloatingLabelProps\n  extends React.LabelHTMLAttributes<HTMLLabelElement> {\n  children?: React.ReactNode;\n  active?: boolean;\n  offsetX?: number;\n  height?: number;\n  scale?: number;\n  px?: number;\n  translateX?: number;\n  translateY?: number;\n  transitionTime?: number;\n}\n\nexport const FloatingLabel = forwardRef<HTMLLabelElement, FloatingLabelProps>(\n  function FloatingLabel(props, forwardedRef) {\n    const {\n      offsetX = 0,\n      scale = 0.75,\n      height = 56,\n      active,\n      transitionTime = 150,\n      style = {},\n      translateX: translateXProp,\n      translateY: translateYProp,\n      children,\n      ...otherProps\n    } = props;\n\n    const ctx = useNotchedOutlineContext();\n    const notchStart = ctx ? ctx.notchStart : 0;\n\n    const Text: React.ComponentType<any> = _Text;\n\n    const translateX =\n      translateXProp !== undefined ? translateXProp : notchStart - offsetX;\n    const translateY =\n      translateYProp !== undefined ? translateYProp : -height / 2;\n\n    const transform = active\n      ? `translate(${rem(translateX)}, ${rem(translateY)}) scale(${scale})`\n      : undefined;\n\n    return (\n      <Text\n        as=\"label\"\n        variant=\"subtitle1\"\n        ref={forwardedRef}\n        __css={{\n          position: 'absolute',\n          fontWeight: 'regular',\n          display: 'inline-flex',\n          alignItems: 'center',\n          left: rem(offsetX),\n          height: typeof height === 'number' ? rem(height) : height,\n          transformOrigin: 'left center',\n          transition: `transform ${transitionTime}ms cubic-bezier(.4,0,.2,1), color ${transitionTime}ms cubic-bezier(.4,0,.2,1)`,\n          pointerEvents: 'none',\n        }}\n        style={{\n          transform,\n          ...style,\n        }}\n        {...otherProps}\n      >\n        {children}\n      </Text>\n    );\n  }\n);\n"],"file":"FloatingLabel.js"}
+{"version":3,"file":"FloatingLabel.js","names":["forwardRef","rem","Text","_Text","useNotchedOutlineContext","EASING_STANDARD","FloatingLabel","props","forwardedRef","offsetX","scale","height","active","transitionTime","style","translateXProp","translateX","translateYProp","translateY","children","otherProps","ctx","notchStart","undefined","transform","position","fontWeight","display","alignItems","left","transformOrigin","transition","pointerEvents"],"sources":["../../../src/FloatingLabel/FloatingLabel.tsx"],"sourcesContent":["import type { ComponentType, LabelHTMLAttributes, ReactNode } from 'react';\r\nimport { forwardRef } from 'react';\r\nimport { rem } from 'polished';\r\n\r\nimport { Text as _Text } from '../Text';\r\nimport { useNotchedOutlineContext } from '../NotchedOutline/context';\r\nimport { EASING_STANDARD } from '../motion';\r\n\r\nexport interface FloatingLabelProps\r\n  extends LabelHTMLAttributes<HTMLLabelElement> {\r\n  children?: ReactNode;\r\n  active?: boolean;\r\n  offsetX?: number;\r\n  height?: number;\r\n  scale?: number;\r\n  px?: number;\r\n  translateX?: number;\r\n  translateY?: number;\r\n  transitionTime?: number;\r\n}\r\n\r\nexport const FloatingLabel = forwardRef<HTMLLabelElement, FloatingLabelProps>(\r\n  function FloatingLabel(props, forwardedRef) {\r\n    const {\r\n      offsetX = 0,\r\n      scale = 0.75,\r\n      height = 56,\r\n      active,\r\n      transitionTime = 150,\r\n      style = {},\r\n      translateX: translateXProp,\r\n      translateY: translateYProp,\r\n      children,\r\n      ...otherProps\r\n    } = props;\r\n\r\n    const ctx = useNotchedOutlineContext();\r\n    const notchStart = ctx ? ctx.notchStart : 0;\r\n\r\n    const Text: ComponentType<any> = _Text;\r\n\r\n    const translateX =\r\n      translateXProp !== undefined ? translateXProp : notchStart - offsetX;\r\n    const translateY =\r\n      translateYProp !== undefined ? translateYProp : -height / 2;\r\n\r\n    const transform = active\r\n      ? `translate(${rem(translateX)}, ${rem(translateY)}) scale(${scale})`\r\n      : undefined;\r\n\r\n    return (\r\n      <Text\r\n        as=\"label\"\r\n        variant=\"body-large\"\r\n        ref={forwardedRef}\r\n        __css={{\r\n          position: 'absolute',\r\n          fontWeight: 'regular',\r\n          display: 'inline-flex',\r\n          alignItems: 'center',\r\n          left: rem(offsetX),\r\n          height: typeof height === 'number' ? rem(height) : height,\r\n          transformOrigin: 'left center',\r\n          transition: `transform ${transitionTime}ms ${EASING_STANDARD}, color ${transitionTime}ms ${EASING_STANDARD}`,\r\n          pointerEvents: 'none',\r\n        }}\r\n        style={{\r\n          transform,\r\n          ...style,\r\n        }}\r\n        {...otherProps}\r\n      >\r\n        {children}\r\n      </Text>\r\n    );\r\n  }\r\n);\r\n"],"mappings":";;;AACA,SAASA,UAAT,QAA2B,OAA3B;AACA,SAASC,GAAT,QAAoB,UAApB;AAEA,SAASC,IAAI,IAAIC,KAAjB,QAA8B,SAA9B;AACA,SAASC,wBAAT,QAAyC,2BAAzC;AACA,SAASC,eAAT,QAAgC,WAAhC;;AAeA,OAAO,IAAMC,aAAa,gBAAGN,UAAU,CACrC,SAASM,aAAT,CAAuBC,KAAvB,EAA8BC,YAA9B,EAA4C;EAC1C,qBAWID,KAXJ,CACEE,OADF;EAAA,IACEA,OADF,+BACY,CADZ;EAAA,mBAWIF,KAXJ,CAEEG,KAFF;EAAA,IAEEA,KAFF,6BAEU,IAFV;EAAA,oBAWIH,KAXJ,CAGEI,MAHF;EAAA,IAGEA,MAHF,8BAGW,EAHX;EAAA,IAIEC,MAJF,GAWIL,KAXJ,CAIEK,MAJF;EAAA,4BAWIL,KAXJ,CAKEM,cALF;EAAA,IAKEA,cALF,sCAKmB,GALnB;EAAA,mBAWIN,KAXJ,CAMEO,KANF;EAAA,IAMEA,KANF,6BAMU,EANV;EAAA,IAOcC,cAPd,GAWIR,KAXJ,CAOES,UAPF;EAAA,IAQcC,cARd,GAWIV,KAXJ,CAQEW,UARF;EAAA,IASEC,QATF,GAWIZ,KAXJ,CASEY,QATF;EAAA,IAUKC,UAVL,4BAWIb,KAXJ;;EAaA,IAAMc,GAAG,GAAGjB,wBAAwB,EAApC;EACA,IAAMkB,UAAU,GAAGD,GAAG,GAAGA,GAAG,CAACC,UAAP,GAAoB,CAA1C;EAEA,IAAMpB,IAAwB,GAAGC,KAAjC;EAEA,IAAMa,UAAU,GACdD,cAAc,KAAKQ,SAAnB,GAA+BR,cAA/B,GAAgDO,UAAU,GAAGb,OAD/D;EAEA,IAAMS,UAAU,GACdD,cAAc,KAAKM,SAAnB,GAA+BN,cAA/B,GAAgD,CAACN,MAAD,GAAU,CAD5D;EAGA,IAAMa,SAAS,GAAGZ,MAAM,uBACPX,GAAG,CAACe,UAAD,CADI,eACaf,GAAG,CAACiB,UAAD,CADhB,qBACuCR,KADvC,SAEpBa,SAFJ;EAIA,oBACE,KAAC,IAAD;IACE,EAAE,EAAC,OADL;IAEE,OAAO,EAAC,YAFV;IAGE,GAAG,EAAEf,YAHP;IAIE,KAAK,EAAE;MACLiB,QAAQ,EAAE,UADL;MAELC,UAAU,EAAE,SAFP;MAGLC,OAAO,EAAE,aAHJ;MAILC,UAAU,EAAE,QAJP;MAKLC,IAAI,EAAE5B,GAAG,CAACQ,OAAD,CALJ;MAMLE,MAAM,EAAE,OAAOA,MAAP,KAAkB,QAAlB,GAA6BV,GAAG,CAACU,MAAD,CAAhC,GAA2CA,MAN9C;MAOLmB,eAAe,EAAE,aAPZ;MAQLC,UAAU,sBAAelB,cAAf,gBAAmCR,eAAnC,qBAA6DQ,cAA7D,gBAAiFR,eAAjF,CARL;MASL2B,aAAa,EAAE;IATV,CAJT;IAeE,KAAK;MACHR,SAAS,EAATA;IADG,GAEAV,KAFA;EAfP,GAmBMM,UAnBN;IAAA,UAqBGD;EArBH,GADF;AAyBD,CAtDoC,CAAhC"}

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

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

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

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

package/build/esm/LineRipple/LineRipple.d.ts

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

package/build/esm/LineRipple/LineRipple.js

@@ -1,10 +1,11 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["as", "transitionDuration", "color", "active", "posx", "style", "__css"];
 import { forwardRef, useState, useRef, useEffect } from 'react';
-import * as React from 'react';
 import { useTheme } from '../theme';
 import { Box } from '../Box';
+import { EASING_STANDARD } from '../motion';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var LineRipple = /*#__PURE__*/forwardRef(function LineRipple(props, forwardedRef) {
   var asProp = props.as,
@@ -19,7 +20,7 @@ export var LineRipple = /*#__PURE__*/forwardRef(function LineRipple(props, forwa
       _props$style = props.style,
       styleProp = _props$style === void 0 ? {} : _props$style,
       __css = props.__css,
-      otherProps = _objectWithoutProperties(props, ["as", "transitionDuration", "color", "active", "posx", "style", "__css"]);
+      otherProps = _objectWithoutProperties(props, _excluded);
 
   var _useState = useState(),
       _useState2 = _slicedToArray(_useState, 2),
@@ -54,7 +55,7 @@ export var LineRipple = /*#__PURE__*/forwardRef(function LineRipple(props, forwa
     ref: forwardedRef,
     bg: color,
     theme: theme,
-    style: _extends({}, style, styleProp),
+    style: _extends(_extends({}, style), styleProp),
     __css: _extends({
       position: 'absolute',
       bottom: '0',
@@ -64,7 +65,7 @@ export var LineRipple = /*#__PURE__*/forwardRef(function LineRipple(props, forwa
       zIndex: 1,
       transform: 'scaleX(0)',
       transformOrigin: 'center center',
-      transition: "transform ".concat(transitionDuration, "ms cubic-bezier(.4,0,.2,1),opacity ").concat(transitionDuration, "ms cubic-bezier(.4,0,.2,1)"),
+      transition: "transform ".concat(transitionDuration, "ms ").concat(EASING_STANDARD, ",opacity ").concat(transitionDuration, "ms ").concat(EASING_STANDARD),
       opacity: 0
     }, __css)
   }, otherProps));

package/build/esm/LineRipple/LineRipple.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/LineRipple/LineRipple.tsx"],"names":["forwardRef","useState","useRef","useEffect","React","useTheme","Box","LineRipple","props","forwardedRef","asProp","as","transitionDuration","color","active","posx","style","styleProp","__css","otherProps","setStyle","theme","leaveTimeout","transform","transformOrigin","undefined","opacity","current","window","setTimeout","clearTimeout","position","bottom","left","width","height","zIndex","transition"],"mappings":";;;AACA,SAASA,UAAT,EAAqBC,QAArB,EAA+BC,MAA/B,EAAuCC,SAAvC,QAAwD,OAAxD;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AAGA,SAASC,QAAT,QAAyB,UAAzB;AAEA,SAASC,GAAT,QAAoB,QAApB;;AASA,OAAO,IAAMC,UAAU,gBAAGP,UAAU,CAClC,SAASO,UAAT,CAAoBC,KAApB,EAA2BC,YAA3B,EAAyC;AAAA,MAEjCC,MAFiC,GAUnCF,KAVmC,CAErCG,EAFqC;AAAA,8BAUnCH,KAVmC,CAGrCI,kBAHqC;AAAA,MAGrCA,kBAHqC,sCAGhB,GAHgB;AAAA,qBAUnCJ,KAVmC,CAIrCK,KAJqC;AAAA,MAIrCA,KAJqC,6BAI7B,SAJ6B;AAAA,sBAUnCL,KAVmC,CAKrCM,MALqC;AAAA,MAKrCA,MALqC,8BAK5B,KAL4B;AAAA,oBAUnCN,KAVmC,CAMrCO,IANqC;AAAA,MAMrCA,IANqC,4BAM9B,CAAC,CAN6B;AAAA,qBAUnCP,KAVmC,CAOrCQ,KAPqC;AAAA,MAO9BC,SAP8B,6BAOlB,EAPkB;AAAA,MAQrCC,KARqC,GAUnCV,KAVmC,CAQrCU,KARqC;AAAA,MASlCC,UATkC,4BAUnCX,KAVmC;;AAAA,kBAYbP,QAAQ,EAZK;AAAA;AAAA,MAYhCe,KAZgC;AAAA,MAYzBI,QAZyB;;AAavC,MAAMC,KAAK,GAAGhB,QAAQ,EAAtB;AACA,MAAMiB,YAAY,GAAGpB,MAAM,EAA3B;AAEAC,EAAAA,SAAS,CAAC,YAAM;AACd,QAAIW,MAAJ,EAAY;AACVM,MAAAA,QAAQ,CAAC;AACPG,QAAAA,SAAS,EAAE,WADJ;AAEPC,QAAAA,eAAe,EAAET,IAAI,IAAI,CAAR,aAAeA,IAAf,iBAAiCU,SAF3C;AAGPC,QAAAA,OAAO,EAAE;AAHF,OAAD,CAAR;AAKD,KAND,MAMO;AACLN,MAAAA,QAAQ,CAAC;AACPG,QAAAA,SAAS,EAAE,WADJ;AAEPG,QAAAA,OAAO,EAAE;AAFF,OAAD,CAAR;AAKAJ,MAAAA,YAAY,CAACK,OAAb,GAAuBC,MAAM,CAACC,UAAP,CAAkB,YAAM;AAC7CT,QAAAA,QAAQ,CAACK,SAAD,CAAR;AACD,OAFsB,EAEpBb,kBAFoB,CAAvB;AAGD;;AAED,WAAO,YAAM;AACXkB,MAAAA,YAAY,CAACR,YAAY,CAACK,OAAd,CAAZ;AACD,KAFD;AAGD,GArBQ,EAqBN,CAACb,MAAD,EAASC,IAAT,EAAeH,kBAAf,CArBM,CAAT;AAuBA,sBACE,KAAC,GAAD;AACE,IAAA,EAAE,EAAEF,MADN;AAEE,IAAA,GAAG,EAAED,YAFP;AAGE,IAAA,EAAE,EAAEI,KAHN;AAIE,IAAA,KAAK,EAAEQ,KAJT;AAKE,IAAA,KAAK,eAAOL,KAAP,EAAiBC,SAAjB,CALP;AAME,IAAA,KAAK;AACHc,MAAAA,QAAQ,EAAE,UADP;AAEHC,MAAAA,MAAM,EAAE,GAFL;AAGHC,MAAAA,IAAI,EAAE,GAHH;AAIHC,MAAAA,KAAK,EAAE,MAJJ;AAKHC,MAAAA,MAAM,YALH;AAMHC,MAAAA,MAAM,EAAE,CANL;AAOHb,MAAAA,SAAS,EAAE,WAPR;AAQHC,MAAAA,eAAe,EAAE,eARd;AASHa,MAAAA,UAAU,sBAAezB,kBAAf,gDAAuEA,kBAAvE,+BATP;AAUHc,MAAAA,OAAO,EAAE;AAVN,OAWAR,KAXA;AANP,KAmBMC,UAnBN,EADF;AAuBD,CA/DiC,CAA7B","sourcesContent":["import type { CSSProperties } from 'react';\nimport { forwardRef, useState, useRef, useEffect } from 'react';\nimport * as React from 'react';\nimport { rem } from 'polished';\n\nimport { useTheme } from '../theme';\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\n\nexport interface LineRippleProps extends BoxProps {\n  active?: boolean;\n  transitionDuration?: number;\n  posx?: number;\n  children?: React.ReactNode;\n}\n\nexport const LineRipple = forwardRef<HTMLDivElement, LineRippleProps>(\n  function LineRipple(props, forwardedRef) {\n    const {\n      as: asProp,\n      transitionDuration = 180,\n      color = 'primary',\n      active = false,\n      posx = -1,\n      style: styleProp = {},\n      __css,\n      ...otherProps\n    } = props;\n\n    const [style, setStyle] = useState<CSSProperties>();\n    const theme = useTheme();\n    const leaveTimeout = useRef<number>();\n\n    useEffect(() => {\n      if (active) {\n        setStyle({\n          transform: 'scaleX(1)',\n          transformOrigin: posx >= 0 ? `${posx}px center` : undefined,\n          opacity: 1,\n        });\n      } else {\n        setStyle({\n          transform: 'scaleX(1)',\n          opacity: 0,\n        });\n\n        leaveTimeout.current = window.setTimeout(() => {\n          setStyle(undefined);\n        }, transitionDuration);\n      }\n\n      return () => {\n        clearTimeout(leaveTimeout.current);\n      };\n    }, [active, posx, transitionDuration]);\n\n    return (\n      <Box\n        as={asProp}\n        ref={forwardedRef}\n        bg={color}\n        theme={theme}\n        style={{ ...style, ...styleProp }}\n        __css={{\n          position: 'absolute',\n          bottom: '0',\n          left: '0',\n          width: '100%',\n          height: rem(2),\n          zIndex: 1,\n          transform: 'scaleX(0)',\n          transformOrigin: 'center center',\n          transition: `transform ${transitionDuration}ms cubic-bezier(.4,0,.2,1),opacity ${transitionDuration}ms cubic-bezier(.4,0,.2,1)`,\n          opacity: 0,\n          ...__css,\n        }}\n        {...otherProps}\n      />\n    );\n  }\n);\n"],"file":"LineRipple.js"}
+{"version":3,"file":"LineRipple.js","names":["forwardRef","useState","useRef","useEffect","useTheme","Box","EASING_STANDARD","LineRipple","props","forwardedRef","asProp","as","transitionDuration","color","active","posx","style","styleProp","__css","otherProps","setStyle","theme","leaveTimeout","transform","transformOrigin","undefined","opacity","current","window","setTimeout","clearTimeout","position","bottom","left","width","height","zIndex","transition"],"sources":["../../../src/LineRipple/LineRipple.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\r\nimport { forwardRef, useState, useRef, useEffect } from 'react';\r\nimport { rem } from 'polished';\r\n\r\nimport { useTheme } from '../theme';\r\nimport type { BoxProps } from '../Box';\r\nimport { Box } from '../Box';\r\nimport { EASING_STANDARD } from '../motion';\r\n\r\nexport interface LineRippleProps extends BoxProps {\r\n  active?: boolean;\r\n  transitionDuration?: number;\r\n  posx?: number;\r\n  children?: ReactNode;\r\n}\r\n\r\nexport const LineRipple = forwardRef<HTMLDivElement, LineRippleProps>(\r\n  function LineRipple(props, forwardedRef) {\r\n    const {\r\n      as: asProp,\r\n      transitionDuration = 180,\r\n      color = 'primary',\r\n      active = false,\r\n      posx = -1,\r\n      style: styleProp = {},\r\n      __css,\r\n      ...otherProps\r\n    } = props;\r\n\r\n    const [style, setStyle] = useState<CSSProperties>();\r\n    const theme = useTheme();\r\n    const leaveTimeout = useRef<number>();\r\n\r\n    useEffect(() => {\r\n      if (active) {\r\n        setStyle({\r\n          transform: 'scaleX(1)',\r\n          transformOrigin: posx >= 0 ? `${posx}px center` : undefined,\r\n          opacity: 1,\r\n        });\r\n      } else {\r\n        setStyle({\r\n          transform: 'scaleX(1)',\r\n          opacity: 0,\r\n        });\r\n\r\n        leaveTimeout.current = window.setTimeout(() => {\r\n          setStyle(undefined);\r\n        }, transitionDuration);\r\n      }\r\n\r\n      return () => {\r\n        clearTimeout(leaveTimeout.current);\r\n      };\r\n    }, [active, posx, transitionDuration]);\r\n\r\n    return (\r\n      <Box\r\n        as={asProp}\r\n        ref={forwardedRef}\r\n        bg={color}\r\n        theme={theme}\r\n        style={{ ...style, ...styleProp }}\r\n        __css={{\r\n          position: 'absolute',\r\n          bottom: '0',\r\n          left: '0',\r\n          width: '100%',\r\n          height: rem(2),\r\n          zIndex: 1,\r\n          transform: 'scaleX(0)',\r\n          transformOrigin: 'center center',\r\n          transition: `transform ${transitionDuration}ms ${EASING_STANDARD},opacity ${transitionDuration}ms ${EASING_STANDARD}`,\r\n          opacity: 0,\r\n          ...__css,\r\n        }}\r\n        {...otherProps}\r\n      />\r\n    );\r\n  }\r\n);\r\n"],"mappings":";;;;AACA,SAASA,UAAT,EAAqBC,QAArB,EAA+BC,MAA/B,EAAuCC,SAAvC,QAAwD,OAAxD;AAGA,SAASC,QAAT,QAAyB,UAAzB;AAEA,SAASC,GAAT,QAAoB,QAApB;AACA,SAASC,eAAT,QAAgC,WAAhC;;AASA,OAAO,IAAMC,UAAU,gBAAGP,UAAU,CAClC,SAASO,UAAT,CAAoBC,KAApB,EAA2BC,YAA3B,EAAyC;EACvC,IACMC,MADN,GASIF,KATJ,CACEG,EADF;EAAA,4BASIH,KATJ,CAEEI,kBAFF;EAAA,IAEEA,kBAFF,sCAEuB,GAFvB;EAAA,mBASIJ,KATJ,CAGEK,KAHF;EAAA,IAGEA,KAHF,6BAGU,SAHV;EAAA,oBASIL,KATJ,CAIEM,MAJF;EAAA,IAIEA,MAJF,8BAIW,KAJX;EAAA,kBASIN,KATJ,CAKEO,IALF;EAAA,IAKEA,IALF,4BAKS,CAAC,CALV;EAAA,mBASIP,KATJ,CAMEQ,KANF;EAAA,IAMSC,SANT,6BAMqB,EANrB;EAAA,IAOEC,KAPF,GASIV,KATJ,CAOEU,KAPF;EAAA,IAQKC,UARL,4BASIX,KATJ;;EAWA,gBAA0BP,QAAQ,EAAlC;EAAA;EAAA,IAAOe,KAAP;EAAA,IAAcI,QAAd;;EACA,IAAMC,KAAK,GAAGjB,QAAQ,EAAtB;EACA,IAAMkB,YAAY,GAAGpB,MAAM,EAA3B;EAEAC,SAAS,CAAC,YAAM;IACd,IAAIW,MAAJ,EAAY;MACVM,QAAQ,CAAC;QACPG,SAAS,EAAE,WADJ;QAEPC,eAAe,EAAET,IAAI,IAAI,CAAR,aAAeA,IAAf,iBAAiCU,SAF3C;QAGPC,OAAO,EAAE;MAHF,CAAD,CAAR;IAKD,CAND,MAMO;MACLN,QAAQ,CAAC;QACPG,SAAS,EAAE,WADJ;QAEPG,OAAO,EAAE;MAFF,CAAD,CAAR;MAKAJ,YAAY,CAACK,OAAb,GAAuBC,MAAM,CAACC,UAAP,CAAkB,YAAM;QAC7CT,QAAQ,CAACK,SAAD,CAAR;MACD,CAFsB,EAEpBb,kBAFoB,CAAvB;IAGD;;IAED,OAAO,YAAM;MACXkB,YAAY,CAACR,YAAY,CAACK,OAAd,CAAZ;IACD,CAFD;EAGD,CArBQ,EAqBN,CAACb,MAAD,EAASC,IAAT,EAAeH,kBAAf,CArBM,CAAT;EAuBA,oBACE,KAAC,GAAD;IACE,EAAE,EAAEF,MADN;IAEE,GAAG,EAAED,YAFP;IAGE,EAAE,EAAEI,KAHN;IAIE,KAAK,EAAEQ,KAJT;IAKE,KAAK,wBAAOL,KAAP,GAAiBC,SAAjB,CALP;IAME,KAAK;MACHc,QAAQ,EAAE,UADP;MAEHC,MAAM,EAAE,GAFL;MAGHC,IAAI,EAAE,GAHH;MAIHC,KAAK,EAAE,MAJJ;MAKHC,MAAM,YALH;MAMHC,MAAM,EAAE,CANL;MAOHb,SAAS,EAAE,WAPR;MAQHC,eAAe,EAAE,eARd;MASHa,UAAU,sBAAezB,kBAAf,gBAAuCN,eAAvC,sBAAkEM,kBAAlE,gBAA0FN,eAA1F,CATP;MAUHoB,OAAO,EAAE;IAVN,GAWAR,KAXA;EANP,GAmBMC,UAnBN,EADF;AAuBD,CA/DiC,CAA7B"}

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

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

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

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

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

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

package/build/esm/Link/Link.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["as", "color", "__css"];
 import { forwardRef } from 'react';
-import * as React from 'react';
 import { Box } from '../Box';
 import { alpha } from '../color';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -11,7 +11,7 @@ export var Link = /*#__PURE__*/forwardRef(function Link(props, forwardedRef) {
       _props$color = props.color,
       color = _props$color === void 0 ? 'primary' : _props$color,
       __css = props.__css,
-      otherProps = _objectWithoutProperties(props, ["as", "color", "__css"]);
+      otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_jsx(Box, _extends({
     ref: forwardedRef,
@@ -24,6 +24,12 @@ export var Link = /*#__PURE__*/forwardRef(function Link(props, forwardedRef) {
       letterSpacing: 'inherit',
       color: color,
       textDecoration: 'underline',
+      background: 'none',
+      border: 'none',
+      borderRadius: 'extra-small',
+      'button&': {
+        cursor: 'pointer'
+      },
       '&:hover,&:focus': {
         textDecoration: 'none'
       },
@@ -35,6 +41,12 @@ export var Link = /*#__PURE__*/forwardRef(function Link(props, forwardedRef) {
       '&:active': {
         bg: alpha(color, 0.16)
       },
+      '&[aria-disabled="true"],&:disabled': {
+        color: 'on.surface',
+        opacity: 0.38,
+        cursor: 'default',
+        pointerEvents: 'none'
+      },
       WebkitTapHighlightColor: 'transparent'
     }, __css)
   }, otherProps));

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Link/Link.tsx"],"names":["forwardRef","React","Box","alpha","Link","props","forwardedRef","as","asProp","color","__css","otherProps","fontFamily","fontSize","fontWeight","lineHeight","letterSpacing","textDecoration","outlineWidth","outlineStyle","outlineColor","bg","WebkitTapHighlightColor"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AAIA,SAASC,GAAT,QAAoB,QAApB;AACA,SAASC,KAAT,QAAsB,UAAtB;;AAcA,OAAO,IAAMC,IAAI,gBAAGJ,UAAU,CAA+B,SAASI,IAAT,CAC3DC,KAD2D,EAE3DC,YAF2D,EAG3D;AAAA,kBACsED,KADtE,CACQE,EADR;AAAA,MACYC,MADZ,0BACqB,GADrB;AAAA,qBACsEH,KADtE,CAC0BI,KAD1B;AAAA,MAC0BA,KAD1B,6BACkC,SADlC;AAAA,MAC6CC,KAD7C,GACsEL,KADtE,CAC6CK,KAD7C;AAAA,MACuDC,UADvD,4BACsEN,KADtE;;AAGA,sBACE,KAAC,GAAD;AACE,IAAA,GAAG,EAAEC,YADP;AAEE,IAAA,EAAE,EAAEE,MAFN;AAGE,IAAA,KAAK;AACHI,MAAAA,UAAU,EAAE,SADT;AAEHC,MAAAA,QAAQ,EAAE,SAFP;AAGHC,MAAAA,UAAU,EAAE,SAHT;AAIHC,MAAAA,UAAU,EAAE,SAJT;AAKHC,MAAAA,aAAa,EAAE,SALZ;AAMHP,MAAAA,KAAK,EAALA,KANG;AAOHQ,MAAAA,cAAc,EAAE,WAPb;AAQH,yBAAmB;AACjBA,QAAAA,cAAc,EAAE;AADC,OARhB;AAWH,0BAAoB;AAClBC,QAAAA,YAAY,aADM;AAElBC,QAAAA,YAAY,EAAE,OAFI;AAGlBC,QAAAA,YAAY,EAAEjB,KAAK,CAACM,KAAD,EAAQ,IAAR;AAHD,OAXjB;AAgBH,kBAAY;AACVY,QAAAA,EAAE,EAAElB,KAAK,CAACM,KAAD,EAAQ,IAAR;AADC,OAhBT;AAmBHa,MAAAA,uBAAuB,EAAE;AAnBtB,OAoBAZ,KApBA;AAHP,KAyBMC,UAzBN,EADF;AA6BD,CAnC6B,CAAvB","sourcesContent":["import { forwardRef } from 'react';\nimport * as React from 'react';\nimport { rem } from 'polished';\n\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\nimport { alpha } from '../color';\n\nexport interface LinkProps\n  extends BoxProps<\n    HTMLAnchorElement,\n    React.AnchorHTMLAttributes<HTMLAnchorElement>\n  > {\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        '&: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        WebkitTapHighlightColor: 'transparent',\n        ...__css,\n      }}\n      {...otherProps}\n    />\n  );\n});\n"],"file":"Link.js"}
+{"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"}

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

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