New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@highoutput/hds

Package Overview
Dependencies
Maintainers
6
Versions
129
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@highoutput/hds - npm Package Compare versions

Comparing version 0.1.4 to 0.1.5

dist/components/Button/CloseButton.d.ts
dist/components/Button/CloseButton.stories.d.ts
dist/components/Button/SocialButton.d.ts
dist/components/Button/SocialButton.stories.d.ts
dist/theme/components/button/button.d.ts
dist/theme/components/button/Button.stories.d.ts
src/components/Button/CloseButton.stories.tsx
src/components/Button/CloseButton.test.tsx
src/components/Button/CloseButton.tsx
src/components/Button/SocialButton.stories.tsx
src/components/Button/SocialButton.test.tsx
src/components/Button/SocialButton.tsx
src/theme/components/button/Button.stories.tsx
src/theme/components/button/button.test.tsx
src/theme/components/button/button.ts

4

dist/components/InputField/InputField.stories.d.ts
import React from 'react';
declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, Pick<import("./InputField").InputFieldProps, "label" | "pattern" | "children" | "onChange" | "onBlur" | "name" | "min" | "max" | "maxLength" | "minLength" | "required" | "disabled" | "id" | "labelColor" | "errorMsg" | "helperMsg" | "partProps" | "variant" | "size" | "colorScheme" | "orientation" | "styleConfig" | "autoComplete" | "autoFocus" | "placeholder" | "readOnly" | "type" | "defaultValue" | "_hover" | "leftIcon" | "rightIcon" | "onPressEnter" | "inputValue"> & React.RefAttributes<HTMLInputElement>>;
declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, Pick<import("./InputField").InputFieldProps, "label" | "pattern" | "children" | "variant" | "size" | "partProps" | "autoFocus" | "disabled" | "name" | "type" | "defaultValue" | "id" | "placeholder" | "onBlur" | "onChange" | "_hover" | "colorScheme" | "leftIcon" | "rightIcon" | "orientation" | "styleConfig" | "max" | "min" | "maxLength" | "minLength" | "required" | "labelColor" | "errorMsg" | "helperMsg" | "autoComplete" | "readOnly" | "onPressEnter" | "inputValue"> & React.RefAttributes<HTMLInputElement>>;
export default _default;
export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, Pick<import("./InputField").InputFieldProps, "label" | "pattern" | "children" | "onChange" | "onBlur" | "name" | "min" | "max" | "maxLength" | "minLength" | "required" | "disabled" | "id" | "labelColor" | "errorMsg" | "helperMsg" | "partProps" | "variant" | "size" | "colorScheme" | "orientation" | "styleConfig" | "autoComplete" | "autoFocus" | "placeholder" | "readOnly" | "type" | "defaultValue" | "_hover" | "leftIcon" | "rightIcon" | "onPressEnter" | "inputValue"> & React.RefAttributes<HTMLInputElement>>;
export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, Pick<import("./InputField").InputFieldProps, "label" | "pattern" | "children" | "variant" | "size" | "partProps" | "autoFocus" | "disabled" | "name" | "type" | "defaultValue" | "id" | "placeholder" | "onBlur" | "onChange" | "_hover" | "colorScheme" | "leftIcon" | "rightIcon" | "orientation" | "styleConfig" | "max" | "min" | "maxLength" | "minLength" | "required" | "labelColor" | "errorMsg" | "helperMsg" | "autoComplete" | "readOnly" | "onPressEnter" | "inputValue"> & React.RefAttributes<HTMLInputElement>>;

4

dist/components/PasswordInputField/PasswordInputField.stories.d.ts
import React from 'react';
declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, Pick<import("./PasswordInputField").PasswordInputFieldProps, "pattern" | "onChange" | "onBlur" | "name" | "min" | "max" | "maxLength" | "minLength" | "required" | "disabled" | "errorMsg" | "partProps" | "placeholder" | "onPressEnter"> & React.RefAttributes<HTMLInputElement>>;
declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, Pick<import("./PasswordInputField").PasswordInputFieldProps, "pattern" | "partProps" | "disabled" | "name" | "placeholder" | "onBlur" | "onChange" | "max" | "min" | "maxLength" | "minLength" | "required" | "errorMsg" | "onPressEnter"> & React.RefAttributes<HTMLInputElement>>;
export default _default;
export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, Pick<import("./PasswordInputField").PasswordInputFieldProps, "pattern" | "onChange" | "onBlur" | "name" | "min" | "max" | "maxLength" | "minLength" | "required" | "disabled" | "errorMsg" | "partProps" | "placeholder" | "onPressEnter"> & React.RefAttributes<HTMLInputElement>>;
export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, Pick<import("./PasswordInputField").PasswordInputFieldProps, "pattern" | "partProps" | "disabled" | "name" | "placeholder" | "onBlur" | "onChange" | "max" | "min" | "maxLength" | "minLength" | "required" | "errorMsg" | "onPressEnter"> & React.RefAttributes<HTMLInputElement>>;

4

dist/components/PinInputField/PinInputField.stories.d.ts
import React from 'react';
declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, Pick<import("./PinInputField").PinInputFieldProps, "label" | "mask" | "pattern" | "children" | "onChange" | "onBlur" | "name" | "min" | "max" | "maxLength" | "minLength" | "required" | "disabled" | "id" | "labelColor" | "errorMsg" | "helperMsg" | "partProps" | "variant" | "size" | "colorScheme" | "orientation" | "styleConfig" | "autoFocus" | "placeholder" | "type" | "value" | "defaultValue" | "focusBorderColor" | "errorBorderColor" | "isDisabled" | "isInvalid" | "onComplete" | "manageFocus" | "otp" | "numberOfFields"> & React.RefAttributes<HTMLInputElement>>;
declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, Pick<import("./PinInputField").PinInputFieldProps, "label" | "mask" | "pattern" | "children" | "variant" | "size" | "partProps" | "autoFocus" | "disabled" | "name" | "type" | "value" | "defaultValue" | "id" | "placeholder" | "onBlur" | "onChange" | "colorScheme" | "isDisabled" | "orientation" | "styleConfig" | "max" | "min" | "maxLength" | "minLength" | "required" | "labelColor" | "errorMsg" | "helperMsg" | "focusBorderColor" | "errorBorderColor" | "isInvalid" | "onComplete" | "manageFocus" | "otp" | "numberOfFields"> & React.RefAttributes<HTMLInputElement>>;
export default _default;
export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, Pick<import("./PinInputField").PinInputFieldProps, "label" | "mask" | "pattern" | "children" | "onChange" | "onBlur" | "name" | "min" | "max" | "maxLength" | "minLength" | "required" | "disabled" | "id" | "labelColor" | "errorMsg" | "helperMsg" | "partProps" | "variant" | "size" | "colorScheme" | "orientation" | "styleConfig" | "autoFocus" | "placeholder" | "type" | "value" | "defaultValue" | "focusBorderColor" | "errorBorderColor" | "isDisabled" | "isInvalid" | "onComplete" | "manageFocus" | "otp" | "numberOfFields"> & React.RefAttributes<HTMLInputElement>>;
export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, Pick<import("./PinInputField").PinInputFieldProps, "label" | "mask" | "pattern" | "children" | "variant" | "size" | "partProps" | "autoFocus" | "disabled" | "name" | "type" | "value" | "defaultValue" | "id" | "placeholder" | "onBlur" | "onChange" | "colorScheme" | "isDisabled" | "orientation" | "styleConfig" | "max" | "min" | "maxLength" | "minLength" | "required" | "labelColor" | "errorMsg" | "helperMsg" | "focusBorderColor" | "errorBorderColor" | "isInvalid" | "onComplete" | "manageFocus" | "otp" | "numberOfFields"> & React.RefAttributes<HTMLInputElement>>;

4

