@bothub-chat/ui 2.48.1-fix-message-79169952-1f6d-4889-beff-6002523e5f27 → 2.48.1-fix-message-79720dcc-0313-4bb2-ac15-912e6fc16d36

package/dist/components/select-field/select-modal/styled.d.ts

@@ -6,27 +6,10 @@ export interface SelectModalStyledProps {
     $placement: SelectFieldPlacement;
 }
 export declare const SelectModalStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("@react-spring/web").AnimatedProps<{
-    ref?: import("react").Ref<HTMLDivElement> | undefined;
-    key?: import("react").Key | null | undefined;
-    defaultChecked?: boolean | undefined | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    suppressContentEditableWarning?: boolean | undefined | undefined;
-    suppressHydrationWarning?: boolean | undefined | undefined;
-    accessKey?: string | undefined | undefined;
-    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
-    autoFocus?: boolean | undefined | undefined;
-    className?: string | undefined | undefined;
-    contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
-    contextMenu?: string | undefined | undefined;
-    dir?: string | undefined | undefined;
-    draggable?: (boolean | "false" | "true") | undefined;
-    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+    children?: import("react").ReactNode;
     hidden?: boolean | undefined | undefined;
-    id?: string | undefined | undefined;
-    lang?: string | undefined | undefined;
-    nonce?: string | undefined | undefined;
-    slot?: string | undefined | undefined;
-    spellCheck?: (boolean | "false" | "true") | undefined;
+    color?: string | undefined | undefined;
+    content?: string | undefined | undefined;
     style?: {
         accentColor?: import("csstype").Property.AccentColor | undefined;
         alignContent?: import("csstype").Property.AlignContent | undefined;
@@ -874,13 +857,31 @@ export declare const SelectModalStyled: import("styled-components").IStyledCompo
         matrix?: readonly [number, number, number, number, number, number] | undefined;
         matrix3d?: readonly [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number] | undefined;
     } | undefined;
+    key?: import("react").Key | null | undefined;
+    defaultChecked?: boolean | undefined | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined | undefined;
+    suppressHydrationWarning?: boolean | undefined | undefined;
+    accessKey?: string | undefined | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
+    autoFocus?: boolean | undefined | undefined;
+    className?: string | undefined | undefined;
+    contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+    contextMenu?: string | undefined | undefined;
+    dir?: string | undefined | undefined;
+    draggable?: (boolean | "false" | "true") | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+    id?: string | undefined | undefined;
+    lang?: string | undefined | undefined;
+    nonce?: string | undefined | undefined;
+    slot?: string | undefined | undefined;
+    spellCheck?: (boolean | "false" | "true") | undefined;
     tabIndex?: number | undefined | undefined;
     title?: string | undefined | undefined;
     translate?: "yes" | "no" | undefined | undefined;
     radioGroup?: string | undefined | undefined;
     role?: import("react").AriaRole | undefined;
     about?: string | undefined | undefined;
-    content?: string | undefined | undefined;
     datatype?: string | undefined | undefined;
     inlist?: any;
     prefix?: string | undefined | undefined;
@@ -892,7 +893,6 @@ export declare const SelectModalStyled: import("styled-components").IStyledCompo
     vocab?: string | undefined | undefined;
     autoCorrect?: string | undefined | undefined;
     autoSave?: string | undefined | undefined;
-    color?: string | undefined | undefined;
     itemProp?: string | undefined | undefined;
     itemScope?: boolean | undefined | undefined;
     itemType?: string | undefined | undefined;
@@ -901,10 +901,6 @@ export declare const SelectModalStyled: import("styled-components").IStyledCompo
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
-    popover?: "" | "auto" | "manual" | undefined | undefined;
-    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
-    popoverTarget?: string | undefined | undefined;
-    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -962,7 +958,6 @@ export declare const SelectModalStyled: import("styled-components").IStyledCompo
     "aria-valuemin"?: number | undefined | undefined;
     "aria-valuenow"?: number | undefined | undefined;
     "aria-valuetext"?: string | undefined | undefined;
-    children?: import("react").ReactNode;
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
     } | undefined | undefined;
