@bothub-chat/ui 2.48.1-fix-message-dbd14831-26d9-4d49-85b2-65f0e64cfad3 → 2.48.2-develop-30a324f3-49c5-45da-a58f-44a7a3afc6f4

package/dist/components/select-field/{select-field-group → select-modal/select-field-group}/styled.d.ts

@@ -1,6 +1,6 @@
 import { SelectFieldSize } from '../types';
 export declare const SelectFieldGroupStyled: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
+    ref?: import("react").Ref<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -49,6 +49,10 @@ export declare const SelectFieldGroupStyled: import("styled-components").IStyled
     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;
@@ -258,6 +262,8 @@ export declare const SelectFieldGroupStyled: import("styled-components").IStyled
     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;
@@ -266,8 +272,16 @@ export declare const SelectFieldGroupStyled: import("styled-components").IStyled
     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 SelectFieldGroupContentProps {
     $size: SelectFieldSize;

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

@@ -0,0 +1 @@
+import{styled as e,css as o}from"styled-components";const t=e.div.withConfig({displayName:"styled__SelectFieldGroupStyled",componentId:"sc-rxkrr-0"})(["flex:1;width:100%;position:relative;overflow:hidden;"]),r=e.div.withConfig({displayName:"styled__SelectFieldGroupContent",componentId:"sc-rxkrr-1"})(["width:100%;height:100%;padding-right:8px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;",""],({$disableScrollbar:e,$size:t,$followContentHeight:r})=>!e&&o(["&::-webkit-scrollbar{width:4px;}&::-webkit-scrollbar-thumb{background:",";border-radius:2px;}&::-webkit-scrollbar-corner{display:none;}max-height:",";"],({theme:e})=>e.colors.accent.primary,()=>{if(r)return"100%";switch(t){case"small":case"md":return"186px";case"large":return"400px"}})),i=e.div.withConfig({displayName:"styled__Shadow",componentId:"sc-rxkrr-2"})(["position:absolute;height:50px;z-index:1;transition:opacity 0.2s;pointer-events:none;"," ",""],({$show:e})=>!e&&o(["opacity:0;"]),({$onTop:e=!1,theme:t})=>{const r="dark"===t.mode?t.colors.grayScale.gray4:t.colors.base.black;return o(e?["inset:-1px 8px auto 0;background:linear-gradient(0deg,","00 0%,"," 100%);"]:["inset:auto 8px -1px 0;background:linear-gradient(180deg,","00 0%,"," 100%);"],r,r)});export{r as SelectFieldGroupContent,t as SelectFieldGroupStyled,i as Shadow};

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

@@ -6,10 +6,27 @@ 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<{
-    children?: import("react").ReactNode;
+    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;
     hidden?: boolean | undefined | undefined;
-    color?: string | undefined | undefined;
-    content?: string | undefined | undefined;
+    id?: string | undefined | undefined;
+    lang?: string | undefined | undefined;
+    nonce?: string | undefined | undefined;
+    slot?: string | undefined | undefined;
+    spellCheck?: (boolean | "false" | "true") | undefined;
     style?: {
         accentColor?: import("csstype").Property.AccentColor | undefined;
         alignContent?: import("csstype").Property.AlignContent | undefined;
@@ -857,31 +874,13 @@ 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;
@@ -893,6 +892,7 @@ 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,6 +901,10 @@ 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;
@@ -958,6 +962,7 @@ 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;
@@ -1109,6 +1114,8 @@ 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;
@@ -1117,9 +1124,16 @@ 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;
-    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;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 }> & {
     scrollTop?: number | import("@react-spring/shared").FluidValue<number, any> | undefined;
     scrollLeft?: number | import("@react-spring/shared").FluidValue<number, any> | undefined;
@@ -1133,7 +1147,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").LegacyRef<HTMLDivElement> | undefined;
+    ref?: import("react").Ref<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -1182,6 +1196,10 @@ 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;
@@ -1391,6 +1409,8 @@ 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;
@@ -1399,15 +1419,23 @@ 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").LegacyRef<HTMLDivElement> | undefined;
+    ref?: import("react").Ref<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -1456,6 +1484,10 @@ 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;
@@ -1665,6 +1697,8 @@ 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;
@@ -1673,8 +1707,16 @@ 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[];
@@ -1687,22 +1729,44 @@ 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;
-    children?: import("react").ReactNode;
+    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;
     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;
@@ -1739,6 +1803,10 @@ 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;
@@ -1811,11 +1879,8 @@ 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;
@@ -1907,8 +1972,6 @@ 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;
@@ -1947,6 +2010,8 @@ 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;
@@ -1955,28 +2020,19 @@ 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;
-    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;
+    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 SelectModalAfter: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
+    ref?: import("react").Ref<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -2025,6 +2081,10 @@ 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;
@@ -2234,6 +2294,8 @@ 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;
@@ -2242,6 +2304,14 @@ 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};

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

@@ -0,0 +1 @@
+export * from '../types';