dist/components/SelectField/SelectField.stories.d.ts
import React from 'react';
declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, Pick<import("./SelectField").SelectFieldProps, "form" | "label" | "p" | "slot" | "style" | "title" | "clipPath" | "filter" | "pattern" | "children" | "onChange" | "onBlur" | "name" | "min" | "max" | "maxLength" | "minLength" | "required" | "disabled" | "id" | "labelColor" | "errorMsg" | "helperMsg" | "partProps" | "variant" | "size" | "colorScheme" | "orientation" | "styleConfig" | "transition" | "as" | "color" | "key" | "autoComplete" | "autoFocus" | "height" | "multiple" | "placeholder" | "value" | "width" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "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" | "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" | "m" | "margin" | "mt" | "marginBlockStart" | "marginTop" | "mr" | "marginInlineEnd" | "marginEnd" | "me" | "marginRight" | "mb" | "marginBlockEnd" | "marginBottom" | "ml" | "marginInlineStart" | "marginStart" | "ms" | "marginLeft" | "mx" | "marginInline" | "marginX" | "my" | "marginBlock" | "marginY" | "padding" | "pt" | "paddingBlockStart" | "paddingTop" | "pr" | "paddingInlineEnd" | "paddingEnd" | "pe" | "paddingRight" | "pb" | "paddingBlockEnd" | "paddingBottom" | "pl" | "paddingInlineStart" | "paddingStart" | "ps" | "paddingLeft" | "px" | "paddingInline" | "paddingX" | "py" | "paddingBlock" | "paddingY" | "textColor" | "fill" | "stroke" | "transitionProperty" | "transitionTimingFunction" | "transitionDuration" | "transitionDelay" | "animation" | "willChange" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontSize" | "fontFamily" | "textAlign" | "fontStyle" | "wordBreak" | "overflowWrap" | "textOverflow" | "textTransform" | "whiteSpace" | "noOfLines" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexFlow" | "flexBasis" | "flexDirection" | "flexDir" | "flex" | "gap" | "rowGap" | "columnGap" | "justifySelf" | "alignSelf" | "order" | "flexGrow" | "flexShrink" | "placeItems" | "placeContent" | "placeSelf" | "experimental_spaceX" | "experimental_spaceY" | "transform" | "transformOrigin" | "translateX" | "translateY" | "rotate" | "skewX" | "skewY" | "scaleX" | "scaleY" | "scale" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumnStart" | "gridRowStart" | "gridRowEnd" | "gridTemplate" | "gridColumnEnd" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "blur" | "brightness" | "contrast" | "hueRotate" | "invert" | "saturate" | "dropShadow" | "backdropFilter" | "backdropBlur" | "backdropBrightness" | "backdropContrast" | "backdropHueRotate" | "backdropInvert" | "backdropSaturate" | "display" | "w" | "inlineSize" | "boxSize" | "maxWidth" | "maxW" | "maxInlineSize" | "minWidth" | "minW" | "minInlineSize" | "h" | "blockSize" | "maxHeight" | "maxH" | "maxBlockSize" | "minHeight" | "minH" | "minBlockSize" | "verticalAlign" | "overflow" | "overflowX" | "overflowY" | "boxSizing" | "boxDecorationBreak" | "float" | "objectFit" | "objectPosition" | "overscrollBehavior" | "overscroll" | "overscrollBehaviorX" | "overscrollX" | "overscrollBehaviorY" | "overscrollY" | "visibility" | "isolation" | "border" | "borderWidth" | "borderStyle" | "borderColor" | "borderRadius" | "rounded" | "borderTop" | "borderBlockStart" | "borderTopWidth" | "borderBlockStartWidth" | "borderBottomWidth" | "borderBlockEndWidth" | "borderLeftWidth" | "borderStartWidth" | "borderInlineStartWidth" | "borderRightWidth" | "borderEndWidth" | "borderInlineEndWidth" | "borderTopStyle" | "borderBlockStartStyle" | "borderBottomStyle" | "borderBlockEndStyle" | "borderLeftStyle" | "borderStartStyle" | "borderInlineStartStyle" | "borderRightStyle" | "borderEndStyle" | "borderInlineEndStyle" | "borderTopColor" | "borderBlockStartColor" | "borderBottomColor" | "borderBlockEndColor" | "borderLeftColor" | "borderStartColor" | "borderInlineStartColor" | "borderRightColor" | "borderEndColor" | "borderInlineEndColor" | "borderRight" | "borderEnd" | "borderInlineEnd" | "borderBottom" | "borderBlockEnd" | "borderLeft" | "borderStart" | "borderInlineStart" | "borderTopRadius" | "roundedTop" | "borderRightRadius" | "roundedRight" | "roundedEnd" | "borderInlineEndRadius" | "borderEndRadius" | "borderBottomRadius" | "roundedBottom" | "borderLeftRadius" | "roundedLeft" | "roundedStart" | "borderInlineStartRadius" | "borderStartRadius" | "borderTopLeftRadius" | "borderTopStartRadius" | "borderStartStartRadius" | "roundedTopLeft" | "roundedTopStart" | "borderTopRightRadius" | "borderTopEndRadius" | "borderStartEndRadius" | "roundedTopRight" | "roundedTopEnd" | "borderBottomLeftRadius" | "borderBottomStartRadius" | "borderEndStartRadius" | "roundedBottomLeft" | "roundedBottomStart" | "borderBottomRightRadius" | "borderBottomEndRadius" | "borderEndEndRadius" | "roundedBottomRight" | "roundedBottomEnd" | "borderX" | "borderInline" | "borderY" | "borderBlock" | "boxShadow" | "shadow" | "mixBlendMode" | "blendMode" | "backgroundBlendMode" | "bgBlendMode" | "opacity" | "bg" | "bgClip" | "backgroundClip" | "background" | "bgColor" | "backgroundColor" | "backgroundImage" | "bgGradient" | "backgroundSize" | "bgPos" | "backgroundPosition" | "bgImage" | "bgImg" | "bgRepeat" | "backgroundRepeat" | "bgSize" | "bgAttachment" | "backgroundAttachment" | "bgPosition" | "listStyleType" | "listStylePosition" | "listStylePos" | "listStyleImage" | "listStyleImg" | "zIndex" | "top" | "insetBlockStart" | "right" | "insetInlineEnd" | "insetEnd" | "bottom" | "insetBlockEnd" | "left" | "insetInlineStart" | "insetStart" | "inset" | "insetX" | "insetY" | "pos" | "position" | "insetInline" | "insetBlock" | "ring" | "ringColor" | "ringOffset" | "ringOffsetColor" | "ringInset" | "scrollBehavior" | "scrollSnapAlign" | "scrollSnapStop" | "scrollSnapType" | "scrollMargin" | "scrollMarginTop" | "scrollMarginBottom" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginX" | "scrollMarginY" | "scrollPadding" | "scrollPaddingTop" | "scrollPaddingBottom" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingX" | "scrollPaddingY" | "appearance" | "userSelect" | "pointerEvents" | "resize" | "cursor" | "outline" | "outlineOffset" | "outlineColor" | "textDecoration" | "textDecor" | "textDecorationColor" | "textDecorationThickness" | "textDecorationStyle" | "textDecorationLine" | "textUnderlineOffset" | "textShadow" | "srOnly" | "layerStyle" | "textStyle" | "apply" | "_hover" | "_active" | "_focus" | "_highlighted" | "_focusWithin" | "_focusVisible" | "_disabled" | "_readOnly" | "_before" | "_after" | "_empty" | "_expanded" | "_checked" | "_grabbed" | "_pressed" | "_invalid" | "_valid" | "_loading" | "_selected" | "_hidden" | "_autofill" | "_even" | "_odd" | "_first" | "_last" | "_notFirst" | "_notLast" | "_visited" | "_activeLink" | "_activeStep" | "_indeterminate" | "_groupHover" | "_peerHover" | "_groupFocus" | "_peerFocus" | "_groupFocusVisible" | "_peerFocusVisible" | "_groupActive" | "_peerActive" | "_groupDisabled" | "_peerDisabled" | "_groupInvalid" | "_peerInvalid" | "_groupChecked" | "_peerChecked" | "_groupFocusWithin" | "_peerFocusWithin" | "_peerPlaceholderShown" | "_placeholder" | "_placeholderShown" | "_fullScreen" | "_selection" | "_rtl" | "_ltr" | "_mediaDark" | "_mediaReduceMotion" | "_dark" | "_light" | "__css" | "sx" | "css" | "isDisabled" | "options"> & React.RefAttributes<HTMLSelectElement>>;
declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, Pick<import("./SelectField").SelectFieldProps, "form" | "label" | "p" | "slot" | "style" | "title" | "clipPath" | "filter" | "pattern" | "children" | "variant" | "size" | "partProps" | "outline" | "m" | "margin" | "mt" | "marginBlockStart" | "marginTop" | "mr" | "marginInlineEnd" | "marginEnd" | "me" | "marginRight" | "mb" | "marginBlockEnd" | "marginBottom" | "ml" | "marginInlineStart" | "marginStart" | "ms" | "marginLeft" | "mx" | "marginInline" | "marginX" | "my" | "marginBlock" | "marginY" | "padding" | "pt" | "paddingBlockStart" | "paddingTop" | "pr" | "paddingInlineEnd" | "paddingEnd" | "pe" | "paddingRight" | "pb" | "paddingBlockEnd" | "paddingBottom" | "pl" | "paddingInlineStart" | "paddingStart" | "ps" | "paddingLeft" | "px" | "paddingInline" | "paddingX" | "py" | "paddingBlock" | "paddingY" | "textColor" | "color" | "fill" | "stroke" | "transition" | "transitionProperty" | "transitionTimingFunction" | "transitionDuration" | "transitionDelay" | "animation" | "willChange" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontSize" | "fontFamily" | "textAlign" | "fontStyle" | "wordBreak" | "overflowWrap" | "textOverflow" | "textTransform" | "whiteSpace" | "noOfLines" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexFlow" | "flexBasis" | "flexDirection" | "flexDir" | "flex" | "gap" | "rowGap" | "columnGap" | "justifySelf" | "alignSelf" | "order" | "flexGrow" | "flexShrink" | "placeItems" | "placeContent" | "placeSelf" | "experimental_spaceX" | "experimental_spaceY" | "transform" | "transformOrigin" | "translateX" | "translateY" | "rotate" | "skewX" | "skewY" | "scaleX" | "scaleY" | "scale" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumnStart" | "gridRowStart" | "gridRowEnd" | "gridTemplate" | "gridColumnEnd" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "blur" | "brightness" | "contrast" | "hueRotate" | "invert" | "saturate" | "dropShadow" | "backdropFilter" | "backdropBlur" | "backdropBrightness" | "backdropContrast" | "backdropHueRotate" | "backdropInvert" | "backdropSaturate" | "display" | "width" | "w" | "inlineSize" | "boxSize" | "maxWidth" | "maxW" | "maxInlineSize" | "minWidth" | "minW" | "minInlineSize" | "height" | "h" | "blockSize" | "maxHeight" | "maxH" | "maxBlockSize" | "minHeight" | "minH" | "minBlockSize" | "verticalAlign" | "overflow" | "overflowX" | "overflowY" | "boxSizing" | "boxDecorationBreak" | "float" | "objectFit" | "objectPosition" | "overscrollBehavior" | "overscroll" | "overscrollBehaviorX" | "overscrollX" | "overscrollBehaviorY" | "overscrollY" | "visibility" | "isolation" | "border" | "borderWidth" | "borderStyle" | "borderColor" | "borderRadius" | "rounded" | "borderTop" | "borderBlockStart" | "borderTopWidth" | "borderBlockStartWidth" | "borderBottomWidth" | "borderBlockEndWidth" | "borderLeftWidth" | "borderStartWidth" | "borderInlineStartWidth" | "borderRightWidth" | "borderEndWidth" | "borderInlineEndWidth" | "borderTopStyle" | "borderBlockStartStyle" | "borderBottomStyle" | "borderBlockEndStyle" | "borderLeftStyle" | "borderStartStyle" | "borderInlineStartStyle" | "borderRightStyle" | "borderEndStyle" | "borderInlineEndStyle" | "borderTopColor" | "borderBlockStartColor" | "borderBottomColor" | "borderBlockEndColor" | "borderLeftColor" | "borderStartColor" | "borderInlineStartColor" | "borderRightColor" | "borderEndColor" | "borderInlineEndColor" | "borderRight" | "borderEnd" | "borderInlineEnd" | "borderBottom" | "borderBlockEnd" | "borderLeft" | "borderStart" | "borderInlineStart" | "borderTopRadius" | "roundedTop" | "borderRightRadius" | "roundedRight" | "roundedEnd" | "borderInlineEndRadius" | "borderEndRadius" | "borderBottomRadius" | "roundedBottom" | "borderLeftRadius" | "roundedLeft" | "roundedStart" | "borderInlineStartRadius" | "borderStartRadius" | "borderTopLeftRadius" | "borderTopStartRadius" | "borderStartStartRadius" | "roundedTopLeft" | "roundedTopStart" | "borderTopRightRadius" | "borderTopEndRadius" | "borderStartEndRadius" | "roundedTopRight" | "roundedTopEnd" | "borderBottomLeftRadius" | "borderBottomStartRadius" | "borderEndStartRadius" | "roundedBottomLeft" | "roundedBottomStart" | "borderBottomRightRadius" | "borderBottomEndRadius" | "borderEndEndRadius" | "roundedBottomRight" | "roundedBottomEnd" | "borderX" | "borderInline" | "borderY" | "borderBlock" | "boxShadow" | "shadow" | "mixBlendMode" | "blendMode" | "backgroundBlendMode" | "bgBlendMode" | "opacity" | "bg" | "bgClip" | "backgroundClip" | "background" | "bgColor" | "backgroundColor" | "backgroundImage" | "bgGradient" | "backgroundSize" | "bgPos" | "backgroundPosition" | "bgImage" | "bgImg" | "bgRepeat" | "backgroundRepeat" | "bgSize" | "bgAttachment" | "backgroundAttachment" | "bgPosition" | "listStyleType" | "listStylePosition" | "listStylePos" | "listStyleImage" | "listStyleImg" | "zIndex" | "top" | "insetBlockStart" | "right" | "insetInlineEnd" | "insetEnd" | "bottom" | "insetBlockEnd" | "left" | "insetInlineStart" | "insetStart" | "inset" | "insetX" | "insetY" | "pos" | "position" | "insetInline" | "insetBlock" | "ring" | "ringColor" | "ringOffset" | "ringOffsetColor" | "ringInset" | "scrollBehavior" | "scrollSnapAlign" | "scrollSnapStop" | "scrollSnapType" | "scrollMargin" | "scrollMarginTop" | "scrollMarginBottom" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginX" | "scrollMarginY" | "scrollPadding" | "scrollPaddingTop" | "scrollPaddingBottom" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingX" | "scrollPaddingY" | "appearance" | "userSelect" | "pointerEvents" | "resize" | "cursor" | "outlineOffset" | "outlineColor" | "textDecoration" | "textDecor" | "textDecorationColor" | "textDecorationThickness" | "textDecorationStyle" | "textDecorationLine" | "textUnderlineOffset" | "textShadow" | "srOnly" | "layerStyle" | "textStyle" | "apply" | "as" | "key" | "autoFocus" | "disabled" | "name" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "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" | "_hover" | "_active" | "_focus" | "_highlighted" | "_focusWithin" | "_focusVisible" | "_disabled" | "_readOnly" | "_before" | "_after" | "_empty" | "_expanded" | "_checked" | "_grabbed" | "_pressed" | "_invalid" | "_valid" | "_loading" | "_selected" | "_hidden" | "_autofill" | "_even" | "_odd" | "_first" | "_last" | "_notFirst" | "_notLast" | "_visited" | "_activeLink" | "_activeStep" | "_indeterminate" | "_groupHover" | "_peerHover" | "_groupFocus" | "_peerFocus" | "_groupFocusVisible" | "_peerFocusVisible" | "_groupActive" | "_peerActive" | "_groupDisabled" | "_peerDisabled" | "_groupInvalid" | "_peerInvalid" | "_groupChecked" | "_peerChecked" | "_groupFocusWithin" | "_peerFocusWithin" | "_peerPlaceholderShown" | "_placeholder" | "_placeholderShown" | "_fullScreen" | "_selection" | "_rtl" | "_ltr" | "_mediaDark" | "_mediaReduceMotion" | "_dark" | "_light" | "colorScheme" | "__css" | "sx" | "css" | "isDisabled" | "orientation" | "styleConfig" | "max" | "min" | "maxLength" | "minLength" | "required" | "labelColor" | "errorMsg" | "helperMsg" | "autoComplete" | "multiple" | "options"> & React.RefAttributes<HTMLSelectElement>>;
export default _default;
export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, Pick<import("./SelectField").SelectFieldProps, "form" | "label" | "p" | "slot" | "style" | "title" | "clipPath" | "filter" | "pattern" | "children" | "onChange" | "onBlur" | "name" | "min" | "max" | "maxLength" | "minLength" | "required" | "disabled" | "id" | "labelColor" | "errorMsg" | "helperMsg" | "partProps" | "variant" | "size" | "colorScheme" | "orientation" | "styleConfig" | "transition" | "as" | "color" | "key" | "autoComplete" | "autoFocus" | "height" | "multiple" | "placeholder" | "value" | "width" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "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" | "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" | "m" | "margin" | "mt" | "marginBlockStart" | "marginTop" | "mr" | "marginInlineEnd" | "marginEnd" | "me" | "marginRight" | "mb" | "marginBlockEnd" | "marginBottom" | "ml" | "marginInlineStart" | "marginStart" | "ms" | "marginLeft" | "mx" | "marginInline" | "marginX" | "my" | "marginBlock" | "marginY" | "padding" | "pt" | "paddingBlockStart" | "paddingTop" | "pr" | "paddingInlineEnd" | "paddingEnd" | "pe" | "paddingRight" | "pb" | "paddingBlockEnd" | "paddingBottom" | "pl" | "paddingInlineStart" | "paddingStart" | "ps" | "paddingLeft" | "px" | "paddingInline" | "paddingX" | "py" | "paddingBlock" | "paddingY" | "textColor" | "fill" | "stroke" | "transitionProperty" | "transitionTimingFunction" | "transitionDuration" | "transitionDelay" | "animation" | "willChange" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontSize" | "fontFamily" | "textAlign" | "fontStyle" | "wordBreak" | "overflowWrap" | "textOverflow" | "textTransform" | "whiteSpace" | "noOfLines" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexFlow" | "flexBasis" | "flexDirection" | "flexDir" | "flex" | "gap" | "rowGap" | "columnGap" | "justifySelf" | "alignSelf" | "order" | "flexGrow" | "flexShrink" | "placeItems" | "placeContent" | "placeSelf" | "experimental_spaceX" | "experimental_spaceY" | "transform" | "transformOrigin" | "translateX" | "translateY" | "rotate" | "skewX" | "skewY" | "scaleX" | "scaleY" | "scale" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumnStart" | "gridRowStart" | "gridRowEnd" | "gridTemplate" | "gridColumnEnd" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "blur" | "brightness" | "contrast" | "hueRotate" | "invert" | "saturate" | "dropShadow" | "backdropFilter" | "backdropBlur" | "backdropBrightness" | "backdropContrast" | "backdropHueRotate" | "backdropInvert" | "backdropSaturate" | "display" | "w" | "inlineSize" | "boxSize" | "maxWidth" | "maxW" | "maxInlineSize" | "minWidth" | "minW" | "minInlineSize" | "h" | "blockSize" | "maxHeight" | "maxH" | "maxBlockSize" | "minHeight" | "minH" | "minBlockSize" | "verticalAlign" | "overflow" | "overflowX" | "overflowY" | "boxSizing" | "boxDecorationBreak" | "float" | "objectFit" | "objectPosition" | "overscrollBehavior" | "overscroll" | "overscrollBehaviorX" | "overscrollX" | "overscrollBehaviorY" | "overscrollY" | "visibility" | "isolation" | "border" | "borderWidth" | "borderStyle" | "borderColor" | "borderRadius" | "rounded" | "borderTop" | "borderBlockStart" | "borderTopWidth" | "borderBlockStartWidth" | "borderBottomWidth" | "borderBlockEndWidth" | "borderLeftWidth" | "borderStartWidth" | "borderInlineStartWidth" | "borderRightWidth" | "borderEndWidth" | "borderInlineEndWidth" | "borderTopStyle" | "borderBlockStartStyle" | "borderBottomStyle" | "borderBlockEndStyle" | "borderLeftStyle" | "borderStartStyle" | "borderInlineStartStyle" | "borderRightStyle" | "borderEndStyle" | "borderInlineEndStyle" | "borderTopColor" | "borderBlockStartColor" | "borderBottomColor" | "borderBlockEndColor" | "borderLeftColor" | "borderStartColor" | "borderInlineStartColor" | "borderRightColor" | "borderEndColor" | "borderInlineEndColor" | "borderRight" | "borderEnd" | "borderInlineEnd" | "borderBottom" | "borderBlockEnd" | "borderLeft" | "borderStart" | "borderInlineStart" | "borderTopRadius" | "roundedTop" | "borderRightRadius" | "roundedRight" | "roundedEnd" | "borderInlineEndRadius" | "borderEndRadius" | "borderBottomRadius" | "roundedBottom" | "borderLeftRadius" | "roundedLeft" | "roundedStart" | "borderInlineStartRadius" | "borderStartRadius" | "borderTopLeftRadius" | "borderTopStartRadius" | "borderStartStartRadius" | "roundedTopLeft" | "roundedTopStart" | "borderTopRightRadius" | "borderTopEndRadius" | "borderStartEndRadius" | "roundedTopRight" | "roundedTopEnd" | "borderBottomLeftRadius" | "borderBottomStartRadius" | "borderEndStartRadius" | "roundedBottomLeft" | "roundedBottomStart" | "borderBottomRightRadius" | "borderBottomEndRadius" | "borderEndEndRadius" | "roundedBottomRight" | "roundedBottomEnd" | "borderX" | "borderInline" | "borderY" | "borderBlock" | "boxShadow" | "shadow" | "mixBlendMode" | "blendMode" | "backgroundBlendMode" | "bgBlendMode" | "opacity" | "bg" | "bgClip" | "backgroundClip" | "background" | "bgColor" | "backgroundColor" | "backgroundImage" | "bgGradient" | "backgroundSize" | "bgPos" | "backgroundPosition" | "bgImage" | "bgImg" | "bgRepeat" | "backgroundRepeat" | "bgSize" | "bgAttachment" | "backgroundAttachment" | "bgPosition" | "listStyleType" | "listStylePosition" | "listStylePos" | "listStyleImage" | "listStyleImg" | "zIndex" | "top" | "insetBlockStart" | "right" | "insetInlineEnd" | "insetEnd" | "bottom" | "insetBlockEnd" | "left" | "insetInlineStart" | "insetStart" | "inset" | "insetX" | "insetY" | "pos" | "position" | "insetInline" | "insetBlock" | "ring" | "ringColor" | "ringOffset" | "ringOffsetColor" | "ringInset" | "scrollBehavior" | "scrollSnapAlign" | "scrollSnapStop" | "scrollSnapType" | "scrollMargin" | "scrollMarginTop" | "scrollMarginBottom" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginX" | "scrollMarginY" | "scrollPadding" | "scrollPaddingTop" | "scrollPaddingBottom" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingX" | "scrollPaddingY" | "appearance" | "userSelect" | "pointerEvents" | "resize" | "cursor" | "outline" | "outlineOffset" | "outlineColor" | "textDecoration" | "textDecor" | "textDecorationColor" | "textDecorationThickness" | "textDecorationStyle" | "textDecorationLine" | "textUnderlineOffset" | "textShadow" | "srOnly" | "layerStyle" | "textStyle" | "apply" | "_hover" | "_active" | "_focus" | "_highlighted" | "_focusWithin" | "_focusVisible" | "_disabled" | "_readOnly" | "_before" | "_after" | "_empty" | "_expanded" | "_checked" | "_grabbed" | "_pressed" | "_invalid" | "_valid" | "_loading" | "_selected" | "_hidden" | "_autofill" | "_even" | "_odd" | "_first" | "_last" | "_notFirst" | "_notLast" | "_visited" | "_activeLink" | "_activeStep" | "_indeterminate" | "_groupHover" | "_peerHover" | "_groupFocus" | "_peerFocus" | "_groupFocusVisible" | "_peerFocusVisible" | "_groupActive" | "_peerActive" | "_groupDisabled" | "_peerDisabled" | "_groupInvalid" | "_peerInvalid" | "_groupChecked" | "_peerChecked" | "_groupFocusWithin" | "_peerFocusWithin" | "_peerPlaceholderShown" | "_placeholder" | "_placeholderShown" | "_fullScreen" | "_selection" | "_rtl" | "_ltr" | "_mediaDark" | "_mediaReduceMotion" | "_dark" | "_light" | "__css" | "sx" | "css" | "isDisabled" | "options"> & React.RefAttributes<HTMLSelectElement>>;
export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, Pick<import("./SelectField").SelectFieldProps, "form" | "label" | "p" | "slot" | "style" | "title" | "clipPath" | "filter" | "pattern" | "children" | "variant" | "size" | "partProps" | "outline" | "m" | "margin" | "mt" | "marginBlockStart" | "marginTop" | "mr" | "marginInlineEnd" | "marginEnd" | "me" | "marginRight" | "mb" | "marginBlockEnd" | "marginBottom" | "ml" | "marginInlineStart" | "marginStart" | "ms" | "marginLeft" | "mx" | "marginInline" | "marginX" | "my" | "marginBlock" | "marginY" | "padding" | "pt" | "paddingBlockStart" | "paddingTop" | "pr" | "paddingInlineEnd" | "paddingEnd" | "pe" | "paddingRight" | "pb" | "paddingBlockEnd" | "paddingBottom" | "pl" | "paddingInlineStart" | "paddingStart" | "ps" | "paddingLeft" | "px" | "paddingInline" | "paddingX" | "py" | "paddingBlock" | "paddingY" | "textColor" | "color" | "fill" | "stroke" | "transition" | "transitionProperty" | "transitionTimingFunction" | "transitionDuration" | "transitionDelay" | "animation" | "willChange" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontSize" | "fontFamily" | "textAlign" | "fontStyle" | "wordBreak" | "overflowWrap" | "textOverflow" | "textTransform" | "whiteSpace" | "noOfLines" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexFlow" | "flexBasis" | "flexDirection" | "flexDir" | "flex" | "gap" | "rowGap" | "columnGap" | "justifySelf" | "alignSelf" | "order" | "flexGrow" | "flexShrink" | "placeItems" | "placeContent" | "placeSelf" | "experimental_spaceX" | "experimental_spaceY" | "transform" | "transformOrigin" | "translateX" | "translateY" | "rotate" | "skewX" | "skewY" | "scaleX" | "scaleY" | "scale" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumnStart" | "gridRowStart" | "gridRowEnd" | "gridTemplate" | "gridColumnEnd" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "blur" | "brightness" | "contrast" | "hueRotate" | "invert" | "saturate" | "dropShadow" | "backdropFilter" | "backdropBlur" | "backdropBrightness" | "backdropContrast" | "backdropHueRotate" | "backdropInvert" | "backdropSaturate" | "display" | "width" | "w" | "inlineSize" | "boxSize" | "maxWidth" | "maxW" | "maxInlineSize" | "minWidth" | "minW" | "minInlineSize" | "height" | "h" | "blockSize" | "maxHeight" | "maxH" | "maxBlockSize" | "minHeight" | "minH" | "minBlockSize" | "verticalAlign" | "overflow" | "overflowX" | "overflowY" | "boxSizing" | "boxDecorationBreak" | "float" | "objectFit" | "objectPosition" | "overscrollBehavior" | "overscroll" | "overscrollBehaviorX" | "overscrollX" | "overscrollBehaviorY" | "overscrollY" | "visibility" | "isolation" | "border" | "borderWidth" | "borderStyle" | "borderColor" | "borderRadius" | "rounded" | "borderTop" | "borderBlockStart" | "borderTopWidth" | "borderBlockStartWidth" | "borderBottomWidth" | "borderBlockEndWidth" | "borderLeftWidth" | "borderStartWidth" | "borderInlineStartWidth" | "borderRightWidth" | "borderEndWidth" | "borderInlineEndWidth" | "borderTopStyle" | "borderBlockStartStyle" | "borderBottomStyle" | "borderBlockEndStyle" | "borderLeftStyle" | "borderStartStyle" | "borderInlineStartStyle" | "borderRightStyle" | "borderEndStyle" | "borderInlineEndStyle" | "borderTopColor" | "borderBlockStartColor" | "borderBottomColor" | "borderBlockEndColor" | "borderLeftColor" | "borderStartColor" | "borderInlineStartColor" | "borderRightColor" | "borderEndColor" | "borderInlineEndColor" | "borderRight" | "borderEnd" | "borderInlineEnd" | "borderBottom" | "borderBlockEnd" | "borderLeft" | "borderStart" | "borderInlineStart" | "borderTopRadius" | "roundedTop" | "borderRightRadius" | "roundedRight" | "roundedEnd" | "borderInlineEndRadius" | "borderEndRadius" | "borderBottomRadius" | "roundedBottom" | "borderLeftRadius" | "roundedLeft" | "roundedStart" | "borderInlineStartRadius" | "borderStartRadius" | "borderTopLeftRadius" | "borderTopStartRadius" | "borderStartStartRadius" | "roundedTopLeft" | "roundedTopStart" | "borderTopRightRadius" | "borderTopEndRadius" | "borderStartEndRadius" | "roundedTopRight" | "roundedTopEnd" | "borderBottomLeftRadius" | "borderBottomStartRadius" | "borderEndStartRadius" | "roundedBottomLeft" | "roundedBottomStart" | "borderBottomRightRadius" | "borderBottomEndRadius" | "borderEndEndRadius" | "roundedBottomRight" | "roundedBottomEnd" | "borderX" | "borderInline" | "borderY" | "borderBlock" | "boxShadow" | "shadow" | "mixBlendMode" | "blendMode" | "backgroundBlendMode" | "bgBlendMode" | "opacity" | "bg" | "bgClip" | "backgroundClip" | "background" | "bgColor" | "backgroundColor" | "backgroundImage" | "bgGradient" | "backgroundSize" | "bgPos" | "backgroundPosition" | "bgImage" | "bgImg" | "bgRepeat" | "backgroundRepeat" | "bgSize" | "bgAttachment" | "backgroundAttachment" | "bgPosition" | "listStyleType" | "listStylePosition" | "listStylePos" | "listStyleImage" | "listStyleImg" | "zIndex" | "top" | "insetBlockStart" | "right" | "insetInlineEnd" | "insetEnd" | "bottom" | "insetBlockEnd" | "left" | "insetInlineStart" | "insetStart" | "inset" | "insetX" | "insetY" | "pos" | "position" | "insetInline" | "insetBlock" | "ring" | "ringColor" | "ringOffset" | "ringOffsetColor" | "ringInset" | "scrollBehavior" | "scrollSnapAlign" | "scrollSnapStop" | "scrollSnapType" | "scrollMargin" | "scrollMarginTop" | "scrollMarginBottom" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginX" | "scrollMarginY" | "scrollPadding" | "scrollPaddingTop" | "scrollPaddingBottom" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingX" | "scrollPaddingY" | "appearance" | "userSelect" | "pointerEvents" | "resize" | "cursor" | "outlineOffset" | "outlineColor" | "textDecoration" | "textDecor" | "textDecorationColor" | "textDecorationThickness" | "textDecorationStyle" | "textDecorationLine" | "textUnderlineOffset" | "textShadow" | "srOnly" | "layerStyle" | "textStyle" | "apply" | "as" | "key" | "autoFocus" | "disabled" | "name" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "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" | "_hover" | "_active" | "_focus" | "_highlighted" | "_focusWithin" | "_focusVisible" | "_disabled" | "_readOnly" | "_before" | "_after" | "_empty" | "_expanded" | "_checked" | "_grabbed" | "_pressed" | "_invalid" | "_valid" | "_loading" | "_selected" | "_hidden" | "_autofill" | "_even" | "_odd" | "_first" | "_last" | "_notFirst" | "_notLast" | "_visited" | "_activeLink" | "_activeStep" | "_indeterminate" | "_groupHover" | "_peerHover" | "_groupFocus" | "_peerFocus" | "_groupFocusVisible" | "_peerFocusVisible" | "_groupActive" | "_peerActive" | "_groupDisabled" | "_peerDisabled" | "_groupInvalid" | "_peerInvalid" | "_groupChecked" | "_peerChecked" | "_groupFocusWithin" | "_peerFocusWithin" | "_peerPlaceholderShown" | "_placeholder" | "_placeholderShown" | "_fullScreen" | "_selection" | "_rtl" | "_ltr" | "_mediaDark" | "_mediaReduceMotion" | "_dark" | "_light" | "colorScheme" | "__css" | "sx" | "css" | "isDisabled" | "orientation" | "styleConfig" | "max" | "min" | "maxLength" | "minLength" | "required" | "labelColor" | "errorMsg" | "helperMsg" | "autoComplete" | "multiple" | "options"> & React.RefAttributes<HTMLSelectElement>>;

4