@@ -1114,8 +1109,6 @@ export declare const SelectModalStyled: import("styled-components").IStyledCompo
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
-    onScrollEnd?: import("react").UIEventHandler<HTMLDivElement> | undefined;
-    onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
@@ -1124,16 +1117,9 @@ export declare const SelectModalStyled: import("styled-components").IStyledCompo
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
-    onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
-    onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
-    onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }> & {
     scrollTop?: number | import("@react-spring/shared").FluidValue<number, any> | undefined;
     scrollLeft?: number | import("@react-spring/shared").FluidValue<number, any> | undefined;
@@ -1147,7 +1133,7 @@ export interface SelectModalPositionWrapperProps {
 }
 export declare const SelectModalPositionWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SelectModalPositionWrapperProps>>;
 export declare const SelectModalContent: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").Ref<HTMLDivElement> | undefined;
+    ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -1196,10 +1182,6 @@ export declare const SelectModalContent: import("styled-components").IStyledComp
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
-    popover?: "" | "auto" | "manual" | undefined | undefined;
-    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
-    popoverTarget?: string | undefined | undefined;
-    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -1409,8 +1391,6 @@ export declare const SelectModalContent: import("styled-components").IStyledComp
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
-    onScrollEnd?: import("react").UIEventHandler<HTMLDivElement> | undefined;
-    onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
@@ -1419,23 +1399,15 @@ export declare const SelectModalContent: import("styled-components").IStyledComp
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
-    onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
-    onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
-    onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 }>;
 export interface SelectModalGroupsProps {
     $size: SelectFieldSize;
 }
 export declare const SelectModalGroups: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SelectModalGroupsProps>>;
 export declare const SelectModalTabsContainer: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").Ref<HTMLDivElement> | undefined;
+    ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -1484,10 +1456,6 @@ export declare const SelectModalTabsContainer: import("styled-components").IStyl
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
-    popover?: "" | "auto" | "manual" | undefined | undefined;
-    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
-    popoverTarget?: string | undefined | undefined;
-    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -1697,8 +1665,6 @@ export declare const SelectModalTabsContainer: import("styled-components").IStyl
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
-    onScrollEnd?: import("react").UIEventHandler<HTMLDivElement> | undefined;
-    onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
@@ -1707,16 +1673,8 @@ export declare const SelectModalTabsContainer: import("styled-components").IStyl
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
-    onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
-    onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
-    onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 }>;
 export declare const SelectModalTabs: import("styled-components").IStyledComponent<"web", {
     tabs: import("@/ui/components/scrollable-tabs").ITab[];
@@ -1729,44 +1687,22 @@ export declare const SelectModalTabs: import("styled-components").IStyledCompone
     onClick?: ((id: string | null) => unknown) | undefined;
 }>;
 export declare const SelectModalSearch: import("styled-components").IStyledComponent<"web", {
-    label?: import("react").ReactNode;
-    placeholder?: string | undefined;
     value?: string | undefined;
-    defaultValue?: string | undefined;
-    error?: string | boolean | undefined;
-    fullWidth?: boolean | undefined;
-    startIcon?: import("react").ReactNode;
-    endIcon?: import("react").ReactNode;
-    name?: string | undefined;
-    type?: import("@/ui/components/text-field").TextFieldType | undefined;
-    disabled?: boolean | undefined;
-    skeleton?: boolean | undefined;
-    readonly?: boolean | undefined;
-    variant?: import("@/ui/components/text-field").Variant | undefined;
-    autoFocus?: boolean | undefined;
-    autoComplete?: import("react").HTMLInputAutoCompleteAttribute | undefined;
-    inputStyles?: React.CSSProperties | undefined;
-    clearable?: boolean | undefined;
-    bigClearButton?: boolean | undefined;
-    onChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;
-    onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
-    onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
-    onMouseEnter?: React.MouseEventHandler<HTMLInputElement> | undefined;
-    onMouseLeave?: React.MouseEventHandler<HTMLInputElement> | undefined;
-    onValueChange?: import("@/ui/components/text-field").TextFieldValueChangeEventHandler | undefined;
-    onClearButtonClick?: (() => void) | undefined;
-    ref?: import("react").Ref<HTMLDivElement> | undefined;
     children?: import("react").ReactNode;
+    variant?: import("@/ui/components/text-field").Variant | undefined;
     hidden?: boolean | undefined | undefined;
     color?: string | undefined | undefined;
     content?: string | undefined | undefined;
     style?: import("react").CSSProperties | undefined;
+    disabled?: boolean | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
+    defaultValue?: string | undefined;
     suppressContentEditableWarning?: boolean | undefined | undefined;
     suppressHydrationWarning?: boolean | undefined | undefined;
     accessKey?: string | undefined | undefined;
     autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
+    autoFocus?: boolean | undefined;
     className?: string | undefined | undefined;
     contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
     contextMenu?: string | undefined | undefined;
@@ -1803,10 +1739,6 @@ export declare const SelectModalSearch: import("styled-components").IStyledCompo
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
-    popover?: "" | "auto" | "manual" | undefined | undefined;
-    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
-    popoverTarget?: string | undefined | undefined;
-    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -1879,8 +1811,11 @@ export declare const SelectModalSearch: import("styled-components").IStyledCompo
     onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
     onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
     onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
     onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
     onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;
     onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onBeforeInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
     onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -1972,6 +1907,8 @@ export declare const SelectModalSearch: import("styled-components").IStyledCompo
     onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
     onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseEnter?: React.MouseEventHandler<HTMLInputElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLInputElement> | undefined;
     onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
@@ -2010,8 +1947,6 @@ export declare const SelectModalSearch: import("styled-components").IStyledCompo
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
-    onScrollEnd?: import("react").UIEventHandler<HTMLDivElement> | undefined;
-    onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
@@ -2020,19 +1955,28 @@ export declare const SelectModalSearch: import("styled-components").IStyledCompo
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
-    onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
-    onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
-    onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    label?: import("react").ReactNode;
+    name?: string | undefined;
+    type?: import("@/ui/components/text-field").TextFieldType | undefined;
+    autoComplete?: import("react").HTMLInputAutoCompleteAttribute | undefined;
+    placeholder?: string | undefined;
+    error?: string | boolean | undefined;
+    fullWidth?: boolean | undefined;
+    skeleton?: boolean | undefined;
+    startIcon?: import("react").ReactNode;
+    endIcon?: import("react").ReactNode;
+    onValueChange?: import("@/ui/components/text-field").TextFieldValueChangeEventHandler | undefined;
+    onClearButtonClick?: (() => void) | undefined;
+    readonly?: boolean | undefined;
+    inputStyles?: React.CSSProperties | undefined;
+    clearable?: boolean | undefined;
+    bigClearButton?: boolean | undefined;
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }>;
 export declare const SelectModalAfter: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").Ref<HTMLDivElement> | undefined;
