@basic-ui/material 1.0.0-alpha.24 → 1.0.0-alpha.25

package/build/esm/Badge/Badge.js

@@ -30,7 +30,8 @@ export var Badge = /*#__PURE__*/forwardRef(function Badge(props, forwardedRef) {
     }), {}, {
       display: 'inline-flex',
       alignItems: 'center',
-      justifyContent: 'center'
+      justifyContent: 'center',
+      fontVariantNumeric: 'tabular-nums'
     }, __css)
   }, otherProps));
 });

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"],"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        ...__css,\n      }}\n      {...otherProps}\n    />\n  );\n});\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;IApBb,GAqBAb,KArBA;EAFP,GAyBMC,UAzBN,EADF;AA6BD,CAnC8B,CAAxB"}
+{"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';\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,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"}

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

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

package/build/esm/Tab/Tab.d.ts

@@ -2,4 +2,4 @@ import type { ButtonHTMLAttributes } from 'react';
 import type { TabProps as TabPropsCore } from '@basic-ui/core';
 import type { RippleBoxProps } from '../Ripple';
 export declare type TabProps = TabPropsCore & RippleBoxProps<HTMLButtonElement, ButtonHTMLAttributes<HTMLButtonElement>>;
-export declare const Tab: import("react").ForwardRefExoticComponent<Pick<TabProps, "bottom" | "top" | "hidden" | "center" | "left" | "right" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "p" | "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" | "fontFamily" | "fontSize" | "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" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat" | "position" | "zIndex" | "boxShadow" | "textShadow" | "autoFocus" | "disabled" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "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" | "innerAs" | "key" | "baseOpacity" | "hoverOpacity" | "focusOpacity" | "pressedOpacity" | "rippleColor" | "rippleEnabled" | "mouseFocus"> & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const Tab: import("react").ForwardRefExoticComponent<Pick<TabProps, "bottom" | "top" | "hidden" | "center" | "left" | "right" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "p" | "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" | "fontFamily" | "fontSize" | "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" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat" | "position" | "zIndex" | "boxShadow" | "textShadow" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "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" | "form" | "value" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "innerAs" | "baseOpacity" | "hoverOpacity" | "focusOpacity" | "pressedOpacity" | "rippleColor" | "rippleEnabled" | "mouseFocus"> & import("react").RefAttributes<HTMLButtonElement>>;

package/build/esm/Tab/Tab.js

@@ -1,8 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["innerAs", "selected", "children", "disabled"],
     _excluded2 = ["as"];
-import { useRef, forwardRef } from 'react';
+import { useState, useEffect, useRef, forwardRef } from 'react';
 import { Tab as TabCore } from '@basic-ui/core';
 import { RippleBox } from '../Ripple';
 import { alpha } from '../color';