dist/components/TextareaField/Textarea.stories.d.ts
import React from 'react';
declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, Pick<import("./TextareaField").TextAreaFieldProps, "form" | "label" | "p" | "slot" | "style" | "title" | "clipPath" | "filter" | "pattern" | "children" | "onChange" | "onBlur" | "name" | "min" | "max" | "maxLength" | "minLength" | "required" | "disabled" | "id" | "labelColor" | "errorMsg" | "helperMsg" | "partProps" | "variant" | "size" | "colorScheme" | "orientation" | "styleConfig" | "transition" | "as" | "color" | "key" | "autoComplete" | "autoFocus" | "height" | "placeholder" | "type" | "value" | "width" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "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" | "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" | "m" | "margin" | "mt" | "marginBlockStart" | "marginTop" | "mr" | "marginInlineEnd" | "marginEnd" | "me" | "marginRight" | "mb" | "marginBlockEnd" | "marginBottom" | "ml" | "marginInlineStart" | "marginStart" | "ms" | "marginLeft" | "mx" | "marginInline" | "marginX" | "my" | "marginBlock" | "marginY" | "padding" | "pt" | "paddingBlockStart" | "paddingTop" | "pr" | "paddingInlineEnd" | "paddingEnd" | "pe" | "paddingRight" | "pb" | "paddingBlockEnd" | "paddingBottom" | "pl" | "paddingInlineStart" | "paddingStart" | "ps" | "paddingLeft" | "px" | "paddingInline" | "paddingX" | "py" | "paddingBlock" | "paddingY" | "textColor" | "fill" | "stroke" | "transitionProperty" | "transitionTimingFunction" | "transitionDuration" | "transitionDelay" | "animation" | "willChange" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontSize" | "fontFamily" | "textAlign" | "fontStyle" | "wordBreak" | "overflowWrap" | "textOverflow" | "textTransform" | "whiteSpace" | "noOfLines" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexFlow" | "flexBasis" | "flexDirection" | "flexDir" | "flex" | "gap" | "rowGap" | "columnGap" | "justifySelf" | "alignSelf" | "order" | "flexGrow" | "flexShrink" | "placeItems" | "placeContent" | "placeSelf" | "experimental_spaceX" | "experimental_spaceY" | "transform" | "transformOrigin" | "translateX" | "translateY" | "rotate" | "skewX" | "skewY" | "scaleX" | "scaleY" | "scale" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumnStart" | "gridRowStart" | "gridRowEnd" | "gridTemplate" | "gridColumnEnd" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "blur" | "brightness" | "contrast" | "hueRotate" | "invert" | "saturate" | "dropShadow" | "backdropFilter" | "backdropBlur" | "backdropBrightness" | "backdropContrast" | "backdropHueRotate" | "backdropInvert" | "backdropSaturate" | "display" | "w" | "inlineSize" | "boxSize" | "maxWidth" | "maxW" | "maxInlineSize" | "minWidth" | "minW" | "minInlineSize" | "h" | "blockSize" | "maxHeight" | "maxH" | "maxBlockSize" | "minHeight" | "minH" | "minBlockSize" | "verticalAlign" | "overflow" | "overflowX" | "overflowY" | "boxSizing" | "boxDecorationBreak" | "float" | "objectFit" | "objectPosition" | "overscrollBehavior" | "overscroll" | "overscrollBehaviorX" | "overscrollX" | "overscrollBehaviorY" | "overscrollY" | "visibility" | "isolation" | "border" | "borderWidth" | "borderStyle" | "borderColor" | "borderRadius" | "rounded" | "borderTop" | "borderBlockStart" | "borderTopWidth" | "borderBlockStartWidth" | "borderBottomWidth" | "borderBlockEndWidth" | "borderLeftWidth" | "borderStartWidth" | "borderInlineStartWidth" | "borderRightWidth" | "borderEndWidth" | "borderInlineEndWidth" | "borderTopStyle" | "borderBlockStartStyle" | "borderBottomStyle" | "borderBlockEndStyle" | "borderLeftStyle" | "borderStartStyle" | "borderInlineStartStyle" | "borderRightStyle" | "borderEndStyle" | "borderInlineEndStyle" | "borderTopColor" | "borderBlockStartColor" | "borderBottomColor" | "borderBlockEndColor" | "borderLeftColor" | "borderStartColor" | "borderInlineStartColor" | "borderRightColor" | "borderEndColor" | "borderInlineEndColor" | "borderRight" | "borderEnd" | "borderInlineEnd" | "borderBottom" | "borderBlockEnd" | "borderLeft" | "borderStart" | "borderInlineStart" | "borderTopRadius" | "roundedTop" | "borderRightRadius" | "roundedRight" | "roundedEnd" | "borderInlineEndRadius" | "borderEndRadius" | "borderBottomRadius" | "roundedBottom" | "borderLeftRadius" | "roundedLeft" | "roundedStart" | "borderInlineStartRadius" | "borderStartRadius" | "borderTopLeftRadius" | "borderTopStartRadius" | "borderStartStartRadius" | "roundedTopLeft" | "roundedTopStart" | "borderTopRightRadius" | "borderTopEndRadius" | "borderStartEndRadius" | "roundedTopRight" | "roundedTopEnd" | "borderBottomLeftRadius" | "borderBottomStartRadius" | "borderEndStartRadius" | "roundedBottomLeft" | "roundedBottomStart" | "borderBottomRightRadius" | "borderBottomEndRadius" | "borderEndEndRadius" | "roundedBottomRight" | "roundedBottomEnd" | "borderX" | "borderInline" | "borderY" | "borderBlock" | "boxShadow" | "shadow" | "mixBlendMode" | "blendMode" | "backgroundBlendMode" | "bgBlendMode" | "opacity" | "bg" | "bgClip" | "backgroundClip" | "background" | "bgColor" | "backgroundColor" | "backgroundImage" | "bgGradient" | "backgroundSize" | "bgPos" | "backgroundPosition" | "bgImage" | "bgImg" | "bgRepeat" | "backgroundRepeat" | "bgSize" | "bgAttachment" | "backgroundAttachment" | "bgPosition" | "listStyleType" | "listStylePosition" | "listStylePos" | "listStyleImage" | "listStyleImg" | "zIndex" | "top" | "insetBlockStart" | "right" | "insetInlineEnd" | "insetEnd" | "bottom" | "insetBlockEnd" | "left" | "insetInlineStart" | "insetStart" | "inset" | "insetX" | "insetY" | "pos" | "position" | "insetInline" | "insetBlock" | "ring" | "ringColor" | "ringOffset" | "ringOffsetColor" | "ringInset" | "scrollBehavior" | "scrollSnapAlign" | "scrollSnapStop" | "scrollSnapType" | "scrollMargin" | "scrollMarginTop" | "scrollMarginBottom" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginX" | "scrollMarginY" | "scrollPadding" | "scrollPaddingTop" | "scrollPaddingBottom" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingX" | "scrollPaddingY" | "appearance" | "userSelect" | "pointerEvents" | "resize" | "cursor" | "outline" | "outlineOffset" | "outlineColor" | "textDecoration" | "textDecor" | "textDecorationColor" | "textDecorationThickness" | "textDecorationStyle" | "textDecorationLine" | "textUnderlineOffset" | "textShadow" | "srOnly" | "layerStyle" | "textStyle" | "apply" | "_hover" | "_active" | "_focus" | "_highlighted" | "_focusWithin" | "_focusVisible" | "_disabled" | "_readOnly" | "_before" | "_after" | "_empty" | "_expanded" | "_checked" | "_grabbed" | "_pressed" | "_invalid" | "_valid" | "_loading" | "_selected" | "_hidden" | "_autofill" | "_even" | "_odd" | "_first" | "_last" | "_notFirst" | "_notLast" | "_visited" | "_activeLink" | "_activeStep" | "_indeterminate" | "_groupHover" | "_peerHover" | "_groupFocus" | "_peerFocus" | "_groupFocusVisible" | "_peerFocusVisible" | "_groupActive" | "_peerActive" | "_groupDisabled" | "_peerDisabled" | "_groupInvalid" | "_peerInvalid" | "_groupChecked" | "_peerChecked" | "_groupFocusWithin" | "_peerFocusWithin" | "_peerPlaceholderShown" | "_placeholder" | "_placeholderShown" | "_fullScreen" | "_selection" | "_rtl" | "_ltr" | "_mediaDark" | "_mediaReduceMotion" | "_dark" | "_light" | "__css" | "sx" | "css" | "focusBorderColor" | "errorBorderColor" | "isRequired" | "isDisabled" | "isInvalid" | "isReadOnly" | "leftIcon" | "rightIcon" | "wrap" | "cols" | "dirName" | "rows" | "limit"> & React.RefAttributes<HTMLTextAreaElement>>;
declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, Pick<import("./TextareaField").TextAreaFieldProps, "form" | "label" | "p" | "slot" | "style" | "title" | "clipPath" | "filter" | "pattern" | "children" | "variant" | "size" | "partProps" | "outline" | "m" | "margin" | "mt" | "marginBlockStart" | "marginTop" | "mr" | "marginInlineEnd" | "marginEnd" | "me" | "marginRight" | "mb" | "marginBlockEnd" | "marginBottom" | "ml" | "marginInlineStart" | "marginStart" | "ms" | "marginLeft" | "mx" | "marginInline" | "marginX" | "my" | "marginBlock" | "marginY" | "padding" | "pt" | "paddingBlockStart" | "paddingTop" | "pr" | "paddingInlineEnd" | "paddingEnd" | "pe" | "paddingRight" | "pb" | "paddingBlockEnd" | "paddingBottom" | "pl" | "paddingInlineStart" | "paddingStart" | "ps" | "paddingLeft" | "px" | "paddingInline" | "paddingX" | "py" | "paddingBlock" | "paddingY" | "textColor" | "color" | "fill" | "stroke" | "transition" | "transitionProperty" | "transitionTimingFunction" | "transitionDuration" | "transitionDelay" | "animation" | "willChange" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontSize" | "fontFamily" | "textAlign" | "fontStyle" | "wordBreak" | "overflowWrap" | "textOverflow" | "textTransform" | "whiteSpace" | "noOfLines" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexFlow" | "flexBasis" | "flexDirection" | "flexDir" | "flex" | "gap" | "rowGap" | "columnGap" | "justifySelf" | "alignSelf" | "order" | "flexGrow" | "flexShrink" | "placeItems" | "placeContent" | "placeSelf" | "experimental_spaceX" | "experimental_spaceY" | "transform" | "transformOrigin" | "translateX" | "translateY" | "rotate" | "skewX" | "skewY" | "scaleX" | "scaleY" | "scale" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumnStart" | "gridRowStart" | "gridRowEnd" | "gridTemplate" | "gridColumnEnd" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "blur" | "brightness" | "contrast" | "hueRotate" | "invert" | "saturate" | "dropShadow" | "backdropFilter" | "backdropBlur" | "backdropBrightness" | "backdropContrast" | "backdropHueRotate" | "backdropInvert" | "backdropSaturate" | "display" | "width" | "w" | "inlineSize" | "boxSize" | "maxWidth" | "maxW" | "maxInlineSize" | "minWidth" | "minW" | "minInlineSize" | "height" | "h" | "blockSize" | "maxHeight" | "maxH" | "maxBlockSize" | "minHeight" | "minH" | "minBlockSize" | "verticalAlign" | "overflow" | "overflowX" | "overflowY" | "boxSizing" | "boxDecorationBreak" | "float" | "objectFit" | "objectPosition" | "overscrollBehavior" | "overscroll" | "overscrollBehaviorX" | "overscrollX" | "overscrollBehaviorY" | "overscrollY" | "visibility" | "isolation" | "border" | "borderWidth" | "borderStyle" | "borderColor" | "borderRadius" | "rounded" | "borderTop" | "borderBlockStart" | "borderTopWidth" | "borderBlockStartWidth" | "borderBottomWidth" | "borderBlockEndWidth" | "borderLeftWidth" | "borderStartWidth" | "borderInlineStartWidth" | "borderRightWidth" | "borderEndWidth" | "borderInlineEndWidth" | "borderTopStyle" | "borderBlockStartStyle" | "borderBottomStyle" | "borderBlockEndStyle" | "borderLeftStyle" | "borderStartStyle" | "borderInlineStartStyle" | "borderRightStyle" | "borderEndStyle" | "borderInlineEndStyle" | "borderTopColor" | "borderBlockStartColor" | "borderBottomColor" | "borderBlockEndColor" | "borderLeftColor" | "borderStartColor" | "borderInlineStartColor" | "borderRightColor" | "borderEndColor" | "borderInlineEndColor" | "borderRight" | "borderEnd" | "borderInlineEnd" | "borderBottom" | "borderBlockEnd" | "borderLeft" | "borderStart" | "borderInlineStart" | "borderTopRadius" | "roundedTop" | "borderRightRadius" | "roundedRight" | "roundedEnd" | "borderInlineEndRadius" | "borderEndRadius" | "borderBottomRadius" | "roundedBottom" | "borderLeftRadius" | "roundedLeft" | "roundedStart" | "borderInlineStartRadius" | "borderStartRadius" | "borderTopLeftRadius" | "borderTopStartRadius" | "borderStartStartRadius" | "roundedTopLeft" | "roundedTopStart" | "borderTopRightRadius" | "borderTopEndRadius" | "borderStartEndRadius" | "roundedTopRight" | "roundedTopEnd" | "borderBottomLeftRadius" | "borderBottomStartRadius" | "borderEndStartRadius" | "roundedBottomLeft" | "roundedBottomStart" | "borderBottomRightRadius" | "borderBottomEndRadius" | "borderEndEndRadius" | "roundedBottomRight" | "roundedBottomEnd" | "borderX" | "borderInline" | "borderY" | "borderBlock" | "boxShadow" | "shadow" | "mixBlendMode" | "blendMode" | "backgroundBlendMode" | "bgBlendMode" | "opacity" | "bg" | "bgClip" | "backgroundClip" | "background" | "bgColor" | "backgroundColor" | "backgroundImage" | "bgGradient" | "backgroundSize" | "bgPos" | "backgroundPosition" | "bgImage" | "bgImg" | "bgRepeat" | "backgroundRepeat" | "bgSize" | "bgAttachment" | "backgroundAttachment" | "bgPosition" | "listStyleType" | "listStylePosition" | "listStylePos" | "listStyleImage" | "listStyleImg" | "zIndex" | "top" | "insetBlockStart" | "right" | "insetInlineEnd" | "insetEnd" | "bottom" | "insetBlockEnd" | "left" | "insetInlineStart" | "insetStart" | "inset" | "insetX" | "insetY" | "pos" | "position" | "insetInline" | "insetBlock" | "ring" | "ringColor" | "ringOffset" | "ringOffsetColor" | "ringInset" | "scrollBehavior" | "scrollSnapAlign" | "scrollSnapStop" | "scrollSnapType" | "scrollMargin" | "scrollMarginTop" | "scrollMarginBottom" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginX" | "scrollMarginY" | "scrollPadding" | "scrollPaddingTop" | "scrollPaddingBottom" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingX" | "scrollPaddingY" | "appearance" | "userSelect" | "pointerEvents" | "resize" | "cursor" | "outlineOffset" | "outlineColor" | "textDecoration" | "textDecor" | "textDecorationColor" | "textDecorationThickness" | "textDecorationStyle" | "textDecorationLine" | "textUnderlineOffset" | "textShadow" | "srOnly" | "layerStyle" | "textStyle" | "apply" | "as" | "key" | "autoFocus" | "disabled" | "name" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "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" | "_hover" | "_active" | "_focus" | "_highlighted" | "_focusWithin" | "_focusVisible" | "_disabled" | "_readOnly" | "_before" | "_after" | "_empty" | "_expanded" | "_checked" | "_grabbed" | "_pressed" | "_invalid" | "_valid" | "_loading" | "_selected" | "_hidden" | "_autofill" | "_even" | "_odd" | "_first" | "_last" | "_notFirst" | "_notLast" | "_visited" | "_activeLink" | "_activeStep" | "_indeterminate" | "_groupHover" | "_peerHover" | "_groupFocus" | "_peerFocus" | "_groupFocusVisible" | "_peerFocusVisible" | "_groupActive" | "_peerActive" | "_groupDisabled" | "_peerDisabled" | "_groupInvalid" | "_peerInvalid" | "_groupChecked" | "_peerChecked" | "_groupFocusWithin" | "_peerFocusWithin" | "_peerPlaceholderShown" | "_placeholder" | "_placeholderShown" | "_fullScreen" | "_selection" | "_rtl" | "_ltr" | "_mediaDark" | "_mediaReduceMotion" | "_dark" | "_light" | "colorScheme" | "__css" | "sx" | "css" | "isDisabled" | "leftIcon" | "rightIcon" | "orientation" | "styleConfig" | "wrap" | "max" | "min" | "maxLength" | "minLength" | "required" | "labelColor" | "errorMsg" | "helperMsg" | "autoComplete" | "focusBorderColor" | "errorBorderColor" | "isRequired" | "isInvalid" | "isReadOnly" | "cols" | "dirName" | "rows" | "limit"> & React.RefAttributes<HTMLTextAreaElement>>;
export default _default;
export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, Pick<import("./TextareaField").TextAreaFieldProps, "form" | "label" | "p" | "slot" | "style" | "title" | "clipPath" | "filter" | "pattern" | "children" | "onChange" | "onBlur" | "name" | "min" | "max" | "maxLength" | "minLength" | "required" | "disabled" | "id" | "labelColor" | "errorMsg" | "helperMsg" | "partProps" | "variant" | "size" | "colorScheme" | "orientation" | "styleConfig" | "transition" | "as" | "color" | "key" | "autoComplete" | "autoFocus" | "height" | "placeholder" | "type" | "value" | "width" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "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" | "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" | "m" | "margin" | "mt" | "marginBlockStart" | "marginTop" | "mr" | "marginInlineEnd" | "marginEnd" | "me" | "marginRight" | "mb" | "marginBlockEnd" | "marginBottom" | "ml" | "marginInlineStart" | "marginStart" | "ms" | "marginLeft" | "mx" | "marginInline" | "marginX" | "my" | "marginBlock" | "marginY" | "padding" | "pt" | "paddingBlockStart" | "paddingTop" | "pr" | "paddingInlineEnd" | "paddingEnd" | "pe" | "paddingRight" | "pb" | "paddingBlockEnd" | "paddingBottom" | "pl" | "paddingInlineStart" | "paddingStart" | "ps" | "paddingLeft" | "px" | "paddingInline" | "paddingX" | "py" | "paddingBlock" | "paddingY" | "textColor" | "fill" | "stroke" | "transitionProperty" | "transitionTimingFunction" | "transitionDuration" | "transitionDelay" | "animation" | "willChange" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontSize" | "fontFamily" | "textAlign" | "fontStyle" | "wordBreak" | "overflowWrap" | "textOverflow" | "textTransform" | "whiteSpace" | "noOfLines" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexFlow" | "flexBasis" | "flexDirection" | "flexDir" | "flex" | "gap" | "rowGap" | "columnGap" | "justifySelf" | "alignSelf" | "order" | "flexGrow" | "flexShrink" | "placeItems" | "placeContent" | "placeSelf" | "experimental_spaceX" | "experimental_spaceY" | "transform" | "transformOrigin" | "translateX" | "translateY" | "rotate" | "skewX" | "skewY" | "scaleX" | "scaleY" | "scale" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumnStart" | "gridRowStart" | "gridRowEnd" | "gridTemplate" | "gridColumnEnd" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "blur" | "brightness" | "contrast" | "hueRotate" | "invert" | "saturate" | "dropShadow" | "backdropFilter" | "backdropBlur" | "backdropBrightness" | "backdropContrast" | "backdropHueRotate" | "backdropInvert" | "backdropSaturate" | "display" | "w" | "inlineSize" | "boxSize" | "maxWidth" | "maxW" | "maxInlineSize" | "minWidth" | "minW" | "minInlineSize" | "h" | "blockSize" | "maxHeight" | "maxH" | "maxBlockSize" | "minHeight" | "minH" | "minBlockSize" | "verticalAlign" | "overflow" | "overflowX" | "overflowY" | "boxSizing" | "boxDecorationBreak" | "float" | "objectFit" | "objectPosition" | "overscrollBehavior" | "overscroll" | "overscrollBehaviorX" | "overscrollX" | "overscrollBehaviorY" | "overscrollY" | "visibility" | "isolation" | "border" | "borderWidth" | "borderStyle" | "borderColor" | "borderRadius" | "rounded" | "borderTop" | "borderBlockStart" | "borderTopWidth" | "borderBlockStartWidth" | "borderBottomWidth" | "borderBlockEndWidth" | "borderLeftWidth" | "borderStartWidth" | "borderInlineStartWidth" | "borderRightWidth" | "borderEndWidth" | "borderInlineEndWidth" | "borderTopStyle" | "borderBlockStartStyle" | "borderBottomStyle" | "borderBlockEndStyle" | "borderLeftStyle" | "borderStartStyle" | "borderInlineStartStyle" | "borderRightStyle" | "borderEndStyle" | "borderInlineEndStyle" | "borderTopColor" | "borderBlockStartColor" | "borderBottomColor" | "borderBlockEndColor" | "borderLeftColor" | "borderStartColor" | "borderInlineStartColor" | "borderRightColor" | "borderEndColor" | "borderInlineEndColor" | "borderRight" | "borderEnd" | "borderInlineEnd" | "borderBottom" | "borderBlockEnd" | "borderLeft" | "borderStart" | "borderInlineStart" | "borderTopRadius" | "roundedTop" | "borderRightRadius" | "roundedRight" | "roundedEnd" | "borderInlineEndRadius" | "borderEndRadius" | "borderBottomRadius" | "roundedBottom" | "borderLeftRadius" | "roundedLeft" | "roundedStart" | "borderInlineStartRadius" | "borderStartRadius" | "borderTopLeftRadius" | "borderTopStartRadius" | "borderStartStartRadius" | "roundedTopLeft" | "roundedTopStart" | "borderTopRightRadius" | "borderTopEndRadius" | "borderStartEndRadius" | "roundedTopRight" | "roundedTopEnd" | "borderBottomLeftRadius" | "borderBottomStartRadius" | "borderEndStartRadius" | "roundedBottomLeft" | "roundedBottomStart" | "borderBottomRightRadius" | "borderBottomEndRadius" | "borderEndEndRadius" | "roundedBottomRight" | "roundedBottomEnd" | "borderX" | "borderInline" | "borderY" | "borderBlock" | "boxShadow" | "shadow" | "mixBlendMode" | "blendMode" | "backgroundBlendMode" | "bgBlendMode" | "opacity" | "bg" | "bgClip" | "backgroundClip" | "background" | "bgColor" | "backgroundColor" | "backgroundImage" | "bgGradient" | "backgroundSize" | "bgPos" | "backgroundPosition" | "bgImage" | "bgImg" | "bgRepeat" | "backgroundRepeat" | "bgSize" | "bgAttachment" | "backgroundAttachment" | "bgPosition" | "listStyleType" | "listStylePosition" | "listStylePos" | "listStyleImage" | "listStyleImg" | "zIndex" | "top" | "insetBlockStart" | "right" | "insetInlineEnd" | "insetEnd" | "bottom" | "insetBlockEnd" | "left" | "insetInlineStart" | "insetStart" | "inset" | "insetX" | "insetY" | "pos" | "position" | "insetInline" | "insetBlock" | "ring" | "ringColor" | "ringOffset" | "ringOffsetColor" | "ringInset" | "scrollBehavior" | "scrollSnapAlign" | "scrollSnapStop" | "scrollSnapType" | "scrollMargin" | "scrollMarginTop" | "scrollMarginBottom" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginX" | "scrollMarginY" | "scrollPadding" | "scrollPaddingTop" | "scrollPaddingBottom" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingX" | "scrollPaddingY" | "appearance" | "userSelect" | "pointerEvents" | "resize" | "cursor" | "outline" | "outlineOffset" | "outlineColor" | "textDecoration" | "textDecor" | "textDecorationColor" | "textDecorationThickness" | "textDecorationStyle" | "textDecorationLine" | "textUnderlineOffset" | "textShadow" | "srOnly" | "layerStyle" | "textStyle" | "apply" | "_hover" | "_active" | "_focus" | "_highlighted" | "_focusWithin" | "_focusVisible" | "_disabled" | "_readOnly" | "_before" | "_after" | "_empty" | "_expanded" | "_checked" | "_grabbed" | "_pressed" | "_invalid" | "_valid" | "_loading" | "_selected" | "_hidden" | "_autofill" | "_even" | "_odd" | "_first" | "_last" | "_notFirst" | "_notLast" | "_visited" | "_activeLink" | "_activeStep" | "_indeterminate" | "_groupHover" | "_peerHover" | "_groupFocus" | "_peerFocus" | "_groupFocusVisible" | "_peerFocusVisible" | "_groupActive" | "_peerActive" | "_groupDisabled" | "_peerDisabled" | "_groupInvalid" | "_peerInvalid" | "_groupChecked" | "_peerChecked" | "_groupFocusWithin" | "_peerFocusWithin" | "_peerPlaceholderShown" | "_placeholder" | "_placeholderShown" | "_fullScreen" | "_selection" | "_rtl" | "_ltr" | "_mediaDark" | "_mediaReduceMotion" | "_dark" | "_light" | "__css" | "sx" | "css" | "focusBorderColor" | "errorBorderColor" | "isRequired" | "isDisabled" | "isInvalid" | "isReadOnly" | "leftIcon" | "rightIcon" | "wrap" | "cols" | "dirName" | "rows" | "limit"> & React.RefAttributes<HTMLTextAreaElement>>;
export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, Pick<import("./TextareaField").TextAreaFieldProps, "form" | "label" | "p" | "slot" | "style" | "title" | "clipPath" | "filter" | "pattern" | "children" | "variant" | "size" | "partProps" | "outline" | "m" | "margin" | "mt" | "marginBlockStart" | "marginTop" | "mr" | "marginInlineEnd" | "marginEnd" | "me" | "marginRight" | "mb" | "marginBlockEnd" | "marginBottom" | "ml" | "marginInlineStart" | "marginStart" | "ms" | "marginLeft" | "mx" | "marginInline" | "marginX" | "my" | "marginBlock" | "marginY" | "padding" | "pt" | "paddingBlockStart" | "paddingTop" | "pr" | "paddingInlineEnd" | "paddingEnd" | "pe" | "paddingRight" | "pb" | "paddingBlockEnd" | "paddingBottom" | "pl" | "paddingInlineStart" | "paddingStart" | "ps" | "paddingLeft" | "px" | "paddingInline" | "paddingX" | "py" | "paddingBlock" | "paddingY" | "textColor" | "color" | "fill" | "stroke" | "transition" | "transitionProperty" | "transitionTimingFunction" | "transitionDuration" | "transitionDelay" | "animation" | "willChange" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontSize" | "fontFamily" | "textAlign" | "fontStyle" | "wordBreak" | "overflowWrap" | "textOverflow" | "textTransform" | "whiteSpace" | "noOfLines" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexFlow" | "flexBasis" | "flexDirection" | "flexDir" | "flex" | "gap" | "rowGap" | "columnGap" | "justifySelf" | "alignSelf" | "order" | "flexGrow" | "flexShrink" | "placeItems" | "placeContent" | "placeSelf" | "experimental_spaceX" | "experimental_spaceY" | "transform" | "transformOrigin" | "translateX" | "translateY" | "rotate" | "skewX" | "skewY" | "scaleX" | "scaleY" | "scale" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumnStart" | "gridRowStart" | "gridRowEnd" | "gridTemplate" | "gridColumnEnd" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "blur" | "brightness" | "contrast" | "hueRotate" | "invert" | "saturate" | "dropShadow" | "backdropFilter" | "backdropBlur" | "backdropBrightness" | "backdropContrast" | "backdropHueRotate" | "backdropInvert" | "backdropSaturate" | "display" | "width" | "w" | "inlineSize" | "boxSize" | "maxWidth" | "maxW" | "maxInlineSize" | "minWidth" | "minW" | "minInlineSize" | "height" | "h" | "blockSize" | "maxHeight" | "maxH" | "maxBlockSize" | "minHeight" | "minH" | "minBlockSize" | "verticalAlign" | "overflow" | "overflowX" | "overflowY" | "boxSizing" | "boxDecorationBreak" | "float" | "objectFit" | "objectPosition" | "overscrollBehavior" | "overscroll" | "overscrollBehaviorX" | "overscrollX" | "overscrollBehaviorY" | "overscrollY" | "visibility" | "isolation" | "border" | "borderWidth" | "borderStyle" | "borderColor" | "borderRadius" | "rounded" | "borderTop" | "borderBlockStart" | "borderTopWidth" | "borderBlockStartWidth" | "borderBottomWidth" | "borderBlockEndWidth" | "borderLeftWidth" | "borderStartWidth" | "borderInlineStartWidth" | "borderRightWidth" | "borderEndWidth" | "borderInlineEndWidth" | "borderTopStyle" | "borderBlockStartStyle" | "borderBottomStyle" | "borderBlockEndStyle" | "borderLeftStyle" | "borderStartStyle" | "borderInlineStartStyle" | "borderRightStyle" | "borderEndStyle" | "borderInlineEndStyle" | "borderTopColor" | "borderBlockStartColor" | "borderBottomColor" | "borderBlockEndColor" | "borderLeftColor" | "borderStartColor" | "borderInlineStartColor" | "borderRightColor" | "borderEndColor" | "borderInlineEndColor" | "borderRight" | "borderEnd" | "borderInlineEnd" | "borderBottom" | "borderBlockEnd" | "borderLeft" | "borderStart" | "borderInlineStart" | "borderTopRadius" | "roundedTop" | "borderRightRadius" | "roundedRight" | "roundedEnd" | "borderInlineEndRadius" | "borderEndRadius" | "borderBottomRadius" | "roundedBottom" | "borderLeftRadius" | "roundedLeft" | "roundedStart" | "borderInlineStartRadius" | "borderStartRadius" | "borderTopLeftRadius" | "borderTopStartRadius" | "borderStartStartRadius" | "roundedTopLeft" | "roundedTopStart" | "borderTopRightRadius" | "borderTopEndRadius" | "borderStartEndRadius" | "roundedTopRight" | "roundedTopEnd" | "borderBottomLeftRadius" | "borderBottomStartRadius" | "borderEndStartRadius" | "roundedBottomLeft" | "roundedBottomStart" | "borderBottomRightRadius" | "borderBottomEndRadius" | "borderEndEndRadius" | "roundedBottomRight" | "roundedBottomEnd" | "borderX" | "borderInline" | "borderY" | "borderBlock" | "boxShadow" | "shadow" | "mixBlendMode" | "blendMode" | "backgroundBlendMode" | "bgBlendMode" | "opacity" | "bg" | "bgClip" | "backgroundClip" | "background" | "bgColor" | "backgroundColor" | "backgroundImage" | "bgGradient" | "backgroundSize" | "bgPos" | "backgroundPosition" | "bgImage" | "bgImg" | "bgRepeat" | "backgroundRepeat" | "bgSize" | "bgAttachment" | "backgroundAttachment" | "bgPosition" | "listStyleType" | "listStylePosition" | "listStylePos" | "listStyleImage" | "listStyleImg" | "zIndex" | "top" | "insetBlockStart" | "right" | "insetInlineEnd" | "insetEnd" | "bottom" | "insetBlockEnd" | "left" | "insetInlineStart" | "insetStart" | "inset" | "insetX" | "insetY" | "pos" | "position" | "insetInline" | "insetBlock" | "ring" | "ringColor" | "ringOffset" | "ringOffsetColor" | "ringInset" | "scrollBehavior" | "scrollSnapAlign" | "scrollSnapStop" | "scrollSnapType" | "scrollMargin" | "scrollMarginTop" | "scrollMarginBottom" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginX" | "scrollMarginY" | "scrollPadding" | "scrollPaddingTop" | "scrollPaddingBottom" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingX" | "scrollPaddingY" | "appearance" | "userSelect" | "pointerEvents" | "resize" | "cursor" | "outlineOffset" | "outlineColor" | "textDecoration" | "textDecor" | "textDecorationColor" | "textDecorationThickness" | "textDecorationStyle" | "textDecorationLine" | "textUnderlineOffset" | "textShadow" | "srOnly" | "layerStyle" | "textStyle" | "apply" | "as" | "key" | "autoFocus" | "disabled" | "name" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "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" | "_hover" | "_active" | "_focus" | "_highlighted" | "_focusWithin" | "_focusVisible" | "_disabled" | "_readOnly" | "_before" | "_after" | "_empty" | "_expanded" | "_checked" | "_grabbed" | "_pressed" | "_invalid" | "_valid" | "_loading" | "_selected" | "_hidden" | "_autofill" | "_even" | "_odd" | "_first" | "_last" | "_notFirst" | "_notLast" | "_visited" | "_activeLink" | "_activeStep" | "_indeterminate" | "_groupHover" | "_peerHover" | "_groupFocus" | "_peerFocus" | "_groupFocusVisible" | "_peerFocusVisible" | "_groupActive" | "_peerActive" | "_groupDisabled" | "_peerDisabled" | "_groupInvalid" | "_peerInvalid" | "_groupChecked" | "_peerChecked" | "_groupFocusWithin" | "_peerFocusWithin" | "_peerPlaceholderShown" | "_placeholder" | "_placeholderShown" | "_fullScreen" | "_selection" | "_rtl" | "_ltr" | "_mediaDark" | "_mediaReduceMotion" | "_dark" | "_light" | "colorScheme" | "__css" | "sx" | "css" | "isDisabled" | "leftIcon" | "rightIcon" | "orientation" | "styleConfig" | "wrap" | "max" | "min" | "maxLength" | "minLength" | "required" | "labelColor" | "errorMsg" | "helperMsg" | "autoComplete" | "focusBorderColor" | "errorBorderColor" | "isRequired" | "isInvalid" | "isReadOnly" | "cols" | "dirName" | "rows" | "limit"> & React.RefAttributes<HTMLTextAreaElement>>;