+    ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -2081,10 +2025,6 @@ export declare const SelectModalAfter: import("styled-components").IStyledCompon
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
-    popover?: "" | "auto" | "manual" | undefined | undefined;
-    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
-    popoverTarget?: string | undefined | undefined;
-    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -2294,8 +2234,6 @@ export declare const SelectModalAfter: import("styled-components").IStyledCompon
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
-    onScrollEnd?: import("react").UIEventHandler<HTMLDivElement> | undefined;
-    onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
@@ -2304,14 +2242,6 @@ export declare const SelectModalAfter: import("styled-components").IStyledCompon
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
-    onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
-    onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
-    onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 }>;

package/dist/components/select-field/select-modal/styled.js

@@ -1,4 +1,4 @@
-import{styled as t,css as e}from"styled-components";import{animated as o}from"@react-spring/web";import{ScrollableTabs as i}from"../../scrollable-tabs/index.js";import{TextField as a}from"../../text-field/index.js";const n=t(o.div).withConfig({displayName:"styled__SelectModalStyled",componentId:"sc-6z9s36-0"})(["display:flex;position:absolute;z-index:",";width:","px;min-width:200px;width:100%;box-sizing:border-box;transition:opacity 0.2s;"," ",""],({theme:t})=>t.zIndex.select,({$contentWidth:t})=>t,({$disablePortal:t,$placement:o})=>{if(t)switch(o){case"bottom-center":case"bottom-left":return e`
+import{styled as t,css as e}from"styled-components";import{animated as o}from"@react-spring/web";import{ScrollableTabs as i}from"../../scrollable-tabs/index.js";import{TextField as a}from"../../text-field/index.js";const n=t(o.div).withConfig({displayName:"styled__SelectModalStyled",componentId:"sc-6z9s36-0"})(["display:flex;position:absolute;z-index:",";width:","px;min-width:200px;width:100%;box-sizing:border-box;transition:opacity 0.2s;"," ",""],(({theme:t})=>t.zIndex.select),(({$contentWidth:t})=>t),(({$disablePortal:t,$placement:o})=>{if(t)switch(o){case"bottom-center":case"bottom-left":return e`
           top: unset !important;
           left: 0 !important;
           bottom: 0 !important;
@@ -8,15 +8,15 @@ import{styled as t,css as e}from"styled-components";import{animated as o}from"@r
           left: 0 !important;
           bottom: 100% !important;
           right: unset !important;
-        `}},({$isOpen:t})=>!t&&e`
+        `}}),(({$isOpen:t})=>!t&&e`
       opacity: 0;
       pointer-events: none;
-    `),d=t.div.withConfig({displayName:"styled__SelectModalPositionWrapper",componentId:"sc-6z9s36-1"})(["display:flex;position:absolute;",";box-sizing:border-box;padding:6px 0 6px 8px;border:1px solid ",";border-radius:10px;background:",";backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);",""],({$width:t,$compactWidth:o})=>!o&&e`
+    `)),d=t.div.withConfig({displayName:"styled__SelectModalPositionWrapper",componentId:"sc-6z9s36-1"})(["display:flex;position:absolute;",";box-sizing:border-box;padding:6px 0 6px 8px;border:1px solid ",";border-radius:10px;background:",";backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);",""],(({$width:t,$compactWidth:o})=>!o&&e`
       width: ${t||"100%"};
-    `,({theme:t})=>t.colors.grayScale.gray2,({theme:t,$blur:e})=>e?"light"===t.mode?"rgba(255, 255, 255, 0.65)":"rgba(18, 24, 37, 0.75)":"light"===t.mode?t.default.colors.base.white:t.colors.grayScale.gray4,({$placement:t})=>t.includes("top")?e`
+    `),(({theme:t})=>t.colors.grayScale.gray2),(({theme:t,$blur:e})=>e?"light"===t.mode?"rgba(255, 255, 255, 0.65)":"rgba(18, 24, 37, 0.75)":"light"===t.mode?t.default.colors.base.white:t.colors.grayScale.gray4),(({$placement:t})=>t.includes("top")?e`
         bottom: 0px;
         margin-bottom: 10px;
       `:e`
       top: 0px;
       margin-top: 10px;
-    `),s=t.div.withConfig({displayName:"styled__SelectModalContent",componentId:"sc-6z9s36-2"})(["display:flex;width:100%;"]),l=t.div.withConfig({displayName:"styled__SelectModalGroups",componentId:"sc-6z9s36-3"})(["display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:","px;"],({$size:t})=>{switch(t){case"small":return 4;case"md":return 6;case"large":return 8}}),r=t.div.withConfig({displayName:"styled__SelectModalTabsContainer",componentId:"sc-6z9s36-4"})(["width:100%;padding-right:8px;"]),p=t(i).attrs({variant:"secondary",component:"button"}).withConfig({displayName:"styled__SelectModalTabs",componentId:"sc-6z9s36-5"})([""]),c=t(a).attrs({fullWidth:!0,variant:"secondary"}).withConfig({displayName:"styled__SelectModalSearch",componentId:"sc-6z9s36-6"})(["padding-right:8px;"]),m=t.div.withConfig({displayName:"styled__SelectModalAfter",componentId:"sc-6z9s36-7"})(["width:calc(100% - 6px);"]);export{m as SelectModalAfter,s as SelectModalContent,l as SelectModalGroups,d as SelectModalPositionWrapper,c as SelectModalSearch,n as SelectModalStyled,p as SelectModalTabs,r as SelectModalTabsContainer};
+    `)),s=t.div.withConfig({displayName:"styled__SelectModalContent",componentId:"sc-6z9s36-2"})(["display:flex;width:100%;"]),l=t.div.withConfig({displayName:"styled__SelectModalGroups",componentId:"sc-6z9s36-3"})(["display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:","px;"],(({$size:t})=>{switch(t){case"small":return 4;case"md":return 6;case"large":return 8}})),r=t.div.withConfig({displayName:"styled__SelectModalTabsContainer",componentId:"sc-6z9s36-4"})(["width:100%;padding-right:8px;"]),p=t(i).attrs({variant:"secondary",component:"button"}).withConfig({displayName:"styled__SelectModalTabs",componentId:"sc-6z9s36-5"})([""]),c=t(a).attrs({fullWidth:!0,variant:"secondary"}).withConfig({displayName:"styled__SelectModalSearch",componentId:"sc-6z9s36-6"})(["padding-right:8px;"]),m=t.div.withConfig({displayName:"styled__SelectModalAfter",componentId:"sc-6z9s36-7"})(["width:calc(100% - 6px);"]);export{m as SelectModalAfter,s as SelectModalContent,l as SelectModalGroups,d as SelectModalPositionWrapper,c as SelectModalSearch,n as SelectModalStyled,p as SelectModalTabs,r as SelectModalTabsContainer};