@selfdecode/sd-component-library 4.0.73-vite13 → 4.0.73-vite15

package/lib/components/texts/weighted-texts.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import { BaseTextV2Props } from "./base-text-v2";
 declare type MainProps = Omit<BaseTextV2Props, "fontWeight" | "fontSize"> & Required<Pick<BaseTextV2Props, "fontWeight" | "fontSize">>;
 declare type Props = Omit<MainProps, "fontWeight">;
-export declare const BoldText: React.ForwardRefExoticComponent<Pick<Props, "flex" | "className" | "children" | "cite" | "data" | "form" | "label" | "p" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "fontFamily" | "height" | "lineHeight" | "color" | "px" | "display" | "alignItems" | "textAlign" | "fontSize" | "flexDirection" | "justifyContent" | "width" | "py" | "textTransform" | "letterSpacing" | "marginBottom" | "bg" | "marginRight" | "pr" | "paddingLeft" | "paddingY" | "paddingRight" | "pb" | "pl" | "pt" | "padding" | "backgroundColor" | "paddingX" | "onChange" | "m" | "mt" | "mr" | "mb" | "ml" | "sizes" | "content" | "variant" | "tx" | "as" | "css" | "key" | "margin" | "marginTop" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "paddingTop" | "paddingBottom" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "fontStyle" | "opacity" | "alignContent" | "justifyItems" | "flexWrap" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "sx" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "value" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "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" | "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" | "dontTranslate"> & React.RefAttributes<HTMLDivElement>>;
-export declare const SemiBoldText: React.ForwardRefExoticComponent<Pick<Props, "flex" | "className" | "children" | "cite" | "data" | "form" | "label" | "p" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "fontFamily" | "height" | "lineHeight" | "color" | "px" | "display" | "alignItems" | "textAlign" | "fontSize" | "flexDirection" | "justifyContent" | "width" | "py" | "textTransform" | "letterSpacing" | "marginBottom" | "bg" | "marginRight" | "pr" | "paddingLeft" | "paddingY" | "paddingRight" | "pb" | "pl" | "pt" | "padding" | "backgroundColor" | "paddingX" | "onChange" | "m" | "mt" | "mr" | "mb" | "ml" | "sizes" | "content" | "variant" | "tx" | "as" | "css" | "key" | "margin" | "marginTop" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "paddingTop" | "paddingBottom" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "fontStyle" | "opacity" | "alignContent" | "justifyItems" | "flexWrap" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "sx" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "value" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "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" | "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" | "dontTranslate"> & React.RefAttributes<HTMLDivElement>>;
-export declare const RegularText: React.ForwardRefExoticComponent<Pick<Props, "flex" | "className" | "children" | "cite" | "data" | "form" | "label" | "p" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "fontFamily" | "height" | "lineHeight" | "color" | "px" | "display" | "alignItems" | "textAlign" | "fontSize" | "flexDirection" | "justifyContent" | "width" | "py" | "textTransform" | "letterSpacing" | "marginBottom" | "bg" | "marginRight" | "pr" | "paddingLeft" | "paddingY" | "paddingRight" | "pb" | "pl" | "pt" | "padding" | "backgroundColor" | "paddingX" | "onChange" | "m" | "mt" | "mr" | "mb" | "ml" | "sizes" | "content" | "variant" | "tx" | "as" | "css" | "key" | "margin" | "marginTop" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "paddingTop" | "paddingBottom" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "fontStyle" | "opacity" | "alignContent" | "justifyItems" | "flexWrap" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "sx" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "value" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "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" | "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" | "dontTranslate"> & React.RefAttributes<HTMLDivElement>>;
+export declare const BoldText: React.ForwardRefExoticComponent<Pick<Props, "flex" | "cite" | "data" | "form" | "label" | "p" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "children" | "fontFamily" | "height" | "lineHeight" | "color" | "px" | "display" | "alignItems" | "textAlign" | "fontSize" | "flexDirection" | "justifyContent" | "width" | "py" | "textTransform" | "letterSpacing" | "marginBottom" | "bg" | "marginRight" | "pr" | "paddingLeft" | "paddingY" | "paddingRight" | "pb" | "pl" | "pt" | "padding" | "backgroundColor" | "paddingX" | "onChange" | "m" | "mt" | "mr" | "mb" | "ml" | "sizes" | "content" | "variant" | "tx" | "as" | "css" | "key" | "margin" | "marginTop" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "paddingTop" | "paddingBottom" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "fontStyle" | "opacity" | "alignContent" | "justifyItems" | "flexWrap" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "sx" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "value" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "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" | "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" | "dontTranslate"> & React.RefAttributes<HTMLDivElement>>;
+export declare const SemiBoldText: React.ForwardRefExoticComponent<Pick<Props, "flex" | "cite" | "data" | "form" | "label" | "p" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "children" | "fontFamily" | "height" | "lineHeight" | "color" | "px" | "display" | "alignItems" | "textAlign" | "fontSize" | "flexDirection" | "justifyContent" | "width" | "py" | "textTransform" | "letterSpacing" | "marginBottom" | "bg" | "marginRight" | "pr" | "paddingLeft" | "paddingY" | "paddingRight" | "pb" | "pl" | "pt" | "padding" | "backgroundColor" | "paddingX" | "onChange" | "m" | "mt" | "mr" | "mb" | "ml" | "sizes" | "content" | "variant" | "tx" | "as" | "css" | "key" | "margin" | "marginTop" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "paddingTop" | "paddingBottom" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "fontStyle" | "opacity" | "alignContent" | "justifyItems" | "flexWrap" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "sx" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "value" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "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" | "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" | "dontTranslate"> & React.RefAttributes<HTMLDivElement>>;
+export declare const RegularText: React.ForwardRefExoticComponent<Pick<Props, "flex" | "cite" | "data" | "form" | "label" | "p" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "children" | "fontFamily" | "height" | "lineHeight" | "color" | "px" | "display" | "alignItems" | "textAlign" | "fontSize" | "flexDirection" | "justifyContent" | "width" | "py" | "textTransform" | "letterSpacing" | "marginBottom" | "bg" | "marginRight" | "pr" | "paddingLeft" | "paddingY" | "paddingRight" | "pb" | "pl" | "pt" | "padding" | "backgroundColor" | "paddingX" | "onChange" | "m" | "mt" | "mr" | "mb" | "ml" | "sizes" | "content" | "variant" | "tx" | "as" | "css" | "key" | "margin" | "marginTop" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "paddingTop" | "paddingBottom" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "fontStyle" | "opacity" | "alignContent" | "justifyItems" | "flexWrap" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "sx" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "value" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "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" | "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" | "dontTranslate"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/lib/components/utils/scroll-to-top/scroll-to-top.d.ts

@@ -1,2 +1,2 @@
 import { ScrollToTopProps } from "./interfaces";
-export declare const ScrollToTop: (props: ScrollToTopProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ScrollToTop: (props: ScrollToTopProps) => JSX.Element;

package/lib/sd-component-library10.js

@@ -1,42 +1,42 @@
-import { jsxs as s, jsx as t } from "./sd-component-library195.js";
+import { j as t } from "./sd-component-library195.js";
 import "./sd-component-library198.js";
-import { Flex as o, Box as e } from "./sd-component-library199.js";
+import { MaxMaxContainer as d } from "./sd-component-library43.js";
+import { Box as e, Flex as o } from "./sd-component-library199.js";
 import { TenSb as p } from "./sd-component-library150.js";
-import { MaxMaxContainer as h } from "./sd-component-library43.js";
-const C = function(i) {
+const j = function(i) {
   const {
-    leftColor: n,
-    rightColor: l,
-    icon: a,
-    fillColor: x,
-    text: c,
-    textColor: d
+    leftColor: x,
+    rightColor: n,
+    icon: s,
+    fillColor: a,
+    text: l,
+    textColor: c
   } = i, r = {
     justifyContent: "center",
     alignItems: "center",
     height: "100%",
     width: "100%"
   };
-  return /* @__PURE__ */ s(h, { "data-test": "bicolor-badge", children: [
-    /* @__PURE__ */ t(e, { sx: {
-      bg: n || "cl_blue",
+  return /* @__PURE__ */ t.jsxs(d, { "data-test": "bicolor-badge", children: [
+    /* @__PURE__ */ t.jsx(e, { sx: {
+      bg: x || "cl_blue",
       width: "36px",
       height: "26px",
       borderRadius: "13px 0 0 13px",
       pl: "5px"
-    }, "data-test": "left-badge-container", children: /* @__PURE__ */ t(o, { sx: r, children: /* @__PURE__ */ t(e, { sx: {
-      fill: x || "cl_white",
+    }, "data-test": "left-badge-container", children: /* @__PURE__ */ t.jsx(o, { sx: r, children: /* @__PURE__ */ t.jsx(e, { sx: {
+      fill: a || "cl_white",
       width: "14px"
-    }, "data-test": "icon-container", children: a }) }) }),
-    /* @__PURE__ */ t(e, { sx: {
-      bg: l || "cl_darkGrey",
+    }, "data-test": "icon-container", children: s }) }) }),
+    /* @__PURE__ */ t.jsx(e, { sx: {
+      bg: n || "cl_darkGrey",
       height: "26px",
       borderRadius: "0  0 13px 0",
       p: "0 20px"
-    }, "data-test": "right-badge-container", children: /* @__PURE__ */ t(o, { sx: r, children: /* @__PURE__ */ t(p, { color: d || "cl_white", textTransform: "uppercase", letterSpacing: ["1px"], "data-test": "text-container", children: c }) }) })
+    }, "data-test": "right-badge-container", children: /* @__PURE__ */ t.jsx(o, { sx: r, children: /* @__PURE__ */ t.jsx(p, { color: c || "cl_white", textTransform: "uppercase", letterSpacing: ["1px"], "data-test": "text-container", children: l }) }) })
   ] });
 };
 export {
-  C as BicolorBadge
+  j as BicolorBadge
 };
 //# sourceMappingURL=sd-component-library10.js.map

package/lib/sd-component-library10.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library10.js","sources":["../src/components/bicolor-badge/bicolor-badge.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { MaxMaxContainer } from \"../containers/grid-containers/max-max-container\";\nimport { TenSb } from \"../texts/ten-sb\";\nimport { BicolorBadgeProps } from \"./interfaces\";\n\nexport const BicolorBadge: React.FC<BicolorBadgeProps> = function (\n  props: BicolorBadgeProps\n) {\n  const { leftColor, rightColor, icon, fillColor, text, textColor } = props;\n\n  const flexSx = {\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    height: \"100%\",\n    width: \"100%\",\n  };\n\n  return (\n    <MaxMaxContainer data-test=\"bicolor-badge\">\n      <Box\n        sx={{\n          bg: leftColor || \"cl_blue\",\n          width: \"36px\",\n          height: \"26px\",\n          borderRadius: \"13px 0 0 13px\",\n          pl: \"5px\",\n        }}\n        data-test=\"left-badge-container\"\n      >\n        <Flex sx={flexSx}>\n          <Box\n            sx={{ fill: fillColor || \"cl_white\", width: \"14px\" }}\n            data-test=\"icon-container\"\n          >\n            {icon}\n          </Box>\n        </Flex>\n      </Box>\n      <Box\n        sx={{\n          bg: rightColor || \"cl_darkGrey\",\n          height: \"26px\",\n          borderRadius: \"0  0 13px 0\",\n          p: \"0 20px\",\n        }}\n        data-test=\"right-badge-container\"\n      >\n        <Flex sx={flexSx}>\n          <TenSb\n            color={textColor || \"cl_white\"}\n            textTransform=\"uppercase\"\n            letterSpacing={[\"1px\"]}\n            data-test=\"text-container\"\n          >\n            {text}\n          </TenSb>\n        </Flex>\n      </Box>\n    </MaxMaxContainer>\n  );\n};\n"],"names":["BicolorBadge","props","leftColor","rightColor","icon","fillColor","text","textColor","flexSx","justifyContent","alignItems","height","width","jsxs","MaxMaxContainer","jsx","Box","bg","borderRadius","pl","Flex","fill","p","TenSb"],"mappings":";;;;;AAQaA,MAAAA,IAA4C,SACvDC,GACA;AACM,QAAA;AAAA,IAAEC,WAAAA;AAAAA,IAAWC,YAAAA;AAAAA,IAAYC,MAAAA;AAAAA,IAAMC,WAAAA;AAAAA,IAAWC,MAAAA;AAAAA,IAAMC,WAAAA;AAAAA,EAAcN,IAAAA,GAE9DO,IAAS;AAAA,IACbC,gBAAgB;AAAA,IAChBC,YAAY;AAAA,IACZC,QAAQ;AAAA,IACRC,OAAO;AAAA,EAAA;AAIP,SAAA,gBAAAC,EAACC,GAAgB,EAAA,aAAU,iBACzB,UAAA;AAAA,IAAA,gBAAAC,EAACC,KACC,IAAI;AAAA,MACFC,IAAIf,KAAa;AAAA,MACjBU,OAAO;AAAA,MACPD,QAAQ;AAAA,MACRO,cAAc;AAAA,MACdC,IAAI;AAAA,IACN,GACA,aAAU,wBAEV,UAAA,gBAAAJ,EAACK,KAAK,IAAIZ,GACR,UAAC,gBAAAO,EAAAC,GAAA,EACC,IAAI;AAAA,MAAEK,MAAMhB,KAAa;AAAA,MAAYO,OAAO;AAAA,IAAA,GAC5C,aAAU,kBAETR,UAAAA,EACH,CAAA,EACF,CAAA,GACF;AAAA,IACA,gBAAAW,EAACC,KACC,IAAI;AAAA,MACFC,IAAId,KAAc;AAAA,MAClBQ,QAAQ;AAAA,MACRO,cAAc;AAAA,MACdI,GAAG;AAAA,IACL,GACA,aAAU,yBAEV,UAAA,gBAAAP,EAACK,KAAK,IAAIZ,GACR,UAAC,gBAAAO,EAAAQ,GAAA,EACC,OAAOhB,KAAa,YACpB,eAAc,aACd,eAAe,CAAC,KAAK,GACrB,aAAU,kBAETD,UACHA,GAAA,EAAA,CACF,EACF,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library10.js","sources":["../src/components/bicolor-badge/bicolor-badge.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { MaxMaxContainer } from \"../containers/grid-containers/max-max-container\";\nimport { TenSb } from \"../texts/ten-sb\";\nimport { BicolorBadgeProps } from \"./interfaces\";\n\nexport const BicolorBadge: React.FC<BicolorBadgeProps> = function (\n  props: BicolorBadgeProps\n) {\n  const { leftColor, rightColor, icon, fillColor, text, textColor } = props;\n\n  const flexSx = {\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    height: \"100%\",\n    width: \"100%\",\n  };\n\n  return (\n    <MaxMaxContainer data-test=\"bicolor-badge\">\n      <Box\n        sx={{\n          bg: leftColor || \"cl_blue\",\n          width: \"36px\",\n          height: \"26px\",\n          borderRadius: \"13px 0 0 13px\",\n          pl: \"5px\",\n        }}\n        data-test=\"left-badge-container\"\n      >\n        <Flex sx={flexSx}>\n          <Box\n            sx={{ fill: fillColor || \"cl_white\", width: \"14px\" }}\n            data-test=\"icon-container\"\n          >\n            {icon}\n          </Box>\n        </Flex>\n      </Box>\n      <Box\n        sx={{\n          bg: rightColor || \"cl_darkGrey\",\n          height: \"26px\",\n          borderRadius: \"0  0 13px 0\",\n          p: \"0 20px\",\n        }}\n        data-test=\"right-badge-container\"\n      >\n        <Flex sx={flexSx}>\n          <TenSb\n            color={textColor || \"cl_white\"}\n            textTransform=\"uppercase\"\n            letterSpacing={[\"1px\"]}\n            data-test=\"text-container\"\n          >\n            {text}\n          </TenSb>\n        </Flex>\n      </Box>\n    </MaxMaxContainer>\n  );\n};\n"],"names":["BicolorBadge","props","leftColor","rightColor","icon","fillColor","text","textColor","flexSx","justifyContent","alignItems","height","width","jsxs","MaxMaxContainer","jsx","Box","bg","borderRadius","pl","Flex","fill","p","TenSb"],"mappings":";;;;;AAQaA,MAAAA,IAA4C,SACvDC,GACA;AACM,QAAA;AAAA,IAAEC,WAAAA;AAAAA,IAAWC,YAAAA;AAAAA,IAAYC,MAAAA;AAAAA,IAAMC,WAAAA;AAAAA,IAAWC,MAAAA;AAAAA,IAAMC,WAAAA;AAAAA,EAAcN,IAAAA,GAE9DO,IAAS;AAAA,IACbC,gBAAgB;AAAA,IAChBC,YAAY;AAAA,IACZC,QAAQ;AAAA,IACRC,OAAO;AAAA,EAAA;AAIP,SAAAC,gBAAAA,EAAA,KAACC,GAAgB,EAAA,aAAU,iBACzB,UAAA;AAAA,IAAAC,gBAAAA,MAACC,KACC,IAAI;AAAA,MACFC,IAAIf,KAAa;AAAA,MACjBU,OAAO;AAAA,MACPD,QAAQ;AAAA,MACRO,cAAc;AAAA,MACdC,IAAI;AAAA,IACN,GACA,aAAU,wBAEV,UAAAJ,gBAAAA,EAAAA,IAACK,KAAK,IAAIZ,GACR,UAACO,gBAAAA,EAAAA,IAAAC,GAAA,EACC,IAAI;AAAA,MAAEK,MAAMhB,KAAa;AAAA,MAAYO,OAAO;AAAA,IAAA,GAC5C,aAAU,kBAETR,UAAAA,EACH,CAAA,EACF,CAAA,GACF;AAAA,IACAW,gBAAAA,MAACC,KACC,IAAI;AAAA,MACFC,IAAId,KAAc;AAAA,MAClBQ,QAAQ;AAAA,MACRO,cAAc;AAAA,MACdI,GAAG;AAAA,IACL,GACA,aAAU,yBAEV,UAAAP,gBAAAA,EAAA,IAACK,KAAK,IAAIZ,GACR,UAACO,gBAAAA,MAAAQ,GAAA,EACC,OAAOhB,KAAa,YACpB,eAAc,aACd,eAAe,CAAC,KAAK,GACrB,aAAU,kBAETD,UACHA,GAAA,EAAA,CACF,EACF,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/lib/sd-component-library100.js

@@ -1,21 +1,21 @@
-import { jsx as t, jsxs as I } from "./sd-component-library195.js";
-import { useRef as F, useState as R, useEffect as T } from "react";
+import { j as t } from "./sd-component-library195.js";
+import { useRef as B, useState as I, useEffect as R } from "react";
 import "./sd-component-library198.js";
-import { useBodyScrollLock as X } from "./sd-component-library3.js";
-import { isIOS as E, isPDFFlow as P } from "./sd-component-library4.js";
-import { Box as d } from "./sd-component-library199.js";
-import { OutsideClickBox as _ } from "./sd-component-library14.js";
-import { ReactComponent as j } from "./sd-component-library261.js";
-import z from "./sd-component-library262.js";
-import { FlexCenter as A } from "./sd-component-library37.js";
-import { Button as D } from "./sd-component-library28.js";
-const r = 500, N = (p) => {
+import { useBodyScrollLock as E } from "./sd-component-library3.js";
+import { isIOS as F, isPDFFlow as T } from "./sd-component-library4.js";
+import X from "./sd-component-library261.js";
+import { Box as s } from "./sd-component-library199.js";
+import { OutsideClickBox as P } from "./sd-component-library14.js";
+import { ReactComponent as _ } from "./sd-component-library262.js";
+import { FlexCenter as z } from "./sd-component-library37.js";
+import { Button as A } from "./sd-component-library28.js";
+const r = 500, K = (p) => {
   const {
-    variant: s,
+    variant: d,
     children: l,
     containerBg: c,
-    xIconColor: m,
-    showXIcon: x = !0,
+    xIconColor: x,
+    showXIcon: m = !0,
     onClickX: n,
     coverBg: u = "rgba(69,104,249, 0.4)",
     width: h = "auto",
@@ -28,20 +28,20 @@ const r = 500, N = (p) => {
     innerSx: v,
     closeOnClickOutside: S = !1,
     mountOnEnter: b = !0,
-    unmountOnExit: y,
-    intermediateContainerSx: O
-  } = p, o = F(null), [B, a] = R(null);
-  return T(() => {
+    unmountOnExit: j,
+    intermediateContainerSx: y
+  } = p, o = B(null), [O, a] = I(null);
+  return R(() => {
     let e;
     return i ? a(l) : e = setTimeout(() => {
       a(null);
     }, r), () => clearTimeout(e);
-  }, [i, l]), X(o.current, i && !E()), P() ? null : /* @__PURE__ */ t(z, { nodeRef: o, in: i, timeout: {
+  }, [i, l]), E(o.current, i && !F()), T() ? null : /* @__PURE__ */ t.jsx(X, { nodeRef: o, in: i, timeout: {
     enter: 0,
     exit: r
-  }, mountOnEnter: b, unmountOnExit: y, children: (e) => (
+  }, mountOnEnter: b, unmountOnExit: j, children: (e) => (
     /** This most outer container is the background */
-    /* @__PURE__ */ t(d, { sx: {
+    /* @__PURE__ */ t.jsx(s, { sx: {
       width: "100vw",
       minHeight: "100vh",
       zIndex: "150",
@@ -56,19 +56,19 @@ const r = 500, N = (p) => {
       transition: `opacity ${r}ms ease-in-out`,
       display: ["entering", "entered", "exiting"].includes(e) ? "block" : "none",
       ...k
-    }, ref: o, children: /* @__PURE__ */ t(A, { sx: {
+    }, ref: o, children: /* @__PURE__ */ t.jsx(z, { sx: {
       position: "relative",
       width: "100%",
       height: C
-    }, children: /* @__PURE__ */ I(d, { sx: {
+    }, children: /* @__PURE__ */ t.jsxs(s, { sx: {
       maxWidth: "100vw",
       zIndex: "180",
       margin: "auto",
       whiteSpace: "nowrap",
       padding: g,
-      ...O
+      ...y
     }, "data-test": "modal", children: [
-      /* @__PURE__ */ t(_, { variant: `_modals.inner.${s}`, sx: {
+      /* @__PURE__ */ t.jsx(P, { variant: `_modals.inner.${d}`, sx: {
         width: h,
         borderRadius: f,
         whiteSpace: "normal",
@@ -80,8 +80,8 @@ const r = 500, N = (p) => {
         ...v
       }, onClickOutside: () => {
         S && n && n();
-      }, children: B }),
-      x && /* @__PURE__ */ t(D, { onClick: n, "data-test": "x-icon", sx: {
+      }, children: O }),
+      m && /* @__PURE__ */ t.jsx(A, { onClick: n, "data-test": "x-icon", sx: {
         p: 0,
         bg: "cl_transparent",
         display: "inline-block",
@@ -90,8 +90,8 @@ const r = 500, N = (p) => {
         height: "20px",
         marginLeft: "6px",
         marginTop: "4px"
-      }, children: /* @__PURE__ */ t(j, { style: {
-        fill: m || "#4568F9",
+      }, children: /* @__PURE__ */ t.jsx(_, { style: {
+        fill: x || "#4568F9",
         width: "20px",
         height: "20px"
       } }) })
@@ -99,6 +99,6 @@ const r = 500, N = (p) => {
   ) });
 };
 export {
-  N as Modal
+  K as Modal
 };
 //# sourceMappingURL=sd-component-library100.js.map

package/lib/sd-component-library100.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library100.js","sources":["../src/components/modals/modal/modal.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\nimport { Box } from \"rebass\";\n\nimport { useBodyScrollLock } from \"../../../core/custom-hooks\";\nimport { isIOS, isPDFFlow } from \"../../../core/functions\";\nimport { OutsideClickBox } from \"../../boxes\";\nimport { Button } from \"../../buttons\";\nimport { FlexCenter } from \"../../containers\";\nimport { XIcon } from \"./assets\";\nimport { ModalProps } from \"./interfaces\";\n\nconst animationDuration = 500; // milliseconds\n\n/**\n * The modal container.\n */\nexport const Modal: React.FC<ModalProps> = (props) => {\n  const {\n    variant,\n    children,\n    containerBg,\n    xIconColor,\n    showXIcon = true,\n    onClickX,\n    coverBg = \"rgba(69,104,249, 0.4)\",\n    width = \"auto\",\n    isOpen,\n    borderRadius = [\"5px\"],\n    outerPadding = [\"30px\", \"auto\", \"150px\"],\n    innerPadding = [\"40px 20px\", \"50px\"],\n    popUpHeight = \"100%\",\n    containerSx,\n    innerSx,\n    closeOnClickOutside = false,\n    mountOnEnter = true,\n    unmountOnExit,\n    intermediateContainerSx,\n  } = props;\n\n  const ref = useRef<HTMLDivElement>(null);\n\n  const [content, setContent] = useState<React.ReactNode>(null);\n\n  useEffect(() => {\n    let timer: NodeJS.Timeout;\n    if (isOpen) {\n      setContent(children);\n    } else {\n      timer = setTimeout(() => {\n        setContent(null);\n      }, animationDuration);\n    }\n    return () => clearTimeout(timer);\n  }, [isOpen, children]);\n\n  useBodyScrollLock(ref.current, isOpen && !isIOS());\n\n  if (isPDFFlow()) return null;\n\n  return (\n    <Transition\n      nodeRef={ref}\n      in={isOpen}\n      timeout={{\n        enter: 0,\n        exit: animationDuration,\n      }}\n      mountOnEnter={mountOnEnter}\n      unmountOnExit={unmountOnExit}\n    >\n      {(state) => (\n        /** This most outer container is the background */\n        <Box\n          sx={{\n            width: \"100vw\",\n            minHeight: \"100vh\",\n            zIndex: \"150\",\n            position: \"fixed\",\n            overflowX: \"hidden\",\n            overflowY: \"scroll\",\n            top: 0,\n            left: 0,\n            bottom: 0,\n            backgroundColor: coverBg,\n            opacity: state === \"entered\" ? 1 : 0,\n            transition: `opacity ${animationDuration}ms ease-in-out`,\n            display: [\"entering\", \"entered\", \"exiting\"].includes(state)\n              ? \"block\"\n              : \"none\",\n            ...containerSx,\n          }}\n          ref={ref}\n        >\n          {/** This following container is the frame of the whole screen, used\n           * as an in-between relative-position container for the popup */}\n          <FlexCenter\n            sx={{\n              position: \"relative\",\n              width: \"100%\",\n              height: popUpHeight,\n            }}\n          >\n            {/** This following container is the complete popup,\n             * as in contents and the X close icon */}\n            <Box\n              sx={{\n                maxWidth: \"100vw\",\n                zIndex: \"180\",\n                margin: \"auto\",\n                whiteSpace: \"nowrap\",\n                padding: outerPadding,\n                ...intermediateContainerSx,\n              }}\n              data-test=\"modal\"\n            >\n              {/** This following container and its content is\n               *  the actual content of the popup */}\n              <OutsideClickBox\n                variant={`_modals.inner.${variant}`}\n                sx={{\n                  width,\n                  borderRadius,\n                  whiteSpace: \"normal\",\n                  textAlign: \"center\",\n                  display: \"inline-block\",\n                  alignSelf: \"top\",\n                  backgroundColor: containerBg || \"white\",\n                  padding: innerPadding,\n                  ...innerSx,\n                }}\n                onClickOutside={() => {\n                  if (closeOnClickOutside && onClickX) {\n                    onClickX();\n                  }\n                }}\n              >\n                {content}\n              </OutsideClickBox>\n\n              {/** This following container and its content is the X button */}\n              {showXIcon && (\n                <Button\n                  onClick={onClickX}\n                  data-test=\"x-icon\"\n                  sx={{\n                    p: 0,\n                    bg: \"cl_transparent\",\n                    display: \"inline-block\",\n                    verticalAlign: \"top\",\n                    width: \"20px\",\n                    height: \"20px\",\n                    marginLeft: \"6px\",\n                    marginTop: \"4px\",\n                  }}\n                >\n                  <XIcon\n                    style={{\n                      fill: xIconColor || \"#4568F9\",\n                      width: \"20px\",\n                      height: \"20px\",\n                    }}\n                  />\n                </Button>\n              )}\n            </Box>\n          </FlexCenter>\n        </Box>\n      )}\n    </Transition>\n  );\n};\n"],"names":["animationDuration","Modal","props","variant","children","containerBg","xIconColor","showXIcon","onClickX","coverBg","width","isOpen","borderRadius","outerPadding","innerPadding","popUpHeight","containerSx","innerSx","closeOnClickOutside","mountOnEnter","unmountOnExit","intermediateContainerSx","ref","useRef","content","setContent","useState","useEffect","timer","setTimeout","clearTimeout","useBodyScrollLock","current","isIOS","isPDFFlow","Transition","enter","exit","state","jsx","Box","minHeight","zIndex","position","overflowX","overflowY","top","left","bottom","backgroundColor","opacity","transition","display","includes","FlexCenter","height","jsxs","maxWidth","margin","whiteSpace","padding","OutsideClickBox","textAlign","alignSelf","Button","p","bg","verticalAlign","marginLeft","marginTop","XIcon","fill"],"mappings":"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"}
+{"version":3,"file":"sd-component-library100.js","sources":["../src/components/modals/modal/modal.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\nimport { Box } from \"rebass\";\n\nimport { useBodyScrollLock } from \"../../../core/custom-hooks\";\nimport { isIOS, isPDFFlow } from \"../../../core/functions\";\nimport { OutsideClickBox } from \"../../boxes\";\nimport { Button } from \"../../buttons\";\nimport { FlexCenter } from \"../../containers\";\nimport { XIcon } from \"./assets\";\nimport { ModalProps } from \"./interfaces\";\n\nconst animationDuration = 500; // milliseconds\n\n/**\n * The modal container.\n */\nexport const Modal: React.FC<ModalProps> = (props) => {\n  const {\n    variant,\n    children,\n    containerBg,\n    xIconColor,\n    showXIcon = true,\n    onClickX,\n    coverBg = \"rgba(69,104,249, 0.4)\",\n    width = \"auto\",\n    isOpen,\n    borderRadius = [\"5px\"],\n    outerPadding = [\"30px\", \"auto\", \"150px\"],\n    innerPadding = [\"40px 20px\", \"50px\"],\n    popUpHeight = \"100%\",\n    containerSx,\n    innerSx,\n    closeOnClickOutside = false,\n    mountOnEnter = true,\n    unmountOnExit,\n    intermediateContainerSx,\n  } = props;\n\n  const ref = useRef<HTMLDivElement>(null);\n\n  const [content, setContent] = useState<React.ReactNode>(null);\n\n  useEffect(() => {\n    let timer: NodeJS.Timeout;\n    if (isOpen) {\n      setContent(children);\n    } else {\n      timer = setTimeout(() => {\n        setContent(null);\n      }, animationDuration);\n    }\n    return () => clearTimeout(timer);\n  }, [isOpen, children]);\n\n  useBodyScrollLock(ref.current, isOpen && !isIOS());\n\n  if (isPDFFlow()) return null;\n\n  return (\n    <Transition\n      nodeRef={ref}\n      in={isOpen}\n      timeout={{\n        enter: 0,\n        exit: animationDuration,\n      }}\n      mountOnEnter={mountOnEnter}\n      unmountOnExit={unmountOnExit}\n    >\n      {(state) => (\n        /** This most outer container is the background */\n        <Box\n          sx={{\n            width: \"100vw\",\n            minHeight: \"100vh\",\n            zIndex: \"150\",\n            position: \"fixed\",\n            overflowX: \"hidden\",\n            overflowY: \"scroll\",\n            top: 0,\n            left: 0,\n            bottom: 0,\n            backgroundColor: coverBg,\n            opacity: state === \"entered\" ? 1 : 0,\n            transition: `opacity ${animationDuration}ms ease-in-out`,\n            display: [\"entering\", \"entered\", \"exiting\"].includes(state)\n              ? \"block\"\n              : \"none\",\n            ...containerSx,\n          }}\n          ref={ref}\n        >\n          {/** This following container is the frame of the whole screen, used\n           * as an in-between relative-position container for the popup */}\n          <FlexCenter\n            sx={{\n              position: \"relative\",\n              width: \"100%\",\n              height: popUpHeight,\n            }}\n          >\n            {/** This following container is the complete popup,\n             * as in contents and the X close icon */}\n            <Box\n              sx={{\n                maxWidth: \"100vw\",\n                zIndex: \"180\",\n                margin: \"auto\",\n                whiteSpace: \"nowrap\",\n                padding: outerPadding,\n                ...intermediateContainerSx,\n              }}\n              data-test=\"modal\"\n            >\n              {/** This following container and its content is\n               *  the actual content of the popup */}\n              <OutsideClickBox\n                variant={`_modals.inner.${variant}`}\n                sx={{\n                  width,\n                  borderRadius,\n                  whiteSpace: \"normal\",\n                  textAlign: \"center\",\n                  display: \"inline-block\",\n                  alignSelf: \"top\",\n                  backgroundColor: containerBg || \"white\",\n                  padding: innerPadding,\n                  ...innerSx,\n                }}\n                onClickOutside={() => {\n                  if (closeOnClickOutside && onClickX) {\n                    onClickX();\n                  }\n                }}\n              >\n                {content}\n              </OutsideClickBox>\n\n              {/** This following container and its content is the X button */}\n              {showXIcon && (\n                <Button\n                  onClick={onClickX}\n                  data-test=\"x-icon\"\n                  sx={{\n                    p: 0,\n                    bg: \"cl_transparent\",\n                    display: \"inline-block\",\n                    verticalAlign: \"top\",\n                    width: \"20px\",\n                    height: \"20px\",\n                    marginLeft: \"6px\",\n                    marginTop: \"4px\",\n                  }}\n                >\n                  <XIcon\n                    style={{\n                      fill: xIconColor || \"#4568F9\",\n                      width: \"20px\",\n                      height: \"20px\",\n                    }}\n                  />\n                </Button>\n              )}\n            </Box>\n          </FlexCenter>\n        </Box>\n      )}\n    </Transition>\n  );\n};\n"],"names":["animationDuration","Modal","props","variant","children","containerBg","xIconColor","showXIcon","onClickX","coverBg","width","isOpen","borderRadius","outerPadding","innerPadding","popUpHeight","containerSx","innerSx","closeOnClickOutside","mountOnEnter","unmountOnExit","intermediateContainerSx","ref","useRef","content","setContent","useState","useEffect","timer","setTimeout","clearTimeout","useBodyScrollLock","current","isIOS","isPDFFlow","Transition","enter","exit","state","jsx","Box","minHeight","zIndex","position","overflowX","overflowY","top","left","bottom","backgroundColor","opacity","transition","display","includes","FlexCenter","height","jsxs","maxWidth","margin","whiteSpace","padding","OutsideClickBox","textAlign","alignSelf","Button","p","bg","verticalAlign","marginLeft","marginTop","XIcon","fill"],"mappings":";;;;;;;;;;;AAaA,MAAMA,IAAoB,KAKbC,IAA+BC,CAAUA,MAAA;AAC9C,QAAA;AAAA,IACJC,SAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,YAAAA;AAAAA,IACAC,WAAAA,IAAY;AAAA,IACZC,UAAAA;AAAAA,IACAC,SAAAA,IAAU;AAAA,IACVC,OAAAA,IAAQ;AAAA,IACRC,QAAAA;AAAAA,IACAC,cAAAA,IAAe,CAAC,KAAK;AAAA,IACrBC,cAAAA,IAAe,CAAC,QAAQ,QAAQ,OAAO;AAAA,IACvCC,cAAAA,IAAe,CAAC,aAAa,MAAM;AAAA,IACnCC,aAAAA,IAAc;AAAA,IACdC,aAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,qBAAAA,IAAsB;AAAA,IACtBC,cAAAA,IAAe;AAAA,IACfC,eAAAA;AAAAA,IACAC,yBAAAA;AAAAA,EACEnB,IAAAA,GAEEoB,IAAMC,EAAuB,IAAI,GAEjC,CAACC,GAASC,CAAU,IAAIC,EAA0B,IAAI;AAgB5D,SAdAC,EAAU,MAAM;AACVC,QAAAA;AACJ,WAAIjB,IACFc,EAAWrB,CAAQ,IAEnBwB,IAAQC,WAAW,MAAM;AACvBJ,MAAAA,EAAW,IAAI;AAAA,OACdzB,CAAiB,GAEf,MAAM8B,aAAaF,CAAK;AAAA,EAAA,GAC9B,CAACjB,GAAQP,CAAQ,CAAC,GAErB2B,EAAkBT,EAAIU,SAASrB,KAAU,CAACsB,EAAO,CAAA,GAE7CC,EAAU,IAAU,6BAGrBC,GACC,EAAA,SAASb,GACT,IAAIX,GACJ,SAAS;AAAA,IACPyB,OAAO;AAAA,IACPC,MAAMrC;AAAAA,EACR,GACA,cAAAmB,GACA,eAAAC,GAEEkB,UAAAA,CAAAA;AAAAA;AAAAA,IAEAC,gBAAAA,MAACC,KACC,IAAI;AAAA,MACF9B,OAAO;AAAA,MACP+B,WAAW;AAAA,MACXC,QAAQ;AAAA,MACRC,UAAU;AAAA,MACVC,WAAW;AAAA,MACXC,WAAW;AAAA,MACXC,KAAK;AAAA,MACLC,MAAM;AAAA,MACNC,QAAQ;AAAA,MACRC,iBAAiBxC;AAAAA,MACjByC,SAASZ,MAAU,YAAY,IAAI;AAAA,MACnCa,YAAa,WAAUnD,CAAkB;AAAA,MACzCoD,SAAS,CAAC,YAAY,WAAW,SAAS,EAAEC,SAASf,CAAK,IACtD,UACA;AAAA,MACJ,GAAGtB;AAAAA,IAEL,GAAA,KAAAM,GAIA,UAACiB,gBAAAA,EAAA,IAAAe,GAAA,EACC,IAAI;AAAA,MACFX,UAAU;AAAA,MACVjC,OAAO;AAAA,MACP6C,QAAQxC;AAAAA,IACV,GAIA,UAACyC,gBAAAA,EAAAA,KAAAhB,GAAA,EACC,IAAI;AAAA,MACFiB,UAAU;AAAA,MACVf,QAAQ;AAAA,MACRgB,QAAQ;AAAA,MACRC,YAAY;AAAA,MACZC,SAAS/C;AAAAA,MACT,GAAGQ;AAAAA,IAAAA,GAEL,aAAU,SAIV,UAAA;AAAA,MAAAkB,gBAAAA,EAAA,IAACsB,GACC,EAAA,SAAU,iBAAgB1D,CAAQ,IAClC,IAAI;AAAA,QACFO,OAAAA;AAAAA,QACAE,cAAAA;AAAAA,QACA+C,YAAY;AAAA,QACZG,WAAW;AAAA,QACXV,SAAS;AAAA,QACTW,WAAW;AAAA,QACXd,iBAAiB5C,KAAe;AAAA,QAChCuD,SAAS9C;AAAAA,QACT,GAAGG;AAAAA,MACL,GACA,gBAAgB,MAAM;AACpB,QAAIC,KAAuBV,KAChBA;MACX,GAGDgB,UACHA,GAAA;AAAA,MAGCjB,KACEgC,gBAAAA,EAAAA,IAAAyB,GAAA,EACC,SAASxD,GACT,aAAU,UACV,IAAI;AAAA,QACFyD,GAAG;AAAA,QACHC,IAAI;AAAA,QACJd,SAAS;AAAA,QACTe,eAAe;AAAA,QACfzD,OAAO;AAAA,QACP6C,QAAQ;AAAA,QACRa,YAAY;AAAA,QACZC,WAAW;AAAA,MACb,GAEA,UAAC9B,gBAAAA,EAAAA,IAAA+B,GAAA,EACC,OAAO;AAAA,QACLC,MAAMjE,KAAc;AAAA,QACpBI,OAAO;AAAA,QACP6C,QAAQ;AAAA,SACR,EAEN,CAAA;AAAA,IAAA,EAEJ,CAAA,EACF,CAAA,GACF;AAAA,IAEJ,CAAA;AAEJ;"}

package/lib/sd-component-library101.js

@@ -1,13 +1,13 @@
-import { jsxs as t, jsx as o } from "./sd-component-library195.js";
+import { j as t } from "./sd-component-library195.js";
+import { Modal as o } from "./sd-component-library100.js";
 import { TwentyFourBold as a } from "./sd-component-library158.js";
 import { EighteenRegular as e } from "./sd-component-library139.js";
-import { Modal as i } from "./sd-component-library100.js";
-const c = (r) => /* @__PURE__ */ t(i, { ...r, variant: "primary", "data-test": "primary-modal", children: [
-  /* @__PURE__ */ o(a, { color: "cl_darkGrey", mb: ["40px"], children: r.heading }),
-  /* @__PURE__ */ o(e, { color: "cl_darkGrey", width: ["auto"], m: ["0 auto"], mb: ["28px"], children: r.text }),
+const n = (r) => /* @__PURE__ */ t.jsxs(o, { ...r, variant: "primary", "data-test": "primary-modal", children: [
+  /* @__PURE__ */ t.jsx(a, { color: "cl_darkGrey", mb: ["40px"], children: r.heading }),
+  /* @__PURE__ */ t.jsx(e, { color: "cl_darkGrey", width: ["auto"], m: ["0 auto"], mb: ["28px"], children: r.text }),
   r.children
 ] });
 export {
-  c as PrimaryModal
+  n as PrimaryModal
 };
 //# sourceMappingURL=sd-component-library101.js.map

package/lib/sd-component-library101.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library101.js","sources":["../src/components/modals/primary-modal/primary-modal.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { EighteenRegular, TwentyFourBold } from \"../../texts\";\nimport { Modal } from \"../modal\";\nimport { PrimaryModalProps } from \"./interfaces\";\n\n/**\n * The tour button.\n */\nexport const PrimaryModal: React.FC<PrimaryModalProps> = (props) => {\n  return (\n    <Modal {...props} variant=\"primary\" data-test=\"primary-modal\">\n      <TwentyFourBold color=\"cl_darkGrey\" mb={[\"40px\"]}>\n        {props.heading}\n      </TwentyFourBold>\n\n      <EighteenRegular\n        color=\"cl_darkGrey\"\n        width={[\"auto\"]}\n        m={[\"0 auto\"]}\n        mb={[\"28px\"]}\n      >\n        {props.text}\n      </EighteenRegular>\n\n      {props.children}\n    </Modal>\n  );\n};\n"],"names":["PrimaryModal","props","Modal","jsx","TwentyFourBold","heading","EighteenRegular","text","children"],"mappings":";;;;AASO,MAAMA,IAA6CC,CAAUA,wBAE/DC,GAAM,EAAA,GAAID,GAAO,SAAQ,WAAU,aAAU,iBAC5C,UAAA;AAAA,EAAC,gBAAAE,EAAAC,GAAA,EAAe,OAAM,eAAc,IAAI,CAAC,MAAM,GAC5CH,YAAMI,QACT,CAAA;AAAA,oBAECC,GACC,EAAA,OAAM,eACN,OAAO,CAAC,MAAM,GACd,GAAG,CAAC,QAAQ,GACZ,IAAI,CAAC,MAAM,GAEVL,YAAMM,MACT;AAAA,EAECN,EAAMO;AACT,EAAA,CAAA;"}
+{"version":3,"file":"sd-component-library101.js","sources":["../src/components/modals/primary-modal/primary-modal.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { EighteenRegular, TwentyFourBold } from \"../../texts\";\nimport { Modal } from \"../modal\";\nimport { PrimaryModalProps } from \"./interfaces\";\n\n/**\n * The tour button.\n */\nexport const PrimaryModal: React.FC<PrimaryModalProps> = (props) => {\n  return (\n    <Modal {...props} variant=\"primary\" data-test=\"primary-modal\">\n      <TwentyFourBold color=\"cl_darkGrey\" mb={[\"40px\"]}>\n        {props.heading}\n      </TwentyFourBold>\n\n      <EighteenRegular\n        color=\"cl_darkGrey\"\n        width={[\"auto\"]}\n        m={[\"0 auto\"]}\n        mb={[\"28px\"]}\n      >\n        {props.text}\n      </EighteenRegular>\n\n      {props.children}\n    </Modal>\n  );\n};\n"],"names":["PrimaryModal","props","Modal","jsx","TwentyFourBold","heading","EighteenRegular","text","children"],"mappings":";;;;AASO,MAAMA,IAA6CC,CAAUA,6BAE/DC,GAAM,EAAA,GAAID,GAAO,SAAQ,WAAU,aAAU,iBAC5C,UAAA;AAAA,EAACE,gBAAAA,EAAAA,IAAAC,GAAA,EAAe,OAAM,eAAc,IAAI,CAAC,MAAM,GAC5CH,YAAMI,QACT,CAAA;AAAA,wBAECC,GACC,EAAA,OAAM,eACN,OAAO,CAAC,MAAM,GACd,GAAG,CAAC,QAAQ,GACZ,IAAI,CAAC,MAAM,GAEVL,YAAMM,MACT;AAAA,EAECN,EAAMO;AACT,EAAA,CAAA;"}

package/lib/sd-component-library102.js

@@ -1,51 +1,51 @@
-import { jsxs as P, jsx as t } from "./sd-component-library195.js";
-import { useDependantState as h } from "./sd-component-library3.js";
-import { ReactComponent as S } from "./sd-component-library263.js";
-import { SquareButton as g } from "./sd-component-library264.js";
-import { CurrentPage as v } from "./sd-component-library265.js";
-import { ReactComponent as y } from "./sd-component-library266.js";
+import { j as r } from "./sd-component-library195.js";
+import { useDependantState as j } from "./sd-component-library3.js";
+import { SquareButton as g } from "./sd-component-library263.js";
+import { ReactComponent as P } from "./sd-component-library264.js";
+import { CurrentPage as h } from "./sd-component-library265.js";
+import { ReactComponent as S } from "./sd-component-library266.js";
 import { GridCenter as R } from "./sd-component-library44.js";
-function u(m, r, o, n) {
-  r == null || r(o, n), m(o);
+function x(m, t, o, n) {
+  t == null || t(o, n), m(o);
 }
-const L = (m) => {
+const D = (m) => {
   const {
-    currentPage: r,
+    currentPage: t,
     lastPage: o,
     borderStyle: n,
-    borderWidth: i,
-    borderColor: a,
-    fill: s,
+    borderWidth: s,
+    borderColor: i,
+    fill: a,
     onChange: p,
-    m: C,
-    mt: f,
-    mr: l,
-    mb: c,
-    ml: x
-  } = m, [e, d] = h(r);
-  return /* @__PURE__ */ P(R, { sx: {
+    m: u,
+    mt: C,
+    mr: f,
+    mb: l,
+    ml: c
+  } = m, [e, d] = j(t);
+  return /* @__PURE__ */ r.jsxs(R, { sx: {
     gridGap: 3,
     gridTemplateColumns: "repeat(3, max-content)",
-    m: C,
-    mt: f,
-    mr: l,
-    mb: c,
-    ml: x
+    m: u,
+    mt: C,
+    mr: f,
+    mb: l,
+    ml: c
   }, "data-testid": "page-selector", children: [
-    /* @__PURE__ */ t(g, { disabled: e <= 1, onClick: () => {
-      u(d, p, e - 1, e);
-    }, borderStyle: n, borderWidth: i, borderColor: a, fill: s, children: /* @__PURE__ */ t(S, { style: {
+    /* @__PURE__ */ r.jsx(g, { disabled: e <= 1, onClick: () => {
+      x(d, p, e - 1, e);
+    }, borderStyle: n, borderWidth: s, borderColor: i, fill: a, children: /* @__PURE__ */ r.jsx(P, { style: {
       marginRight: "3px"
     } }) }),
-    /* @__PURE__ */ t(v, { currentPage: e }),
-    /* @__PURE__ */ t(g, { disabled: e >= o, onClick: () => {
-      u(d, p, e + 1, e);
-    }, borderStyle: n, borderWidth: i, borderColor: a, fill: s, children: /* @__PURE__ */ t(y, { style: {
+    /* @__PURE__ */ r.jsx(h, { currentPage: e }),
+    /* @__PURE__ */ r.jsx(g, { disabled: e >= o, onClick: () => {
+      x(d, p, e + 1, e);
+    }, borderStyle: n, borderWidth: s, borderColor: i, fill: a, children: /* @__PURE__ */ r.jsx(S, { style: {
       marginLeft: "3px"
     } }) })
   ] });
 };
 export {
-  L as PageSelector
+  D as PageSelector
 };
 //# sourceMappingURL=sd-component-library102.js.map

package/lib/sd-component-library102.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library102.js","sources":["../src/components/page-selectors/page-selector/page-selector.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { useDependantState } from \"../../../core/custom-hooks\";\nimport { SquareButton } from \"../../buttons/partials/square-button\";\nimport { GridCenter } from \"../../containers\";\nimport { Next, Previous } from \"./assets\";\nimport { PageSelectorProps } from \"./interfaces\";\nimport { CurrentPage } from \"./partials/current-page\";\n\n/**\n * Create an onChange function using the given setValue and callback.\n *\n * @param setValue The function used to set the component's value\n * @param callback The callback to run when the value changes.\n * @param newValue The new value after clicking next/previous.\n * @param setValue The old value before clicking next/previous.\n *\n */\n\nfunction changeWrapper(\n  setValue: React.Dispatch<React.SetStateAction<number>>,\n  callback: PageSelectorProps[\"onChange\"],\n  newValue: number,\n  oldValue: number\n) {\n  callback?.(newValue, oldValue);\n  setValue(newValue);\n}\n\n/**\n * Base page selector component. Other page selector components should be built from this.\n */\nexport const PageSelector: React.FunctionComponent<PageSelectorProps> = (\n  props: PageSelectorProps\n): React.ReactElement<PageSelectorProps> => {\n  const {\n    currentPage,\n    lastPage,\n    borderStyle,\n    borderWidth,\n    borderColor,\n    fill,\n    onChange,\n    m,\n    mt,\n    mr,\n    mb,\n    ml,\n  } = props;\n\n  const [mCurrentPage, setMCurrentPage] =\n    useDependantState<number>(currentPage);\n\n  return (\n    <GridCenter\n      sx={{\n        gridGap: 3,\n        gridTemplateColumns: \"repeat(3, max-content)\",\n        m,\n        mt,\n        mr,\n        mb,\n        ml,\n      }}\n      data-testid=\"page-selector\"\n    >\n      <SquareButton\n        disabled={mCurrentPage <= 1}\n        onClick={() => {\n          changeWrapper(\n            setMCurrentPage,\n            onChange,\n            mCurrentPage - 1,\n            mCurrentPage\n          );\n        }}\n        borderStyle={borderStyle}\n        borderWidth={borderWidth}\n        borderColor={borderColor}\n        fill={fill}\n      >\n        <Previous style={{ marginRight: \"3px\" }} />\n      </SquareButton>\n\n      <CurrentPage currentPage={mCurrentPage} />\n\n      <SquareButton\n        disabled={mCurrentPage >= lastPage}\n        onClick={() => {\n          changeWrapper(\n            setMCurrentPage,\n            onChange,\n            mCurrentPage + 1,\n            mCurrentPage\n          );\n        }}\n        borderStyle={borderStyle}\n        borderWidth={borderWidth}\n        borderColor={borderColor}\n        fill={fill}\n      >\n        <Next style={{ marginLeft: \"3px\" }} />\n      </SquareButton>\n    </GridCenter>\n  );\n};\n"],"names":["changeWrapper","setValue","callback","newValue","oldValue","PageSelector","props","currentPage","lastPage","borderStyle","borderWidth","borderColor","fill","onChange","m","mt","mr","mb","ml","mCurrentPage","setMCurrentPage","useDependantState","jsxs","GridCenter","gridGap","gridTemplateColumns","jsx","SquareButton","Previous","marginRight","CurrentPage","Next","marginLeft"],"mappings":";;;;;;;AAmBA,SAASA,EACPC,GACAC,GACAC,GACAC,GACA;AACAF,EAAAA,KAAAA,QAAAA,EAAWC,GAAUC,IACrBH,EAASE,CAAQ;AACnB;AAKaE,MAAAA,IAA2DA,CACtEC,MAC0C;AACpC,QAAA;AAAA,IACJC,aAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,MAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,GAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACAC,IAAAA;AAAAA,EACEZ,IAAAA,GAEE,CAACa,GAAcC,CAAe,IAClCC,EAA0Bd,CAAW;AAGrC,SAAA,gBAAAe,EAACC,KACC,IAAI;AAAA,IACFC,SAAS;AAAA,IACTC,qBAAqB;AAAA,IACrBX,GAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACAC,IAAAA;AAAAA,EAAAA,GAEF,eAAY,iBAEZ,UAAA;AAAA,IAAA,gBAAAQ,EAACC,GACC,EAAA,UAAUR,KAAgB,GAC1B,SAAS,MAAM;AACbnB,MAAAA,EACEoB,GACAP,GACAM,IAAe,GACfA,CACF;AAAA,IAAA,GAEF,aAAAV,GACA,aAAAC,GACA,aAAAC,GACA,MAAAC,GAEA,UAAA,gBAAAc,EAACE,KAAS,OAAO;AAAA,MAAEC,aAAa;AAAA,OAAQ,EAC1C,CAAA;AAAA,IAEA,gBAAAH,EAACI,GAAY,EAAA,aAAaX,EAAa,CAAA;AAAA,sBAEtCQ,GACC,EAAA,UAAUR,KAAgBX,GAC1B,SAAS,MAAM;AACbR,MAAAA,EACEoB,GACAP,GACAM,IAAe,GACfA,CACF;AAAA,IAAA,GAEF,aAAAV,GACA,aAAAC,GACA,aAAAC,GACA,MAAAC,GAEA,UAAA,gBAAAc,EAACK,KAAK,OAAO;AAAA,MAAEC,YAAY;AAAA,OAAQ,EACrC,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library102.js","sources":["../src/components/page-selectors/page-selector/page-selector.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { useDependantState } from \"../../../core/custom-hooks\";\nimport { SquareButton } from \"../../buttons/partials/square-button\";\nimport { GridCenter } from \"../../containers\";\nimport { Next, Previous } from \"./assets\";\nimport { PageSelectorProps } from \"./interfaces\";\nimport { CurrentPage } from \"./partials/current-page\";\n\n/**\n * Create an onChange function using the given setValue and callback.\n *\n * @param setValue The function used to set the component's value\n * @param callback The callback to run when the value changes.\n * @param newValue The new value after clicking next/previous.\n * @param setValue The old value before clicking next/previous.\n *\n */\n\nfunction changeWrapper(\n  setValue: React.Dispatch<React.SetStateAction<number>>,\n  callback: PageSelectorProps[\"onChange\"],\n  newValue: number,\n  oldValue: number\n) {\n  callback?.(newValue, oldValue);\n  setValue(newValue);\n}\n\n/**\n * Base page selector component. Other page selector components should be built from this.\n */\nexport const PageSelector: React.FunctionComponent<PageSelectorProps> = (\n  props: PageSelectorProps\n): React.ReactElement<PageSelectorProps> => {\n  const {\n    currentPage,\n    lastPage,\n    borderStyle,\n    borderWidth,\n    borderColor,\n    fill,\n    onChange,\n    m,\n    mt,\n    mr,\n    mb,\n    ml,\n  } = props;\n\n  const [mCurrentPage, setMCurrentPage] =\n    useDependantState<number>(currentPage);\n\n  return (\n    <GridCenter\n      sx={{\n        gridGap: 3,\n        gridTemplateColumns: \"repeat(3, max-content)\",\n        m,\n        mt,\n        mr,\n        mb,\n        ml,\n      }}\n      data-testid=\"page-selector\"\n    >\n      <SquareButton\n        disabled={mCurrentPage <= 1}\n        onClick={() => {\n          changeWrapper(\n            setMCurrentPage,\n            onChange,\n            mCurrentPage - 1,\n            mCurrentPage\n          );\n        }}\n        borderStyle={borderStyle}\n        borderWidth={borderWidth}\n        borderColor={borderColor}\n        fill={fill}\n      >\n        <Previous style={{ marginRight: \"3px\" }} />\n      </SquareButton>\n\n      <CurrentPage currentPage={mCurrentPage} />\n\n      <SquareButton\n        disabled={mCurrentPage >= lastPage}\n        onClick={() => {\n          changeWrapper(\n            setMCurrentPage,\n            onChange,\n            mCurrentPage + 1,\n            mCurrentPage\n          );\n        }}\n        borderStyle={borderStyle}\n        borderWidth={borderWidth}\n        borderColor={borderColor}\n        fill={fill}\n      >\n        <Next style={{ marginLeft: \"3px\" }} />\n      </SquareButton>\n    </GridCenter>\n  );\n};\n"],"names":["changeWrapper","setValue","callback","newValue","oldValue","PageSelector","props","currentPage","lastPage","borderStyle","borderWidth","borderColor","fill","onChange","m","mt","mr","mb","ml","mCurrentPage","setMCurrentPage","useDependantState","jsxs","GridCenter","gridGap","gridTemplateColumns","jsx","SquareButton","Previous","marginRight","CurrentPage","Next","marginLeft"],"mappings":";;;;;;;AAmBA,SAASA,EACPC,GACAC,GACAC,GACAC,GACA;AACAF,EAAAA,KAAAA,QAAAA,EAAWC,GAAUC,IACrBH,EAASE,CAAQ;AACnB;AAKaE,MAAAA,IAA2DA,CACtEC,MAC0C;AACpC,QAAA;AAAA,IACJC,aAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,MAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,GAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACAC,IAAAA;AAAAA,EACEZ,IAAAA,GAEE,CAACa,GAAcC,CAAe,IAClCC,EAA0Bd,CAAW;AAGrC,SAAAe,gBAAAA,EAAA,KAACC,KACC,IAAI;AAAA,IACFC,SAAS;AAAA,IACTC,qBAAqB;AAAA,IACrBX,GAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACAC,IAAAA;AAAAA,EAAAA,GAEF,eAAY,iBAEZ,UAAA;AAAA,IAAAQ,gBAAAA,EAAA,IAACC,GACC,EAAA,UAAUR,KAAgB,GAC1B,SAAS,MAAM;AACbnB,MAAAA,EACEoB,GACAP,GACAM,IAAe,GACfA,CACF;AAAA,IAAA,GAEF,aAAAV,GACA,aAAAC,GACA,aAAAC,GACA,MAAAC,GAEA,UAAAc,gBAAAA,EAAA,IAACE,KAAS,OAAO;AAAA,MAAEC,aAAa;AAAA,OAAQ,EAC1C,CAAA;AAAA,IAEAH,gBAAAA,EAAAA,IAACI,GAAY,EAAA,aAAaX,EAAa,CAAA;AAAA,0BAEtCQ,GACC,EAAA,UAAUR,KAAgBX,GAC1B,SAAS,MAAM;AACbR,MAAAA,EACEoB,GACAP,GACAM,IAAe,GACfA,CACF;AAAA,IAAA,GAEF,aAAAV,GACA,aAAAC,GACA,aAAAC,GACA,MAAAC,GAEA,UAAAc,gBAAAA,EAAA,IAACK,KAAK,OAAO;AAAA,MAAEC,YAAY;AAAA,OAAQ,EACrC,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ;"}