2

dist/hds.cjs.production.min.js

@@ -1,2 +0,2 @@

"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@chakra-ui/react"),r=require("react"),n=e(r),o=require("@chakra-ui/icons"),i=e(require("react-textarea-autosize")),a=e(require("lodash/omit")),l=e(require("lodash/merge")),u=require("framer-motion"),p=function(e){var o=e.id,i=e.label,a=e.labelColor,l=e.errorMsg,u=e.helperMsg,p=e.children,f=e.disabled,c=e.partProps,m=t.useMultiStyleConfig("Form",{variant:e.variant}),s=r.useId();return n.createElement(t.FormControl,Object.assign({id:o,isInvalid:Boolean(l),isReadOnly:f,"data-testid":s+"-form-container-form-control",sx:m.formControl},null==c?void 0:c.formControl),i&&n.createElement(t.FormLabel,Object.assign({borderRadius:"4px"},a&&{color:a},{"data-testid":s+"-form-container-label",sx:m.formLabel},null==c?void 0:c.formLabel),i),p,n.createElement(t.FormErrorMessage,Object.assign({sx:m.formErrorMessage},null==c?void 0:c.formErrorMessage,{"data-testid":s+"-form-container-error"}),l),u&&n.createElement(t.FormHelperText,Object.assign({sx:m.formHelperText},null==c?void 0:c.formErrorMessage,{"data-testid":s+"-form-container-helper"}),u))},f=r.forwardRef((function(e,o){var i=e.type,a=void 0===i?"text":i,l=e.size,u=void 0===l?"md":l,f=e.maxLength,c=e.autoFocus,m=e.placeholder,s=e.leftIcon,d=e.rightIcon,g=e.onChange,b=e.onBlur,x=e.name,y=e.autoComplete,S=e.disabled,h=e.readOnly,P=e.defaultValue,F=e.partProps,O=e.variant,H=e.onPressEnter,j=e.inputValue,v=t.useMultiStyleConfig("Form",{variant:void 0===O?"primary":O,size:u}),C=r.useId();return n.createElement(p,Object.assign({},e),n.createElement(t.InputGroup,Object.assign({sx:v.formInputGroup},null==F?void 0:F.inputGroup,{size:u,"data-testid":C+"-input-field-group"}),s&&n.createElement(t.InputLeftElement,Object.assign({},null==F?void 0:F.inputLeftElement,{"data-testid":C+"-input-field-left-element"}),s),n.createElement(t.Input,Object.assign({sx:v.formInput},null==F?void 0:F.input,{errorBorderColor:"red.500",autoFocus:c,ref:o,name:x,onChange:g,onBlur:b,type:a,placeholder:m,autoComplete:y,disabled:S,readOnly:h,defaultValue:P,maxLength:f,variant:"check-in",onKeyPress:function(e){"Enter"===e.key&&H&&H()},value:j?j.trim():void 0,role:"input","data-testid":C+"-input-field-input"})),d&&n.createElement(t.InputRightElement,Object.assign({},null==F?void 0:F.inputRightElement,{"data-testid":C+"-input-field-right-element"}),d)))})),c=r.forwardRef((function(e,r){var i=e.partProps,a=e.placeholder,l=e.onBlur,u=e.errorMsg,p=e.onChange,c=e.onPressEnter,m=n.useState(!1),s=m[0],d=m[1];return n.createElement(f,{placeholder:a,id:"Password-input",partProps:i,type:s?"text":"password",errorMsg:u,onBlur:l,onChange:p,onPressEnter:c,rightIcon:n.createElement(t.Button,Object.assign({background:"none",_hover:{background:"none"},_active:{background:"none"}},null==i?void 0:i.button,{"aria-label":"show-hide-btn",onClick:function(){return d((function(e){return!e}))}}),n.createElement(s?o.ViewIcon:o.ViewOffIcon,null))})}));c.displayName="PasswordInputField";var m=r.forwardRef((function(e,o){var i=e.numberOfFields,a=void 0===i?6:i,l=e.onChange,u=e.partProps,f=e.name,c=e.type,m=void 0===c?"alphanumeric":c,s=e.onComplete,d=t.useStyleConfig("PinInputField",{size:e.size,variant:e.variant}),g=r.useMemo((function(){return Array.from({length:a})}),[a]),b=r.useId();return n.createElement(p,Object.assign({},e),n.createElement(t.HStack,{spacing:3},n.createElement(t.PinInput,Object.assign({autoFocus:!0,otp:!0,focusBorderColor:"brand.primary.700",errorBorderColor:"red.300",isInvalid:Boolean(null==e?void 0:e.errorMsg),type:m},e,{onChange:function(e){null==l||l({target:{value:e,name:f}})},onComplete:s,"data-testid":b+"-pininput-input"}),g.map((function(e,r){return n.createElement(t.PinInputField,Object.assign({fontSize:"lg",fontWeight:"semibold",borderRadius:"4px",w:"12",h:"12",key:r,sx:d},null==u?void 0:u.pin,{"data-testid":b+"-pininput-pin-"+r}))})))))}));m.displayName="PinInputField";var s=r.forwardRef((function(e,o){var i=e.options,a=e.onChange,l=e.onBlur,u=e.name,f=e.placeholder,c=e.defaultValue,m=e.disabled,s=e.variant,d=t.useMultiStyleConfig("Form",{variant:void 0===s?"primary":s}),g=r.useId();return n.createElement(p,Object.assign({},e),n.createElement(t.Select,Object.assign({},e,{ref:o,name:u,onChange:a,onBlur:l,sx:d.formInput,placeholder:f,defaultValue:c,disabled:m,"data-testid":g+"-select-field-select"}),i.map((function(e){var t=e.value;return n.createElement("option",{key:t,style:{padding:0},value:t},e.label)}))))}));function d(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t.indexOf(r=i[n])>=0||(o[r]=e[r]);return o}var g=["minRows","maxRows"],b=r.forwardRef((function(e,n){var o=e.minRows,a=e.maxRows,l=d(e,g),u=r.useId();return r.createElement(t.Textarea,Object.assign({as:i,ref:n,width:"full",resize:"none",minHeight:"unset",overflowX:"hidden",overflowY:"auto",transition:"height none",minRows:null!=o?o:2,maxRows:null!=a?a:4,"data-testid":u+"-textarea-autosize"},l))})),x=r.forwardRef((function(e,o){var i=e.isDisabled,l=void 0!==i&&i,u=e.autoFocus,f=e.leftIcon,c=e.rightIcon,m=e.onChange,s=e.onBlur,d=e.name,g=e.limit,b=e.variant,x=t.useMultiStyleConfig("Form",{variant:void 0===b?"primary":b,size:e.size}),y=r.useId();return n.createElement(p,Object.assign({},e),n.createElement(t.InputGroup,null,f&&n.createElement(t.InputLeftElement,{pointerEvents:"none"},f),n.createElement(t.Textarea,Object.assign({isDisabled:l,maxLength:g,errorBorderColor:"red.500",autoFocus:u,ref:o,name:d,onChange:m,onBlur:s,sx:x.formTextarea,color:"gray.700",resize:"vertical"},a(e,"errorMsg"),{"data-testid":y+"-textarea-field-input"})),c&&n.createElement(t.InputRightElement,null,c)))})),y={"heading-web-1":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"80px",lineHeight:"88px",letterSpacing:"-0.02em"},"heading-web-2":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"56px",lineHeight:"64px",letterSpacing:"-0.02em"},"heading-web-3":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"40px",lineHeight:"44px",letterSpacing:"-0.02em"},"heading-web-4":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"500",fontSize:"32px",lineHeight:"36px",letterSpacing:"-0.02em"},"heading-web-5":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"500",fontSize:"24px",lineHeight:"28px",letterSpacing:"-0.02em"},"heading-web-6":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"500",fontSize:"20px",lineHeight:"24px",letterSpacing:"-0.02em"},"heading-mobile-1":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"44px",lineHeight:"48px",letterSpacing:"-0.012em"},"heading-mobile-2":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"32px",lineHeight:"36px",letterSpacing:"-0.012em"},"heading-mobile-3":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"24px",lineHeight:"28px",letterSpacing:"-0.012em"},"heading-mobile-4":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"500",fontSize:"20px",lineHeight:"24px",letterSpacing:"-0.012em"},"heading-mobile-5":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"500",fontSize:"18px",lineHeight:"20px",letterSpacing:"-0.012em"},"heading-mobile-6":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"500",fontSize:"16px",lineHeight:"18px",letterSpacing:"-0.012em"},"paragraph-xxl-default":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"400",fontSize:"32px",lineHeight:"48px"},"paragraph-xl-default":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"400",fontSize:"34px",lineHeight:"36px"},"paragraph-lg-default":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"400",fontSize:"20px",lineHeight:"32px"},"paragraph-md-default":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"400",fontSize:"18px",lineHeight:"28px"},"paragraph-sm-default":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"400",fontSize:"16px",lineHeight:"24px"},"paragraph-xs-default":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"20px"},"paragraph-xxs-default":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"400",fontSize:"12px",lineHeight:"16px"},"paragraph-xxl-italic":{fontFamily:"Helvetica Neue",fontStyle:"italic",fontWeight:"400",fontSize:"32px",lineHeight:"48px"},"paragraph-xl-italic":{fontFamily:"Helvetica Neue",fontStyle:"italic",fontWeight:"400",fontSize:"34px",lineHeight:"36px"},"paragraph-lg-italic":{fontFamily:"Helvetica Neue",fontStyle:"italic",fontWeight:"400",fontSize:"20px",lineHeight:"32px"},"paragraph-md-italic":{fontFamily:"Helvetica Neue",fontStyle:"italic",fontWeight:"400",fontSize:"18px",lineHeight:"28px"},"paragraph-sm-italic":{fontFamily:"Helvetica Neue",fontStyle:"italic",fontWeight:"400",fontSize:"16px",lineHeight:"24px",letterSpacing:"0.02em"},"paragraph-xs-italic":{fontFamily:"Helvetica Neue",fontStyle:"italic",fontWeight:"400",fontSize:"14px",lineHeight:"20px",letterSpacing:"0.02em"},"paragraph-xxs-italic":{fontFamily:"Helvetica Neue",fontStyle:"italic",fontWeight:"400",fontSize:"12px",lineHeight:"16px",letterSpacing:"0.02em"},"paragraph-xxl-bold":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"32px",lineHeight:"48px"},"paragraph-xl-bold":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"34px",lineHeight:"36px"},"paragraph-lg-bold":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"20px",lineHeight:"32px"},"paragraph-md-bold":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"18px",lineHeight:"28px"},"paragraph-sm-bold":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"16px",lineHeight:"24px",letterSpacing:"0.02em"},"paragraph-xs-bold":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"14px",lineHeight:"20px",letterSpacing:"0.02em"},"paragraph-xxs-bold":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"12px",lineHeight:"16px",letterSpacing:"0.02em"},"label-xl-default":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"400",fontSize:"32px",lineHeight:"32px"},"label-lg-default":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"400",fontSize:"28px",lineHeight:"28px"},"label-md-default":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"400",fontSize:"20px",lineHeight:"20px"},"label-sm-default":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"400",fontSize:"18px",lineHeight:"18px"},"label-xs-default":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"14px",letterSpacing:"0.02em"},"label-xxs-default":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"400",fontSize:"12px",lineHeight:"12px",letterSpacing:"0.02em"},"label-xl-italic":{fontFamily:"Helvetica Neue",fontStyle:"italic",fontWeight:"400",fontSize:"32px",lineHeight:"32px"},"label-lg-italic":{fontFamily:"Helvetica Neue",fontStyle:"italic",fontWeight:"400",fontSize:"28px",lineHeight:"28px"},"label-md-italic":{fontFamily:"Helvetica Neue",fontStyle:"italic",fontWeight:"400",fontSize:"20px",lineHeight:"20px"},"label-sm-italic":{fontFamily:"Helvetica Neue",fontStyle:"italic",fontWeight:"400",fontSize:"18px",lineHeight:"18px"},"label-xs-italic":{fontFamily:"Helvetica Neue",fontStyle:"italic",fontWeight:"400",fontSize:"14px",lineHeight:"14px",letterSpacing:"0.02em"},"label-xxs-italic":{fontFamily:"Helvetica Neue",fontStyle:"italic",fontWeight:"400",fontSize:"12px",lineHeight:"12px",letterSpacing:"0.02em"},"label-xl-medium":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"500",fontSize:"32px",lineHeight:"32px"},"label-lg-medium":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"500",fontSize:"28px",lineHeight:"28px"},"label-md-medium":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"500",fontSize:"20px",lineHeight:"20px"},"label-sm-medium":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"500",fontSize:"18px",lineHeight:"18px"},"label-xs-medium":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"500",fontSize:"14px",lineHeight:"14px",letterSpacing:"0.02em"},"label-xxs-medium":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"500",fontSize:"12px",lineHeight:"12px",letterSpacing:"0.02em"},"label-xl-bold":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"32px",lineHeight:"32px"},"label-lg-bold":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"28px",lineHeight:"28px"},"label-md-bold":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"20px",lineHeight:"20px"},"label-sm-bold":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"18px",lineHeight:"18px"},"label-xs-bold":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"14px",lineHeight:"14px",letterSpacing:"0.02em"},"label-xxs-bold":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"12px",lineHeight:"12px",letterSpacing:"0.02em"},"uppercase-xl-default":{textTransform:"upperCase",letterSpacing:"0.05em",fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"400",fontSize:"32px",lineHeight:"32px"},"uppercase-lg-default":{textTransform:"upperCase",letterSpacing:"0.05em",fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"400",fontSize:"28px",lineHeight:"28px"},"uppercase-md-default":{textTransform:"upperCase",letterSpacing:"0.05em",fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"400",fontSize:"20px",lineHeight:"20px"},"uppercase-sm-default":{textTransform:"upperCase",letterSpacing:"0.05em",fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"400",fontSize:"18px",lineHeight:"18px"},"uppercase-xs-default":{textTransform:"upperCase",letterSpacing:"0.05em",fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"14px"},"uppercase-xxs-default":{textTransform:"upperCase",letterSpacing:"0.05em",fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"400",fontSize:"12px",lineHeight:"12px"},"uppercase-xl-italic":{textTransform:"upperCase",letterSpacing:"0.05em",fontFamily:"Helvetica Neue",fontStyle:"italic",fontWeight:"400",fontSize:"32px",lineHeight:"32px"},"uppercase-lg-italic":{textTransform:"upperCase",letterSpacing:"0.05em",fontFamily:"Helvetica Neue",fontStyle:"italic",fontWeight:"400",fontSize:"28px",lineHeight:"28px"},"uppercase-md-italic":{textTransform:"upperCase",letterSpacing:"0.05em",fontFamily:"Helvetica Neue",fontStyle:"italic",fontWeight:"400",fontSize:"20px",lineHeight:"20px"},"uppercase-sm-italic":{textTransform:"upperCase",letterSpacing:"0.05em",fontFamily:"Helvetica Neue",fontStyle:"italic",fontWeight:"400",fontSize:"18px",lineHeight:"18px"},"uppercase-xs-italic":{textTransform:"upperCase",letterSpacing:"0.05em",fontFamily:"Helvetica Neue",fontStyle:"italic",fontWeight:"400",fontSize:"14px",lineHeight:"14px"},"uppercase-xxs-italic":{textTransform:"upperCase",letterSpacing:"0.05em",fontFamily:"Helvetica Neue",fontStyle:"italic",fontWeight:"400",fontSize:"12px",lineHeight:"12px"},"uppercase-xl-medium":{textTransform:"upperCase",letterSpacing:"0.05em",fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"500",fontSize:"32px",lineHeight:"32px"},"uppercase-lg-medium":{textTransform:"upperCase",letterSpacing:"0.05em",fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"500",fontSize:"28px",lineHeight:"28px"},"uppercase-md-medium":{textTransform:"upperCase",letterSpacing:"0.05em",fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"500",fontSize:"20px",lineHeight:"20px"},"uppercase-sm-medium":{textTransform:"upperCase",letterSpacing:"0.05em",fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"500",fontSize:"18px",lineHeight:"18px"},"uppercase-xs-medium":{textTransform:"upperCase",letterSpacing:"0.05em",fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"500",fontSize:"14px",lineHeight:"14px"},"uppercase-xxs-medium":{textTransform:"upperCase",letterSpacing:"0.05em",fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"500",fontSize:"12px",lineHeight:"12px"},"uppercase-xl-bold":{textTransform:"upperCase",letterSpacing:"0.05em",fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"32px",lineHeight:"32px"},"uppercase-lg-bold":{textTransform:"upperCase",letterSpacing:"0.05em",fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"28px",lineHeight:"28px"},"uppercase-md-bold":{textTransform:"upperCase",letterSpacing:"0.05em",fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"20px",lineHeight:"20px"},"uppercase-sm-bold":{textTransform:"upperCase",letterSpacing:"0.05em",fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"18px",lineHeight:"18px"},"uppercase-xs-bold":{textTransform:"upperCase",letterSpacing:"0.05em",fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"14px",lineHeight:"14px"},"uppercase-xxs-bold":{textTransform:"upperCase",letterSpacing:"0.05em",fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"12px",lineHeight:"12px"},"monospace-xl-default":{fontFamily:"SF Mono",fontStyle:"normal",fontWeight:"400",fontSize:"32px",lineHeight:"32px"},"monospace-lg-default":{fontFamily:"SF Mono",fontStyle:"normal",fontWeight:"400",fontSize:"28px",lineHeight:"28px"},"monospace-md-default":{fontFamily:"SF Mono",fontStyle:"normal",fontWeight:"400",fontSize:"20px",lineHeight:"20px"},"monospace-sm-default":{fontFamily:"SF Mono",fontStyle:"normal",fontWeight:"400",fontSize:"18px",lineHeight:"18px"},"monospace-xs-default":{fontFamily:"SF Mono",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"14px",letterSpacing:"0.02em"},"monospace-xxs-default":{fontFamily:"SF Mono",fontStyle:"normal",fontWeight:"400",fontSize:"12px",lineHeight:"12px"},"monospace-xl-italic":{fontFamily:"SF Mono",fontStyle:"italic",fontWeight:"400",fontSize:"32px",lineHeight:"32px"},"monospace-lg-italic":{fontFamily:"SF Mono",fontStyle:"italic",fontWeight:"400",fontSize:"28px",lineHeight:"28px"},"monospace-md-italic":{fontFamily:"SF Mono",fontStyle:"italic",fontWeight:"400",fontSize:"20px",lineHeight:"20px"},"monospace-sm-italic":{fontFamily:"SF Mono",fontStyle:"italic",fontWeight:"400",fontSize:"18px",lineHeight:"18px"},"monospace-xs-italic":{fontFamily:"SF Mono",fontStyle:"italic",fontWeight:"400",fontSize:"14px",lineHeight:"14px"},"monospace-xxs-italic":{fontFamily:"SF Mono",fontStyle:"italic",fontWeight:"400",fontSize:"12px",lineHeight:"12px"},"monospace-xl-medium":{fontFamily:"SF Mono",fontStyle:"normal",fontWeight:"500",fontSize:"32px",lineHeight:"32px"},"monospace-lg-medium":{fontFamily:"SF Mono",fontStyle:"normal",fontWeight:"500",fontSize:"28px",lineHeight:"28px"},"monospace-md-medium":{fontFamily:"SF Mono",fontStyle:"normal",fontWeight:"500",fontSize:"20px",lineHeight:"20px"},"monospace-sm-medium":{fontFamily:"SF Mono",fontStyle:"normal",fontWeight:"500",fontSize:"18px",lineHeight:"18px"},"monospace-xs-medium":{fontFamily:"SF Mono",fontStyle:"normal",fontWeight:"500",fontSize:"14px",lineHeight:"14px"},"monospace-xxs-medium":{fontFamily:"SF Mono",fontStyle:"normal",fontWeight:"500",fontSize:"12px",lineHeight:"12px"},"monospace-xl-bold":{fontFamily:"SF Mono",fontStyle:"normal",fontWeight:"700",fontSize:"32px",lineHeight:"32px"},"monospace-lg-bold":{fontFamily:"SF Mono",fontStyle:"normal",fontWeight:"700",fontSize:"28px",lineHeight:"28px"},"monospace-md-bold":{fontFamily:"SF Mono",fontStyle:"normal",fontWeight:"700",fontSize:"20px",lineHeight:"20px"},"monospace-sm-bold":{fontFamily:"SF Mono",fontStyle:"normal",fontWeight:"700",fontSize:"18px",lineHeight:"18px"},"monospace-xs-bold":{fontFamily:"SF Mono",fontStyle:"normal",fontWeight:"700",fontSize:"14px",lineHeight:"14px"},"monospace-xxs-bold":{fontFamily:"SF Mono",fontStyle:"normal",fontWeight:"700",fontSize:"12px",lineHeight:"12px"},"button-default":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"500",fontSize:"18px",lineHeight:"24px"},"button-uppercase":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"500",fontSize:"18px",lineHeight:"18px",letterSpacing:"0.05em",textTransform:"uppercase"}},S=t.extendTheme({config:{},styles:{global:{html:{scrollBehavior:"smooth"},body:{minH:"100vh",color:"gray.800",bgColor:"white",scrollBehavior:"smooth"}}},colors:{"alpha.white":{500:"#FFFFFF"},"alpha.black":{500:"#000000"},"canvas.light":{500:"#E5E5E5"},"canvas.dark":{500:"#1F1E1F"},"brand.primary":{900:"#414180",800:"#5353A3",700:"#7070DD",600:"#C0C0FC",500:"#E3E3FC"},"brand.secondary":{900:"#57805D",800:"#62A36B",700:"#BAEFC2",600:"#DEFCE3",500:"#F2FCF4"},"brand.tertiary":{900:"#295580",800:"#346DA3",700:"#75AEE4",600:"#CAE5FC",500:"#E8F3FC"},neutrals:{900:"#0F0F0F",800:"#2E2E2E",700:"#525252",600:"#7A7A7A",500:"#A3A3A3",400:"#B8B8B8",300:"#D1D1D1",200:"#E6E6E6",100:"#FAFAFA"},"interface.error":{900:"#800C05",800:"#9E241C",700:"#DC180C",600:"#FCD2CF",500:"#FCEAE8"},"interface.success":{900:"#008005",800:"#139E19",700:"#00C408",600:"#A3F0A7",500:"#E8FCE9"},"interface.warning":{900:"#CC8900",800:"#E59A00",700:"#FFAB00",600:"#FCDFA2",500:"#FCEFD4"},red:{50:"#FEF2F2",100:"#FEE2E2",200:"#FECACA",300:"#FCA5A5",400:"#F87171",500:"#EF4444",600:"#DC2626",700:"#B91C1C",800:"#991B1B",900:"#7F1D1D"},green:{50:"#ECFDF5",100:"#D1FAE5",200:"#A7F3D0",300:"#6EE7B7",400:"#34D399",500:"#10B981",600:"#059669",700:"#047857",800:"#065F46",900:"#064E3B"},gray:{50:"#F7FAFC",100:"#EDF2F7",200:"#E2E8F0",300:"#CBD5E0",400:"#A0AEC0",500:"#718096",600:"#4A5568",700:"#374151",800:"#1F2937",900:"#111827"}},fonts:{heading:"Helvetica Neue, sans-serif",body:"Helvetica Neue, sans-serif"},fontSizes:{"2xs":"10px","3xs":"8px"},components:{Box:{baseStyle:{},variants:{}},Stack:{baseStyle:{spacing:4,p:0},variants:{}},Button:{baseStyle:{_focus:{boxShadow:"none"},alignItems:"center",alignSelf:"center",borderRadius:"8px",color:"neutrals.100",outline:"none"},variants:{primary:{color:"neutrals.100",bg:"brand.primary.700",p:"8px 14px",borderRadius:"8px",_hover:{bg:"brand.primary.700",_disabled:{bg:"brand.primary.500"}},_disabled:{bg:"brand.primary.500"}}},defaultProps:{variant:"primary"}},Checkbox:{baseStyle:{control:{borderRadius:"base",padding:"6px"}},variants:{primary:{control:{borderColor:"gray.200",pointerEvents:"none",_focus:{shadow:"none"},_checked:{bg:"brand.primary.700",color:"brand.primary.700",borderColor:"brand.primary.700",_hover:{bg:"brand.primary.700",color:"brand.primary.700",borderColor:"brand.primary.700"}}}},orange:{control:{borderColor:"gray.200",_focus:{shadow:"none"},_checked:{bg:"orange.500",color:"white",borderColor:"orange.500",_hover:{bg:"orange.500",color:"white",borderColor:"orange.500"}}}}},defaultProps:{variant:"primary"}},Link:{baseStyle:{_hover:{textDecoration:"underline"}},sizes:y,variants:{primary:{fontWeight:"medium",color:"brand.primary.700"},orange:{fontWeight:"medium",color:"orange.500"}}},Form:{parts:["formLabel","formInput","formTextarea"],baseStyle:{formLabel:{fontWeight:500,fontSize:"16px",lineHeight:"19px"},formInput:{fontWeight:"normal",fontSize:"16px",lineHeight:"19px",border:"1px solid",borderColor:"gray.100",borderRadius:"base",_placeholder:{color:"gray.400"},padding:2},formTextarea:{fontWeight:"normal",fontSize:"16px",lineHeight:"19px",border:"1px solid",borderColor:"gray.100",borderRadius:"base",_placeholder:{color:"gray.400"},padding:2}},sizes:{formLabel:y},variants:{primary:{formInput:{_focus:{border:"2px solid",borderColor:"brand.primary.700"},_invalid:{_focus:{border:"2px solid",borderColor:"red.500"}},fontSize:"14px"},formTextarea:{_focusVisible:{border:"2px solid",borderColor:"brand.primary.700"},_invalid:{_focusVisible:{border:"2px solid",borderColor:"red.500"}},fontSize:"14px"}},"check-in-edit":{formInput:{height:"34px",_focus:{border:"2px solid",borderColor:"brand.primary.700"},_invalid:{_focus:{border:"2px solid",borderColor:"red.500"}}},formTextarea:{_focusVisible:{border:"2px solid",borderColor:"brand.primary.700"},_invalid:{_focusVisible:{border:"2px solid",borderColor:"red.500"}},fontSize:"14px"}},"check-in":{formInput:{border:"none",_focus:{border:"2px solid !important",borderColor:"#FFC107 !important"},_hover:{border:"1px dashed",borderColor:"gray.400"}},formTextarea:{_focusVisible:{border:"2px solid",borderColor:"brand.primary.700"},_invalid:{_focusVisible:{border:"2px solid",borderColor:"red.500"}},fontSize:"14px"}}},defaultProps:{variant:"primary"}},Heading:{baseStyle:{marginBottom:4},variants:{primary:{fontSize:"39px",lineHeight:"52px",color:"gray.700"},modalTitle:{fontSize:"32px",lineHeight:"42px",color:"gray.700"}}},Switch:{baseStyle:{track:{_focus:{boxShadow:"none"}}},variants:{primary:{track:{_checked:{bg:"brand.primary.700"}}}},defaultProps:{variant:"primary"}},Tabs:{parts:["tab","tabpanel","tablist"],baseStyle:{root:{w:"full",mt:6},tab:{fontWeight:"semibold",color:"gray.500",marginRight:4},tabpanel:{p:0,mt:4,mb:12}},variants:{primary:{tab:{_selected:{paddingBottom:"6px",borderBottom:"2px solid",borderBottomColor:"brand.primary.700",color:"gray.800",fontWeight:"semibold"},_focus:{boxShadow:"none"},marginBottom:"-2px"},tablist:{borderBottom:"1px solid",borderBottomColor:"gray.100"}}},defaultProps:{variant:"primary"}},Flex:{baseStyle:{},variants:{}},Text:{baseStyle:{fontStyle:"Helvetica Neue",fontColor:"neutrals.900"},sizes:y},Drawer:{parts:["closeButton"],baseStyle:{closeButton:{_focus:{boxShadow:"none"},color:"gray.800"}}},Select:{parts:["icon"],baseStyle:{icon:{color:"gray.400"}}},RadioImage:{baseStyle:function(){return{padding:1,borderRadius:180,w:14,color:"brand.primary.700"}},variants:{primary:function(){return{padding:1,color:"brand.primary.700"}}}}},zIndices:{commentDrawer:1450,commentOverlay:1400}}),h=function(e){return t.extendTheme(l(S,e))},P=["children"],F={fallback:null,getKey:function(e,t){return t}};Object.defineProperty(exports,"Accordion",{enumerable:!0,get:function(){return t.Accordion}}),Object.defineProperty(exports,"AccordionButton",{enumerable:!0,get:function(){return t.AccordionButton}}),Object.defineProperty(exports,"AccordionIcon",{enumerable:!0,get:function(){return t.AccordionIcon}}),Object.defineProperty(exports,"AccordionItem",{enumerable:!0,get:function(){return t.AccordionItem}}),Object.defineProperty(exports,"AccordionPanel",{enumerable:!0,get:function(){return t.AccordionPanel}}),Object.defineProperty(exports,"Alert",{enumerable:!0,get:function(){return t.Alert}}),Object.defineProperty(exports,"AlertDescription",{enumerable:!0,get:function(){return t.AlertDescription}}),Object.defineProperty(exports,"AlertDialog",{enumerable:!0,get:function(){return t.AlertDialog}}),Object.defineProperty(exports,"AlertDialogBody",{enumerable:!0,get:function(){return t.AlertDialogBody}}),Object.defineProperty(exports,"AlertDialogContent",{enumerable:!0,get:function(){return t.AlertDialogContent}}),Object.defineProperty(exports,"AlertDialogFooter",{enumerable:!0,get:function(){return t.AlertDialogFooter}}),Object.defineProperty(exports,"AlertDialogHeader",{enumerable:!0,get:function(){return t.AlertDialogHeader}}),Object.defineProperty(exports,"AlertDialogOverlay",{enumerable:!0,get:function(){return t.AlertDialogOverlay}}),Object.defineProperty(exports,"AlertIcon",{enumerable:!0,get:function(){return t.AlertIcon}}),Object.defineProperty(exports,"AlertTitle",{enumerable:!0,get:function(){return t.AlertTitle}}),Object.defineProperty(exports,"AspectRatio",{enumerable:!0,get:function(){return t.AspectRatio}}),Object.defineProperty(exports,"Avatar",{enumerable:!0,get:function(){return t.Avatar}}),Object.defineProperty(exports,"AvatarBadge",{enumerable:!0,get:function(){return t.AvatarBadge}}),Object.defineProperty(exports,"AvatarGroup",{enumerable:!0,get:function(){return t.AvatarGroup}}),Object.defineProperty(exports,"Badge",{enumerable:!0,get:function(){return t.Badge}}),Object.defineProperty(exports,"Box",{enumerable:!0,get:function(){return t.Box}}),Object.defineProperty(exports,"Breadcrumb",{enumerable:!0,get:function(){return t.Breadcrumb}}),Object.defineProperty(exports,"BreadcrumbItem",{enumerable:!0,get:function(){return t.BreadcrumbItem}}),Object.defineProperty(exports,"BreadcrumbLink",{enumerable:!0,get:function(){return t.BreadcrumbLink}}),Object.defineProperty(exports,"BreadcrumbSeparator",{enumerable:!0,get:function(){return t.BreadcrumbSeparator}}),Object.defineProperty(exports,"Button",{enumerable:!0,get:function(){return t.Button}}),Object.defineProperty(exports,"ButtonGroup",{enumerable:!0,get:function(){return t.ButtonGroup}}),Object.defineProperty(exports,"ButtonSpinner",{enumerable:!0,get:function(){return t.ButtonSpinner}}),Object.defineProperty(exports,"Center",{enumerable:!0,get:function(){return t.Center}}),Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:function(){return t.Checkbox}}),Object.defineProperty(exports,"CheckboxGroup",{enumerable:!0,get:function(){return t.CheckboxGroup}}),Object.defineProperty(exports,"Circle",{enumerable:!0,get:function(){return t.Circle}}),Object.defineProperty(exports,"CircularProgress",{enumerable:!0,get:function(){return t.CircularProgress}}),Object.defineProperty(exports,"CircularProgressLabel",{enumerable:!0,get:function(){return t.CircularProgressLabel}}),Object.defineProperty(exports,"CloseButton",{enumerable:!0,get:function(){return t.CloseButton}}),Object.defineProperty(exports,"Collapse",{enumerable:!0,get:function(){return t.Collapse}}),Object.defineProperty(exports,"Container",{enumerable:!0,get:function(){return t.Container}}),Object.defineProperty(exports,"Divider",{enumerable:!0,get:function(){return t.Divider}}),Object.defineProperty(exports,"Drawer",{enumerable:!0,get:function(){return t.Drawer}}),Object.defineProperty(exports,"DrawerBody",{enumerable:!0,get:function(){return t.DrawerBody}}),Object.defineProperty(exports,"DrawerCloseButton",{enumerable:!0,get:function(){return t.DrawerCloseButton}}),Object.defineProperty(exports,"DrawerContent",{enumerable:!0,get:function(){return t.DrawerContent}}),Object.defineProperty(exports,"DrawerFooter",{enumerable:!0,get:function(){return t.DrawerFooter}}),Object.defineProperty(exports,"DrawerHeader",{enumerable:!0,get:function(){return t.DrawerHeader}}),Object.defineProperty(exports,"DrawerOverlay",{enumerable:!0,get:function(){return t.DrawerOverlay}}),Object.defineProperty(exports,"Fade",{enumerable:!0,get:function(){return t.Fade}}),Object.defineProperty(exports,"Flex",{enumerable:!0,get:function(){return t.Flex}}),Object.defineProperty(exports,"FormControl",{enumerable:!0,get:function(){return t.FormControl}}),Object.defineProperty(exports,"FormErrorIcon",{enumerable:!0,get:function(){return t.FormErrorIcon}}),Object.defineProperty(exports,"FormErrorMessage",{enumerable:!0,get:function(){return t.FormErrorMessage}}),Object.defineProperty(exports,"FormHelperText",{enumerable:!0,get:function(){return t.FormHelperText}}),Object.defineProperty(exports,"FormLabel",{enumerable:!0,get:function(){return t.FormLabel}}),Object.defineProperty(exports,"GlobalStyle",{enumerable:!0,get:function(){return t.GlobalStyle}}),Object.defineProperty(exports,"Grid",{enumerable:!0,get:function(){return t.Grid}}),Object.defineProperty(exports,"GridItem",{enumerable:!0,get:function(){return t.GridItem}}),Object.defineProperty(exports,"HStack",{enumerable:!0,get:function(){return t.HStack}}),Object.defineProperty(exports,"Heading",{enumerable:!0,get:function(){return t.Heading}}),Object.defineProperty(exports,"Hide",{enumerable:!0,get:function(){return t.Hide}}),Object.defineProperty(exports,"Icon",{enumerable:!0,get:function(){return t.Icon}}),Object.defineProperty(exports,"IconButton",{enumerable:!0,get:function(){return t.IconButton}}),Object.defineProperty(exports,"Image",{enumerable:!0,get:function(){return t.Image}}),Object.defineProperty(exports,"Img",{enumerable:!0,get:function(){return t.Img}}),Object.defineProperty(exports,"Input",{enumerable:!0,get:function(){return t.Input}}),Object.defineProperty(exports,"InputAddon",{enumerable:!0,get:function(){return t.InputAddon}}),Object.defineProperty(exports,"InputGroup",{enumerable:!0,get:function(){return t.InputGroup}}),Object.defineProperty(exports,"InputLeftAddon",{enumerable:!0,get:function(){return t.InputLeftAddon}}),Object.defineProperty(exports,"InputLeftElement",{enumerable:!0,get:function(){return t.InputLeftElement}}),Object.defineProperty(exports,"InputRightAddon",{enumerable:!0,get:function(){return t.InputRightAddon}}),Object.defineProperty(exports,"InputRightElement",{enumerable:!0,get:function(){return t.InputRightElement}}),Object.defineProperty(exports,"LightMode",{enumerable:!0,get:function(){return t.LightMode}}),Object.defineProperty(exports,"Link",{enumerable:!0,get:function(){return t.Link}}),Object.defineProperty(exports,"LinkBox",{enumerable:!0,get:function(){return t.LinkBox}}),Object.defineProperty(exports,"LinkOverlay",{enumerable:!0,get:function(){return t.LinkOverlay}}),Object.defineProperty(exports,"List",{enumerable:!0,get:function(){return t.List}}),Object.defineProperty(exports,"ListItem",{enumerable:!0,get:function(){return t.ListItem}}),Object.defineProperty(exports,"Menu",{enumerable:!0,get:function(){return t.Menu}}),Object.defineProperty(exports,"MenuButton",{enumerable:!0,get:function(){return t.MenuButton}}),Object.defineProperty(exports,"MenuDivider",{enumerable:!0,get:function(){return t.MenuDivider}}),Object.defineProperty(exports,"MenuGroup",{enumerable:!0,get:function(){return t.MenuGroup}}),Object.defineProperty(exports,"MenuItem",{enumerable:!0,get:function(){return t.MenuItem}}),Object.defineProperty(exports,"MenuItemOption",{enumerable:!0,get:function(){return t.MenuItemOption}}),Object.defineProperty(exports,"MenuList",{enumerable:!0,get:function(){return t.MenuList}}),Object.defineProperty(exports,"MenuOptionGroup",{enumerable:!0,get:function(){return t.MenuOptionGroup}}),Object.defineProperty(exports,"Modal",{enumerable:!0,get:function(){return t.Modal}}),Object.defineProperty(exports,"ModalBody",{enumerable:!0,get:function(){return t.ModalBody}}),Object.defineProperty(exports,"ModalCloseButton",{enumerable:!0,get:function(){return t.ModalCloseButton}}),Object.defineProperty(exports,"ModalContent",{enumerable:!0,get:function(){return t.ModalContent}}),Object.defineProperty(exports,"ModalContextProvider",{enumerable:!0,get:function(){return t.ModalContextProvider}}),Object.defineProperty(exports,"ModalFocusScope",{enumerable:!0,get:function(){return t.ModalFocusScope}}),Object.defineProperty(exports,"ModalFooter",{enumerable:!0,get:function(){return t.ModalFooter}}),Object.defineProperty(exports,"ModalHeader",{enumerable:!0,get:function(){return t.ModalHeader}}),Object.defineProperty(exports,"ModalOverlay",{enumerable:!0,get:function(){return t.ModalOverlay}}),Object.defineProperty(exports,"NumberDecrementStepper",{enumerable:!0,get:function(){return t.NumberDecrementStepper}}),Object.defineProperty(exports,"NumberIncrementStepper",{enumerable:!0,get:function(){return t.NumberIncrementStepper}}),Object.defineProperty(exports,"NumberInput",{enumerable:!0,get:function(){return t.NumberInput}}),Object.defineProperty(exports,"NumberInputField",{enumerable:!0,get:function(){return t.NumberInputField}}),Object.defineProperty(exports,"NumberInputStepper",{enumerable:!0,get:function(){return t.NumberInputStepper}}),Object.defineProperty(exports,"OrderedList",{enumerable:!0,get:function(){return t.OrderedList}}),Object.defineProperty(exports,"Pin",{enumerable:!0,get:function(){return t.PinInputField}}),Object.defineProperty(exports,"PinInput",{enumerable:!0,get:function(){return t.PinInput}}),Object.defineProperty(exports,"Popover",{enumerable:!0,get:function(){return t.Popover}}),Object.defineProperty(exports,"PopoverAnchor",{enumerable:!0,get:function(){return t.PopoverAnchor}}),Object.defineProperty(exports,"PopoverArrow",{enumerable:!0,get:function(){return t.PopoverArrow}}),Object.defineProperty(exports,"PopoverBody",{enumerable:!0,get:function(){return t.PopoverBody}}),Object.defineProperty(exports,"PopoverCloseButton",{enumerable:!0,get:function(){return t.PopoverCloseButton}}),Object.defineProperty(exports,"PopoverContent",{enumerable:!0,get:function(){return t.PopoverContent}}),Object.defineProperty(exports,"PopoverFooter",{enumerable:!0,get:function(){return t.PopoverFooter}}),Object.defineProperty(exports,"PopoverHeader",{enumerable:!0,get:function(){return t.PopoverHeader}}),Object.defineProperty(exports,"PopoverTrigger",{enumerable:!0,get:function(){return t.PopoverTrigger}}),Object.defineProperty(exports,"Portal",{enumerable:!0,get:function(){return t.Portal}}),Object.defineProperty(exports,"Progress",{enumerable:!0,get:function(){return t.Progress}}),Object.defineProperty(exports,"ProgressLabel",{enumerable:!0,get:function(){return t.ProgressLabel}}),Object.defineProperty(exports,"Radio",{enumerable:!0,get:function(){return t.Radio}}),Object.defineProperty(exports,"RadioGroup",{enumerable:!0,get:function(){return t.RadioGroup}}),Object.defineProperty(exports,"ScaleFade",{enumerable:!0,get:function(){return t.ScaleFade}}),Object.defineProperty(exports,"Select",{enumerable:!0,get:function(){return t.Select}}),Object.defineProperty(exports,"Show",{enumerable:!0,get:function(){return t.Show}}),Object.defineProperty(exports,"SimpleGrid",{enumerable:!0,get:function(){return t.SimpleGrid}}),Object.defineProperty(exports,"Skeleton",{enumerable:!0,get:function(){return t.Skeleton}}),Object.defineProperty(exports,"SkeletonCircle",{enumerable:!0,get:function(){return t.SkeletonCircle}}),Object.defineProperty(exports,"SkeletonText",{enumerable:!0,get:function(){return t.SkeletonText}}),Object.defineProperty(exports,"Slide",{enumerable:!0,get:function(){return t.Slide}}),Object.defineProperty(exports,"SlideFade",{enumerable:!0,get:function(){return t.SlideFade}}),Object.defineProperty(exports,"Slider",{enumerable:!0,get:function(){return t.Slider}}),Object.defineProperty(exports,"SliderFilledTrack",{enumerable:!0,get:function(){return t.SliderFilledTrack}}),Object.defineProperty(exports,"SliderMark",{enumerable:!0,get:function(){return t.SliderMark}}),Object.defineProperty(exports,"SliderThumb",{enumerable:!0,get:function(){return t.SliderThumb}}),Object.defineProperty(exports,"SliderTrack",{enumerable:!0,get:function(){return t.SliderTrack}}),Object.defineProperty(exports,"Spacer",{enumerable:!0,get:function(){return t.Spacer}}),Object.defineProperty(exports,"Spinner",{enumerable:!0,get:function(){return t.Spinner}}),Object.defineProperty(exports,"Square",{enumerable:!0,get:function(){return t.Square}}),Object.defineProperty(exports,"Stack",{enumerable:!0,get:function(){return t.Stack}}),Object.defineProperty(exports,"Stat",{enumerable:!0,get:function(){return t.Stat}}),Object.defineProperty(exports,"StatArrow",{enumerable:!0,get:function(){return t.StatArrow}}),Object.defineProperty(exports,"StatGroup",{enumerable:!0,get:function(){return t.StatGroup}}),Object.defineProperty(exports,"StatHelpText",{enumerable:!0,get:function(){return t.StatHelpText}}),Object.defineProperty(exports,"StatLabel",{enumerable:!0,get:function(){return t.StatLabel}}),Object.defineProperty(exports,"StatNumber",{enumerable:!0,get:function(){return t.StatNumber}}),Object.defineProperty(exports,"Switch",{enumerable:!0,get:function(){return t.Switch}}),Object.defineProperty(exports,"Tab",{enumerable:!0,get:function(){return t.Tab}}),Object.defineProperty(exports,"TabList",{enumerable:!0,get:function(){return t.TabList}}),Object.defineProperty(exports,"TabPanel",{enumerable:!0,get:function(){return t.TabPanel}}),Object.defineProperty(exports,"TabPanels",{enumerable:!0,get:function(){return t.TabPanels}}),Object.defineProperty(exports,"Table",{enumerable:!0,get:function(){return t.Table}}),Object.defineProperty(exports,"TableCaption",{enumerable:!0,get:function(){return t.TableCaption}}),Object.defineProperty(exports,"TableContainer",{enumerable:!0,get:function(){return t.TableContainer}}),Object.defineProperty(exports,"Tabs",{enumerable:!0,get:function(){return t.Tabs}}),Object.defineProperty(exports,"Tag",{enumerable:!0,get:function(){return t.Tag}}),Object.defineProperty(exports,"TagCloseButton",{enumerable:!0,get:function(){return t.TagCloseButton}}),Object.defineProperty(exports,"TagLabel",{enumerable:!0,get:function(){return t.TagLabel}}),Object.defineProperty(exports,"TagLeftIcon",{enumerable:!0,get:function(){return t.TagLeftIcon}}),Object.defineProperty(exports,"TagRightIcon",{enumerable:!0,get:function(){return t.TagRightIcon}}),Object.defineProperty(exports,"Tbody",{enumerable:!0,get:function(){return t.Tbody}}),Object.defineProperty(exports,"Td",{enumerable:!0,get:function(){return t.Td}}),Object.defineProperty(exports,"Text",{enumerable:!0,get:function(){return t.Text}}),Object.defineProperty(exports,"Textarea",{enumerable:!0,get:function(){return t.Textarea}}),Object.defineProperty(exports,"Tfoot",{enumerable:!0,get:function(){return t.Tfoot}}),Object.defineProperty(exports,"Th",{enumerable:!0,get:function(){return t.Th}}),Object.defineProperty(exports,"Thead",{enumerable:!0,get:function(){return t.Thead}}),Object.defineProperty(exports,"Tooltip",{enumerable:!0,get:function(){return t.Tooltip}}),Object.defineProperty(exports,"Tr",{enumerable:!0,get:function(){return t.Tr}}),Object.defineProperty(exports,"UnorderedList",{enumerable:!0,get:function(){return t.UnorderedList}}),Object.defineProperty(exports,"VStack",{enumerable:!0,get:function(){return t.VStack}}),Object.defineProperty(exports,"Wrap",{enumerable:!0,get:function(){return t.Wrap}}),Object.defineProperty(exports,"WrapItem",{enumerable:!0,get:function(){return t.WrapItem}}),Object.defineProperty(exports,"chakra",{enumerable:!0,get:function(){return t.chakra}}),Object.defineProperty(exports,"createStandaloneToast",{enumerable:!0,get:function(){return t.createStandaloneToast}}),Object.defineProperty(exports,"forwardRef",{enumerable:!0,get:function(){return t.forwardRef}}),Object.defineProperty(exports,"keyframes",{enumerable:!0,get:function(){return t.keyframes}}),Object.defineProperty(exports,"shouldShowFallbackImage",{enumerable:!0,get:function(){return t.shouldShowFallbackImage}}),Object.defineProperty(exports,"useBoolean",{enumerable:!0,get:function(){return t.useBoolean}}),Object.defineProperty(exports,"useBreakpoint",{enumerable:!0,get:function(){return t.useBreakpoint}}),Object.defineProperty(exports,"useBreakpointValue",{enumerable:!0,get:function(){return t.useBreakpointValue}}),Object.defineProperty(exports,"useButtonGroup",{enumerable:!0,get:function(){return t.useButtonGroup}}),Object.defineProperty(exports,"useCheckbox",{enumerable:!0,get:function(){return t.useCheckbox}}),Object.defineProperty(exports,"useCheckboxGroup",{enumerable:!0,get:function(){return t.useCheckboxGroup}}),Object.defineProperty(exports,"useClipboard",{enumerable:!0,get:function(){return t.useClipboard}}),Object.defineProperty(exports,"useColorModeValue",{enumerable:!0,get:function(){return t.useColorModeValue}}),Object.defineProperty(exports,"useConst",{enumerable:!0,get:function(){return t.useConst}}),Object.defineProperty(exports,"useDisclosure",{enumerable:!0,get:function(){return t.useDisclosure}}),Object.defineProperty(exports,"useImage",{enumerable:!0,get:function(){return t.useImage}}),Object.defineProperty(exports,"useInputGroupStyles",{enumerable:!0,get:function(){return t.useInputGroupStyles}}),Object.defineProperty(exports,"useMediaQuery",{enumerable:!0,get:function(){return t.useMediaQuery}}),Object.defineProperty(exports,"useMenuButton",{enumerable:!0,get:function(){return t.useMenuButton}}),Object.defineProperty(exports,"useModal",{enumerable:!0,get:function(){return t.useModal}}),Object.defineProperty(exports,"useMultiStyleConfig",{enumerable:!0,get:function(){return t.useMultiStyleConfig}}),Object.defineProperty(exports,"useOutsideClick",{enumerable:!0,get:function(){return t.useOutsideClick}}),Object.defineProperty(exports,"usePrefersReducedMotion",{enumerable:!0,get:function(){return t.usePrefersReducedMotion}}),Object.defineProperty(exports,"useRadio",{enumerable:!0,get:function(){return t.useRadio}}),Object.defineProperty(exports,"useRadioGroup",{enumerable:!0,get:function(){return t.useRadioGroup}}),Object.defineProperty(exports,"useSlider",{enumerable:!0,get:function(){return t.useSlider}}),Object.defineProperty(exports,"useTheme",{enumerable:!0,get:function(){return t.useTheme}}),Object.defineProperty(exports,"useToast",{enumerable:!0,get:function(){return t.useToast}}),Object.defineProperty(exports,"isValidMotionProp",{enumerable:!0,get:function(){return u.isValidMotionProp}}),Object.defineProperty(exports,"motion",{enumerable:!0,get:function(){return u.motion}}),exports.For=function(e){var t=Object.assign(F,e),n=t.each,o=t.fallback,i=t.children,a=t.getKey;return n.length?r.createElement(r.Fragment,null,n.map((function(e,t){return r.createElement((function(){return i(e,t)}),{key:a(e,t)})}))):o},exports.FormContainer=p,exports.InputField=f,exports.Mount=function(e){var t=Object.assign({fallback:null},e),n=t.fallback;return t.when?r.createElement(r.Fragment,null,t.children):n},exports.PasswordInputField=c,exports.PinInputField=m,exports.SelectField=s,exports.TextAreaField=x,exports.TextareaAutosize=b,exports.ThemeProvider=function(e){var r=e.children,o=d(e,P);return n.createElement(t.ChakraProvider,Object.assign({},o,{theme:h(o.theme)}),r)},exports.extendTheme=h,exports.theme=S;
"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@chakra-ui/react"),r=require("react"),n=e(r),o=require("@chakra-ui/icons"),i=e(require("react-textarea-autosize")),a=e(require("lodash/omit")),l=e(require("lodash/merge")),p=require("framer-motion"),u=function(e){var o=e.id,i=e.label,a=e.labelColor,l=e.errorMsg,p=e.helperMsg,u=e.children,f=e.disabled,c=e.partProps,d=t.useMultiStyleConfig("Form",{variant:e.variant}),b=r.useId();return n.createElement(t.FormControl,Object.assign({id:o,isInvalid:Boolean(l),isReadOnly:f,"data-testid":b+"-form-container-form-control",sx:d.formControl},null==c?void 0:c.formControl),i&&n.createElement(t.FormLabel,Object.assign({borderRadius:"4px"},a&&{color:a},{"data-testid":b+"-form-container-label",sx:d.formLabel},null==c?void 0:c.formLabel),i),u,n.createElement(t.FormErrorMessage,Object.assign({sx:d.formErrorMessage},null==c?void 0:c.formErrorMessage,{"data-testid":b+"-form-container-error"}),l),p&&n.createElement(t.FormHelperText,Object.assign({sx:d.formHelperText},null==c?void 0:c.formErrorMessage,{"data-testid":b+"-form-container-helper"}),p))},f=r.forwardRef((function(e,o){var i=e.type,a=void 0===i?"text":i,l=e.size,p=void 0===l?"md":l,f=e.maxLength,c=e.autoFocus,d=e.placeholder,b=e.leftIcon,s=e.rightIcon,m=e.onChange,x=e.onBlur,g=e.name,y=e.autoComplete,h=e.disabled,S=e.readOnly,F=e.defaultValue,P=e.partProps,O=e.variant,v=e.onPressEnter,H=e.inputValue,j=t.useMultiStyleConfig("Form",{variant:void 0===O?"primary":O,size:p}),C=r.useId();return n.createElement(u,Object.assign({},e),n.createElement(t.InputGroup,Object.assign({sx:j.formInputGroup},null==P?void 0:P.inputGroup,{size:p,"data-testid":C+"-input-field-group"}),b&&n.createElement(t.InputLeftElement,Object.assign({},null==P?void 0:P.inputLeftElement,{"data-testid":C+"-input-field-left-element"}),b),n.createElement(t.Input,Object.assign({sx:j.formInput},null==P?void 0:P.input,{errorBorderColor:"red.500",autoFocus:c,ref:o,name:g,onChange:m,onBlur:x,type:a,placeholder:d,autoComplete:y,disabled:h,readOnly:S,defaultValue:F,maxLength:f,variant:"check-in",onKeyPress:function(e){"Enter"===e.key&&v&&v()},value:H?H.trim():void 0,role:"input","data-testid":C+"-input-field-input"})),s&&n.createElement(t.InputRightElement,Object.assign({},null==P?void 0:P.inputRightElement,{"data-testid":C+"-input-field-right-element"}),s)))})),c=r.forwardRef((function(e,r){var i=e.partProps,a=e.placeholder,l=e.onBlur,p=e.errorMsg,u=e.onChange,c=e.onPressEnter,d=n.useState(!1),b=d[0],s=d[1];return n.createElement(f,{placeholder:a,id:"Password-input",partProps:i,type:b?"text":"password",errorMsg:p,onBlur:l,onChange:u,onPressEnter:c,rightIcon:n.createElement(t.Button,Object.assign({background:"none",_hover:{background:"none"},_active:{background:"none"}},null==i?void 0:i.button,{"aria-label":"show-hide-btn",onClick:function(){return s((function(e){return!e}))}}),n.createElement(b?o.ViewIcon:o.ViewOffIcon,null))})}));c.displayName="PasswordInputField";var d=r.forwardRef((function(e,o){var i=e.numberOfFields,a=void 0===i?6:i,l=e.onChange,p=e.partProps,f=e.name,c=e.type,d=void 0===c?"alphanumeric":c,b=e.onComplete,s=t.useStyleConfig("PinInputField",{size:e.size,variant:e.variant}),m=r.useMemo((function(){return Array.from({length:a})}),[a]),x=r.useId();return n.createElement(u,Object.assign({},e),n.createElement(t.HStack,{spacing:3},n.createElement(t.PinInput,Object.assign({autoFocus:!0,otp:!0,focusBorderColor:"brand.primary.700",errorBorderColor:"red.300",isInvalid:Boolean(null==e?void 0:e.errorMsg),type:d},e,{onChange:function(e){null==l||l({target:{value:e,name:f}})},onComplete:b,"data-testid":x+"-pininput-input"}),m.map((function(e,r){return n.createElement(t.PinInputField,Object.assign({fontSize:"lg",fontWeight:"semibold",borderRadius:"4px",w:"12",h:"12",key:r,sx:s},null==p?void 0:p.pin,{"data-testid":x+"-pininput-pin-"+r}))})))))}));d.displayName="PinInputField";var b=r.forwardRef((function(e,o){var i=e.options,a=e.onChange,l=e.onBlur,p=e.name,f=e.placeholder,c=e.defaultValue,d=e.disabled,b=e.variant,s=t.useMultiStyleConfig("Form",{variant:void 0===b?"primary":b}),m=r.useId();return n.createElement(u,Object.assign({},e),n.createElement(t.Select,Object.assign({},e,{ref:o,name:p,onChange:a,onBlur:l,sx:s.formInput,placeholder:f,defaultValue:c,disabled:d,"data-testid":m+"-select-field-select"}),i.map((function(e){var t=e.value;return n.createElement("option",{key:t,style:{padding:0},value:t},e.label)}))))}));function s(){return(s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function m(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t.indexOf(r=i[n])>=0||(o[r]=e[r]);return o}var x=["minRows","maxRows"],g=r.forwardRef((function(e,n){var o=e.minRows,a=e.maxRows,l=m(e,x),p=r.useId();return r.createElement(t.Textarea,Object.assign({as:i,ref:n,width:"full",resize:"none",minHeight:"unset",overflowX:"hidden",overflowY:"auto",transition:"height none",minRows:null!=o?o:2,maxRows:null!=a?a:4,"data-testid":p+"-textarea-autosize"},l))})),y=r.forwardRef((function(e,o){var i=e.isDisabled,l=void 0!==i&&i,p=e.autoFocus,f=e.leftIcon,c=e.rightIcon,d=e.onChange,b=e.onBlur,s=e.name,m=e.limit,x=e.variant,g=t.useMultiStyleConfig("Form",{variant:void 0===x?"primary":x,size:e.size}),y=r.useId();return n.createElement(u,Object.assign({},e),n.createElement(t.InputGroup,null,f&&n.createElement(t.InputLeftElement,{pointerEvents:"none"},f),n.createElement(t.Textarea,Object.assign({isDisabled:l,maxLength:m,errorBorderColor:"red.500",autoFocus:p,ref:o,name:s,onChange:d,onBlur:b,sx:g.formTextarea,color:"gray.700",resize:"vertical"},a(e,"errorMsg"),{"data-testid":y+"-textarea-field-input"})),c&&n.createElement(t.InputRightElement,null,c)))})),h={"heading-web-1":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"80px",lineHeight:"88px",letterSpacing:"-0.02em"},"heading-web-2":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"56px",lineHeight:"64px",letterSpacing:"-0.02em"},"heading-web-3":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"40px",lineHeight:"44px",letterSpacing:"-0.02em"},"heading-web-4":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"500",fontSize:"32px",lineHeight:"36px",letterSpacing:"-0.02em"},"heading-web-5":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"500",fontSize:"24px",lineHeight:"28px",letterSpacing:"-0.02em"},"heading-web-6":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"500",fontSize:"20px",lineHeight:"24px",letterSpacing:"-0.02em"},"heading-mobile-1":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"44px",lineHeight:"48px",letterSpacing:"-0.012em"},"heading-mobile-2":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"32px",lineHeight:"36px",letterSpacing:"-0.012em"},"heading-mobile-3":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"24px",lineHeight:"28px",letterSpacing:"-0.012em"},"heading-mobile-4":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"500",fontSize:"20px",lineHeight:"24px",letterSpacing:"-0.012em"},"heading-mobile-5":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"500",fontSize:"18px",lineHeight:"20px",letterSpacing:"-0.012em"},"heading-mobile-6":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"500",fontSize:"16px",lineHeight:"18px",letterSpacing:"-0.012em"},"paragraph-xxl-default":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"400",fontSize:"32px",lineHeight:"48px"},"paragraph-xl-default":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"400",fontSize:"34px",lineHeight:"36px"},"paragraph-lg-default":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"400",fontSize:"20px",lineHeight:"32px"},"paragraph-md-default":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"400",fontSize:"18px",lineHeight:"28px"},"paragraph-sm-default":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"400",fontSize:"16px",lineHeight:"24px"},"paragraph-xs-default":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"20px"},"paragraph-xxs-default":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"400",fontSize:"12px",lineHeight:"16px"},"paragraph-xxl-italic":{fontFamily:"Helvetica Neue",fontStyle:"italic",fontWeight:"400",fontSize:"32px",lineHeight:"48px"},"paragraph-xl-italic":{fontFamily:"Helvetica Neue",fontStyle:"italic",fontWeight:"400",fontSize:"34px",lineHeight:"36px"},"paragraph-lg-italic":{fontFamily:"Helvetica Neue",fontStyle:"italic",fontWeight:"400",fontSize:"20px",lineHeight:"32px"},"paragraph-md-italic":{fontFamily:"Helvetica Neue",fontStyle:"italic",fontWeight:"400",fontSize:"18px",lineHeight:"28px"},"paragraph-sm-italic":{fontFamily:"Helvetica Neue",fontStyle:"italic",fontWeight:"400",fontSize:"16px",lineHeight:"24px",letterSpacing:"0.02em"},"paragraph-xs-italic":{fontFamily:"Helvetica Neue",fontStyle:"italic",fontWeight:"400",fontSize:"14px",lineHeight:"20px",letterSpacing:"0.02em"},"paragraph-xxs-italic":{fontFamily:"Helvetica Neue",fontStyle:"italic",fontWeight:"400",fontSize:"12px",lineHeight:"16px",letterSpacing:"0.02em"},"paragraph-xxl-bold":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"32px",lineHeight:"48px"},"paragraph-xl-bold":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"34px",lineHeight:"36px"},"paragraph-lg-bold":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"20px",lineHeight:"32px"},"paragraph-md-bold":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"18px",lineHeight:"28px"},"paragraph-sm-bold":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"16px",lineHeight:"24px",letterSpacing:"0.02em"},"paragraph-xs-bold":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"14px",lineHeight:"20px",letterSpacing:"0.02em"},"paragraph-xxs-bold":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"12px",lineHeight:"16px",letterSpacing:"0.02em"},"label-xl-default":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"400",fontSize:"32px",lineHeight:"32px"},"label-lg-default":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"400",fontSize:"28px",lineHeight:"28px"},"label-md-default":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"400",fontSize:"20px",lineHeight:"20px"},"label-sm-default":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"400",fontSize:"18px",lineHeight:"18px"},"label-xs-default":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"14px",letterSpacing:"0.02em"},"label-xxs-default":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"400",fontSize:"12px",lineHeight:"12px",letterSpacing:"0.02em"},"label-xl-italic":{fontFamily:"Helvetica Neue",fontStyle:"italic",fontWeight:"400",fontSize:"32px",lineHeight:"32px"},"label-lg-italic":{fontFamily:"Helvetica Neue",fontStyle:"italic",fontWeight:"400",fontSize:"28px",lineHeight:"28px"},"label-md-italic":{fontFamily:"Helvetica Neue",fontStyle:"italic",fontWeight:"400",fontSize:"20px",lineHeight:"20px"},"label-sm-italic":{fontFamily:"Helvetica Neue",fontStyle:"italic",fontWeight:"400",fontSize:"18px",lineHeight:"18px"},"label-xs-italic":{fontFamily:"Helvetica Neue",fontStyle:"italic",fontWeight:"400",fontSize:"14px",lineHeight:"14px",letterSpacing:"0.02em"},"label-xxs-italic":{fontFamily:"Helvetica Neue",fontStyle:"italic",fontWeight:"400",fontSize:"12px",lineHeight:"12px",letterSpacing:"0.02em"},"label-xl-medium":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"500",fontSize:"32px",lineHeight:"32px"},"label-lg-medium":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"500",fontSize:"28px",lineHeight:"28px"},"label-md-medium":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"500",fontSize:"20px",lineHeight:"20px"},"label-sm-medium":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"500",fontSize:"18px",lineHeight:"18px"},"label-xs-medium":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"500",fontSize:"14px",lineHeight:"14px",letterSpacing:"0.02em"},"label-xxs-medium":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"500",fontSize:"12px",lineHeight:"12px",letterSpacing:"0.02em"},"label-xl-bold":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"32px",lineHeight:"32px"},"label-lg-bold":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"28px",lineHeight:"28px"},"label-md-bold":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"20px",lineHeight:"20px"},"label-sm-bold":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"18px",lineHeight:"18px"},"label-xs-bold":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"14px",lineHeight:"14px",letterSpacing:"0.02em"},"label-xxs-bold":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"12px",lineHeight:"12px",letterSpacing:"0.02em"},"uppercase-xl-default":{textTransform:"upperCase",letterSpacing:"0.05em",fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"400",fontSize:"32px",lineHeight:"32px"},"uppercase-lg-default":{textTransform:"upperCase",letterSpacing:"0.05em",fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"400",fontSize:"28px",lineHeight:"28px"},"uppercase-md-default":{textTransform:"upperCase",letterSpacing:"0.05em",fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"400",fontSize:"20px",lineHeight:"20px"},"uppercase-sm-default":{textTransform:"upperCase",letterSpacing:"0.05em",fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"400",fontSize:"18px",lineHeight:"18px"},"uppercase-xs-default":{textTransform:"upperCase",letterSpacing:"0.05em",fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"14px"},"uppercase-xxs-default":{textTransform:"upperCase",letterSpacing:"0.05em",fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"400",fontSize:"12px",lineHeight:"12px"},"uppercase-xl-italic":{textTransform:"upperCase",letterSpacing:"0.05em",fontFamily:"Helvetica Neue",fontStyle:"italic",fontWeight:"400",fontSize:"32px",lineHeight:"32px"},"uppercase-lg-italic":{textTransform:"upperCase",letterSpacing:"0.05em",fontFamily:"Helvetica Neue",fontStyle:"italic",fontWeight:"400",fontSize:"28px",lineHeight:"28px"},"uppercase-md-italic":{textTransform:"upperCase",letterSpacing:"0.05em",fontFamily:"Helvetica Neue",fontStyle:"italic",fontWeight:"400",fontSize:"20px",lineHeight:"20px"},"uppercase-sm-italic":{textTransform:"upperCase",letterSpacing:"0.05em",fontFamily:"Helvetica Neue",fontStyle:"italic",fontWeight:"400",fontSize:"18px",lineHeight:"18px"},"uppercase-xs-italic":{textTransform:"upperCase",letterSpacing:"0.05em",fontFamily:"Helvetica Neue",fontStyle:"italic",fontWeight:"400",fontSize:"14px",lineHeight:"14px"},"uppercase-xxs-italic":{textTransform:"upperCase",letterSpacing:"0.05em",fontFamily:"Helvetica Neue",fontStyle:"italic",fontWeight:"400",fontSize:"12px",lineHeight:"12px"},"uppercase-xl-medium":{textTransform:"upperCase",letterSpacing:"0.05em",fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"500",fontSize:"32px",lineHeight:"32px"},"uppercase-lg-medium":{textTransform:"upperCase",letterSpacing:"0.05em",fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"500",fontSize:"28px",lineHeight:"28px"},"uppercase-md-medium":{textTransform:"upperCase",letterSpacing:"0.05em",fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"500",fontSize:"20px",lineHeight:"20px"},"uppercase-sm-medium":{textTransform:"upperCase",letterSpacing:"0.05em",fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"500",fontSize:"18px",lineHeight:"18px"},"uppercase-xs-medium":{textTransform:"upperCase",letterSpacing:"0.05em",fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"500",fontSize:"14px",lineHeight:"14px"},"uppercase-xxs-medium":{textTransform:"upperCase",letterSpacing:"0.05em",fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"500",fontSize:"12px",lineHeight:"12px"},"uppercase-xl-bold":{textTransform:"upperCase",letterSpacing:"0.05em",fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"32px",lineHeight:"32px"},"uppercase-lg-bold":{textTransform:"upperCase",letterSpacing:"0.05em",fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"28px",lineHeight:"28px"},"uppercase-md-bold":{textTransform:"upperCase",letterSpacing:"0.05em",fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"20px",lineHeight:"20px"},"uppercase-sm-bold":{textTransform:"upperCase",letterSpacing:"0.05em",fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"18px",lineHeight:"18px"},"uppercase-xs-bold":{textTransform:"upperCase",letterSpacing:"0.05em",fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"14px",lineHeight:"14px"},"uppercase-xxs-bold":{textTransform:"upperCase",letterSpacing:"0.05em",fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"700",fontSize:"12px",lineHeight:"12px"},"monospace-xl-default":{fontFamily:"SF Mono",fontStyle:"normal",fontWeight:"400",fontSize:"32px",lineHeight:"32px"},"monospace-lg-default":{fontFamily:"SF Mono",fontStyle:"normal",fontWeight:"400",fontSize:"28px",lineHeight:"28px"},"monospace-md-default":{fontFamily:"SF Mono",fontStyle:"normal",fontWeight:"400",fontSize:"20px",lineHeight:"20px"},"monospace-sm-default":{fontFamily:"SF Mono",fontStyle:"normal",fontWeight:"400",fontSize:"18px",lineHeight:"18px"},"monospace-xs-default":{fontFamily:"SF Mono",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"14px",letterSpacing:"0.02em"},"monospace-xxs-default":{fontFamily:"SF Mono",fontStyle:"normal",fontWeight:"400",fontSize:"12px",lineHeight:"12px"},"monospace-xl-italic":{fontFamily:"SF Mono",fontStyle:"italic",fontWeight:"400",fontSize:"32px",lineHeight:"32px"},"monospace-lg-italic":{fontFamily:"SF Mono",fontStyle:"italic",fontWeight:"400",fontSize:"28px",lineHeight:"28px"},"monospace-md-italic":{fontFamily:"SF Mono",fontStyle:"italic",fontWeight:"400",fontSize:"20px",lineHeight:"20px"},"monospace-sm-italic":{fontFamily:"SF Mono",fontStyle:"italic",fontWeight:"400",fontSize:"18px",lineHeight:"18px"},"monospace-xs-italic":{fontFamily:"SF Mono",fontStyle:"italic",fontWeight:"400",fontSize:"14px",lineHeight:"14px"},"monospace-xxs-italic":{fontFamily:"SF Mono",fontStyle:"italic",fontWeight:"400",fontSize:"12px",lineHeight:"12px"},"monospace-xl-medium":{fontFamily:"SF Mono",fontStyle:"normal",fontWeight:"500",fontSize:"32px",lineHeight:"32px"},"monospace-lg-medium":{fontFamily:"SF Mono",fontStyle:"normal",fontWeight:"500",fontSize:"28px",lineHeight:"28px"},"monospace-md-medium":{fontFamily:"SF Mono",fontStyle:"normal",fontWeight:"500",fontSize:"20px",lineHeight:"20px"},"monospace-sm-medium":{fontFamily:"SF Mono",fontStyle:"normal",fontWeight:"500",fontSize:"18px",lineHeight:"18px"},"monospace-xs-medium":{fontFamily:"SF Mono",fontStyle:"normal",fontWeight:"500",fontSize:"14px",lineHeight:"14px"},"monospace-xxs-medium":{fontFamily:"SF Mono",fontStyle:"normal",fontWeight:"500",fontSize:"12px",lineHeight:"12px"},"monospace-xl-bold":{fontFamily:"SF Mono",fontStyle:"normal",fontWeight:"700",fontSize:"32px",lineHeight:"32px"},"monospace-lg-bold":{fontFamily:"SF Mono",fontStyle:"normal",fontWeight:"700",fontSize:"28px",lineHeight:"28px"},"monospace-md-bold":{fontFamily:"SF Mono",fontStyle:"normal",fontWeight:"700",fontSize:"20px",lineHeight:"20px"},"monospace-sm-bold":{fontFamily:"SF Mono",fontStyle:"normal",fontWeight:"700",fontSize:"18px",lineHeight:"18px"},"monospace-xs-bold":{fontFamily:"SF Mono",fontStyle:"normal",fontWeight:"700",fontSize:"14px",lineHeight:"14px"},"monospace-xxs-bold":{fontFamily:"SF Mono",fontStyle:"normal",fontWeight:"700",fontSize:"12px",lineHeight:"12px"},"button-default":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"500",fontSize:"18px",lineHeight:"24px"},"button-uppercase":{fontFamily:"Helvetica Neue",fontStyle:"normal",fontWeight:"500",fontSize:"18px",lineHeight:"18px",letterSpacing:"0.05em",textTransform:"uppercase"}},S=t.extendTheme({config:{},styles:{global:{html:{scrollBehavior:"smooth"},body:{minH:"100vh",color:"gray.800",bgColor:"white",scrollBehavior:"smooth"}}},colors:{"alpha.white":{500:"#FFFFFF"},"alpha.black":{500:"#000000"},"canvas.light":{500:"#E5E5E5"},"canvas.dark":{500:"#1F1E1F"},"brand.primary":{900:"#414180",800:"#5353A3",700:"#7070DD",600:"#C0C0FC",500:"#E3E3FC"},"brand.secondary":{900:"#57805D",800:"#62A36B",700:"#BAEFC2",600:"#DEFCE3",500:"#F2FCF4"},"brand.tertiary":{900:"#295580",800:"#346DA3",700:"#75AEE4",600:"#CAE5FC",500:"#E8F3FC"},neutrals:{900:"#0F0F0F",800:"#2E2E2E",700:"#525252",600:"#7A7A7A",500:"#A3A3A3",400:"#B8B8B8",300:"#D1D1D1",200:"#E6E6E6",100:"#FAFAFA"},"interface.error":{900:"#800C05",800:"#9E241C",700:"#DC180C",600:"#FCD2CF",500:"#FCEAE8"},"interface.success":{900:"#008005",800:"#139E19",700:"#00C408",600:"#A3F0A7",500:"#E8FCE9"},"interface.warning":{900:"#CC8900",800:"#E59A00",700:"#FFAB00",600:"#FCDFA2",500:"#FCEFD4"},red:{50:"#FEF2F2",100:"#FEE2E2",200:"#FECACA",300:"#FCA5A5",400:"#F87171",500:"#EF4444",600:"#DC2626",700:"#B91C1C",800:"#991B1B",900:"#7F1D1D"},green:{50:"#ECFDF5",100:"#D1FAE5",200:"#A7F3D0",300:"#6EE7B7",400:"#34D399",500:"#10B981",600:"#059669",700:"#047857",800:"#065F46",900:"#064E3B"},gray:{50:"#F7FAFC",100:"#EDF2F7",200:"#E2E8F0",300:"#CBD5E0",400:"#A0AEC0",500:"#718096",600:"#4A5568",700:"#374151",800:"#1F2937",900:"#111827"}},fonts:{heading:"Helvetica Neue, sans-serif",body:"Helvetica Neue, sans-serif"},fontSizes:{"2xs":"10px","3xs":"8px"},components:{Box:{baseStyle:{},variants:{}},Stack:{baseStyle:{spacing:4,p:0},variants:{}},Button:{baseStyle:{_focus:{boxShadow:"none"},alignItems:"center",alignSelf:"center",borderRadius:"8px",color:"neutrals.100",outline:"none"},sizes:{sm:{p:"8px 14px",fontFamily:"Helvetica Neue",fontWeight:500,fontSize:"12px",lineHeight:"12px",letterSpacing:"0.02em"},md:{p:"10px 16px",fontFamily:"Helvetica Neue",fontWeight:500,fontSize:"14px",lineHeight:"14px",letterSpacing:"0.02em"},lg:{p:"10px 18px",fontFamily:"Helvetica Neue",fontWeight:500,fontSize:"18px",lineHeight:"24px"},xl:{p:"12px 20px",fontFamily:"Helvetica Neue",fontWeight:500,fontSize:"20px",lineHeight:"20px"},"2xl":{p:"16px 28px",fontFamily:"Helvetica Neue",fontWeight:500,fontSize:"18px",lineHeight:"24px"},"button-close-sm":{width:"36px",height:"36px"},"button-close-md":{width:"40px",height:"40px"},"button-close-lg":{width:"44px",height:"44px"}},variants:s({primary:{color:"neutrals.100",bg:"brand.primary.700",p:"8px 14px",borderRadius:"8px",_hover:{bg:"brand.primary.700",_disabled:{bg:"brand.primary.500"}},_disabled:{bg:"brand.primary.500"}}},{"solid-primary":{bg:"brand.primary.700",color:"neutrals.100",borderRadius:"4px",border:"1px solid #7070DD",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)",_hover:{bg:"brand.primary.900",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F4EBFF",_disabled:{bg:"brand.primary.500",border:"none",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)"}},_active:{bg:"brand.primary.900",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)"},_disabled:{bg:"brand.primary.500",border:"none",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)"}},"outline-primary":{color:"neutrals.700",bg:"white",border:"1px solid #D1D1D1",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)",borderRadius:"4px",_hover:{bg:"#FFFFFF",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7",_disabled:{bg:"#FFFFFF",border:"1px solid #D1D1D1",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)"},border:"1px solid #D1D1D1"},_active:{bg:"#FFFFFF",border:"1px solid #D1D1D1",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)"},_disabled:{bg:"#FFFFFF",border:"1px solid #D1D1D1",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)"}},"ghost-primary":{color:"brand.primary.700",bg:"#E3E3FC",border:"1px solid #E3E3FC",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)",borderRadius:"4px",_hover:{bg:"#E3E3FC",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F4EBFF",_disabled:{bg:"#E3E3FC",border:"1px solid #E3E3FC",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)"}},_active:{bg:"#C0C0FC",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)"},_disabled:{bg:"#E3E3FC",border:"1px solid #E3E3FC",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)"}},"solid-error":{bg:"interface.error.700",color:"neutrals.100",borderRadius:"4px",border:"1px solid #DC180C",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)",_hover:{bg:"interface.error.700",border:"1px solid #DC180C",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #FEE4E2",_disabled:{bg:"#FCEAE8",border:"1px solid #FCEAE8",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)"}},_active:{bg:"interface.error.900",border:"1px solid #800C05",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)"},_disabled:{bg:"#FCEAE8",border:"1px solid #FCEAE8",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)"}},"outline-error":{bg:"white",color:"#DC180C",borderRadius:"4px",border:"1px solid #DC180C",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)",_hover:{bg:"white",border:"1px solid #DC180C",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #FEE4E2",_disabled:{bg:"#FFFFFF",border:"1px solid #FCD2CF",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)"}},_active:{bg:"interface.error.500",border:"1px solid #800C05",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)"},_disabled:{bg:"#FFFFFF",border:"1px solid #FCD2CF",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)"}},"ghost-error":{bg:"interface.error.500",color:"interface.error.700",borderRadius:"4px",border:"1px solid #FCEAE8",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)",_hover:{bg:"interface.error.500",border:"1px solid #FCEAE8",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #FEE4E2",_disabled:{bg:"rgba(252, 234, 232, 0.5)",border:"1px solid rgba(252, 234, 232, 0.5)",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)"}},_active:{bg:" rgba(220, 24, 12, 0.15)",border:"1px solid #FCEAE8",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)"},_disabled:{bg:"rgba(252, 234, 232, 0.5)",border:"1px solid rgba(252, 234, 232, 0.5)",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)"}},"solid-close-btn":{bg:"brand.primary.700",borderRadius:"4px",_hover:{_disabled:{bg:"brand.primary.500"}},_disabled:{bg:"transparent"}},"outline-close-btn":{color:"neutrals.600",_hover:{color:"neutrals.700"},_focus:{color:"neutrals.600"}},"ghost-close-btn":{bg:"transparent",borderRadius:"4px",color:"brand.primary.700",_hover:{bg:"rgba(227, 227, 252, 0.5)",color:"brand.primary.900"},_focused:{bg:"rgba(227, 227, 252, 0.5)",color:"brand.primary.700"}}}),defaultProps:{variant:"primary"}},Checkbox:{baseStyle:{control:{borderRadius:"base",padding:"6px"}},variants:{primary:{control:{borderColor:"gray.200",pointerEvents:"none",_focus:{shadow:"none"},_checked:{bg:"brand.primary.700",color:"brand.primary.700",borderColor:"brand.primary.700",_hover:{bg:"brand.primary.700",color:"brand.primary.700",borderColor:"brand.primary.700"}}}},orange:{control:{borderColor:"gray.200",_focus:{shadow:"none"},_checked:{bg:"orange.500",color:"white",borderColor:"orange.500",_hover:{bg:"orange.500",color:"white",borderColor:"orange.500"}}}}},defaultProps:{variant:"primary"}},Link:{baseStyle:{_hover:{textDecoration:"underline"}},sizes:h,variants:{primary:{fontWeight:"medium",color:"brand.primary.700"},orange:{fontWeight:"medium",color:"orange.500"}}},Form:{parts:["formLabel","formInput","formTextarea"],baseStyle:{formLabel:{fontWeight:500,fontSize:"16px",lineHeight:"19px"},formInput:{fontWeight:"normal",fontSize:"16px",lineHeight:"19px",border:"1px solid",borderColor:"gray.100",borderRadius:"base",_placeholder:{color:"gray.400"},padding:2},formTextarea:{fontWeight:"normal",fontSize:"16px",lineHeight:"19px",border:"1px solid",borderColor:"gray.100",borderRadius:"base",_placeholder:{color:"gray.400"},padding:2}},sizes:{formLabel:h},variants:{primary:{formInput:{_focus:{border:"2px solid",borderColor:"brand.primary.700"},_invalid:{_focus:{border:"2px solid",borderColor:"red.500"}},fontSize:"14px"},formTextarea:{_focusVisible:{border:"2px solid",borderColor:"brand.primary.700"},_invalid:{_focusVisible:{border:"2px solid",borderColor:"red.500"}},fontSize:"14px"}},"check-in-edit":{formInput:{height:"34px",_focus:{border:"2px solid",borderColor:"brand.primary.700"},_invalid:{_focus:{border:"2px solid",borderColor:"red.500"}}},formTextarea:{_focusVisible:{border:"2px solid",borderColor:"brand.primary.700"},_invalid:{_focusVisible:{border:"2px solid",borderColor:"red.500"}},fontSize:"14px"}},"check-in":{formInput:{border:"none",_focus:{border:"2px solid !important",borderColor:"#FFC107 !important"},_hover:{border:"1px dashed",borderColor:"gray.400"}},formTextarea:{_focusVisible:{border:"2px solid",borderColor:"brand.primary.700"},_invalid:{_focusVisible:{border:"2px solid",borderColor:"red.500"}},fontSize:"14px"}}},defaultProps:{variant:"primary"}},Heading:{baseStyle:{marginBottom:4},variants:{primary:{fontSize:"39px",lineHeight:"52px",color:"gray.700"},modalTitle:{fontSize:"32px",lineHeight:"42px",color:"gray.700"}}},Switch:{baseStyle:{track:{_focus:{boxShadow:"none"}}},variants:{primary:{track:{_checked:{bg:"brand.primary.700"}}}},defaultProps:{variant:"primary"}},Tabs:{parts:["tab","tabpanel","tablist"],baseStyle:{root:{w:"full",mt:6},tab:{fontWeight:"semibold",color:"gray.500",marginRight:4},tabpanel:{p:0,mt:4,mb:12}},variants:{primary:{tab:{_selected:{paddingBottom:"6px",borderBottom:"2px solid",borderBottomColor:"brand.primary.700",color:"gray.800",fontWeight:"semibold"},_focus:{boxShadow:"none"},marginBottom:"-2px"},tablist:{borderBottom:"1px solid",borderBottomColor:"gray.100"}}},defaultProps:{variant:"primary"}},Flex:{baseStyle:{},variants:{}},Text:{baseStyle:{fontStyle:"Helvetica Neue",fontColor:"neutrals.900"},sizes:h},Drawer:{parts:["closeButton"],baseStyle:{closeButton:{_focus:{boxShadow:"none"},color:"gray.800"}}},Select:{parts:["icon"],baseStyle:{icon:{color:"gray.400"}}},RadioImage:{baseStyle:function(){return{padding:1,borderRadius:180,w:14,color:"brand.primary.700"}},variants:{primary:function(){return{padding:1,color:"brand.primary.700"}}}}},zIndices:{commentDrawer:1450,commentOverlay:1400}}),F=function(e){return t.extendTheme(l(S,e))},P=["children"],O={fallback:null,getKey:function(e,t){return t}};Object.defineProperty(exports,"Accordion",{enumerable:!0,get:function(){return t.Accordion}}),Object.defineProperty(exports,"AccordionButton",{enumerable:!0,get:function(){return t.AccordionButton}}),Object.defineProperty(exports,"AccordionIcon",{enumerable:!0,get:function(){return t.AccordionIcon}}),Object.defineProperty(exports,"AccordionItem",{enumerable:!0,get:function(){return t.AccordionItem}}),Object.defineProperty(exports,"AccordionPanel",{enumerable:!0,get:function(){return t.AccordionPanel}}),Object.defineProperty(exports,"Alert",{enumerable:!0,get:function(){return t.Alert}}),Object.defineProperty(exports,"AlertDescription",{enumerable:!0,get:function(){return t.AlertDescription}}),Object.defineProperty(exports,"AlertDialog",{enumerable:!0,get:function(){return t.AlertDialog}}),Object.defineProperty(exports,"AlertDialogBody",{enumerable:!0,get:function(){return t.AlertDialogBody}}),Object.defineProperty(exports,"AlertDialogContent",{enumerable:!0,get:function(){return t.AlertDialogContent}}),Object.defineProperty(exports,"AlertDialogFooter",{enumerable:!0,get:function(){return t.AlertDialogFooter}}),Object.defineProperty(exports,"AlertDialogHeader",{enumerable:!0,get:function(){return t.AlertDialogHeader}}),Object.defineProperty(exports,"AlertDialogOverlay",{enumerable:!0,get:function(){return t.AlertDialogOverlay}}),Object.defineProperty(exports,"AlertIcon",{enumerable:!0,get:function(){return t.AlertIcon}}),Object.defineProperty(exports,"AlertTitle",{enumerable:!0,get:function(){return t.AlertTitle}}),Object.defineProperty(exports,"AspectRatio",{enumerable:!0,get:function(){return t.AspectRatio}}),Object.defineProperty(exports,"Avatar",{enumerable:!0,get:function(){return t.Avatar}}),Object.defineProperty(exports,"AvatarBadge",{enumerable:!0,get:function(){return t.AvatarBadge}}),Object.defineProperty(exports,"AvatarGroup",{enumerable:!0,get:function(){return t.AvatarGroup}}),Object.defineProperty(exports,"Badge",{enumerable:!0,get:function(){return t.Badge}}),Object.defineProperty(exports,"Box",{enumerable:!0,get:function(){return t.Box}}),Object.defineProperty(exports,"Breadcrumb",{enumerable:!0,get:function(){return t.Breadcrumb}}),Object.defineProperty(exports,"BreadcrumbItem",{enumerable:!0,get:function(){return t.BreadcrumbItem}}),Object.defineProperty(exports,"BreadcrumbLink",{enumerable:!0,get:function(){return t.BreadcrumbLink}}),Object.defineProperty(exports,"BreadcrumbSeparator",{enumerable:!0,get:function(){return t.BreadcrumbSeparator}}),Object.defineProperty(exports,"Button",{enumerable:!0,get:function(){return t.Button}}),Object.defineProperty(exports,"ButtonGroup",{enumerable:!0,get:function(){return t.ButtonGroup}}),Object.defineProperty(exports,"ButtonSpinner",{enumerable:!0,get:function(){return t.ButtonSpinner}}),Object.defineProperty(exports,"Center",{enumerable:!0,get:function(){return t.Center}}),Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:function(){return t.Checkbox}}),Object.defineProperty(exports,"CheckboxGroup",{enumerable:!0,get:function(){return t.CheckboxGroup}}),Object.defineProperty(exports,"Circle",{enumerable:!0,get:function(){return t.Circle}}),Object.defineProperty(exports,"CircularProgress",{enumerable:!0,get:function(){return t.CircularProgress}}),Object.defineProperty(exports,"CircularProgressLabel",{enumerable:!0,get:function(){return t.CircularProgressLabel}}),Object.defineProperty(exports,"CloseButton",{enumerable:!0,get:function(){return t.CloseButton}}),Object.defineProperty(exports,"Collapse",{enumerable:!0,get:function(){return t.Collapse}}),Object.defineProperty(exports,"Container",{enumerable:!0,get:function(){return t.Container}}),Object.defineProperty(exports,"Divider",{enumerable:!0,get:function(){return t.Divider}}),Object.defineProperty(exports,"Drawer",{enumerable:!0,get:function(){return t.Drawer}}),Object.defineProperty(exports,"DrawerBody",{enumerable:!0,get:function(){return t.DrawerBody}}),Object.defineProperty(exports,"DrawerCloseButton",{enumerable:!0,get:function(){return t.DrawerCloseButton}}),Object.defineProperty(exports,"DrawerContent",{enumerable:!0,get:function(){return t.DrawerContent}}),Object.defineProperty(exports,"DrawerFooter",{enumerable:!0,get:function(){return t.DrawerFooter}}),Object.defineProperty(exports,"DrawerHeader",{enumerable:!0,get:function(){return t.DrawerHeader}}),Object.defineProperty(exports,"DrawerOverlay",{enumerable:!0,get:function(){return t.DrawerOverlay}}),Object.defineProperty(exports,"Fade",{enumerable:!0,get:function(){return t.Fade}}),Object.defineProperty(exports,"Flex",{enumerable:!0,get:function(){return t.Flex}}),Object.defineProperty(exports,"FormControl",{enumerable:!0,get:function(){return t.FormControl}}),Object.defineProperty(exports,"FormErrorIcon",{enumerable:!0,get:function(){return t.FormErrorIcon}}),Object.defineProperty(exports,"FormErrorMessage",{enumerable:!0,get:function(){return t.FormErrorMessage}}),Object.defineProperty(exports,"FormHelperText",{enumerable:!0,get:function(){return t.FormHelperText}}),Object.defineProperty(exports,"FormLabel",{enumerable:!0,get:function(){return t.FormLabel}}),Object.defineProperty(exports,"GlobalStyle",{enumerable:!0,get:function(){return t.GlobalStyle}}),Object.defineProperty(exports,"Grid",{enumerable:!0,get:function(){return t.Grid}}),Object.defineProperty(exports,"GridItem",{enumerable:!0,get:function(){return t.GridItem}}),Object.defineProperty(exports,"HStack",{enumerable:!0,get:function(){return t.HStack}}),Object.defineProperty(exports,"Heading",{enumerable:!0,get:function(){return t.Heading}}),Object.defineProperty(exports,"Hide",{enumerable:!0,get:function(){return t.Hide}}),Object.defineProperty(exports,"Icon",{enumerable:!0,get:function(){return t.Icon}}),Object.defineProperty(exports,"IconButton",{enumerable:!0,get:function(){return t.IconButton}}),Object.defineProperty(exports,"Image",{enumerable:!0,get:function(){return t.Image}}),Object.defineProperty(exports,"Img",{enumerable:!0,get:function(){return t.Img}}),Object.defineProperty(exports,"Input",{enumerable:!0,get:function(){return t.Input}}),Object.defineProperty(exports,"InputAddon",{enumerable:!0,get:function(){return t.InputAddon}}),Object.defineProperty(exports,"InputGroup",{enumerable:!0,get:function(){return t.InputGroup}}),Object.defineProperty(exports,"InputLeftAddon",{enumerable:!0,get:function(){return t.InputLeftAddon}}),Object.defineProperty(exports,"InputLeftElement",{enumerable:!0,get:function(){return t.InputLeftElement}}),Object.defineProperty(exports,"InputRightAddon",{enumerable:!0,get:function(){return t.InputRightAddon}}),Object.defineProperty(exports,"InputRightElement",{enumerable:!0,get:function(){return t.InputRightElement}}),Object.defineProperty(exports,"LightMode",{enumerable:!0,get:function(){return t.LightMode}}),Object.defineProperty(exports,"Link",{enumerable:!0,get:function(){return t.Link}}),Object.defineProperty(exports,"LinkBox",{enumerable:!0,get:function(){return t.LinkBox}}),Object.defineProperty(exports,"LinkOverlay",{enumerable:!0,get:function(){return t.LinkOverlay}}),Object.defineProperty(exports,"List",{enumerable:!0,get:function(){return t.List}}),Object.defineProperty(exports,"ListItem",{enumerable:!0,get:function(){return t.ListItem}}),Object.defineProperty(exports,"Menu",{enumerable:!0,get:function(){return t.Menu}}),Object.defineProperty(exports,"MenuButton",{enumerable:!0,get:function(){return t.MenuButton}}),Object.defineProperty(exports,"MenuDivider",{enumerable:!0,get:function(){return t.MenuDivider}}),Object.defineProperty(exports,"MenuGroup",{enumerable:!0,get:function(){return t.MenuGroup}}),Object.defineProperty(exports,"MenuItem",{enumerable:!0,get:function(){return t.MenuItem}}),Object.defineProperty(exports,"MenuItemOption",{enumerable:!0,get:function(){return t.MenuItemOption}}),Object.defineProperty(exports,"MenuList",{enumerable:!0,get:function(){return t.MenuList}}),Object.defineProperty(exports,"MenuOptionGroup",{enumerable:!0,get:function(){return t.MenuOptionGroup}}),Object.defineProperty(exports,"Modal",{enumerable:!0,get:function(){return t.Modal}}),Object.defineProperty(exports,"ModalBody",{enumerable:!0,get:function(){return t.ModalBody}}),Object.defineProperty(exports,"ModalCloseButton",{enumerable:!0,get:function(){return t.ModalCloseButton}}),Object.defineProperty(exports,"ModalContent",{enumerable:!0,get:function(){return t.ModalContent}}),Object.defineProperty(exports,"ModalContextProvider",{enumerable:!0,get:function(){return t.ModalContextProvider}}),Object.defineProperty(exports,"ModalFocusScope",{enumerable:!0,get:function(){return t.ModalFocusScope}}),Object.defineProperty(exports,"ModalFooter",{enumerable:!0,get:function(){return t.ModalFooter}}),Object.defineProperty(exports,"ModalHeader",{enumerable:!0,get:function(){return t.ModalHeader}}),Object.defineProperty(exports,"ModalOverlay",{enumerable:!0,get:function(){return t.ModalOverlay}}),Object.defineProperty(exports,"NumberDecrementStepper",{enumerable:!0,get:function(){return t.NumberDecrementStepper}}),Object.defineProperty(exports,"NumberIncrementStepper",{enumerable:!0,get:function(){return t.NumberIncrementStepper}}),Object.defineProperty(exports,"NumberInput",{enumerable:!0,get:function(){return t.NumberInput}}),Object.defineProperty(exports,"NumberInputField",{enumerable:!0,get:function(){return t.NumberInputField}}),Object.defineProperty(exports,"NumberInputStepper",{enumerable:!0,get:function(){return t.NumberInputStepper}}),Object.defineProperty(exports,"OrderedList",{enumerable:!0,get:function(){return t.OrderedList}}),Object.defineProperty(exports,"Pin",{enumerable:!0,get:function(){return t.PinInputField}}),Object.defineProperty(exports,"PinInput",{enumerable:!0,get:function(){return t.PinInput}}),Object.defineProperty(exports,"Popover",{enumerable:!0,get:function(){return t.Popover}}),Object.defineProperty(exports,"PopoverAnchor",{enumerable:!0,get:function(){return t.PopoverAnchor}}),Object.defineProperty(exports,"PopoverArrow",{enumerable:!0,get:function(){return t.PopoverArrow}}),Object.defineProperty(exports,"PopoverBody",{enumerable:!0,get:function(){return t.PopoverBody}}),Object.defineProperty(exports,"PopoverCloseButton",{enumerable:!0,get:function(){return t.PopoverCloseButton}}),Object.defineProperty(exports,"PopoverContent",{enumerable:!0,get:function(){return t.PopoverContent}}),Object.defineProperty(exports,"PopoverFooter",{enumerable:!0,get:function(){return t.PopoverFooter}}),Object.defineProperty(exports,"PopoverHeader",{enumerable:!0,get:function(){return t.PopoverHeader}}),Object.defineProperty(exports,"PopoverTrigger",{enumerable:!0,get:function(){return t.PopoverTrigger}}),Object.defineProperty(exports,"Portal",{enumerable:!0,get:function(){return t.Portal}}),Object.defineProperty(exports,"Progress",{enumerable:!0,get:function(){return t.Progress}}),Object.defineProperty(exports,"ProgressLabel",{enumerable:!0,get:function(){return t.ProgressLabel}}),Object.defineProperty(exports,"Radio",{enumerable:!0,get:function(){return t.Radio}}),Object.defineProperty(exports,"RadioGroup",{enumerable:!0,get:function(){return t.RadioGroup}}),Object.defineProperty(exports,"ScaleFade",{enumerable:!0,get:function(){return t.ScaleFade}}),Object.defineProperty(exports,"Select",{enumerable:!0,get:function(){return t.Select}}),Object.defineProperty(exports,"Show",{enumerable:!0,get:function(){return t.Show}}),Object.defineProperty(exports,"SimpleGrid",{enumerable:!0,get:function(){return t.SimpleGrid}}),Object.defineProperty(exports,"Skeleton",{enumerable:!0,get:function(){return t.Skeleton}}),Object.defineProperty(exports,"SkeletonCircle",{enumerable:!0,get:function(){return t.SkeletonCircle}}),Object.defineProperty(exports,"SkeletonText",{enumerable:!0,get:function(){return t.SkeletonText}}),Object.defineProperty(exports,"Slide",{enumerable:!0,get:function(){return t.Slide}}),Object.defineProperty(exports,"SlideFade",{enumerable:!0,get:function(){return t.SlideFade}}),Object.defineProperty(exports,"Slider",{enumerable:!0,get:function(){return t.Slider}}),Object.defineProperty(exports,"SliderFilledTrack",{enumerable:!0,get:function(){return t.SliderFilledTrack}}),Object.defineProperty(exports,"SliderMark",{enumerable:!0,get:function(){return t.SliderMark}}),Object.defineProperty(exports,"SliderThumb",{enumerable:!0,get:function(){return t.SliderThumb}}),Object.defineProperty(exports,"SliderTrack",{enumerable:!0,get:function(){return t.SliderTrack}}),Object.defineProperty(exports,"Spacer",{enumerable:!0,get:function(){return t.Spacer}}),Object.defineProperty(exports,"Spinner",{enumerable:!0,get:function(){return t.Spinner}}),Object.defineProperty(exports,"Square",{enumerable:!0,get:function(){return t.Square}}),Object.defineProperty(exports,"Stack",{enumerable:!0,get:function(){return t.Stack}}),Object.defineProperty(exports,"Stat",{enumerable:!0,get:function(){return t.Stat}}),Object.defineProperty(exports,"StatArrow",{enumerable:!0,get:function(){return t.StatArrow}}),Object.defineProperty(exports,"StatGroup",{enumerable:!0,get:function(){return t.StatGroup}}),Object.defineProperty(exports,"StatHelpText",{enumerable:!0,get:function(){return t.StatHelpText}}),Object.defineProperty(exports,"StatLabel",{enumerable:!0,get:function(){return t.StatLabel}}),Object.defineProperty(exports,"StatNumber",{enumerable:!0,get:function(){return t.StatNumber}}),Object.defineProperty(exports,"Switch",{enumerable:!0,get:function(){return t.Switch}}),Object.defineProperty(exports,"Tab",{enumerable:!0,get:function(){return t.Tab}}),Object.defineProperty(exports,"TabList",{enumerable:!0,get:function(){return t.TabList}}),Object.defineProperty(exports,"TabPanel",{enumerable:!0,get:function(){return t.TabPanel}}),Object.defineProperty(exports,"TabPanels",{enumerable:!0,get:function(){return t.TabPanels}}),Object.defineProperty(exports,"Table",{enumerable:!0,get:function(){return t.Table}}),Object.defineProperty(exports,"TableCaption",{enumerable:!0,get:function(){return t.TableCaption}}),Object.defineProperty(exports,"TableContainer",{enumerable:!0,get:function(){return t.TableContainer}}),Object.defineProperty(exports,"Tabs",{enumerable:!0,get:function(){return t.Tabs}}),Object.defineProperty(exports,"Tag",{enumerable:!0,get:function(){return t.Tag}}),Object.defineProperty(exports,"TagCloseButton",{enumerable:!0,get:function(){return t.TagCloseButton}}),Object.defineProperty(exports,"TagLabel",{enumerable:!0,get:function(){return t.TagLabel}}),Object.defineProperty(exports,"TagLeftIcon",{enumerable:!0,get:function(){return t.TagLeftIcon}}),Object.defineProperty(exports,"TagRightIcon",{enumerable:!0,get:function(){return t.TagRightIcon}}),Object.defineProperty(exports,"Tbody",{enumerable:!0,get:function(){return t.Tbody}}),Object.defineProperty(exports,"Td",{enumerable:!0,get:function(){return t.Td}}),Object.defineProperty(exports,"Text",{enumerable:!0,get:function(){return t.Text}}),Object.defineProperty(exports,"Textarea",{enumerable:!0,get:function(){return t.Textarea}}),Object.defineProperty(exports,"Tfoot",{enumerable:!0,get:function(){return t.Tfoot}}),Object.defineProperty(exports,"Th",{enumerable:!0,get:function(){return t.Th}}),Object.defineProperty(exports,"Thead",{enumerable:!0,get:function(){return t.Thead}}),Object.defineProperty(exports,"Tooltip",{enumerable:!0,get:function(){return t.Tooltip}}),Object.defineProperty(exports,"Tr",{enumerable:!0,get:function(){return t.Tr}}),Object.defineProperty(exports,"UnorderedList",{enumerable:!0,get:function(){return t.UnorderedList}}),Object.defineProperty(exports,"VStack",{enumerable:!0,get:function(){return t.VStack}}),Object.defineProperty(exports,"Wrap",{enumerable:!0,get:function(){return t.Wrap}}),Object.defineProperty(exports,"WrapItem",{enumerable:!0,get:function(){return t.WrapItem}}),Object.defineProperty(exports,"chakra",{enumerable:!0,get:function(){return t.chakra}}),Object.defineProperty(exports,"createStandaloneToast",{enumerable:!0,get:function(){return t.createStandaloneToast}}),Object.defineProperty(exports,"forwardRef",{enumerable:!0,get:function(){return t.forwardRef}}),Object.defineProperty(exports,"keyframes",{enumerable:!0,get:function(){return t.keyframes}}),Object.defineProperty(exports,"shouldShowFallbackImage",{enumerable:!0,get:function(){return t.shouldShowFallbackImage}}),Object.defineProperty(exports,"useBoolean",{enumerable:!0,get:function(){return t.useBoolean}}),Object.defineProperty(exports,"useBreakpoint",{enumerable:!0,get:function(){return t.useBreakpoint}}),Object.defineProperty(exports,"useBreakpointValue",{enumerable:!0,get:function(){return t.useBreakpointValue}}),Object.defineProperty(exports,"useButtonGroup",{enumerable:!0,get:function(){return t.useButtonGroup}}),Object.defineProperty(exports,"useCheckbox",{enumerable:!0,get:function(){return t.useCheckbox}}),Object.defineProperty(exports,"useCheckboxGroup",{enumerable:!0,get:function(){return t.useCheckboxGroup}}),Object.defineProperty(exports,"useClipboard",{enumerable:!0,get:function(){return t.useClipboard}}),Object.defineProperty(exports,"useColorModeValue",{enumerable:!0,get:function(){return t.useColorModeValue}}),Object.defineProperty(exports,"useConst",{enumerable:!0,get:function(){return t.useConst}}),Object.defineProperty(exports,"useDisclosure",{enumerable:!0,get:function(){return t.useDisclosure}}),Object.defineProperty(exports,"useImage",{enumerable:!0,get:function(){return t.useImage}}),Object.defineProperty(exports,"useInputGroupStyles",{enumerable:!0,get:function(){return t.useInputGroupStyles}}),Object.defineProperty(exports,"useMediaQuery",{enumerable:!0,get:function(){return t.useMediaQuery}}),Object.defineProperty(exports,"useMenuButton",{enumerable:!0,get:function(){return t.useMenuButton}}),Object.defineProperty(exports,"useModal",{enumerable:!0,get:function(){return t.useModal}}),Object.defineProperty(exports,"useMultiStyleConfig",{enumerable:!0,get:function(){return t.useMultiStyleConfig}}),Object.defineProperty(exports,"useOutsideClick",{enumerable:!0,get:function(){return t.useOutsideClick}}),Object.defineProperty(exports,"usePrefersReducedMotion",{enumerable:!0,get:function(){return t.usePrefersReducedMotion}}),Object.defineProperty(exports,"useRadio",{enumerable:!0,get:function(){return t.useRadio}}),Object.defineProperty(exports,"useRadioGroup",{enumerable:!0,get:function(){return t.useRadioGroup}}),Object.defineProperty(exports,"useSlider",{enumerable:!0,get:function(){return t.useSlider}}),Object.defineProperty(exports,"useTheme",{enumerable:!0,get:function(){return t.useTheme}}),Object.defineProperty(exports,"useToast",{enumerable:!0,get:function(){return t.useToast}}),Object.defineProperty(exports,"isValidMotionProp",{enumerable:!0,get:function(){return p.isValidMotionProp}}),Object.defineProperty(exports,"motion",{enumerable:!0,get:function(){return p.motion}}),exports.For=function(e){var t=Object.assign(O,e),n=t.each,o=t.fallback,i=t.children,a=t.getKey;return n.length?r.createElement(r.Fragment,null,n.map((function(e,t){return r.createElement((function(){return i(e,t)}),{key:a(e,t)})}))):o},exports.FormContainer=u,exports.InputField=f,exports.Mount=function(e){var t=Object.assign({fallback:null},e),n=t.fallback;return t.when?r.createElement(r.Fragment,null,t.children):n},exports.PasswordInputField=c,exports.PinInputField=d,exports.SelectField=b,exports.TextAreaField=y,exports.TextareaAutosize=g,exports.ThemeProvider=function(e){var r=e.children,o=m(e,P);return n.createElement(t.ChakraProvider,Object.assign({},o,{theme:F(o.theme)}),r)},exports.extendTheme=F,exports.theme=S;
//# sourceMappingURL=hds.cjs.production.min.js.map

264

dist/hds.esm.js

@@ -246,2 +246,16 @@ import { useMultiStyleConfig, FormControl, FormLabel, FormErrorMessage, FormHelperText, InputGroup, InputLeftElement, Input, InputRightElement, Button as Button$1, useStyleConfig, HStack, PinInput, PinInputField as PinInputField$1, Select as Select$1, Textarea, extendTheme as extendTheme$1, ChakraProvider } from '@chakra-ui/react';

function _extends() {
_extends = Object.assign ? Object.assign.bind() : function (target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];
for (var key in source) {
if (Object.prototype.hasOwnProperty.call(source, key)) {
target[key] = source[key];
}
}
}
return target;
};
return _extends.apply(this, arguments);
}
function _objectWithoutPropertiesLoose(source, excluded) {

@@ -427,2 +441,247 @@ if (source == null) return {};

var buttonVariants = {
'solid-primary': {
bg: 'brand.primary.700',
color: 'neutrals.100',
borderRadius: '4px',
border: '1px solid #7070DD',
boxShadow: '0px 1px 2px rgba(16, 24, 40, 0.05)',
_hover: {
bg: 'brand.primary.900',
boxShadow: '0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F4EBFF',
_disabled: {
bg: 'brand.primary.500',
border: 'none',
boxShadow: '0px 1px 2px rgba(16, 24, 40, 0.05)'
}
},
_active: {
bg: 'brand.primary.900',
boxShadow: '0px 1px 2px rgba(16, 24, 40, 0.05)'
},
_disabled: {
bg: 'brand.primary.500',
border: 'none',
boxShadow: '0px 1px 2px rgba(16, 24, 40, 0.05)'
}
},
'outline-primary': {
color: 'neutrals.700',
bg: 'white',
border: '1px solid #D1D1D1',
boxShadow: '0px 1px 2px rgba(16, 24, 40, 0.05)',
borderRadius: '4px',
_hover: {
bg: '#FFFFFF',
boxShadow: '0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7',
_disabled: {
bg: '#FFFFFF',
border: '1px solid #D1D1D1',
boxShadow: '0px 1px 2px rgba(16, 24, 40, 0.05)'
},
border: '1px solid #D1D1D1'
},
_active: {
bg: '#FFFFFF',
border: '1px solid #D1D1D1',
boxShadow: '0px 1px 2px rgba(16, 24, 40, 0.05)'
},
_disabled: {
bg: '#FFFFFF',
border: '1px solid #D1D1D1',
boxShadow: '0px 1px 2px rgba(16, 24, 40, 0.05)'
}
},
'ghost-primary': {
color: 'brand.primary.700',
bg: '#E3E3FC',
border: '1px solid #E3E3FC',
boxShadow: '0px 1px 2px rgba(16, 24, 40, 0.05)',
borderRadius: '4px',
_hover: {
bg: '#E3E3FC',
boxShadow: '0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F4EBFF',
_disabled: {
bg: '#E3E3FC',
border: '1px solid #E3E3FC',
boxShadow: '0px 1px 2px rgba(16, 24, 40, 0.05)'
}
},
_active: {
bg: '#C0C0FC',
boxShadow: '0px 1px 2px rgba(16, 24, 40, 0.05)'
},
_disabled: {
bg: '#E3E3FC',
border: '1px solid #E3E3FC',
boxShadow: '0px 1px 2px rgba(16, 24, 40, 0.05)'
}
},
'solid-error': {
bg: 'interface.error.700',
color: 'neutrals.100',
borderRadius: '4px',
border: '1px solid #DC180C',
boxShadow: '0px 1px 2px rgba(16, 24, 40, 0.05)',
_hover: {
bg: 'interface.error.700',
border: '1px solid #DC180C',
boxShadow: '0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #FEE4E2',
_disabled: {
bg: '#FCEAE8',
border: '1px solid #FCEAE8',
boxShadow: '0px 1px 2px rgba(16, 24, 40, 0.05)'
}
},
_active: {
bg: 'interface.error.900',
border: '1px solid #800C05',
boxShadow: '0px 1px 2px rgba(16, 24, 40, 0.05)'
},
_disabled: {
bg: '#FCEAE8',
border: '1px solid #FCEAE8',
boxShadow: '0px 1px 2px rgba(16, 24, 40, 0.05)'
}
},
'outline-error': {
bg: 'white',
color: '#DC180C',
borderRadius: '4px',
border: '1px solid #DC180C',
boxShadow: '0px 1px 2px rgba(16, 24, 40, 0.05)',
_hover: {
bg: 'white',
border: '1px solid #DC180C',
boxShadow: '0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #FEE4E2',
_disabled: {
bg: '#FFFFFF',
border: '1px solid #FCD2CF',
boxShadow: '0px 1px 2px rgba(16, 24, 40, 0.05)'
}
},
_active: {
bg: 'interface.error.500',
border: '1px solid #800C05',
boxShadow: '0px 1px 2px rgba(16, 24, 40, 0.05)'
},
_disabled: {
bg: '#FFFFFF',
border: '1px solid #FCD2CF',
boxShadow: '0px 1px 2px rgba(16, 24, 40, 0.05)'
}
},
'ghost-error': {
bg: 'interface.error.500',
color: 'interface.error.700',
borderRadius: '4px',
border: '1px solid #FCEAE8',
boxShadow: '0px 1px 2px rgba(16, 24, 40, 0.05)',
_hover: {
bg: 'interface.error.500',
border: '1px solid #FCEAE8',
boxShadow: '0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #FEE4E2',
_disabled: {
bg: 'rgba(252, 234, 232, 0.5)',
border: '1px solid rgba(252, 234, 232, 0.5)',
boxShadow: '0px 1px 2px rgba(16, 24, 40, 0.05)'
}
},
_active: {
bg: ' rgba(220, 24, 12, 0.15)',
border: '1px solid #FCEAE8',
boxShadow: '0px 1px 2px rgba(16, 24, 40, 0.05)'
},
_disabled: {
bg: 'rgba(252, 234, 232, 0.5)',
border: '1px solid rgba(252, 234, 232, 0.5)',
boxShadow: '0px 1px 2px rgba(16, 24, 40, 0.05)'
}
},
'solid-close-btn': {
bg: 'brand.primary.700',
borderRadius: '4px',
_hover: {
_disabled: {
bg: 'brand.primary.500'
}
},
_disabled: {
bg: 'transparent'
}
},
'outline-close-btn': {
color: 'neutrals.600',
_hover: {
color: 'neutrals.700'
},
_focus: {
color: 'neutrals.600'
}
},
'ghost-close-btn': {
bg: 'transparent',
borderRadius: '4px',
color: 'brand.primary.700',
_hover: {
bg: 'rgba(227, 227, 252, 0.5)',
color: 'brand.primary.900'
},
_focused: {
bg: 'rgba(227, 227, 252, 0.5)',
color: 'brand.primary.700'
}
}
};
var buttonSizes = {
sm: {
p: '8px 14px',
fontFamily: 'Helvetica Neue',
fontWeight: 500,
fontSize: '12px',
lineHeight: '12px',
letterSpacing: '0.02em'
},
md: {
p: '10px 16px',
fontFamily: 'Helvetica Neue',
fontWeight: 500,
fontSize: '14px',
lineHeight: '14px',
letterSpacing: '0.02em'
},
lg: {
p: '10px 18px',
fontFamily: 'Helvetica Neue',
fontWeight: 500,
fontSize: '18px',
lineHeight: '24px'
},
xl: {
p: '12px 20px',
fontFamily: 'Helvetica Neue',
fontWeight: 500,
fontSize: '20px',
lineHeight: '20px'
},
'2xl': {
p: '16px 28px',
fontFamily: 'Helvetica Neue',
fontWeight: 500,
fontSize: '18px',
lineHeight: '24px'
},
'button-close-sm': {
width: '36px',
height: '36px'
},
'button-close-md': {
width: '40px',
height: '40px'
},
'button-close-lg': {
width: '44px',
height: '44px'
}
};
var Button = {

@@ -439,3 +698,4 @@ baseStyle: {

},
variants: {
sizes: buttonSizes,
variants: /*#__PURE__*/_extends({
primary: {

@@ -456,3 +716,3 @@ color: 'neutrals.100',

}
},
}, buttonVariants),
defaultProps: {

@@ -459,0 +719,0 @@ variant: 'primary'

4

package.json
{
"version": "0.1.4",
"version": "0.1.5",
"license": "MIT",

@@ -52,3 +52,3 @@ "main": "dist/index.js",

},
"gitHead": "912615e2e15420b5ddc48bd6bfd7f8d7ea4f8154",
"gitHead": "b2548f94d53fac2235838db2aedd2ed4709baed0",
"dependencies": {

@@ -55,0 +55,0 @@ "@highoutput/hds-icons": "^1.0.5-0.1.0.0"

2

src/theme/components/index.ts
import { ComponentStyleConfig } from '@chakra-ui/react';
import Box from './box';
import Button from './button';
import Button from './button/button';
import Checkbox from './checkbox';

@@ -5,0 +5,0 @@ import Drawer from './drawer';

dist/theme/components/button.d.ts
src/hov_logo.png
src/theme/components/button.ts
dist/hds.cjs.development.js

Sorry, the diff of this file is too big to display

dist/hds.cjs.development.js.map

Sorry, the diff of this file is not supported yet

dist/hds.cjs.production.min.js.map

Sorry, the diff of this file is not supported yet

dist/hds.esm.js.map

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc