@basic-ui/material 1.0.0-alpha.43 → 1.0.0-alpha.44

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

package/build/esm/Select/CustomContainerExample.d.ts

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

package/build/esm/Snackbar/Snackbar.d.ts

@@ -5,4 +5,4 @@ export interface SnackbarProps extends PaperProps {
     timeout?: number;
     dismissible?: boolean;
 }
-export declare const Snackbar: import("react").ForwardRefExoticComponent<Pick<SnackbarProps, "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" | "action" | "timeout" | "dismissible" | "elevation" | "outlined" | "backgroundOverlay" | "darkThemeBackgroundOverlay"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Snackbar: import("react").ForwardRefExoticComponent<Pick<SnackbarProps, "children" | "id" | "height" | "p" | "slot" | "style" | "title" | "hidden" | "bottom" | "top" | "left" | "right" | "as" | "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" | "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" | "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" | "action" | "timeout" | "dismissible" | "elevation" | "outlined" | "backgroundOverlay" | "darkThemeBackgroundOverlay" | "key"> & import("react").RefAttributes<HTMLDivElement>>;

package/build/esm/Snackbar/Snackbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Snackbar.js","names":["assignMultipleRefs","cloneElement","forwardRef","useRef","DARK_SCHEME_CLASS","LIGHT_SCHEME_CLASS","useColorScheme","Box","Paper","Text","useSnackbarAnimation","Snackbar","props","forwardedRef","colorScheme","ref","__css","action","children","styleProp","style","timeout","dismissible","otherProps","onClose","placementStyle","boxShadow","py","pl","pr","display","minWidth","maxWidth","borderRadius","color","flexDirection","willChange","onClick"],"sources":["../../../src/Snackbar/Snackbar.tsx"],"sourcesContent":["import { assignMultipleRefs } from '@basic-ui/core';\r\nimport { rem } from 'polished';\r\nimport type { ReactElement } from 'react';\r\nimport { cloneElement, forwardRef, useRef } from 'react';\r\nimport {\r\n  DARK_SCHEME_CLASS,\r\n  LIGHT_SCHEME_CLASS,\r\n  useColorScheme,\r\n} from '@basic-ui/dynamic-theme';\r\n\r\nimport { Box } from '../Box';\r\nimport type { PaperProps } from '../Paper';\r\nimport { Paper } from '../Paper';\r\nimport { Text } from '../Text';\r\nimport { useSnackbarAnimation } from './useSnackbarAnimation';\r\n\r\nexport interface SnackbarProps extends PaperProps {\r\n  action?: ReactElement;\r\n  timeout?: number;\r\n  dismissible?: boolean;\r\n}\r\n\r\nexport const Snackbar = forwardRef<HTMLDivElement, SnackbarProps>(\r\n  function Snackbar(props, forwardedRef) {\r\n    const { colorScheme } = useColorScheme();\r\n    const ref = useRef<HTMLDivElement | null>(null);\r\n    const {\r\n      __css,\r\n      action,\r\n      children,\r\n      style: styleProp,\r\n      timeout = 5000,\r\n      dismissible,\r\n      ...otherProps\r\n    } = props;\r\n\r\n    const { onClose, placementStyle, style } = useSnackbarAnimation(\r\n      ref,\r\n      timeout\r\n    );\r\n\r\n    return (\r\n      <Paper\r\n        elevation={4}\r\n        darkThemeBackgroundOverlay={4}\r\n        className={\r\n          colorScheme === 'light' ? DARK_SCHEME_CLASS : LIGHT_SCHEME_CLASS\r\n        }\r\n        ref={assignMultipleRefs(forwardedRef, ref)}\r\n        __css={{\r\n          boxShadow: 4,\r\n          py: rem(6),\r\n          pl: 3,\r\n          pr: 3,\r\n          display: 'inline-flex',\r\n          minWidth: `min(100%, ${rem(344)})`,\r\n          maxWidth: ['100%', 'unset'],\r\n          borderRadius: 'extra-small',\r\n          color: 'on.surface',\r\n          flexDirection: 'row',\r\n          willChange: 'transform,opacity',\r\n          ...placementStyle,\r\n          ...__css,\r\n        }}\r\n        style={{\r\n          ...style,\r\n          ...styleProp,\r\n        }}\r\n        {...otherProps}\r\n      >\r\n        <Text variant=\"body-medium\" as=\"span\" py={2}>\r\n          {children}\r\n        </Text>\r\n        {action && (\r\n          <Box as=\"span\" pl={2} mr={-2} ml=\"auto\" minWidth=\"auto\">\r\n            {dismissible ? cloneElement(action, { onClick: onClose }) : action}\r\n          </Box>\r\n        )}\r\n      </Paper>\r\n    );\r\n  }\r\n);\r\n"],"mappings":";;;AAAA,SAASA,kBAAT,QAAmC,gBAAnC;AAGA,SAASC,YAAT,EAAuBC,UAAvB,EAAmCC,MAAnC,QAAiD,OAAjD;AACA,SACEC,iBADF,EAEEC,kBAFF,EAGEC,cAHF,QAIO,yBAJP;AAMA,SAASC,GAAT,QAAoB,QAApB;AAEA,SAASC,KAAT,QAAsB,UAAtB;AACA,SAASC,IAAT,QAAqB,SAArB;AACA,SAASC,oBAAT,QAAqC,wBAArC;;;AAQA,OAAO,IAAMC,QAAQ,gBAAGT,UAAU,CAChC,SAASS,QAAT,CAAkBC,KAAlB,EAAyBC,YAAzB,EAAuC;EACrC,sBAAwBP,cAAc,EAAtC;EAAA,IAAQQ,WAAR,mBAAQA,WAAR;;EACA,IAAMC,GAAG,GAAGZ,MAAM,CAAwB,IAAxB,CAAlB;;EACA,IACEa,KADF,GAQIJ,KARJ,CACEI,KADF;EAAA,IAEEC,MAFF,GAQIL,KARJ,CAEEK,MAFF;EAAA,IAGEC,QAHF,GAQIN,KARJ,CAGEM,QAHF;EAAA,IAISC,SAJT,GAQIP,KARJ,CAIEQ,KAJF;EAAA,qBAQIR,KARJ,CAKES,OALF;EAAA,IAKEA,OALF,+BAKY,IALZ;EAAA,IAMEC,WANF,GAQIV,KARJ,CAMEU,WANF;EAAA,IAOKC,UAPL,4BAQIX,KARJ;;EAUA,4BAA2CF,oBAAoB,CAC7DK,GAD6D,EAE7DM,OAF6D,CAA/D;EAAA,IAAQG,OAAR,yBAAQA,OAAR;EAAA,IAAiBC,cAAjB,yBAAiBA,cAAjB;EAAA,IAAiCL,KAAjC,yBAAiCA,KAAjC;;EAKA,oBACE,MAAC,KAAD;IACE,SAAS,EAAE,CADb;IAEE,0BAA0B,EAAE,CAF9B;IAGE,SAAS,EACPN,WAAW,KAAK,OAAhB,GAA0BV,iBAA1B,GAA8CC,kBAJlD;IAME,GAAG,EAAEL,kBAAkB,CAACa,YAAD,EAAeE,GAAf,CANzB;IAOE,KAAK;MACHW,SAAS,EAAE,CADR;MAEHC,EAAE,YAFC;MAGHC,EAAE,EAAE,CAHD;MAIHC,EAAE,EAAE,CAJD;MAKHC,OAAO,EAAE,aALN;MAMHC,QAAQ,qCANL;MAOHC,QAAQ,EAAE,CAAC,MAAD,EAAS,OAAT,CAPP;MAQHC,YAAY,EAAE,aARX;MASHC,KAAK,EAAE,YATJ;MAUHC,aAAa,EAAE,KAVZ;MAWHC,UAAU,EAAE;IAXT,GAYAX,cAZA,GAaAT,KAbA,CAPP;IAsBE,KAAK,wBACAI,KADA,GAEAD,SAFA;EAtBP,GA0BMI,UA1BN;IAAA,wBA4BE,KAAC,IAAD;MAAM,OAAO,EAAC,aAAd;MAA4B,EAAE,EAAC,MAA/B;MAAsC,EAAE,EAAE,CAA1C;MAAA,UACGL;IADH,EA5BF,EA+BGD,MAAM,iBACL,KAAC,GAAD;MAAK,EAAE,EAAC,MAAR;MAAe,EAAE,EAAE,CAAnB;MAAsB,EAAE,EAAE,CAAC,CAA3B;MAA8B,EAAE,EAAC,MAAjC;MAAwC,QAAQ,EAAC,MAAjD;MAAA,UACGK,WAAW,gBAAGrB,YAAY,CAACgB,MAAD,EAAS;QAAEoB,OAAO,EAAEb;MAAX,CAAT,CAAf,GAAgDP;IAD9D,EAhCJ;EAAA,GADF;AAuCD,CA1D+B,CAA3B"}
+{"version":3,"file":"Snackbar.js","names":["assignMultipleRefs","cloneElement","forwardRef","useRef","DARK_SCHEME_CLASS","LIGHT_SCHEME_CLASS","useColorScheme","Box","Paper","Text","useSnackbarAnimation","Snackbar","props","forwardedRef","colorScheme","ref","__css","action","children","styleProp","style","timeout","dismissible","otherProps","onClose","placementStyle","boxShadow","py","pl","pr","display","minWidth","maxWidth","borderRadius","color","flexDirection","willChange","onClick"],"sources":["../../../src/Snackbar/Snackbar.tsx"],"sourcesContent":["import { assignMultipleRefs } from '@basic-ui/core';\nimport { rem } from 'polished';\nimport type { ReactElement } from 'react';\nimport { cloneElement, forwardRef, useRef } from 'react';\nimport {\n  DARK_SCHEME_CLASS,\n  LIGHT_SCHEME_CLASS,\n  useColorScheme,\n} from '@basic-ui/dynamic-theme';\n\nimport { Box } from '../Box';\nimport type { PaperProps } from '../Paper';\nimport { Paper } from '../Paper';\nimport { Text } from '../Text';\nimport { useSnackbarAnimation } from './useSnackbarAnimation';\n\nexport interface SnackbarProps extends PaperProps {\n  action?: ReactElement;\n  timeout?: number;\n  dismissible?: boolean;\n}\n\nexport const Snackbar = forwardRef<HTMLDivElement, SnackbarProps>(\n  function Snackbar(props, forwardedRef) {\n    const { colorScheme } = useColorScheme();\n    const ref = useRef<HTMLDivElement | null>(null);\n    const {\n      __css,\n      action,\n      children,\n      style: styleProp,\n      timeout = 5000,\n      dismissible,\n      ...otherProps\n    } = props;\n\n    const { onClose, placementStyle, style } = useSnackbarAnimation(\n      ref,\n      timeout\n    );\n\n    return (\n      <Paper\n        elevation={4}\n        darkThemeBackgroundOverlay={4}\n        className={\n          colorScheme === 'light' ? DARK_SCHEME_CLASS : LIGHT_SCHEME_CLASS\n        }\n        ref={assignMultipleRefs(forwardedRef, ref)}\n        __css={{\n          boxShadow: 4,\n          py: rem(6),\n          pl: 3,\n          pr: 3,\n          display: 'inline-flex',\n          minWidth: `min(100%, ${rem(344)})`,\n          maxWidth: ['100%', 'unset'],\n          borderRadius: 'extra-small',\n          color: 'on.surface',\n          flexDirection: 'row',\n          willChange: 'transform,opacity',\n          ...placementStyle,\n          ...__css,\n        }}\n        style={{\n          ...style,\n          ...styleProp,\n        }}\n        {...otherProps}\n      >\n        <Text variant=\"body-medium\" as=\"span\" py={2}>\n          {children}\n        </Text>\n        {action && (\n          <Box as=\"span\" pl={2} mr={-2} ml=\"auto\" minWidth=\"auto\">\n            {dismissible ? cloneElement(action, { onClick: onClose }) : action}\n          </Box>\n        )}\n      </Paper>\n    );\n  }\n);\n"],"mappings":";;;AAAA,SAASA,kBAAT,QAAmC,gBAAnC;AAGA,SAASC,YAAT,EAAuBC,UAAvB,EAAmCC,MAAnC,QAAiD,OAAjD;AACA,SACEC,iBADF,EAEEC,kBAFF,EAGEC,cAHF,QAIO,yBAJP;AAMA,SAASC,GAAT,QAAoB,QAApB;AAEA,SAASC,KAAT,QAAsB,UAAtB;AACA,SAASC,IAAT,QAAqB,SAArB;AACA,SAASC,oBAAT,QAAqC,wBAArC;;;AAQA,OAAO,IAAMC,QAAQ,gBAAGT,UAAU,CAChC,SAASS,QAAT,CAAkBC,KAAlB,EAAyBC,YAAzB,EAAuC;EACrC,sBAAwBP,cAAc,EAAtC;EAAA,IAAQQ,WAAR,mBAAQA,WAAR;;EACA,IAAMC,GAAG,GAAGZ,MAAM,CAAwB,IAAxB,CAAlB;;EACA,IACEa,KADF,GAQIJ,KARJ,CACEI,KADF;EAAA,IAEEC,MAFF,GAQIL,KARJ,CAEEK,MAFF;EAAA,IAGEC,QAHF,GAQIN,KARJ,CAGEM,QAHF;EAAA,IAISC,SAJT,GAQIP,KARJ,CAIEQ,KAJF;EAAA,qBAQIR,KARJ,CAKES,OALF;EAAA,IAKEA,OALF,+BAKY,IALZ;EAAA,IAMEC,WANF,GAQIV,KARJ,CAMEU,WANF;EAAA,IAOKC,UAPL,4BAQIX,KARJ;;EAUA,4BAA2CF,oBAAoB,CAC7DK,GAD6D,EAE7DM,OAF6D,CAA/D;EAAA,IAAQG,OAAR,yBAAQA,OAAR;EAAA,IAAiBC,cAAjB,yBAAiBA,cAAjB;EAAA,IAAiCL,KAAjC,yBAAiCA,KAAjC;;EAKA,oBACE,MAAC,KAAD;IACE,SAAS,EAAE,CADb;IAEE,0BAA0B,EAAE,CAF9B;IAGE,SAAS,EACPN,WAAW,KAAK,OAAhB,GAA0BV,iBAA1B,GAA8CC,kBAJlD;IAME,GAAG,EAAEL,kBAAkB,CAACa,YAAD,EAAeE,GAAf,CANzB;IAOE,KAAK;MACHW,SAAS,EAAE,CADR;MAEHC,EAAE,YAFC;MAGHC,EAAE,EAAE,CAHD;MAIHC,EAAE,EAAE,CAJD;MAKHC,OAAO,EAAE,aALN;MAMHC,QAAQ,qCANL;MAOHC,QAAQ,EAAE,CAAC,MAAD,EAAS,OAAT,CAPP;MAQHC,YAAY,EAAE,aARX;MASHC,KAAK,EAAE,YATJ;MAUHC,aAAa,EAAE,KAVZ;MAWHC,UAAU,EAAE;IAXT,GAYAX,cAZA,GAaAT,KAbA,CAPP;IAsBE,KAAK,wBACAI,KADA,GAEAD,SAFA;EAtBP,GA0BMI,UA1BN;IAAA,wBA4BE,KAAC,IAAD;MAAM,OAAO,EAAC,aAAd;MAA4B,EAAE,EAAC,MAA/B;MAAsC,EAAE,EAAE,CAA1C;MAAA,UACGL;IADH,EA5BF,EA+BGD,MAAM,iBACL,KAAC,GAAD;MAAK,EAAE,EAAC,MAAR;MAAe,EAAE,EAAE,CAAnB;MAAsB,EAAE,EAAE,CAAC,CAA3B;MAA8B,EAAE,EAAC,MAAjC;MAAwC,QAAQ,EAAC,MAAjD;MAAA,UACGK,WAAW,gBAAGrB,YAAY,CAACgB,MAAD,EAAS;QAAEoB,OAAO,EAAEb;MAAX,CAAT,CAAf,GAAgDP;IAD9D,EAhCJ;EAAA,GADF;AAuCD,CA1D+B,CAA3B"}

package/build/esm/Snackbar/Stack.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stack.js","names":["useMemo","useLayoutEffect","createContext","useContext","useEffect","useRef","useState","StackItemContext","displayName","useStackItem","ref","closeTimeoutInMilliseconds","context","onSetHeight","onRemoveItem","posY","placement","isExiting","state","setState","onClose","height","current","getBoundingClientRect","undefined","handle","setTimeout","clearTimeout","translateY","StackContent","gap","maxSize","onAddItemRef","id","items","setCounter","rerender","v","element","itemId","String","push","length","i","setHeightById","item","find","removeItemById","previousLength","filter","y","Array","from","map","StackContext","StackProvider","children","value","addItem","useStack","ctx","Error"],"sources":["../../../src/Snackbar/Stack.tsx"],"sourcesContent":["import {\r\n  useMemo,\r\n  useLayoutEffect,\r\n  createContext,\r\n  useContext,\r\n  useEffect,\r\n  useRef,\r\n  useState,\r\n} from 'react';\r\nimport type { MutableRefObject, ReactElement, FC, ReactNode } from 'react';\r\n\r\nexport type StackPlacement =\r\n  | 'top-right'\r\n  | 'top-center'\r\n  | 'top-left'\r\n  | 'bottom-right'\r\n  | 'bottom-center'\r\n  | 'bottom-left';\r\n\r\n// StackItemContext Component\r\nexport interface StackItemContextProps {\r\n  posY: number | undefined;\r\n  isExiting: boolean;\r\n  onSetHeight(height: number): void;\r\n  onRemoveItem(): void;\r\n  placement: StackPlacement;\r\n}\r\n\r\nconst StackItemContext = createContext<StackItemContextProps | null>(null);\r\nStackItemContext.displayName = 'StackItemContext';\r\n\r\ninterface StackItemProps {\r\n  ref: MutableRefObject<HTMLElement | null>;\r\n  openTimeoutInMilliseconds?: number;\r\n  closeTimeoutInMilliseconds?: number;\r\n}\r\n\r\nexport function useStackItem({\r\n  ref,\r\n  closeTimeoutInMilliseconds = 110,\r\n}: StackItemProps) {\r\n  const context = useContext(StackItemContext);\r\n  if (!context) {\r\n    return null;\r\n  }\r\n  const { onSetHeight, onRemoveItem, posY, placement, isExiting } = context;\r\n  /* eslint-disable react-hooks/rules-of-hooks */\r\n  const [state, setState] = useState<'entering' | 'entered' | 'exiting'>(\r\n    'entering'\r\n  );\r\n\r\n  function onClose() {\r\n    setState('exiting');\r\n  }\r\n\r\n  useLayoutEffect(() => {\r\n    const height = ref.current?.getBoundingClientRect().height ?? 0;\r\n    onSetHeight(height);\r\n\r\n    if (isExiting) {\r\n      onClose();\r\n    }\r\n  });\r\n\r\n  useEffect(() => {\r\n    if (posY !== undefined && state === 'entering') {\r\n      setState('entered');\r\n    }\r\n  }, [state, posY]);\r\n\r\n  useLayoutEffect(() => {\r\n    if (state === 'exiting') {\r\n      const handle = setTimeout(() => {\r\n        onRemoveItem();\r\n      }, closeTimeoutInMilliseconds);\r\n\r\n      return () => {\r\n        clearTimeout(handle);\r\n      };\r\n    }\r\n  }, [state]); // eslint-disable-line react-hooks/exhaustive-deps\r\n\r\n  return {\r\n    translateY: posY,\r\n    state,\r\n    onClose,\r\n    placement,\r\n  };\r\n  /* eslint-enable react-hooks/rules-of-hooks */\r\n}\r\n\r\nfunction StackContent({\r\n  gap = 0,\r\n  placement,\r\n  maxSize,\r\n  onAddItemRef,\r\n}: {\r\n  gap: number;\r\n  placement: StackPlacement;\r\n  maxSize: number;\r\n  onAddItemRef: MutableRefObject<((element: ReactElement) => void) | null>;\r\n}) {\r\n  const id = useRef(0);\r\n  const items = useRef<StackItem[]>([]);\r\n  const [, setCounter] = useState(false);\r\n  function rerender() {\r\n    setCounter((v) => !v);\r\n  }\r\n\r\n  useEffect(() => {\r\n    onAddItemRef.current = (element: ReactElement) => {\r\n      const itemId = String(++id.current);\r\n\r\n      items.current.push({\r\n        id: itemId,\r\n        height: undefined,\r\n        element,\r\n        isExiting: false,\r\n      });\r\n      // Stack > maxSize? Close items\r\n      if (items.current.length > maxSize) {\r\n        for (let i = 0; i < items.current.length; i++) {\r\n          if (!items.current[i].isExiting) {\r\n            items.current[i].isExiting = true;\r\n            break;\r\n          }\r\n        }\r\n      }\r\n      rerender();\r\n    };\r\n    return () => {\r\n      onAddItemRef.current = null;\r\n    };\r\n  }, [maxSize]); // eslint-disable-line react-hooks/exhaustive-deps\r\n\r\n  function setHeightById(id: string, height: number) {\r\n    const item = items.current.find(({ id: itemId }) => itemId === id);\r\n    if (item && item.height !== height) {\r\n      item.height = height;\r\n      rerender();\r\n    }\r\n  }\r\n\r\n  function removeItemById(id: string) {\r\n    const previousLength = items.current.length;\r\n    items.current = items.current.filter(({ id: itemId }) => itemId !== id);\r\n    if (items.current.length !== previousLength) {\r\n      rerender();\r\n    }\r\n  }\r\n\r\n  let y = 0;\r\n  return (\r\n    <div data-stack-root=\"\">\r\n      {Array.from(items.current).map((item) => {\r\n        let posY: number | undefined = undefined;\r\n        const height = item.height;\r\n        if (height) {\r\n          posY = y;\r\n          y += height + gap;\r\n        }\r\n\r\n        return (\r\n          <StackItemContext.Provider\r\n            key={item.id}\r\n            value={{\r\n              isExiting: item.isExiting,\r\n              posY,\r\n              onSetHeight: (height: number) => {\r\n                if (height === item.height) {\r\n                  return;\r\n                }\r\n                setHeightById(item.id, height);\r\n              },\r\n              onRemoveItem: () => removeItemById(item.id),\r\n              placement,\r\n            }}\r\n          >\r\n            {item.element}\r\n          </StackItemContext.Provider>\r\n        );\r\n      })}\r\n    </div>\r\n  );\r\n}\r\n\r\nexport interface StackContextProps {\r\n  addItem: (element: ReactElement) => void;\r\n}\r\n\r\nconst StackContext = createContext<StackContextProps | null>(null);\r\n\r\ninterface StackItem {\r\n  id: string;\r\n  element: ReactElement;\r\n  height: number | undefined;\r\n  isExiting: boolean;\r\n}\r\n\r\nexport const StackProvider: FC<{\r\n  children?: ReactNode | ReactNode[];\r\n  gap?: number;\r\n  placement?:\r\n    | 'top-right'\r\n    | 'top-center'\r\n    | 'top-left'\r\n    | 'bottom-right'\r\n    | 'bottom-center'\r\n    | 'bottom-left';\r\n  maxSize?: number;\r\n}> = ({ children, gap = 8, placement = 'top-right', maxSize = 3 }) => {\r\n  const onAddItemRef = useRef<(element: ReactElement) => void>(null);\r\n  const value = useMemo(\r\n    () => ({\r\n      addItem: (element: ReactElement) => onAddItemRef.current?.(element),\r\n    }),\r\n    []\r\n  );\r\n\r\n  return (\r\n    <StackContext.Provider value={value}>\r\n      {children}\r\n      <StackContent\r\n        gap={gap}\r\n        placement={placement}\r\n        maxSize={maxSize}\r\n        onAddItemRef={onAddItemRef}\r\n      />\r\n    </StackContext.Provider>\r\n  );\r\n};\r\n\r\nexport function useStack(): StackContextProps {\r\n  const ctx = useContext(StackContext);\r\n  if (!ctx) {\r\n    throw new Error('useStack must be used within a StackContext.Provider');\r\n  }\r\n  return ctx;\r\n}\r\n"],"mappings":"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"}
+{"version":3,"file":"Stack.js","names":["useMemo","useLayoutEffect","createContext","useContext","useEffect","useRef","useState","StackItemContext","displayName","useStackItem","ref","closeTimeoutInMilliseconds","context","onSetHeight","onRemoveItem","posY","placement","isExiting","state","setState","onClose","height","current","getBoundingClientRect","undefined","handle","setTimeout","clearTimeout","translateY","StackContent","gap","maxSize","onAddItemRef","id","items","setCounter","rerender","v","element","itemId","String","push","length","i","setHeightById","item","find","removeItemById","previousLength","filter","y","Array","from","map","StackContext","StackProvider","children","value","addItem","useStack","ctx","Error"],"sources":["../../../src/Snackbar/Stack.tsx"],"sourcesContent":["import {\n  useMemo,\n  useLayoutEffect,\n  createContext,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport type { MutableRefObject, ReactElement, FC, ReactNode } from 'react';\n\nexport type StackPlacement =\n  | 'top-right'\n  | 'top-center'\n  | 'top-left'\n  | 'bottom-right'\n  | 'bottom-center'\n  | 'bottom-left';\n\n// StackItemContext Component\nexport interface StackItemContextProps {\n  posY: number | undefined;\n  isExiting: boolean;\n  onSetHeight(height: number): void;\n  onRemoveItem(): void;\n  placement: StackPlacement;\n}\n\nconst StackItemContext = createContext<StackItemContextProps | null>(null);\nStackItemContext.displayName = 'StackItemContext';\n\ninterface StackItemProps {\n  ref: MutableRefObject<HTMLElement | null>;\n  openTimeoutInMilliseconds?: number;\n  closeTimeoutInMilliseconds?: number;\n}\n\nexport function useStackItem({\n  ref,\n  closeTimeoutInMilliseconds = 110,\n}: StackItemProps) {\n  const context = useContext(StackItemContext);\n  if (!context) {\n    return null;\n  }\n  const { onSetHeight, onRemoveItem, posY, placement, isExiting } = context;\n  /* eslint-disable react-hooks/rules-of-hooks */\n  const [state, setState] = useState<'entering' | 'entered' | 'exiting'>(\n    'entering'\n  );\n\n  function onClose() {\n    setState('exiting');\n  }\n\n  useLayoutEffect(() => {\n    const height = ref.current?.getBoundingClientRect().height ?? 0;\n    onSetHeight(height);\n\n    if (isExiting) {\n      onClose();\n    }\n  });\n\n  useEffect(() => {\n    if (posY !== undefined && state === 'entering') {\n      setState('entered');\n    }\n  }, [state, posY]);\n\n  useLayoutEffect(() => {\n    if (state === 'exiting') {\n      const handle = setTimeout(() => {\n        onRemoveItem();\n      }, closeTimeoutInMilliseconds);\n\n      return () => {\n        clearTimeout(handle);\n      };\n    }\n  }, [state]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  return {\n    translateY: posY,\n    state,\n    onClose,\n    placement,\n  };\n  /* eslint-enable react-hooks/rules-of-hooks */\n}\n\nfunction StackContent({\n  gap = 0,\n  placement,\n  maxSize,\n  onAddItemRef,\n}: {\n  gap: number;\n  placement: StackPlacement;\n  maxSize: number;\n  onAddItemRef: MutableRefObject<((element: ReactElement) => void) | null>;\n}) {\n  const id = useRef(0);\n  const items = useRef<StackItem[]>([]);\n  const [, setCounter] = useState(false);\n  function rerender() {\n    setCounter((v) => !v);\n  }\n\n  useEffect(() => {\n    onAddItemRef.current = (element: ReactElement) => {\n      const itemId = String(++id.current);\n\n      items.current.push({\n        id: itemId,\n        height: undefined,\n        element,\n        isExiting: false,\n      });\n      // Stack > maxSize? Close items\n      if (items.current.length > maxSize) {\n        for (let i = 0; i < items.current.length; i++) {\n          if (!items.current[i].isExiting) {\n            items.current[i].isExiting = true;\n            break;\n          }\n        }\n      }\n      rerender();\n    };\n    return () => {\n      onAddItemRef.current = null;\n    };\n  }, [maxSize]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  function setHeightById(id: string, height: number) {\n    const item = items.current.find(({ id: itemId }) => itemId === id);\n    if (item && item.height !== height) {\n      item.height = height;\n      rerender();\n    }\n  }\n\n  function removeItemById(id: string) {\n    const previousLength = items.current.length;\n    items.current = items.current.filter(({ id: itemId }) => itemId !== id);\n    if (items.current.length !== previousLength) {\n      rerender();\n    }\n  }\n\n  let y = 0;\n  return (\n    <div data-stack-root=\"\">\n      {Array.from(items.current).map((item) => {\n        let posY: number | undefined = undefined;\n        const height = item.height;\n        if (height) {\n          posY = y;\n          y += height + gap;\n        }\n\n        return (\n          <StackItemContext.Provider\n            key={item.id}\n            value={{\n              isExiting: item.isExiting,\n              posY,\n              onSetHeight: (height: number) => {\n                if (height === item.height) {\n                  return;\n                }\n                setHeightById(item.id, height);\n              },\n              onRemoveItem: () => removeItemById(item.id),\n              placement,\n            }}\n          >\n            {item.element}\n          </StackItemContext.Provider>\n        );\n      })}\n    </div>\n  );\n}\n\nexport interface StackContextProps {\n  addItem: (element: ReactElement) => void;\n}\n\nconst StackContext = createContext<StackContextProps | null>(null);\n\ninterface StackItem {\n  id: string;\n  element: ReactElement;\n  height: number | undefined;\n  isExiting: boolean;\n}\n\nexport const StackProvider: FC<{\n  children?: ReactNode | ReactNode[];\n  gap?: number;\n  placement?:\n    | 'top-right'\n    | 'top-center'\n    | 'top-left'\n    | 'bottom-right'\n    | 'bottom-center'\n    | 'bottom-left';\n  maxSize?: number;\n}> = ({ children, gap = 8, placement = 'top-right', maxSize = 3 }) => {\n  const onAddItemRef = useRef<(element: ReactElement) => void>(null);\n  const value = useMemo(\n    () => ({\n      addItem: (element: ReactElement) => onAddItemRef.current?.(element),\n    }),\n    []\n  );\n\n  return (\n    <StackContext.Provider value={value}>\n      {children}\n      <StackContent\n        gap={gap}\n        placement={placement}\n        maxSize={maxSize}\n        onAddItemRef={onAddItemRef}\n      />\n    </StackContext.Provider>\n  );\n};\n\nexport function useStack(): StackContextProps {\n  const ctx = useContext(StackContext);\n  if (!ctx) {\n    throw new Error('useStack must be used within a StackContext.Provider');\n  }\n  return ctx;\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/Snackbar/index.ts"],"sourcesContent":["export * from './Snackbar';\r\nexport * from './Stack';\r\nexport * from './useSnackbarAnimation';\r\n"],"mappings":"AAAA,cAAc,YAAd;AACA,cAAc,SAAd;AACA,cAAc,wBAAd"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/Snackbar/index.ts"],"sourcesContent":["export * from './Snackbar';\nexport * from './Stack';\nexport * from './useSnackbarAnimation';\n"],"mappings":"AAAA,cAAc,YAAd;AACA,cAAc,SAAd;AACA,cAAc,wBAAd"}

package/build/esm/Snackbar/useSnackbarAnimation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSnackbarAnimation.js","names":["useEffect","EASING_STANDARD","useStackItem","TRANSITION_TIME","slideFromBottom","entering","x","y","opacity","transform","entered","exiting","slideFromTop","slideFromRight","slideFromLeft","placements","style","top","right","animate","state","translateY","left","bottom","commonStyle","position","zIndex","getTransition","timems","defaultAnimation","placementStyle","onClose","undefined","useSnackbarAnimation","ref","timeout","stackItem","closeTimeoutInMilliseconds","placement","animateFn","handler","setTimeout","clearTimeout","visibility","transition"],"sources":["../../../src/Snackbar/useSnackbarAnimation.ts"],"sourcesContent":["import type { CSSProperties, MutableRefObject } from 'react';\r\nimport { useEffect } from 'react';\r\n\r\nimport { EASING_STANDARD } from '../motion';\r\nimport { useStackItem } from './Stack';\r\n\r\nconst TRANSITION_TIME = 150;\r\nconst slideFromBottom = {\r\n  entering: (x: string, y: string) => ({\r\n    opacity: 0.6,\r\n    transform: `translate(${x}, calc(${y} + 100%))`,\r\n  }),\r\n  entered: (x: string, y: string) => ({\r\n    opacity: 1,\r\n    transform: `translate(${x}, ${y})`,\r\n  }),\r\n  exiting: (x: string, y: string) => ({\r\n    opacity: 1,\r\n    transform: `translate(${x}, calc(${y} - 100%))`,\r\n  }),\r\n};\r\n\r\nconst slideFromTop = {\r\n  entering: (x: string, y: string) => ({\r\n    opacity: 0.6,\r\n    transform: `translate(${x}, calc(${y} - 100%))`,\r\n  }),\r\n  entered: (x: string, y: string) => ({\r\n    opacity: 1,\r\n    transform: `translate(${x}, ${y})`,\r\n  }),\r\n  exiting: (x: string, y: string) => ({\r\n    opacity: 1,\r\n    transform: `translate(${x}, calc(${y} + 100%))`,\r\n  }),\r\n};\r\n\r\nconst slideFromRight = {\r\n  entering: (x: string, y: string) => ({\r\n    opacity: 0.6,\r\n    transform: `translate(calc(${x} + 100%), ${y})`,\r\n  }),\r\n  entered: (x: string, y: string) => ({\r\n    opacity: 1,\r\n    transform: `translate(${x}, ${y})`,\r\n  }),\r\n  exiting: (x: string, y: string) => ({\r\n    opacity: 0.6,\r\n    transform: `translate(calc(${x} + 100%), ${y})`,\r\n  }),\r\n};\r\n\r\nconst slideFromLeft = {\r\n  entering: (x: string, y: string) => ({\r\n    opacity: 0.6,\r\n    transform: `translate(calc(${x} - 100%), ${y})`,\r\n  }),\r\n  entered: (x: string, y: string) => ({\r\n    opacity: 1,\r\n    transform: `translate(${x}, ${y})`,\r\n  }),\r\n  exiting: (x: string, y: string) => ({\r\n    opacity: 0.6,\r\n    transform: `translate(calc(${x} - 100%), ${y})`,\r\n  }),\r\n};\r\n\r\ntype AnimationState = 'entering' | 'entered' | 'exiting';\r\nconst placements = {\r\n  'top-right': {\r\n    style: { top: 3, right: 3 },\r\n    animate: (state: AnimationState, translateY: number) =>\r\n      slideFromRight[state]('0px', `${translateY}px`),\r\n  },\r\n  'top-center': {\r\n    style: { top: 3, left: '50%' },\r\n    animate: (state: AnimationState, translateY: number) =>\r\n      slideFromBottom[state]('-50%', `${translateY}px`),\r\n  },\r\n  'top-left': {\r\n    style: { top: 3, left: 3 },\r\n    animate: (state: AnimationState, translateY: number) =>\r\n      slideFromLeft[state]('0px', `${translateY}px`),\r\n  },\r\n  'bottom-right': {\r\n    style: { bottom: 3, right: 3 },\r\n    animate: (state: AnimationState, translateY: number) =>\r\n      slideFromRight[state]('0px', `${-translateY}px`),\r\n  },\r\n  'bottom-center': {\r\n    style: { bottom: 3, left: '50%' },\r\n    animate: (state: AnimationState, translateY: number) =>\r\n      slideFromTop[state]('-50%', `${-translateY}px`),\r\n  },\r\n  'bottom-left': {\r\n    style: { bottom: 3, left: 3 },\r\n    animate: (state: AnimationState, translateY: number) =>\r\n      slideFromLeft[state]('0px', `${-translateY}px`),\r\n  },\r\n};\r\nconst commonStyle = { position: 'fixed', zIndex: 'snackbar' };\r\n\r\nfunction getTransition(timems: number) {\r\n  return `opacity ${timems}ms ${EASING_STANDARD},transform ${timems}ms ${EASING_STANDARD}`;\r\n}\r\n\r\nconst defaultAnimation = {\r\n  style: {},\r\n  placementStyle: {},\r\n  onClose: undefined,\r\n};\r\n\r\nexport function useSnackbarAnimation(\r\n  ref: MutableRefObject<HTMLDivElement | null>,\r\n  timeout: number\r\n): {\r\n  style: CSSProperties;\r\n  placementStyle: CSSProperties;\r\n  onClose?: () => void;\r\n} {\r\n  const stackItem = useStackItem({\r\n    ref,\r\n    closeTimeoutInMilliseconds: TRANSITION_TIME,\r\n  });\r\n  if (!stackItem) {\r\n    return defaultAnimation;\r\n  }\r\n\r\n  const { onClose, state, translateY = 0, placement } = stackItem;\r\n  const placementStyle = placements[placement].style;\r\n  const animateFn = placements[placement].animate;\r\n\r\n  // eslint-disable-next-line react-hooks/rules-of-hooks\r\n  useEffect(() => {\r\n    const handler = setTimeout(() => {\r\n      onClose();\r\n    }, timeout);\r\n    return () => {\r\n      clearTimeout(handler);\r\n    };\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [timeout]);\r\n\r\n  switch (state) {\r\n    case 'entering':\r\n      return {\r\n        style: { ...animateFn('entering', translateY), visibility: 'hidden' },\r\n        placementStyle: { ...(placementStyle as any), ...commonStyle },\r\n        onClose,\r\n      };\r\n    case 'entered':\r\n      return {\r\n        style: {\r\n          ...animateFn('entered', translateY),\r\n          transition: getTransition(TRANSITION_TIME),\r\n        },\r\n        placementStyle: { ...(placementStyle as any), ...commonStyle },\r\n        onClose,\r\n      };\r\n    case 'exiting':\r\n      return {\r\n        style: {\r\n          ...animateFn('exiting', translateY),\r\n          transition: getTransition(TRANSITION_TIME),\r\n        },\r\n        placementStyle: { ...(placementStyle as any), ...commonStyle },\r\n        onClose,\r\n      };\r\n  }\r\n}\r\n"],"mappings":"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"}
+{"version":3,"file":"useSnackbarAnimation.js","names":["useEffect","EASING_STANDARD","useStackItem","TRANSITION_TIME","slideFromBottom","entering","x","y","opacity","transform","entered","exiting","slideFromTop","slideFromRight","slideFromLeft","placements","style","top","right","animate","state","translateY","left","bottom","commonStyle","position","zIndex","getTransition","timems","defaultAnimation","placementStyle","onClose","undefined","useSnackbarAnimation","ref","timeout","stackItem","closeTimeoutInMilliseconds","placement","animateFn","handler","setTimeout","clearTimeout","visibility","transition"],"sources":["../../../src/Snackbar/useSnackbarAnimation.ts"],"sourcesContent":["import type { CSSProperties, MutableRefObject } from 'react';\nimport { useEffect } from 'react';\n\nimport { EASING_STANDARD } from '../motion';\nimport { useStackItem } from './Stack';\n\nconst TRANSITION_TIME = 150;\nconst slideFromBottom = {\n  entering: (x: string, y: string) => ({\n    opacity: 0.6,\n    transform: `translate(${x}, calc(${y} + 100%))`,\n  }),\n  entered: (x: string, y: string) => ({\n    opacity: 1,\n    transform: `translate(${x}, ${y})`,\n  }),\n  exiting: (x: string, y: string) => ({\n    opacity: 1,\n    transform: `translate(${x}, calc(${y} - 100%))`,\n  }),\n};\n\nconst slideFromTop = {\n  entering: (x: string, y: string) => ({\n    opacity: 0.6,\n    transform: `translate(${x}, calc(${y} - 100%))`,\n  }),\n  entered: (x: string, y: string) => ({\n    opacity: 1,\n    transform: `translate(${x}, ${y})`,\n  }),\n  exiting: (x: string, y: string) => ({\n    opacity: 1,\n    transform: `translate(${x}, calc(${y} + 100%))`,\n  }),\n};\n\nconst slideFromRight = {\n  entering: (x: string, y: string) => ({\n    opacity: 0.6,\n    transform: `translate(calc(${x} + 100%), ${y})`,\n  }),\n  entered: (x: string, y: string) => ({\n    opacity: 1,\n    transform: `translate(${x}, ${y})`,\n  }),\n  exiting: (x: string, y: string) => ({\n    opacity: 0.6,\n    transform: `translate(calc(${x} + 100%), ${y})`,\n  }),\n};\n\nconst slideFromLeft = {\n  entering: (x: string, y: string) => ({\n    opacity: 0.6,\n    transform: `translate(calc(${x} - 100%), ${y})`,\n  }),\n  entered: (x: string, y: string) => ({\n    opacity: 1,\n    transform: `translate(${x}, ${y})`,\n  }),\n  exiting: (x: string, y: string) => ({\n    opacity: 0.6,\n    transform: `translate(calc(${x} - 100%), ${y})`,\n  }),\n};\n\ntype AnimationState = 'entering' | 'entered' | 'exiting';\nconst placements = {\n  'top-right': {\n    style: { top: 3, right: 3 },\n    animate: (state: AnimationState, translateY: number) =>\n      slideFromRight[state]('0px', `${translateY}px`),\n  },\n  'top-center': {\n    style: { top: 3, left: '50%' },\n    animate: (state: AnimationState, translateY: number) =>\n      slideFromBottom[state]('-50%', `${translateY}px`),\n  },\n  'top-left': {\n    style: { top: 3, left: 3 },\n    animate: (state: AnimationState, translateY: number) =>\n      slideFromLeft[state]('0px', `${translateY}px`),\n  },\n  'bottom-right': {\n    style: { bottom: 3, right: 3 },\n    animate: (state: AnimationState, translateY: number) =>\n      slideFromRight[state]('0px', `${-translateY}px`),\n  },\n  'bottom-center': {\n    style: { bottom: 3, left: '50%' },\n    animate: (state: AnimationState, translateY: number) =>\n      slideFromTop[state]('-50%', `${-translateY}px`),\n  },\n  'bottom-left': {\n    style: { bottom: 3, left: 3 },\n    animate: (state: AnimationState, translateY: number) =>\n      slideFromLeft[state]('0px', `${-translateY}px`),\n  },\n};\nconst commonStyle = { position: 'fixed', zIndex: 'snackbar' };\n\nfunction getTransition(timems: number) {\n  return `opacity ${timems}ms ${EASING_STANDARD},transform ${timems}ms ${EASING_STANDARD}`;\n}\n\nconst defaultAnimation = {\n  style: {},\n  placementStyle: {},\n  onClose: undefined,\n};\n\nexport function useSnackbarAnimation(\n  ref: MutableRefObject<HTMLDivElement | null>,\n  timeout: number\n): {\n  style: CSSProperties;\n  placementStyle: CSSProperties;\n  onClose?: () => void;\n} {\n  const stackItem = useStackItem({\n    ref,\n    closeTimeoutInMilliseconds: TRANSITION_TIME,\n  });\n  if (!stackItem) {\n    return defaultAnimation;\n  }\n\n  const { onClose, state, translateY = 0, placement } = stackItem;\n  const placementStyle = placements[placement].style;\n  const animateFn = placements[placement].animate;\n\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  useEffect(() => {\n    const handler = setTimeout(() => {\n      onClose();\n    }, timeout);\n    return () => {\n      clearTimeout(handler);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [timeout]);\n\n  switch (state) {\n    case 'entering':\n      return {\n        style: { ...animateFn('entering', translateY), visibility: 'hidden' },\n        placementStyle: { ...(placementStyle as any), ...commonStyle },\n        onClose,\n      };\n    case 'entered':\n      return {\n        style: {\n          ...animateFn('entered', translateY),\n          transition: getTransition(TRANSITION_TIME),\n        },\n        placementStyle: { ...(placementStyle as any), ...commonStyle },\n        onClose,\n      };\n    case 'exiting':\n      return {\n        style: {\n          ...animateFn('exiting', translateY),\n          transition: getTransition(TRANSITION_TIME),\n        },\n        placementStyle: { ...(placementStyle as any), ...commonStyle },\n        onClose,\n      };\n  }\n}\n"],"mappings":";AACA,SAASA,SAAT,QAA0B,OAA1B;AAEA,SAASC,eAAT,QAAgC,WAAhC;AACA,SAASC,YAAT,QAA6B,SAA7B;AAEA,IAAMC,eAAe,GAAG,GAAxB;AACA,IAAMC,eAAe,GAAG;EACtBC,QAAQ,EAAE,kBAACC,CAAD,EAAYC,CAAZ;IAAA,OAA2B;MACnCC,OAAO,EAAE,GAD0B;MAEnCC,SAAS,sBAAeH,CAAf,oBAA0BC,CAA1B;IAF0B,CAA3B;EAAA,CADY;EAKtBG,OAAO,EAAE,iBAACJ,CAAD,EAAYC,CAAZ;IAAA,OAA2B;MAClCC,OAAO,EAAE,CADyB;MAElCC,SAAS,sBAAeH,CAAf,eAAqBC,CAArB;IAFyB,CAA3B;EAAA,CALa;EAStBI,OAAO,EAAE,iBAACL,CAAD,EAAYC,CAAZ;IAAA,OAA2B;MAClCC,OAAO,EAAE,CADyB;MAElCC,SAAS,sBAAeH,CAAf,oBAA0BC,CAA1B;IAFyB,CAA3B;EAAA;AATa,CAAxB;AAeA,IAAMK,YAAY,GAAG;EACnBP,QAAQ,EAAE,kBAACC,CAAD,EAAYC,CAAZ;IAAA,OAA2B;MACnCC,OAAO,EAAE,GAD0B;MAEnCC,SAAS,sBAAeH,CAAf,oBAA0BC,CAA1B;IAF0B,CAA3B;EAAA,CADS;EAKnBG,OAAO,EAAE,iBAACJ,CAAD,EAAYC,CAAZ;IAAA,OAA2B;MAClCC,OAAO,EAAE,CADyB;MAElCC,SAAS,sBAAeH,CAAf,eAAqBC,CAArB;IAFyB,CAA3B;EAAA,CALU;EASnBI,OAAO,EAAE,iBAACL,CAAD,EAAYC,CAAZ;IAAA,OAA2B;MAClCC,OAAO,EAAE,CADyB;MAElCC,SAAS,sBAAeH,CAAf,oBAA0BC,CAA1B;IAFyB,CAA3B;EAAA;AATU,CAArB;AAeA,IAAMM,cAAc,GAAG;EACrBR,QAAQ,EAAE,kBAACC,CAAD,EAAYC,CAAZ;IAAA,OAA2B;MACnCC,OAAO,EAAE,GAD0B;MAEnCC,SAAS,2BAAoBH,CAApB,uBAAkCC,CAAlC;IAF0B,CAA3B;EAAA,CADW;EAKrBG,OAAO,EAAE,iBAACJ,CAAD,EAAYC,CAAZ;IAAA,OAA2B;MAClCC,OAAO,EAAE,CADyB;MAElCC,SAAS,sBAAeH,CAAf,eAAqBC,CAArB;IAFyB,CAA3B;EAAA,CALY;EASrBI,OAAO,EAAE,iBAACL,CAAD,EAAYC,CAAZ;IAAA,OAA2B;MAClCC,OAAO,EAAE,GADyB;MAElCC,SAAS,2BAAoBH,CAApB,uBAAkCC,CAAlC;IAFyB,CAA3B;EAAA;AATY,CAAvB;AAeA,IAAMO,aAAa,GAAG;EACpBT,QAAQ,EAAE,kBAACC,CAAD,EAAYC,CAAZ;IAAA,OAA2B;MACnCC,OAAO,EAAE,GAD0B;MAEnCC,SAAS,2BAAoBH,CAApB,uBAAkCC,CAAlC;IAF0B,CAA3B;EAAA,CADU;EAKpBG,OAAO,EAAE,iBAACJ,CAAD,EAAYC,CAAZ;IAAA,OAA2B;MAClCC,OAAO,EAAE,CADyB;MAElCC,SAAS,sBAAeH,CAAf,eAAqBC,CAArB;IAFyB,CAA3B;EAAA,CALW;EASpBI,OAAO,EAAE,iBAACL,CAAD,EAAYC,CAAZ;IAAA,OAA2B;MAClCC,OAAO,EAAE,GADyB;MAElCC,SAAS,2BAAoBH,CAApB,uBAAkCC,CAAlC;IAFyB,CAA3B;EAAA;AATW,CAAtB;AAgBA,IAAMQ,UAAU,GAAG;EACjB,aAAa;IACXC,KAAK,EAAE;MAAEC,GAAG,EAAE,CAAP;MAAUC,KAAK,EAAE;IAAjB,CADI;IAEXC,OAAO,EAAE,iBAACC,KAAD,EAAwBC,UAAxB;MAAA,OACPR,cAAc,CAACO,KAAD,CAAd,CAAsB,KAAtB,YAAgCC,UAAhC,QADO;IAAA;EAFE,CADI;EAMjB,cAAc;IACZL,KAAK,EAAE;MAAEC,GAAG,EAAE,CAAP;MAAUK,IAAI,EAAE;IAAhB,CADK;IAEZH,OAAO,EAAE,iBAACC,KAAD,EAAwBC,UAAxB;MAAA,OACPjB,eAAe,CAACgB,KAAD,CAAf,CAAuB,MAAvB,YAAkCC,UAAlC,QADO;IAAA;EAFG,CANG;EAWjB,YAAY;IACVL,KAAK,EAAE;MAAEC,GAAG,EAAE,CAAP;MAAUK,IAAI,EAAE;IAAhB,CADG;IAEVH,OAAO,EAAE,iBAACC,KAAD,EAAwBC,UAAxB;MAAA,OACPP,aAAa,CAACM,KAAD,CAAb,CAAqB,KAArB,YAA+BC,UAA/B,QADO;IAAA;EAFC,CAXK;EAgBjB,gBAAgB;IACdL,KAAK,EAAE;MAAEO,MAAM,EAAE,CAAV;MAAaL,KAAK,EAAE;IAApB,CADO;IAEdC,OAAO,EAAE,iBAACC,KAAD,EAAwBC,UAAxB;MAAA,OACPR,cAAc,CAACO,KAAD,CAAd,CAAsB,KAAtB,YAAgC,CAACC,UAAjC,QADO;IAAA;EAFK,CAhBC;EAqBjB,iBAAiB;IACfL,KAAK,EAAE;MAAEO,MAAM,EAAE,CAAV;MAAaD,IAAI,EAAE;IAAnB,CADQ;IAEfH,OAAO,EAAE,iBAACC,KAAD,EAAwBC,UAAxB;MAAA,OACPT,YAAY,CAACQ,KAAD,CAAZ,CAAoB,MAApB,YAA+B,CAACC,UAAhC,QADO;IAAA;EAFM,CArBA;EA0BjB,eAAe;IACbL,KAAK,EAAE;MAAEO,MAAM,EAAE,CAAV;MAAaD,IAAI,EAAE;IAAnB,CADM;IAEbH,OAAO,EAAE,iBAACC,KAAD,EAAwBC,UAAxB;MAAA,OACPP,aAAa,CAACM,KAAD,CAAb,CAAqB,KAArB,YAA+B,CAACC,UAAhC,QADO;IAAA;EAFI;AA1BE,CAAnB;AAgCA,IAAMG,WAAW,GAAG;EAAEC,QAAQ,EAAE,OAAZ;EAAqBC,MAAM,EAAE;AAA7B,CAApB;;AAEA,SAASC,aAAT,CAAuBC,MAAvB,EAAuC;EACrC,yBAAkBA,MAAlB,gBAA8B3B,eAA9B,wBAA2D2B,MAA3D,gBAAuE3B,eAAvE;AACD;;AAED,IAAM4B,gBAAgB,GAAG;EACvBb,KAAK,EAAE,EADgB;EAEvBc,cAAc,EAAE,EAFO;EAGvBC,OAAO,EAAEC;AAHc,CAAzB;AAMA,OAAO,SAASC,oBAAT,CACLC,GADK,EAELC,OAFK,EAOL;EACA,IAAMC,SAAS,GAAGlC,YAAY,CAAC;IAC7BgC,GAAG,EAAHA,GAD6B;IAE7BG,0BAA0B,EAAElC;EAFC,CAAD,CAA9B;;EAIA,IAAI,CAACiC,SAAL,EAAgB;IACd,OAAOP,gBAAP;EACD;;EAED,IAAQE,OAAR,GAAsDK,SAAtD,CAAQL,OAAR;EAAA,IAAiBX,KAAjB,GAAsDgB,SAAtD,CAAiBhB,KAAjB;EAAA,4BAAsDgB,SAAtD,CAAwBf,UAAxB;EAAA,IAAwBA,UAAxB,sCAAqC,CAArC;EAAA,IAAwCiB,SAAxC,GAAsDF,SAAtD,CAAwCE,SAAxC;EACA,IAAMR,cAAc,GAAGf,UAAU,CAACuB,SAAD,CAAV,CAAsBtB,KAA7C;EACA,IAAMuB,SAAS,GAAGxB,UAAU,CAACuB,SAAD,CAAV,CAAsBnB,OAAxC,CAXA,CAaA;;EACAnB,SAAS,CAAC,YAAM;IACd,IAAMwC,OAAO,GAAGC,UAAU,CAAC,YAAM;MAC/BV,OAAO;IACR,CAFyB,EAEvBI,OAFuB,CAA1B;IAGA,OAAO,YAAM;MACXO,YAAY,CAACF,OAAD,CAAZ;IACD,CAFD,CAJc,CAOd;EACD,CARQ,EAQN,CAACL,OAAD,CARM,CAAT;;EAUA,QAAQf,KAAR;IACE,KAAK,UAAL;MACE,OAAO;QACLJ,KAAK,wBAAOuB,SAAS,CAAC,UAAD,EAAalB,UAAb,CAAhB;UAA0CsB,UAAU,EAAE;QAAtD,EADA;QAELb,cAAc,wBAAQA,cAAR,GAAmCN,WAAnC,CAFT;QAGLO,OAAO,EAAPA;MAHK,CAAP;;IAKF,KAAK,SAAL;MACE,OAAO;QACLf,KAAK,wBACAuB,SAAS,CAAC,SAAD,EAAYlB,UAAZ,CADT;UAEHuB,UAAU,EAAEjB,aAAa,CAACxB,eAAD;QAFtB,EADA;QAKL2B,cAAc,wBAAQA,cAAR,GAAmCN,WAAnC,CALT;QAMLO,OAAO,EAAPA;MANK,CAAP;;IAQF,KAAK,SAAL;MACE,OAAO;QACLf,KAAK,wBACAuB,SAAS,CAAC,SAAD,EAAYlB,UAAZ,CADT;UAEHuB,UAAU,EAAEjB,aAAa,CAACxB,eAAD;QAFtB,EADA;QAKL2B,cAAc,wBAAQA,cAAR,GAAmCN,WAAnC,CALT;QAMLO,OAAO,EAAPA;MANK,CAAP;EAjBJ;AA0BD"}

package/build/esm/Table/TableHead.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import type { TableBodyProps } from './TableBody';
 export declare type TableHeadProps = TableBodyProps;
-export declare const TableHead: import("react").ForwardRefExoticComponent<Pick<TableBodyProps, "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>>> | "placeholder" | "onChange" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "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" | "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>>;
+export declare const TableHead: import("react").ForwardRefExoticComponent<Pick<TableBodyProps, "children" | "id" | "slot" | "style" | "title" | "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" | "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"> & import("react").RefAttributes<HTMLDivElement>>;