@@ -26,6 +27,15 @@ var TabInner = /*#__PURE__*/forwardRef(function Tab(props, forwardedRef) {
       variant = _useTabListContext.variant;
 
   var labelRef = useRef(null);
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      mounted = _useState2[0],
+      setMounted = _useState2[1];
+
+  useEffect(function () {
+    setMounted(true);
+  }, []);
   return /*#__PURE__*/_jsxs(Box, {
     position: "relative",
     display: "flex",
@@ -39,6 +49,7 @@ var TabInner = /*#__PURE__*/forwardRef(function Tab(props, forwardedRef) {
       disabled: disabled,
       __css: {
         px: 3,
+        py: 0,
         color: selected ? selectedTextColor || indicatorColor : alpha(textColor, disabled ? 0.37 : 0.7),
         minHeight: "3rem",
         height: '100%',
@@ -53,16 +64,30 @@ var TabInner = /*#__PURE__*/forwardRef(function Tab(props, forwardedRef) {
     }, otherProps), {}, {
       children: /*#__PURE__*/_jsx(Text, {
         as: "span",
-        display: "inline-flex",
-        justifyContent: "center",
-        alignItems: "center",
         variant: "title-small",
-        color: "inherit",
-        height: "100%",
-        textAlign: "center",
-        position: "relative",
-        flexDirection: "column",
         ref: labelRef,
+        __css: _extends({
+          display: 'inline-flex',
+          justifyContent: 'center',
+          alignItems: 'center',
+          color: 'inherit',
+          height: '100%',
+          textAlign: 'center',
+          position: 'relative',
+          flexDirection: 'column'
+        }, variant === 'primary' && selected && !mounted && {
+          '&::before': {
+            content: '""',
+            bg: indicatorColor,
+            position: 'absolute',
+            bottom: 0,
+            zIndex: 1,
+            width: '100%',
+            height: "0.1875rem",
+            borderTopLeftRadius: "0.1875rem",
+            borderTopRightRadius: "0.1875rem"
+          }
+        }),
         children: children
       })
     })), /*#__PURE__*/_jsx(TabIndicator, {

package/build/esm/Tab/Tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.js","names":["useRef","forwardRef","Tab","TabCore","RippleBox","alpha","Text","Box","TabIndicator","useTabListContext","TabInner","props","forwardedRef","innerAs","selected","children","disabled","otherProps","textColor","indicatorColor","selectedTextColor","variant","labelRef","px","color","minHeight","height","backgroundColor","border","outline","width","alignItems","as"],"sources":["../../../src/Tab/Tab.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes } from 'react';\nimport { useRef, forwardRef } from 'react';\nimport type { TabProps as TabPropsCore } from '@basic-ui/core';\nimport { Tab as TabCore } from '@basic-ui/core';\nimport { rem } from 'polished';\n\nimport type { RippleBoxProps } from '../Ripple';\nimport { RippleBox } from '../Ripple';\nimport { alpha } from '../color';\nimport { Text } from '../Text';\nimport { Box } from '../Box';\nimport { TabIndicator } from '../TabIndicator';\nimport { useTabListContext } from './context';\n\nexport type TabProps = TabPropsCore &\n  RippleBoxProps<HTMLButtonElement, ButtonHTMLAttributes<HTMLButtonElement>>;\n\nconst TabInner = forwardRef<\n  HTMLButtonElement,\n  TabProps & { selected?: boolean }\n>(function Tab(props, forwardedRef) {\n  const { innerAs, selected, children, disabled, ...otherProps } = props;\n  const { textColor, indicatorColor, selectedTextColor, variant } =\n    useTabListContext();\n  const labelRef = useRef<HTMLParagraphElement>(null);\n\n  return (\n    <Box\n      position=\"relative\"\n      display=\"flex\"\n      flex={1}\n      flexDirection=\"column\"\n      height=\"100%\"\n    >\n      <RippleBox<\n        RippleBoxProps<\n          HTMLButtonElement,\n          ButtonHTMLAttributes<HTMLButtonElement>\n        >\n      >\n        as={innerAs}\n        ref={forwardedRef}\n        rippleColor={indicatorColor}\n        disabled={disabled}\n        __css={{\n          px: 3,\n          color: selected\n            ? selectedTextColor || indicatorColor\n            : alpha(textColor, disabled ? 0.37 : 0.7),\n          minHeight: rem(48),\n          height: '100%',\n          backgroundColor: 'transparent',\n          border: 'none',\n          ':focus': {\n            outline: 'none',\n          },\n          width: '100%',\n          alignItems: 'center',\n        }}\n        {...otherProps}\n      >\n        <Text\n          as=\"span\"\n          display=\"inline-flex\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          variant=\"title-small\"\n          color=\"inherit\"\n          height=\"100%\"\n          textAlign=\"center\"\n          position=\"relative\"\n          flexDirection=\"column\"\n          ref={labelRef}\n        >\n          {children}\n        </Text>\n      </RippleBox>\n      <TabIndicator\n        selected={selected}\n        color={indicatorColor}\n        variant={variant}\n        labelRef={labelRef}\n      />\n    </Box>\n  );\n});\n\nexport const Tab = forwardRef<HTMLButtonElement, TabProps>(function Tab(\n  props,\n  forwardedRef\n) {\n  const { as = 'button', ...otherProps } = props;\n\n  return (\n    <TabCore as={TabInner} innerAs={as} ref={forwardedRef} {...otherProps} />\n  );\n});\n"],"mappings":";;;;AACA,SAASA,MAAT,EAAiBC,UAAjB,QAAmC,OAAnC;AAEA,SAASC,GAAG,IAAIC,OAAhB,QAA+B,gBAA/B;AAIA,SAASC,SAAT,QAA0B,WAA1B;AACA,SAASC,KAAT,QAAsB,UAAtB;AACA,SAASC,IAAT,QAAqB,SAArB;AACA,SAASC,GAAT,QAAoB,QAApB;AACA,SAASC,YAAT,QAA6B,iBAA7B;AACA,SAASC,iBAAT,QAAkC,WAAlC;;;AAKA,IAAMC,QAAQ,gBAAGT,UAAU,CAGzB,SAASC,GAAT,CAAaS,KAAb,EAAoBC,YAApB,EAAkC;EAClC,IAAQC,OAAR,GAAiEF,KAAjE,CAAQE,OAAR;EAAA,IAAiBC,QAAjB,GAAiEH,KAAjE,CAAiBG,QAAjB;EAAA,IAA2BC,QAA3B,GAAiEJ,KAAjE,CAA2BI,QAA3B;EAAA,IAAqCC,QAArC,GAAiEL,KAAjE,CAAqCK,QAArC;EAAA,IAAkDC,UAAlD,4BAAiEN,KAAjE;;EACA,yBACEF,iBAAiB,EADnB;EAAA,IAAQS,SAAR,sBAAQA,SAAR;EAAA,IAAmBC,cAAnB,sBAAmBA,cAAnB;EAAA,IAAmCC,iBAAnC,sBAAmCA,iBAAnC;EAAA,IAAsDC,OAAtD,sBAAsDA,OAAtD;;EAEA,IAAMC,QAAQ,GAAGtB,MAAM,CAAuB,IAAvB,CAAvB;EAEA,oBACE,MAAC,GAAD;IACE,QAAQ,EAAC,UADX;IAEE,OAAO,EAAC,MAFV;IAGE,IAAI,EAAE,CAHR;IAIE,aAAa,EAAC,QAJhB;IAKE,MAAM,EAAC,MALT;IAAA,wBAOE,KAAC,SAAD;MAME,EAAE,EAAEa,OANN;MAOE,GAAG,EAAED,YAPP;MAQE,WAAW,EAAEO,cARf;MASE,QAAQ,EAAEH,QATZ;MAUE,KAAK,EAAE;QACLO,EAAE,EAAE,CADC;QAELC,KAAK,EAAEV,QAAQ,GACXM,iBAAiB,IAAID,cADV,GAEXd,KAAK,CAACa,SAAD,EAAYF,QAAQ,GAAG,IAAH,GAAU,GAA9B,CAJJ;QAKLS,SAAS,QALJ;QAMLC,MAAM,EAAE,MANH;QAOLC,eAAe,EAAE,aAPZ;QAQLC,MAAM,EAAE,MARH;QASL,UAAU;UACRC,OAAO,EAAE;QADD,CATL;QAYLC,KAAK,EAAE,MAZF;QAaLC,UAAU,EAAE;MAbP;IAVT,GAyBMd,UAzBN;MAAA,uBA2BE,KAAC,IAAD;QACE,EAAE,EAAC,MADL;QAEE,OAAO,EAAC,aAFV;QAGE,cAAc,EAAC,QAHjB;QAIE,UAAU,EAAC,QAJb;QAKE,OAAO,EAAC,aALV;QAME,KAAK,EAAC,SANR;QAOE,MAAM,EAAC,MAPT;QAQE,SAAS,EAAC,QARZ;QASE,QAAQ,EAAC,UATX;QAUE,aAAa,EAAC,QAVhB;QAWE,GAAG,EAAEK,QAXP;QAAA,UAaGP;MAbH;IA3BF,GAPF,eAkDE,KAAC,YAAD;MACE,QAAQ,EAAED,QADZ;MAEE,KAAK,EAAEK,cAFT;MAGE,OAAO,EAAEE,OAHX;MAIE,QAAQ,EAAEC;IAJZ,EAlDF;EAAA,EADF;AA2DD,CApE0B,CAA3B;AAsEA,OAAO,IAAMpB,GAAG,gBAAGD,UAAU,CAA8B,SAASC,GAAT,CACzDS,KADyD,EAEzDC,YAFyD,EAGzD;EACA,gBAAyCD,KAAzC,CAAQqB,EAAR;EAAA,IAAQA,EAAR,0BAAa,QAAb;EAAA,IAA0Bf,UAA1B,4BAAyCN,KAAzC;;EAEA,oBACE,KAAC,OAAD;IAAS,EAAE,EAAED,QAAb;IAAuB,OAAO,EAAEsB,EAAhC;IAAoC,GAAG,EAAEpB;EAAzC,GAA2DK,UAA3D,EADF;AAGD,CAT4B,CAAtB"}
+{"version":3,"file":"Tab.js","names":["useState","useEffect","useRef","forwardRef","Tab","TabCore","RippleBox","alpha","Text","Box","TabIndicator","useTabListContext","TabInner","props","forwardedRef","innerAs","selected","children","disabled","otherProps","textColor","indicatorColor","selectedTextColor","variant","labelRef","mounted","setMounted","px","py","color","minHeight","height","backgroundColor","border","outline","width","alignItems","display","justifyContent","textAlign","position","flexDirection","content","bg","bottom","zIndex","borderTopLeftRadius","borderTopRightRadius","as"],"sources":["../../../src/Tab/Tab.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes } from 'react';\nimport { useState, useEffect, useRef, forwardRef } from 'react';\nimport type { TabProps as TabPropsCore } from '@basic-ui/core';\nimport { Tab as TabCore } from '@basic-ui/core';\nimport { rem } from 'polished';\n\nimport type { RippleBoxProps } from '../Ripple';\nimport { RippleBox } from '../Ripple';\nimport { alpha } from '../color';\nimport { Text } from '../Text';\nimport { Box } from '../Box';\nimport { TabIndicator } from '../TabIndicator';\nimport { useTabListContext } from './context';\n\nexport type TabProps = TabPropsCore &\n  RippleBoxProps<HTMLButtonElement, ButtonHTMLAttributes<HTMLButtonElement>>;\n\nconst TabInner = forwardRef<\n  HTMLButtonElement,\n  TabProps & { selected?: boolean }\n>(function Tab(props, forwardedRef) {\n  const { innerAs, selected, children, disabled, ...otherProps } = props;\n  const { textColor, indicatorColor, selectedTextColor, variant } =\n    useTabListContext();\n  const labelRef = useRef<HTMLParagraphElement>(null);\n\n  const [mounted, setMounted] = useState(false);\n  useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  return (\n    <Box\n      position=\"relative\"\n      display=\"flex\"\n      flex={1}\n      flexDirection=\"column\"\n      height=\"100%\"\n    >\n      <RippleBox<\n        RippleBoxProps<\n          HTMLButtonElement,\n          ButtonHTMLAttributes<HTMLButtonElement>\n        >\n      >\n        as={innerAs}\n        ref={forwardedRef}\n        rippleColor={indicatorColor}\n        disabled={disabled}\n        __css={{\n          px: 3,\n          py: 0,\n          color: selected\n            ? selectedTextColor || indicatorColor\n            : alpha(textColor, disabled ? 0.37 : 0.7),\n          minHeight: rem(48),\n          height: '100%',\n          backgroundColor: 'transparent',\n          border: 'none',\n          ':focus': {\n            outline: 'none',\n          },\n          width: '100%',\n          alignItems: 'center',\n        }}\n        {...otherProps}\n      >\n        <Text\n          as=\"span\"\n          variant=\"title-small\"\n          ref={labelRef}\n          __css={{\n            display: 'inline-flex',\n            justifyContent: 'center',\n            alignItems: 'center',\n            color: 'inherit',\n            height: '100%',\n            textAlign: 'center',\n            position: 'relative',\n            flexDirection: 'column',\n            ...(variant === 'primary' &&\n              selected &&\n              !mounted && {\n                '&::before': {\n                  content: '\"\"',\n                  bg: indicatorColor,\n                  position: 'absolute',\n                  bottom: 0,\n                  zIndex: 1,\n                  width: '100%',\n                  height: rem(3),\n                  borderTopLeftRadius: rem(3),\n                  borderTopRightRadius: rem(3),\n                },\n              }),\n          }}\n        >\n          {children}\n        </Text>\n      </RippleBox>\n      <TabIndicator\n        selected={selected}\n        color={indicatorColor}\n        variant={variant}\n        labelRef={labelRef}\n      />\n    </Box>\n  );\n});\n\nexport const Tab = forwardRef<HTMLButtonElement, TabProps>(function Tab(\n  props,\n  forwardedRef\n) {\n  const { as = 'button', ...otherProps } = props;\n\n  return (\n    <TabCore as={TabInner} innerAs={as} ref={forwardedRef} {...otherProps} />\n  );\n});\n"],"mappings":"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"}

package/build/esm/TabIndicator/TabIndicator.js

@@ -64,7 +64,7 @@ export var TabIndicator = /*#__PURE__*/forwardRef(function TabIndicator(props, f
       currentIndicator.current = ref.current;
     }
   }, [selected, variant]);
-  useEffect(function () {
+  useEnhancedEffect(function () {
     if (variant === 'secondary') {
       return;
     }

package/build/esm/TabIndicator/TabIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabIndicator.js","names":["forwardRef","useEffect","useRef","useLayoutEffect","assignMultipleRefs","Box","useTabIndicatorContext","EASING_STANDARD","WIDTH_PROPERTY_NAME","SCALE_PROPERTY_NAME","useEnhancedEffect","window","TabIndicator","props","forwardedRef","as","selected","color","variant","labelRef","otherProps","ref","currentIndicator","resizeObserverRef","current","previousClientRect","getBoundingClientRect","currentClientRect","xPosition","left","prevTransition","style","transition","prevTransform","transform","prevWidth","getPropertyValue","currentWidth","widthDelta","String","parseFloat","setProperty","width","ResizeObserver","entry","contentRect","observe","disconnect","bg","position","bottom","opacity","zIndex","height","content","borderTopLeftRadius","borderTopRightRadius","transformOrigin"],"sources":["../../../src/TabIndicator/TabIndicator.tsx"],"sourcesContent":["import type { RefObject } from 'react';\nimport { forwardRef, useEffect, useRef, useLayoutEffect } from 'react';\nimport { rem } from 'polished';\nimport { assignMultipleRefs } from '@basic-ui/core';\n\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\nimport { useTabIndicatorContext } from './context';\nimport { EASING_STANDARD } from '../motion';\n\nexport interface TabIndicatorProps extends BoxProps {\n  selected?: boolean;\n  color?: string;\n  variant: 'primary' | 'secondary';\n  labelRef: RefObject<HTMLParagraphElement | null>;\n}\n\nconst WIDTH_PROPERTY_NAME = '--indicator-width';\nconst SCALE_PROPERTY_NAME = '--indicator-scale';\n\nconst useEnhancedEffect =\n  typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\nexport const TabIndicator = forwardRef<HTMLDivElement, TabIndicatorProps>(\n  function TabIndicator(props, forwardedRef) {\n    const {\n      as = 'span',\n      selected,\n      color = 'primary',\n      variant,\n      labelRef,\n      ...otherProps\n    } = props;\n    const ref = useRef<HTMLSpanElement>(null);\n    const { currentIndicator } = useTabIndicatorContext();\n    const resizeObserverRef = useRef<ResizeObserver>();\n\n    useEnhancedEffect(() => {\n      if (selected && ref.current) {\n        if (currentIndicator.current !== null) {\n          // We are switching indicator, let's slide!\n          const previousClientRect =\n            currentIndicator.current.getBoundingClientRect();\n          const currentClientRect = ref.current.getBoundingClientRect();\n          const xPosition = previousClientRect.left - currentClientRect.left;\n\n          const prevTransition = ref.current.style.transition;\n          const prevTransform = ref.current.style.transform;\n          ref.current.style.transition = 'none';\n          if (variant === 'primary') {\n            const prevWidth =\n              currentIndicator.current.style.getPropertyValue(\n                WIDTH_PROPERTY_NAME\n              );\n            const currentWidth =\n              ref.current.style.getPropertyValue(WIDTH_PROPERTY_NAME);\n            const widthDelta = String(\n              parseFloat(prevWidth) / parseFloat(currentWidth)\n            );\n            ref.current.style.setProperty(SCALE_PROPERTY_NAME, widthDelta);\n            ref.current.style.transform = `translateX(${xPosition}px)`;\n          } else {\n            const widthDelta =\n              previousClientRect.width / currentClientRect.width;\n            ref.current.style.transform = `translateX(${xPosition}px) scaleX(${widthDelta})`;\n          }\n\n          // Force repaint before updating classes and transform to ensure the transform properly takes effect\n          ref.current.getBoundingClientRect();\n\n          // Restore and let transition do it's magic\n          ref.current.style.transition = prevTransition;\n          ref.current.style.transform = prevTransform;\n          if (variant === 'primary') {\n            ref.current.style.setProperty(SCALE_PROPERTY_NAME, '1');\n          }\n        }\n        currentIndicator.current = ref.current;\n      }\n    }, [selected, variant]);\n\n    useEffect(() => {\n      if (variant === 'secondary') {\n        return;\n      }\n\n      if (labelRef.current && ref.current) {\n        const width = labelRef.current.getBoundingClientRect().width;\n        ref.current.style.setProperty(WIDTH_PROPERTY_NAME, `${width}px`);\n\n        if (typeof ResizeObserver === 'function') {\n          resizeObserverRef.current ??= new ResizeObserver(([entry]) => {\n            if (ref.current) {\n              ref.current.style.setProperty(\n                WIDTH_PROPERTY_NAME,\n                `${entry.contentRect.width}px`\n              );\n            }\n          });\n\n          resizeObserverRef.current?.observe(labelRef.current);\n          return () => resizeObserverRef.current?.disconnect();\n        }\n      }\n    }, [labelRef, variant]);\n\n    return (\n      <Box\n        as={as}\n        ref={assignMultipleRefs(ref, forwardedRef)}\n        __css={{\n          bg: color,\n          position: 'absolute',\n          bottom: 0,\n          transform: `scale(1)`,\n          opacity: selected ? 1 : 0,\n          transition: `transform .25s ${EASING_STANDARD}`,\n          zIndex: 1,\n          ...(variant === 'secondary'\n            ? {\n                width: '100%',\n                height: rem(2),\n              }\n            : {\n                width: '100%',\n                '&::before': {\n                  content: '\"\"',\n                  width: `var(${WIDTH_PROPERTY_NAME}, 0px)`,\n                  height: rem(3),\n                  borderTopLeftRadius: rem(3),\n                  borderTopRightRadius: rem(3),\n                  bg: color,\n                  position: 'absolute',\n                  transformOrigin: 'center',\n                  bottom: 0,\n                  left: '50%',\n                  transition: `inherit`,\n                  transform: `translateX(-50%) scaleX(var(${SCALE_PROPERTY_NAME}, 1))}`,\n                },\n              }),\n        }}\n        {...otherProps}\n      />\n    );\n  }\n);\n"],"mappings":";;;;AACA,SAASA,UAAT,EAAqBC,SAArB,EAAgCC,MAAhC,EAAwCC,eAAxC,QAA+D,OAA/D;AAEA,SAASC,kBAAT,QAAmC,gBAAnC;AAGA,SAASC,GAAT,QAAoB,QAApB;AACA,SAASC,sBAAT,QAAuC,WAAvC;AACA,SAASC,eAAT,QAAgC,WAAhC;;AASA,IAAMC,mBAAmB,GAAG,mBAA5B;AACA,IAAMC,mBAAmB,GAAG,mBAA5B;AAEA,IAAMC,iBAAiB,GACrB,OAAOC,MAAP,KAAkB,WAAlB,GAAgCR,eAAhC,GAAkDF,SADpD;AAGA,OAAO,IAAMW,YAAY,gBAAGZ,UAAU,CACpC,SAASY,YAAT,CAAsBC,KAAtB,EAA6BC,YAA7B,EAA2C;EACzC,gBAOID,KAPJ,CACEE,EADF;EAAA,IACEA,EADF,0BACO,MADP;EAAA,IAEEC,QAFF,GAOIH,KAPJ,CAEEG,QAFF;EAAA,mBAOIH,KAPJ,CAGEI,KAHF;EAAA,IAGEA,KAHF,6BAGU,SAHV;EAAA,IAIEC,OAJF,GAOIL,KAPJ,CAIEK,OAJF;EAAA,IAKEC,QALF,GAOIN,KAPJ,CAKEM,QALF;EAAA,IAMKC,UANL,4BAOIP,KAPJ;;EAQA,IAAMQ,GAAG,GAAGnB,MAAM,CAAkB,IAAlB,CAAlB;;EACA,4BAA6BI,sBAAsB,EAAnD;EAAA,IAAQgB,gBAAR,yBAAQA,gBAAR;;EACA,IAAMC,iBAAiB,GAAGrB,MAAM,EAAhC;EAEAQ,iBAAiB,CAAC,YAAM;IACtB,IAAIM,QAAQ,IAAIK,GAAG,CAACG,OAApB,EAA6B;MAC3B,IAAIF,gBAAgB,CAACE,OAAjB,KAA6B,IAAjC,EAAuC;QACrC;QACA,IAAMC,kBAAkB,GACtBH,gBAAgB,CAACE,OAAjB,CAAyBE,qBAAzB,EADF;QAEA,IAAMC,iBAAiB,GAAGN,GAAG,CAACG,OAAJ,CAAYE,qBAAZ,EAA1B;QACA,IAAME,SAAS,GAAGH,kBAAkB,CAACI,IAAnB,GAA0BF,iBAAiB,CAACE,IAA9D;QAEA,IAAMC,cAAc,GAAGT,GAAG,CAACG,OAAJ,CAAYO,KAAZ,CAAkBC,UAAzC;QACA,IAAMC,aAAa,GAAGZ,GAAG,CAACG,OAAJ,CAAYO,KAAZ,CAAkBG,SAAxC;QACAb,GAAG,CAACG,OAAJ,CAAYO,KAAZ,CAAkBC,UAAlB,GAA+B,MAA/B;;QACA,IAAId,OAAO,KAAK,SAAhB,EAA2B;UACzB,IAAMiB,SAAS,GACbb,gBAAgB,CAACE,OAAjB,CAAyBO,KAAzB,CAA+BK,gBAA/B,CACE5B,mBADF,CADF;UAIA,IAAM6B,YAAY,GAChBhB,GAAG,CAACG,OAAJ,CAAYO,KAAZ,CAAkBK,gBAAlB,CAAmC5B,mBAAnC,CADF;UAEA,IAAM8B,UAAU,GAAGC,MAAM,CACvBC,UAAU,CAACL,SAAD,CAAV,GAAwBK,UAAU,CAACH,YAAD,CADX,CAAzB;UAGAhB,GAAG,CAACG,OAAJ,CAAYO,KAAZ,CAAkBU,WAAlB,CAA8BhC,mBAA9B,EAAmD6B,UAAnD;UACAjB,GAAG,CAACG,OAAJ,CAAYO,KAAZ,CAAkBG,SAAlB,wBAA4CN,SAA5C;QACD,CAZD,MAYO;UACL,IAAMU,WAAU,GACdb,kBAAkB,CAACiB,KAAnB,GAA2Bf,iBAAiB,CAACe,KAD/C;;UAEArB,GAAG,CAACG,OAAJ,CAAYO,KAAZ,CAAkBG,SAAlB,wBAA4CN,SAA5C,wBAAmEU,WAAnE;QACD,CA1BoC,CA4BrC;;;QACAjB,GAAG,CAACG,OAAJ,CAAYE,qBAAZ,GA7BqC,CA+BrC;;QACAL,GAAG,CAACG,OAAJ,CAAYO,KAAZ,CAAkBC,UAAlB,GAA+BF,cAA/B;QACAT,GAAG,CAACG,OAAJ,CAAYO,KAAZ,CAAkBG,SAAlB,GAA8BD,aAA9B;;QACA,IAAIf,OAAO,KAAK,SAAhB,EAA2B;UACzBG,GAAG,CAACG,OAAJ,CAAYO,KAAZ,CAAkBU,WAAlB,CAA8BhC,mBAA9B,EAAmD,GAAnD;QACD;MACF;;MACDa,gBAAgB,CAACE,OAAjB,GAA2BH,GAAG,CAACG,OAA/B;IACD;EACF,CA1CgB,EA0Cd,CAACR,QAAD,EAAWE,OAAX,CA1Cc,CAAjB;EA4CAjB,SAAS,CAAC,YAAM;IACd,IAAIiB,OAAO,KAAK,WAAhB,EAA6B;MAC3B;IACD;;IAED,IAAIC,QAAQ,CAACK,OAAT,IAAoBH,GAAG,CAACG,OAA5B,EAAqC;MACnC,IAAMkB,KAAK,GAAGvB,QAAQ,CAACK,OAAT,CAAiBE,qBAAjB,GAAyCgB,KAAvD;MACArB,GAAG,CAACG,OAAJ,CAAYO,KAAZ,CAAkBU,WAAlB,CAA8BjC,mBAA9B,YAAsDkC,KAAtD;;MAEA,IAAI,OAAOC,cAAP,KAA0B,UAA9B,EAA0C;QAAA;;QACxC,yBAAApB,iBAAiB,CAACC,OAAlB,yEAAAD,iBAAiB,CAACC,OAAlB,GAA8B,IAAImB,cAAJ,CAAmB,gBAAa;UAAA;UAAA,IAAXC,KAAW;;UAC5D,IAAIvB,GAAG,CAACG,OAAR,EAAiB;YACfH,GAAG,CAACG,OAAJ,CAAYO,KAAZ,CAAkBU,WAAlB,CACEjC,mBADF,YAEKoC,KAAK,CAACC,WAAN,CAAkBH,KAFvB;UAID;QACF,CAP6B,CAA9B;QASA,0BAAAnB,iBAAiB,CAACC,OAAlB,kFAA2BsB,OAA3B,CAAmC3B,QAAQ,CAACK,OAA5C;QACA,OAAO;UAAA;;UAAA,iCAAMD,iBAAiB,CAACC,OAAxB,2DAAM,uBAA2BuB,UAA3B,EAAN;QAAA,CAAP;MACD;IACF;EACF,CAvBQ,EAuBN,CAAC5B,QAAD,EAAWD,OAAX,CAvBM,CAAT;EAyBA,oBACE,KAAC,GAAD;IACE,EAAE,EAAEH,EADN;IAEE,GAAG,EAAEX,kBAAkB,CAACiB,GAAD,EAAMP,YAAN,CAFzB;IAGE,KAAK;MACHkC,EAAE,EAAE/B,KADD;MAEHgC,QAAQ,EAAE,UAFP;MAGHC,MAAM,EAAE,CAHL;MAIHhB,SAAS,YAJN;MAKHiB,OAAO,EAAEnC,QAAQ,GAAG,CAAH,GAAO,CALrB;MAMHgB,UAAU,2BAAoBzB,eAApB,CANP;MAOH6C,MAAM,EAAE;IAPL,GAQClC,OAAO,KAAK,WAAZ,GACA;MACEwB,KAAK,EAAE,MADT;MAEEW,MAAM;IAFR,CADA,GAKA;MACEX,KAAK,EAAE,MADT;MAEE,aAAa;QACXY,OAAO,EAAE,IADE;QAEXZ,KAAK,gBAASlC,mBAAT,WAFM;QAGX6C,MAAM,aAHK;QAIXE,mBAAmB,aAJR;QAKXC,oBAAoB,aALT;QAMXR,EAAE,EAAE/B,KANO;QAOXgC,QAAQ,EAAE,UAPC;QAQXQ,eAAe,EAAE,QARN;QASXP,MAAM,EAAE,CATG;QAUXrB,IAAI,EAAE,KAVK;QAWXG,UAAU,WAXC;QAYXE,SAAS,wCAAiCzB,mBAAjC;MAZE;IAFf,CAbD;EAHP,GAkCMW,UAlCN,EADF;AAsCD,CAzHmC,CAA/B"}
+{"version":3,"file":"TabIndicator.js","names":["forwardRef","useEffect","useRef","useLayoutEffect","assignMultipleRefs","Box","useTabIndicatorContext","EASING_STANDARD","WIDTH_PROPERTY_NAME","SCALE_PROPERTY_NAME","useEnhancedEffect","window","TabIndicator","props","forwardedRef","as","selected","color","variant","labelRef","otherProps","ref","currentIndicator","resizeObserverRef","current","previousClientRect","getBoundingClientRect","currentClientRect","xPosition","left","prevTransition","style","transition","prevTransform","transform","prevWidth","getPropertyValue","currentWidth","widthDelta","String","parseFloat","setProperty","width","ResizeObserver","entry","contentRect","observe","disconnect","bg","position","bottom","opacity","zIndex","height","content","borderTopLeftRadius","borderTopRightRadius","transformOrigin"],"sources":["../../../src/TabIndicator/TabIndicator.tsx"],"sourcesContent":["import type { RefObject } from 'react';\nimport { forwardRef, useEffect, useRef, useLayoutEffect } from 'react';\nimport { rem } from 'polished';\nimport { assignMultipleRefs } from '@basic-ui/core';\n\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\nimport { useTabIndicatorContext } from './context';\nimport { EASING_STANDARD } from '../motion';\n\nexport interface TabIndicatorProps extends BoxProps {\n  selected?: boolean;\n  color?: string;\n  variant: 'primary' | 'secondary';\n  labelRef: RefObject<HTMLParagraphElement | null>;\n}\n\nconst WIDTH_PROPERTY_NAME = '--indicator-width';\nconst SCALE_PROPERTY_NAME = '--indicator-scale';\n\nconst useEnhancedEffect =\n  typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\nexport const TabIndicator = forwardRef<HTMLDivElement, TabIndicatorProps>(\n  function TabIndicator(props, forwardedRef) {\n    const {\n      as = 'span',\n      selected,\n      color = 'primary',\n      variant,\n      labelRef,\n      ...otherProps\n    } = props;\n    const ref = useRef<HTMLSpanElement>(null);\n    const { currentIndicator } = useTabIndicatorContext();\n    const resizeObserverRef = useRef<ResizeObserver>();\n\n    useEnhancedEffect(() => {\n      if (selected && ref.current) {\n        if (currentIndicator.current !== null) {\n          // We are switching indicator, let's slide!\n          const previousClientRect =\n            currentIndicator.current.getBoundingClientRect();\n          const currentClientRect = ref.current.getBoundingClientRect();\n          const xPosition = previousClientRect.left - currentClientRect.left;\n\n          const prevTransition = ref.current.style.transition;\n          const prevTransform = ref.current.style.transform;\n          ref.current.style.transition = 'none';\n          if (variant === 'primary') {\n            const prevWidth =\n              currentIndicator.current.style.getPropertyValue(\n                WIDTH_PROPERTY_NAME\n              );\n            const currentWidth =\n              ref.current.style.getPropertyValue(WIDTH_PROPERTY_NAME);\n            const widthDelta = String(\n              parseFloat(prevWidth) / parseFloat(currentWidth)\n            );\n            ref.current.style.setProperty(SCALE_PROPERTY_NAME, widthDelta);\n            ref.current.style.transform = `translateX(${xPosition}px)`;\n          } else {\n            const widthDelta =\n              previousClientRect.width / currentClientRect.width;\n            ref.current.style.transform = `translateX(${xPosition}px) scaleX(${widthDelta})`;\n          }\n\n          // Force repaint before updating classes and transform to ensure the transform properly takes effect\n          ref.current.getBoundingClientRect();\n\n          // Restore and let transition do it's magic\n          ref.current.style.transition = prevTransition;\n          ref.current.style.transform = prevTransform;\n          if (variant === 'primary') {\n            ref.current.style.setProperty(SCALE_PROPERTY_NAME, '1');\n          }\n        }\n        currentIndicator.current = ref.current;\n      }\n    }, [selected, variant]);\n\n    useEnhancedEffect(() => {\n      if (variant === 'secondary') {\n        return;\n      }\n\n      if (labelRef.current && ref.current) {\n        const width = labelRef.current.getBoundingClientRect().width;\n        ref.current.style.setProperty(WIDTH_PROPERTY_NAME, `${width}px`);\n\n        if (typeof ResizeObserver === 'function') {\n          resizeObserverRef.current ??= new ResizeObserver(([entry]) => {\n            if (ref.current) {\n              ref.current.style.setProperty(\n                WIDTH_PROPERTY_NAME,\n                `${entry.contentRect.width}px`\n              );\n            }\n          });\n\n          resizeObserverRef.current?.observe(labelRef.current);\n          return () => resizeObserverRef.current?.disconnect();\n        }\n      }\n    }, [labelRef, variant]);\n\n    return (\n      <Box\n        as={as}\n        ref={assignMultipleRefs(ref, forwardedRef)}\n        __css={{\n          bg: color,\n          position: 'absolute',\n          bottom: 0,\n          transform: `scale(1)`,\n          opacity: selected ? 1 : 0,\n          transition: `transform .25s ${EASING_STANDARD}`,\n          zIndex: 1,\n          ...(variant === 'secondary'\n            ? {\n                width: '100%',\n                height: rem(2),\n              }\n            : {\n                width: '100%',\n                '&::before': {\n                  content: '\"\"',\n                  width: `var(${WIDTH_PROPERTY_NAME}, 0px)`,\n                  height: rem(3),\n                  borderTopLeftRadius: rem(3),\n                  borderTopRightRadius: rem(3),\n                  bg: color,\n                  position: 'absolute',\n                  transformOrigin: 'center',\n                  bottom: 0,\n                  left: '50%',\n                  transition: `inherit`,\n                  transform: `translateX(-50%) scaleX(var(${SCALE_PROPERTY_NAME}, 1))}`,\n                },\n              }),\n        }}\n        {...otherProps}\n      />\n    );\n  }\n);\n"],"mappings":"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"}

package/build/esm/theme/theme.js

@@ -167,7 +167,7 @@ export var theme = {
     'title-small': font('plain', 20, 14, 0.1, 500),
     'label-large': font('plain', 20, 14, 0.1, 500),
     'label-medium': font('plain', 16, 12, 0.5, 500),
-    'label-small': font('plain', 16, 11, 0.5, 500),
+    'label-small': font('plain', 15, 11, 0.5, 500),
     'body-large': font('plain', 24, 16, 0.5, 400),
     'body-medium': font('plain', 20, 14, 0.25, 400),
     'body-small': font('plain', 16, 12, 0.4, 400),

package/build/esm/theme/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":["rem","em","EASING_STANDARD","font","fontFamily","lineHeight","fontSize","letterSpacing","weight","fontWeight","theme","googleFonts","colors","primary","secondary","tertiary","error","background","surface","outline","on","modes","dark","sizes","icon","avatar","radii","none","default","small","medium","large","large_end","large_top","full","circle","shadows","fonts","body","heading","brand","plain","monospace","fontSizes","fontWeights","light","regular","lineHeights","space","text","caps","textTransform","display","h1","variant","h2","h3","h4","h5","h6","subtitle1","subtitle2","body1","body2","button","caption","overline","appbar","variants","base","backgroundColor","color","transparent","elevations","elevated","boxShadow","height","p","dense","buttons","py","px","borderRadius","cursor","filled","outlined","fab","maxHeight","width","maxWidth","transition","floating","overlays","hover","opacity","focus","pressed","chips","dialogs","backgroundColorOverlay","paper","zIndices","appBar","drawer","dialog","snackbar","tooltip","styles","root"],"sources":["../../../src/theme/theme.ts"],"sourcesContent":["// material theme preset\n// work-in-progress\n\n// references\n// - https://material.io/design/typography/the-type-system.html#type-scale\nimport { rem, em } from 'polished';\n\nimport { EASING_STANDARD } from '../motion';\n\nfunction font(\n  fontFamily: 'plain' | 'brand',\n  lineHeight: number,\n  fontSize: number,\n  letterSpacing: number,\n  weight: number\n) {\n  return {\n    fontFamily,\n    lineHeight: rem(lineHeight),\n    fontSize: rem(fontSize),\n    letterSpacing: rem(letterSpacing),\n    fontWeight: weight,\n  };\n}\n\nexport const theme = {\n  googleFonts:\n    'https://fonts.googleapis.com/css?family=Roboto+Mono|Roboto:300,400,500,600,700&display=swap',\n  colors: {\n    primary: '#934078',\n    secondary: '#705765',\n    tertiary: '#80543e',\n    error: '#ba1b1b',\n    'primary-container': '#ffd7ed',\n    'secondary-container': '#fbd9ea',\n    'tertiary-container': '#ffdbc9',\n    'error-container': '#ffdad4',\n    background: '#fcfcfc',\n    surface: '#fcfcfc',\n    'surface-variant': '#efdee5',\n    outline: '#81747a',\n    on: {\n      primary: '#ffffff',\n      secondary: '#ffffff',\n      tertiary: '#ffffff',\n      error: '#ffffff',\n      'primary-container': '#3b002d',\n      'secondary-container': '#291521',\n      'tertiary-container': '#321303',\n      'error-container': '#410001',\n      background: '#1f1a1c',\n      surface: '#1f1a1c',\n      'surface-variant': '#4f4349',\n      outline: '#feecf3',\n    },\n    modes: {\n      dark: {\n        primary: '#ffade0',\n        secondary: '#debece',\n        tertiary: '#f4ba9e',\n        error: '#ffb4a9',\n        'primary-container': '#77285f',\n        'secondary-container': '#57404d',\n        'tertiary-container': '#653d28',\n        'error-container': '#930006',\n        background: '#1f1a1c',\n        surface: '#1f1a1c',\n        'surface-variant': '#4f4349',\n        outline: '#9b8d93',\n        on: {\n          primary: '#5b0e47',\n          secondary: '#402a37',\n          tertiary: '#4b2714',\n          error: '#680003',\n          'primary-container': '#ffd7ed',\n          'secondary-container': '#fbd9ea',\n          'tertiary-container': '#ffdbc9',\n          'error-container': '#ffdad4',\n          background: '#eae0e3',\n          surface: '#eae0e3',\n          'surface-variant': '#d3c2c9',\n          outline: '#22191e',\n        },\n      },\n    },\n  },\n  sizes: {\n    icon: rem(24),\n    avatar: rem(48),\n  },\n  radii: {\n    none: 0,\n    default: rem(4),\n    'extra-small': rem(4),\n    'extra-small_top': `${rem(4)} ${rem(4)} 0 0`,\n    small: rem(8),\n    medium: rem(12),\n    large: rem(16),\n    large_end: `0 ${rem(16)} ${rem(16)} 0`,\n    large_top: `${rem(16)} ${rem(16)} 0 0`,\n    'extra-large': rem(28),\n    'extra-large_top': `${rem(28)} ${rem(28)} 0 0`,\n    full: rem(99999),\n    circle: '100%',\n  },\n  shadows: {\n    0: '0 0 0 0 rgba(0,0,0,0.2),0 0 0 0 rgba(0,0,0,0.14),0 0 0 0 rgba(0,0,0,0.12)',\n    1: '0 1px 2px rgba(0,0,0,0.3),0 1px 3px 1px rgba(0,0,0,0.15)',\n    2: '0 1px 2px rgba(0,0,0,0.3),0 2px 6px 2px rgba(0,0,0,0.15)',\n    3: '0 1px 3px rgba(0,0,0,0.3),0 4px 8px 3px rgba(0,0,0,0.15)',\n    4: '0 2px 3px rgba(0,0,0,0.3),0 6px 10px 4px rgba(0,0,0,0.15)',\n    5: '0 4px 4px rgba(0,0,0,0.3),0 8px 12px 6px rgba(0,0,0,0.15)',\n  },\n  fonts: {\n    body: 'Roboto, sans-serif',\n    heading: 'Roboto, sans-serif',\n    brand: 'Roboto, sans-serif',\n    plain: 'Roboto, sans-serif',\n    monospace: '\"Roboto Mono\", monospace',\n  },\n  fontSizes: {\n    0: rem(10),\n    1: rem(12),\n    2: rem(14),\n    3: rem(16),\n    4: rem(20),\n    5: rem(24),\n    6: rem(34),\n    7: rem(48),\n    8: rem(60),\n    9: rem(96),\n  },\n  fontWeights: {\n    light: 300,\n    regular: 400,\n    medium: 500,\n  },\n  lineHeights: {\n    body: 1.43,\n    heading: 1.2,\n  },\n  space: {\n    0: rem(0),\n    1: rem(4),\n    2: rem(8),\n    3: rem(16),\n    4: rem(32),\n    5: rem(64),\n    6: rem(128),\n    7: rem(256),\n    8: rem(512),\n  },\n  text: {\n    caps: {\n      textTransform: 'uppercase',\n      fontFamily: 'body',\n      lineHeight: 'body',\n      letterSpacing: '0.1em',\n    },\n    heading: {\n      fontFamily: 'heading',\n      lineHeight: 'heading',\n    },\n    display: {\n      fontFamily: 'body',\n      lineHeight: 'body',\n    },\n    'display-large': font('brand', 64, 57, 0, 400),\n    'display-medium': font('brand', 52, 45, 0, 400),\n    'display-small': font('brand', 44, 36, 0, 400),\n    'headline-large': font('brand', 40, 32, 0, 400),\n    'headline-medium': font('brand', 36, 28, 0, 400),\n    'headline-small': font('brand', 32, 24, 0, 400),\n    'title-large': font('brand', 28, 22, 0, 400),\n    'title-medium': font('plain', 24, 16, 0.15, 500),\n    'title-small': font('plain', 20, 14, 0.1, 500),\n    'label-large': font('plain', 20, 14, 0.1, 500),\n    'label-medium': font('plain', 16, 12, 0.5, 500),\n    'label-small': font('plain', 16, 11, 0.5, 500),\n    'body-large': font('plain', 24, 16, 0.5, 400),\n    'body-medium': font('plain', 20, 14, 0.25, 400),\n    'body-small': font('plain', 16, 12, 0.4, 400),\n    h1: {\n      variant: 'text.heading',\n      fontWeight: 'light',\n      fontSize: 9,\n      letterSpacing: em(-1.5, 96),\n    },\n    h2: {\n      variant: 'text.heading',\n      fontWeight: 'light',\n      fontSize: 8,\n      letterSpacing: em(-0.5, 60),\n    },\n    h3: {\n      variant: 'text.heading',\n      fontWeight: 'regular',\n      fontSize: 7,\n      letterSpacing: em(0, 48),\n    },\n    h4: {\n      variant: 'text.heading',\n      fontWeight: 'regular',\n      fontSize: 6,\n      letterSpacing: em(0.25, 34),\n    },\n    h5: {\n      variant: 'text.heading',\n      fontWeight: 'regular',\n      fontSize: 5,\n      letterSpacing: em(0, 24),\n    },\n    h6: {\n      variant: 'text.heading',\n      fontWeight: 'medium',\n      fontSize: 4,\n      letterSpacing: em(0.15, 20),\n    },\n    subtitle1: {\n      variant: 'text.heading',\n      fontWeight: 'regular',\n      fontSize: 3,\n      letterSpacing: em(0.15, 16),\n    },\n    subtitle2: {\n      variant: 'text.heading',\n      fontWeight: 'medium',\n      fontSize: 2,\n      letterSpacing: em(0.1, 14),\n    },\n    body1: {\n      variant: 'text.display',\n      fontWeight: 'regular',\n      fontSize: 3,\n      letterSpacing: em(0.5, 16),\n    },\n    body2: {\n      variant: 'text.display',\n      fontWeight: 'regular',\n      fontSize: 2,\n      letterSpacing: em(0.25, 14),\n    },\n    button: {\n      variant: 'text.display',\n      fontSize: 2,\n      letterSpacing: em(1.2, 14),\n      fontWeight: 'medium',\n    },\n    caption: {\n      variant: 'text.display',\n      fontWeight: 'regular',\n      fontSize: 1,\n      letterSpacing: em(0.4, 12),\n    },\n    overline: {\n      variant: 'text.caps',\n      fontWeight: 'medium',\n      fontSize: 0,\n      letterSpacing: em(1.5, 10),\n    },\n  },\n  appbar: {\n    variants: {\n      base: {\n        fontFamily: 'body',\n        fontSize: 4,\n      },\n      default: {\n        variant: 'appbar.variants.base',\n        backgroundColor: 'surface',\n        color: 'on.surface',\n      },\n      primary: {\n        variant: 'appbar.variants.base',\n        backgroundColor: 'primary',\n        color: 'on.primary',\n      },\n      secondary: {\n        variant: 'appbar.variants.base',\n        backgroundColor: 'secondary',\n        color: 'on.secondary',\n      },\n      transparent: {\n        variant: 'appbar.variants.base',\n        backgroundColor: 'transparent',\n        color: 'inherit',\n      },\n    },\n    elevations: {\n      default: {},\n      elevated: {\n        boxShadow: 2,\n      },\n    },\n    sizes: {\n      default: {\n        height: rem(64),\n        p: 3,\n      },\n      dense: {\n        height: rem(56),\n      },\n    },\n  },\n  buttons: {\n    variants: {\n      base: {\n        variant: 'text.label-large',\n        boxShadow: 'none',\n        py: 0,\n        px: rem(24),\n        height: rem(40),\n        borderRadius: 'full',\n        cursor: 'pointer',\n        outline: 'none',\n      },\n      text: {\n        variant: 'buttons.variants.base',\n        px: rem(12),\n      },\n      filled: {\n        variant: 'buttons.variants.base',\n      },\n      outlined: {\n        variant: 'buttons.variants.base',\n      },\n      fab: {\n        variant: 'buttons.variants.base',\n        height: rem(56),\n        maxHeight: rem(56),\n        width: rem(56),\n        maxWidth: rem(56),\n        borderRadius: 'large',\n        px: 0,\n      },\n      'fab-mini': {\n        variant: 'buttons.variants.fab',\n        height: rem(40),\n        maxHeight: rem(40),\n        width: rem(40),\n        maxWidth: rem(40),\n        borderRadius: 'medium',\n        px: 0,\n      },\n      'fab-large': {\n        variant: 'buttons.variants.fab',\n        height: rem(96),\n        maxHeight: rem(96),\n        width: rem(96),\n        maxWidth: rem(96),\n        borderRadius: 'extra-large',\n        px: 0,\n      },\n      'fab-extended': {\n        variant: 'buttons.variants.base',\n        height: rem(56),\n        px: rem(16),\n        borderRadius: 'large',\n      },\n      icon: {\n        variant: 'buttons.variants.base',\n        height: rem(48),\n        maxHeight: rem(48),\n        width: rem(48),\n        maxWidth: rem(48),\n        px: rem(12),\n        borderRadius: 'full',\n      },\n    },\n    elevations: {\n      none: {},\n      default: {\n        transition: `box-shadow .28s ${EASING_STANDARD}`,\n        '&:hover': {\n          boxShadow: 1,\n        },\n        '&:active,&:focus-visible,&:disabled': {\n          boxShadow: 0,\n        },\n      },\n      elevated: {\n        transition: `box-shadow .28s ${EASING_STANDARD}`,\n        boxShadow: 1,\n        '&:hover': {\n          boxShadow: 2,\n        },\n        '&:active,&:focus-visible': {\n          boxShadow: 1,\n        },\n        '&:disabled,&:disabled:hover,&:disabled:focus,&:disabled:active': {\n          boxShadow: 0,\n        },\n      },\n      floating: {\n        transition: `box-shadow .28s ${EASING_STANDARD}`,\n        boxShadow: 3,\n        ':hover': {\n          boxShadow: 4,\n        },\n        '&:active,&:focus-visible': {\n          boxShadow: 3,\n        },\n        '&:disabled,&:disabled:hover,&:disabled:focus,&:disabled:active': {\n          boxShadow: 0,\n        },\n      },\n    },\n    overlays: {\n      transparent: {\n        hover: {\n          opacity: 0.08,\n        },\n        focus: {\n          opacity: 0.12,\n        },\n        pressed: {\n          opacity: 0.16,\n        },\n      },\n      filled: {\n        hover: {\n          opacity: 0.08,\n        },\n        focus: {\n          opacity: 0.12,\n        },\n        pressed: {\n          opacity: 0.16,\n        },\n      },\n    },\n  },\n  chips: {\n    variants: {\n      base: {\n        variant: 'text.body2',\n        boxShadow: 'none',\n        py: 0,\n        px: 0,\n        height: rem(32),\n        borderRadius: 'small',\n        outline: 'none',\n        transition: `box-shadow .28s ${EASING_STANDARD}`,\n      },\n      filled: {\n        variant: 'chips.variants.base',\n        boxShadow: 1,\n        ':active:not([data-disabled])': {\n          boxShadow: 2,\n        },\n      },\n      outlined: {\n        variant: 'chips.variants.base',\n      },\n    },\n  },\n  dialogs: {\n    variants: {\n      base: {\n        borderRadius: 'extra-large',\n      },\n    },\n    backgroundColorOverlay: 3,\n  },\n  paper: {\n    overlays: {\n      0: 0,\n      1: 0.05,\n      2: 0.08,\n      3: 0.11,\n      4: 0.12,\n      5: 0.14,\n    },\n  },\n  zIndices: {\n    appBar: 1100,\n    drawer: 1200,\n    dialog: 1300,\n    snackbar: 1400,\n    tooltip: 1500,\n  },\n  styles: {\n    root: {\n      body: {\n        fontFamily: 'body',\n        fontWeight: 'body',\n        lineHeight: 'body',\n        backgroundColor: 'surface',\n        color: 'on.surface',\n      },\n    },\n  },\n};\n\nexport type Theme = typeof theme;\n"],"mappings":"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"}
+{"version":3,"file":"theme.js","names":["rem","em","EASING_STANDARD","font","fontFamily","lineHeight","fontSize","letterSpacing","weight","fontWeight","theme","googleFonts","colors","primary","secondary","tertiary","error","background","surface","outline","on","modes","dark","sizes","icon","avatar","radii","none","default","small","medium","large","large_end","large_top","full","circle","shadows","fonts","body","heading","brand","plain","monospace","fontSizes","fontWeights","light","regular","lineHeights","space","text","caps","textTransform","display","h1","variant","h2","h3","h4","h5","h6","subtitle1","subtitle2","body1","body2","button","caption","overline","appbar","variants","base","backgroundColor","color","transparent","elevations","elevated","boxShadow","height","p","dense","buttons","py","px","borderRadius","cursor","filled","outlined","fab","maxHeight","width","maxWidth","transition","floating","overlays","hover","opacity","focus","pressed","chips","dialogs","backgroundColorOverlay","paper","zIndices","appBar","drawer","dialog","snackbar","tooltip","styles","root"],"sources":["../../../src/theme/theme.ts"],"sourcesContent":["// material theme preset\n// work-in-progress\n\n// references\n// - https://material.io/design/typography/the-type-system.html#type-scale\nimport { rem, em } from 'polished';\n\nimport { EASING_STANDARD } from '../motion';\n\nfunction font(\n  fontFamily: 'plain' | 'brand',\n  lineHeight: number,\n  fontSize: number,\n  letterSpacing: number,\n  weight: number\n) {\n  return {\n    fontFamily,\n    lineHeight: rem(lineHeight),\n    fontSize: rem(fontSize),\n    letterSpacing: rem(letterSpacing),\n    fontWeight: weight,\n  };\n}\n\nexport const theme = {\n  googleFonts:\n    'https://fonts.googleapis.com/css?family=Roboto+Mono|Roboto:300,400,500,600,700&display=swap',\n  colors: {\n    primary: '#934078',\n    secondary: '#705765',\n    tertiary: '#80543e',\n    error: '#ba1b1b',\n    'primary-container': '#ffd7ed',\n    'secondary-container': '#fbd9ea',\n    'tertiary-container': '#ffdbc9',\n    'error-container': '#ffdad4',\n    background: '#fcfcfc',\n    surface: '#fcfcfc',\n    'surface-variant': '#efdee5',\n    outline: '#81747a',\n    on: {\n      primary: '#ffffff',\n      secondary: '#ffffff',\n      tertiary: '#ffffff',\n      error: '#ffffff',\n      'primary-container': '#3b002d',\n      'secondary-container': '#291521',\n      'tertiary-container': '#321303',\n      'error-container': '#410001',\n      background: '#1f1a1c',\n      surface: '#1f1a1c',\n      'surface-variant': '#4f4349',\n      outline: '#feecf3',\n    },\n    modes: {\n      dark: {\n        primary: '#ffade0',\n        secondary: '#debece',\n        tertiary: '#f4ba9e',\n        error: '#ffb4a9',\n        'primary-container': '#77285f',\n        'secondary-container': '#57404d',\n        'tertiary-container': '#653d28',\n        'error-container': '#930006',\n        background: '#1f1a1c',\n        surface: '#1f1a1c',\n        'surface-variant': '#4f4349',\n        outline: '#9b8d93',\n        on: {\n          primary: '#5b0e47',\n          secondary: '#402a37',\n          tertiary: '#4b2714',\n          error: '#680003',\n          'primary-container': '#ffd7ed',\n          'secondary-container': '#fbd9ea',\n          'tertiary-container': '#ffdbc9',\n          'error-container': '#ffdad4',\n          background: '#eae0e3',\n          surface: '#eae0e3',\n          'surface-variant': '#d3c2c9',\n          outline: '#22191e',\n        },\n      },\n    },\n  },\n  sizes: {\n    icon: rem(24),\n    avatar: rem(48),\n  },\n  radii: {\n    none: 0,\n    default: rem(4),\n    'extra-small': rem(4),\n    'extra-small_top': `${rem(4)} ${rem(4)} 0 0`,\n    small: rem(8),\n    medium: rem(12),\n    large: rem(16),\n    large_end: `0 ${rem(16)} ${rem(16)} 0`,\n    large_top: `${rem(16)} ${rem(16)} 0 0`,\n    'extra-large': rem(28),\n    'extra-large_top': `${rem(28)} ${rem(28)} 0 0`,\n    full: rem(99999),\n    circle: '100%',\n  },\n  shadows: {\n    0: '0 0 0 0 rgba(0,0,0,0.2),0 0 0 0 rgba(0,0,0,0.14),0 0 0 0 rgba(0,0,0,0.12)',\n    1: '0 1px 2px rgba(0,0,0,0.3),0 1px 3px 1px rgba(0,0,0,0.15)',\n    2: '0 1px 2px rgba(0,0,0,0.3),0 2px 6px 2px rgba(0,0,0,0.15)',\n    3: '0 1px 3px rgba(0,0,0,0.3),0 4px 8px 3px rgba(0,0,0,0.15)',\n    4: '0 2px 3px rgba(0,0,0,0.3),0 6px 10px 4px rgba(0,0,0,0.15)',\n    5: '0 4px 4px rgba(0,0,0,0.3),0 8px 12px 6px rgba(0,0,0,0.15)',\n  },\n  fonts: {\n    body: 'Roboto, sans-serif',\n    heading: 'Roboto, sans-serif',\n    brand: 'Roboto, sans-serif',\n    plain: 'Roboto, sans-serif',\n    monospace: '\"Roboto Mono\", monospace',\n  },\n  fontSizes: {\n    0: rem(10),\n    1: rem(12),\n    2: rem(14),\n    3: rem(16),\n    4: rem(20),\n    5: rem(24),\n    6: rem(34),\n    7: rem(48),\n    8: rem(60),\n    9: rem(96),\n  },\n  fontWeights: {\n    light: 300,\n    regular: 400,\n    medium: 500,\n  },\n  lineHeights: {\n    body: 1.43,\n    heading: 1.2,\n  },\n  space: {\n    0: rem(0),\n    1: rem(4),\n    2: rem(8),\n    3: rem(16),\n    4: rem(32),\n    5: rem(64),\n    6: rem(128),\n    7: rem(256),\n    8: rem(512),\n  },\n  text: {\n    caps: {\n      textTransform: 'uppercase',\n      fontFamily: 'body',\n      lineHeight: 'body',\n      letterSpacing: '0.1em',\n    },\n    heading: {\n      fontFamily: 'heading',\n      lineHeight: 'heading',\n    },\n    display: {\n      fontFamily: 'body',\n      lineHeight: 'body',\n    },\n    'display-large': font('brand', 64, 57, 0, 400),\n    'display-medium': font('brand', 52, 45, 0, 400),\n    'display-small': font('brand', 44, 36, 0, 400),\n    'headline-large': font('brand', 40, 32, 0, 400),\n    'headline-medium': font('brand', 36, 28, 0, 400),\n    'headline-small': font('brand', 32, 24, 0, 400),\n    'title-large': font('brand', 28, 22, 0, 400),\n    'title-medium': font('plain', 24, 16, 0.15, 500),\n    'title-small': font('plain', 20, 14, 0.1, 500),\n    'label-large': font('plain', 20, 14, 0.1, 500),\n    'label-medium': font('plain', 16, 12, 0.5, 500),\n    'label-small': font('plain', 15, 11, 0.5, 500),\n    'body-large': font('plain', 24, 16, 0.5, 400),\n    'body-medium': font('plain', 20, 14, 0.25, 400),\n    'body-small': font('plain', 16, 12, 0.4, 400),\n    h1: {\n      variant: 'text.heading',\n      fontWeight: 'light',\n      fontSize: 9,\n      letterSpacing: em(-1.5, 96),\n    },\n    h2: {\n      variant: 'text.heading',\n      fontWeight: 'light',\n      fontSize: 8,\n      letterSpacing: em(-0.5, 60),\n    },\n    h3: {\n      variant: 'text.heading',\n      fontWeight: 'regular',\n      fontSize: 7,\n      letterSpacing: em(0, 48),\n    },\n    h4: {\n      variant: 'text.heading',\n      fontWeight: 'regular',\n      fontSize: 6,\n      letterSpacing: em(0.25, 34),\n    },\n    h5: {\n      variant: 'text.heading',\n      fontWeight: 'regular',\n      fontSize: 5,\n      letterSpacing: em(0, 24),\n    },\n    h6: {\n      variant: 'text.heading',\n      fontWeight: 'medium',\n      fontSize: 4,\n      letterSpacing: em(0.15, 20),\n    },\n    subtitle1: {\n      variant: 'text.heading',\n      fontWeight: 'regular',\n      fontSize: 3,\n      letterSpacing: em(0.15, 16),\n    },\n    subtitle2: {\n      variant: 'text.heading',\n      fontWeight: 'medium',\n      fontSize: 2,\n      letterSpacing: em(0.1, 14),\n    },\n    body1: {\n      variant: 'text.display',\n      fontWeight: 'regular',\n      fontSize: 3,\n      letterSpacing: em(0.5, 16),\n    },\n    body2: {\n      variant: 'text.display',\n      fontWeight: 'regular',\n      fontSize: 2,\n      letterSpacing: em(0.25, 14),\n    },\n    button: {\n      variant: 'text.display',\n      fontSize: 2,\n      letterSpacing: em(1.2, 14),\n      fontWeight: 'medium',\n    },\n    caption: {\n      variant: 'text.display',\n      fontWeight: 'regular',\n      fontSize: 1,\n      letterSpacing: em(0.4, 12),\n    },\n    overline: {\n      variant: 'text.caps',\n      fontWeight: 'medium',\n      fontSize: 0,\n      letterSpacing: em(1.5, 10),\n    },\n  },\n  appbar: {\n    variants: {\n      base: {\n        fontFamily: 'body',\n        fontSize: 4,\n      },\n      default: {\n        variant: 'appbar.variants.base',\n        backgroundColor: 'surface',\n        color: 'on.surface',\n      },\n      primary: {\n        variant: 'appbar.variants.base',\n        backgroundColor: 'primary',\n        color: 'on.primary',\n      },\n      secondary: {\n        variant: 'appbar.variants.base',\n        backgroundColor: 'secondary',\n        color: 'on.secondary',\n      },\n      transparent: {\n        variant: 'appbar.variants.base',\n        backgroundColor: 'transparent',\n        color: 'inherit',\n      },\n    },\n    elevations: {\n      default: {},\n      elevated: {\n        boxShadow: 2,\n      },\n    },\n    sizes: {\n      default: {\n        height: rem(64),\n        p: 3,\n      },\n      dense: {\n        height: rem(56),\n      },\n    },\n  },\n  buttons: {\n    variants: {\n      base: {\n        variant: 'text.label-large',\n        boxShadow: 'none',\n        py: 0,\n        px: rem(24),\n        height: rem(40),\n        borderRadius: 'full',\n        cursor: 'pointer',\n        outline: 'none',\n      },\n      text: {\n        variant: 'buttons.variants.base',\n        px: rem(12),\n      },\n      filled: {\n        variant: 'buttons.variants.base',\n      },\n      outlined: {\n        variant: 'buttons.variants.base',\n      },\n      fab: {\n        variant: 'buttons.variants.base',\n        height: rem(56),\n        maxHeight: rem(56),\n        width: rem(56),\n        maxWidth: rem(56),\n        borderRadius: 'large',\n        px: 0,\n      },\n      'fab-mini': {\n        variant: 'buttons.variants.fab',\n        height: rem(40),\n        maxHeight: rem(40),\n        width: rem(40),\n        maxWidth: rem(40),\n        borderRadius: 'medium',\n        px: 0,\n      },\n      'fab-large': {\n        variant: 'buttons.variants.fab',\n        height: rem(96),\n        maxHeight: rem(96),\n        width: rem(96),\n        maxWidth: rem(96),\n        borderRadius: 'extra-large',\n        px: 0,\n      },\n      'fab-extended': {\n        variant: 'buttons.variants.base',\n        height: rem(56),\n        px: rem(16),\n        borderRadius: 'large',\n      },\n      icon: {\n        variant: 'buttons.variants.base',\n        height: rem(48),\n        maxHeight: rem(48),\n        width: rem(48),\n        maxWidth: rem(48),\n        px: rem(12),\n        borderRadius: 'full',\n      },\n    },\n    elevations: {\n      none: {},\n      default: {\n        transition: `box-shadow .28s ${EASING_STANDARD}`,\n        '&:hover': {\n          boxShadow: 1,\n        },\n        '&:active,&:focus-visible,&:disabled': {\n          boxShadow: 0,\n        },\n      },\n      elevated: {\n        transition: `box-shadow .28s ${EASING_STANDARD}`,\n        boxShadow: 1,\n        '&:hover': {\n          boxShadow: 2,\n        },\n        '&:active,&:focus-visible': {\n          boxShadow: 1,\n        },\n        '&:disabled,&:disabled:hover,&:disabled:focus,&:disabled:active': {\n          boxShadow: 0,\n        },\n      },\n      floating: {\n        transition: `box-shadow .28s ${EASING_STANDARD}`,\n        boxShadow: 3,\n        ':hover': {\n          boxShadow: 4,\n        },\n        '&:active,&:focus-visible': {\n          boxShadow: 3,\n        },\n        '&:disabled,&:disabled:hover,&:disabled:focus,&:disabled:active': {\n          boxShadow: 0,\n        },\n      },\n    },\n    overlays: {\n      transparent: {\n        hover: {\n          opacity: 0.08,\n        },\n        focus: {\n          opacity: 0.12,\n        },\n        pressed: {\n          opacity: 0.16,\n        },\n      },\n      filled: {\n        hover: {\n          opacity: 0.08,\n        },\n        focus: {\n          opacity: 0.12,\n        },\n        pressed: {\n          opacity: 0.16,\n        },\n      },\n    },\n  },\n  chips: {\n    variants: {\n      base: {\n        variant: 'text.body2',\n        boxShadow: 'none',\n        py: 0,\n        px: 0,\n        height: rem(32),\n        borderRadius: 'small',\n        outline: 'none',\n        transition: `box-shadow .28s ${EASING_STANDARD}`,\n      },\n      filled: {\n        variant: 'chips.variants.base',\n        boxShadow: 1,\n        ':active:not([data-disabled])': {\n          boxShadow: 2,\n        },\n      },\n      outlined: {\n        variant: 'chips.variants.base',\n      },\n    },\n  },\n  dialogs: {\n    variants: {\n      base: {\n        borderRadius: 'extra-large',\n      },\n    },\n    backgroundColorOverlay: 3,\n  },\n  paper: {\n    overlays: {\n      0: 0,\n      1: 0.05,\n      2: 0.08,\n      3: 0.11,\n      4: 0.12,\n      5: 0.14,\n    },\n  },\n  zIndices: {\n    appBar: 1100,\n    drawer: 1200,\n    dialog: 1300,\n    snackbar: 1400,\n    tooltip: 1500,\n  },\n  styles: {\n    root: {\n      body: {\n        fontFamily: 'body',\n        fontWeight: 'body',\n        lineHeight: 'body',\n        backgroundColor: 'surface',\n        color: 'on.surface',\n      },\n    },\n  },\n};\n\nexport type Theme = typeof theme;\n"],"mappings":"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"}