@bothub-chat/ui 2.48.1-fix-message-79720dcc-0313-4bb2-ac15-912e6fc16d36 → 2.48.1-fix-refactor-2b2ac2ff-898d-489a-83f0-2a58a894046a

package/dist/components/select-field/index.js

@@ -1 +1 @@
-import{__rest as e}from"tslib";import{jsx as l,jsxs as t,Fragment as r}from"react/jsx-runtime";import{useCallback as o,useState as n}from"react";import{SelectFieldStyled as a,SelectFieldLabel as i,SelectFieldInput as d,SelectFieldInputLeftSide as s,SelectFieldSearchIcon as c,SelectFieldInputNative as h,SelectFieldPlaceholder as p,SelectFieldValue as u,SelectFieldValueText as m,SelectFieldValueColor as b,SelectFieldColorValueText as f,SelectFieldValues as y,SelectFieldValueList as g,SelectFieldValueListItem as v,SelectFieldInputSide as S,SelectFieldClearButton as C,SelectFieldLoader as $,SelectFieldArrow as j,SelectFieldSkeleton as k,SelectFieldErrorText as x}from"./styled.js";import"../../theme/index.js";import{Skeleton as W}from"../skeleton/index.js";import{IconProvider as A}from"../icon/context.js";import"../icon/styled.js";import{Tooltip as P}from"../tooltip/index.js";import{SelectFieldProvider as M}from"./context.js";export{SelectFieldConsumer,SelectFieldContext,useSelectFieldContext}from"./context.js";import{SelectModal as O}from"./select-modal/index.js";import{useSelectField as T}from"./useSelectField.js";import{useTheme as I}from"../../theme/hook.js";import{TooltipConsumer as F}from"../tooltip/context.js";const L=L=>{var{className:V,label:z,placeholder:N,data:R,fullWidth:w=!1,contentWidth:D,error:E,skeleton:Z=!1,blur:B=!1,size:q="small",disableSelect:G=!1,disableScrollbar:H=!1,empty:J,after:K,loading:Q=!1,enableInput:U=!1,inputType:X="text",inputValue:Y,clearable:_=!1,disablePortal:ee,tabs:le,search:te,searchPlaceholder:re,resetStyleState:oe,children:ne,modalWidth:ae,dataTest:ie,selectedColor:de,compactWidth:se,modalStyles:ce,openedModel:he,onSearch:pe,onOptionClick:ue,onInputChange:me,onPointerLeave:be}=L,fe=e(L,["className","label","placeholder","data","fullWidth","contentWidth","error","skeleton","blur","size","disableSelect","disableScrollbar","empty","after","loading","enableInput","inputType","inputValue","clearable","disablePortal","tabs","search","searchPlaceholder","resetStyleState","children","modalWidth","dataTest","selectedColor","compactWidth","modalStyles","openedModel","onSearch","onOptionClick","onInputChange","onPointerLeave"]);const ye=T(fe),{isOpen:ge,triggerRef:ve,value:Se,disabled:Ce,multiple:$e,handleClose:je,handleInputClick:ke,setValue:xe}=ye,We=e(ye,["isOpen","triggerRef","value","disabled","multiple","handleClose","handleInputClick","setValue"]),Ae=I(),Pe=o((e=>{null==me||me(e)}),[me]);let[Me,Oe]=n("");void 0!==Y&&([Me,Oe]=[Y,Pe]);const[Te,Ie]=n(!1),Fe=o(((e,l)=>{l.stopPropagation(),Array.isArray(Se)&&xe("string"==typeof e?Se.filter((l=>"string"==typeof l?l!==e:l.value!==e)):Se.filter((l=>"string"==typeof l?l!==e.value:l.value!==e.value))),je()}),[Se]),Le=o((e=>{Oe(e.currentTarget.value)}),[Oe]),Ve=o((()=>{xe(null),Oe("")}),[xe,Oe]);return l(M,{selectRef:ve,handleSelectClick:ke.bind(null,!1),children:t(a,{$fullWidth:w,$disabled:Ce,className:V,onPointerLeave:be,children:[z&&Z&&l(i,{children:l(W,{width:100})}),"string"==typeof z&&!Z&&l(i,{children:z}),"string"!=typeof z&&!Z&&z,ne,!ne&&t(r,{children:[!Z&&t(d,{$open:ge,$error:!!E,$disabled:Ce,$skeleton:!1,$blur:B,$loading:Q,$multiple:$e&&Array.isArray(Se)&&Se.length>0,ref:ve,onClick:ke.bind(null,!1),"data-test":ie,children:[t(s,{children:[(!Se||Array.isArray(Se)&&0===Se.length)&&t(r,{children:[U&&"search"===X&&l(c,{$focus:Te}),U&&l(h,{type:X,value:Me,placeholder:N,disabled:Ce,onClick:ke.bind(null,!0),onChange:Le,onFocus:Ie.bind(null,!0),onBlur:Ie.bind(null,!1)}),!U&&l(p,{$open:ge,children:N})]}),"string"==typeof Se&&""!==Se&&l(u,{children:l(m,{children:Se})}),Se&&"object"==typeof Se&&!Array.isArray(Se)&&t(u,{children:[Se.icon&&l(A,{fill:Ae.colors.base.white,size:18,children:Se.icon}),Se.color&&l(b,{$color:Se.color}),Se.label&&l(P,{label:Se.label,placement:"top-left",disabled:Se.label.length<=128,children:l(F,{children:({handleTooltipMouseEnter:e,handleTooltipMouseLeave:t})=>l(f,{onMouseEnter:e,onMouseLeave:t,children:Se.label})})}),!Se.label&&Se.value&&l(f,{children:Se.value})]}),Array.isArray(Se)&&Se.length>0&&l(y,{children:l(g,{children:Se.map(((e,t)=>{var r,o,n;return"string"==typeof e?l(v,{onDelete:Fe.bind(null,e),children:e},e):l(v,{onDelete:Fe.bind(null,e),children:null!==(r=e.label)&&void 0!==r?r:e.value},null!==(n=null!==(o=e.id)&&void 0!==o?o:e.value)&&void 0!==n?n:t)}))})})]}),t(S,{children:[(_&&Se||U&&"search"===X&&!Q&&Me||U&&Se)&&l(C,{onClick:Ve}),Q&&l($,{}),l(j,{style:{transform:ge?"rotateZ(180deg)":"rotateZ(0deg)"}})]})]}),Z&&l(d,{$open:!1,$error:!1,$disabled:!1,$skeleton:!0,$loading:!1,$blur:B,$multiple:!1,ref:ve,children:l(k,{})})]}),l(O,Object.assign({},We,{isOpen:ge,data:R,contentWidth:D,size:q,disableSelect:G,disableScrollbar:H,empty:J,after:K,tabs:le,search:te,searchPlaceholder:re,resetStyleState:oe,blur:B,disablePortal:ee,value:Se,multiple:$e,onSearch:pe,onOptionClick:ue,handleClose:je,setValue:xe,modalWidth:ae,selectedColor:de,compactWidth:se,modalStyles:ce,openedModel:he})),E&&l(x,{children:E})]})})};export{L as SelectField,j as SelectFieldArrow,C as SelectFieldClearButton,f as SelectFieldColorValueText,x as SelectFieldErrorText,d as SelectFieldInput,s as SelectFieldInputLeftSide,h as SelectFieldInputNative,S as SelectFieldInputSide,i as SelectFieldLabel,$ as SelectFieldLoader,p as SelectFieldPlaceholder,M as SelectFieldProvider,c as SelectFieldSearchIcon,k as SelectFieldSkeleton,a as SelectFieldStyled,u as SelectFieldValue,b as SelectFieldValueColor,g as SelectFieldValueList,v as SelectFieldValueListItem,m as SelectFieldValueText,y as SelectFieldValues,O as SelectModal,T as useSelectField};
+import{__rest as e}from"tslib";import{jsx as l,jsxs as t,Fragment as a}from"react/jsx-runtime";import{useCallback as r,useState as i,useMemo as o}from"react";import{SelectFieldLabel as n,SelectFieldStyled as d,SelectFieldInput as s,SelectFieldSkeleton as c,SelectFieldInputLeftSide as u,SelectFieldSearchIcon as p,SelectFieldInputNative as h,SelectFieldPlaceholder as m,SelectFieldInputSide as b,SelectFieldClearButton as f,SelectFieldLoader as S,SelectFieldArrow as y,SelectFieldErrorText as C}from"./styled.js";export{SelectFieldColorValueText,SelectFieldValue,SelectFieldValueColor,SelectFieldValueList,SelectFieldValueListItem,SelectFieldValueText,SelectFieldValues}from"./styled.js";import{Skeleton as g}from"../skeleton/index.js";import{SelectModal as $}from"./select-modal/index.js";import{SelectFieldInputValue as v}from"./nodes/value/index.js";import{SelectFieldProvider as k}from"./context.js";export{SelectFieldConsumer,SelectFieldContext,useSelectFieldContext}from"./context.js";import{useSelectField as x}from"./useSelectField.js";const V=V=>{var{className:F,label:W,placeholder:j,data:P,fullWidth:O=!1,contentWidth:I,error:T,skeleton:A=!1,blur:L=!1,size:z="small",disableSelect:M=!1,disableScrollbar:N=!1,empty:R,after:w,loading:B=!1,enableInput:D=!1,inputType:q="text",inputValue:E,clearable:G=!1,disablePortal:H,tabs:J,search:K,searchPlaceholder:Q,resetStyleState:U,children:X,modalWidth:Y,dataTest:Z,selectedColor:_,compactWidth:ee,modalStyles:le,openedModel:te,onSearch:ae,onOptionClick:re,onInputChange:ie,onPointerLeave:oe}=V,ne=e(V,["className","label","placeholder","data","fullWidth","contentWidth","error","skeleton","blur","size","disableSelect","disableScrollbar","empty","after","loading","enableInput","inputType","inputValue","clearable","disablePortal","tabs","search","searchPlaceholder","resetStyleState","children","modalWidth","dataTest","selectedColor","compactWidth","modalStyles","openedModel","onSearch","onOptionClick","onInputChange","onPointerLeave"]);const de=x(ne),{isOpen:se,triggerRef:ce,value:ue,disabled:pe,multiple:he,handleClose:me,handleInputClick:be,setValue:fe}=de,Se=e(de,["isOpen","triggerRef","value","disabled","multiple","handleClose","handleInputClick","setValue"]),ye=r(e=>{null==ie||ie(e)},[ie]),[Ce,ge]=void 0===E?i(""):[E,ye],[$e,ve]=i(!1),ke=o(()=>D&&"search"===q,[D,q]),xe=o(()=>he&&Array.isArray(ue)&&ue.length>0,[he,ue]),Ve=o(()=>A?l(n,{children:l(g,{width:100})}):"string"==typeof W?l(n,{children:W}):W,[A,W]),Fe=r((e,l)=>{if(l.stopPropagation(),Array.isArray(ue)){if("string"==typeof e)return void fe(ue.filter(l=>"string"==typeof l?l!==e:l.value!==e));fe(ue.filter(l=>"string"==typeof l?l!==e.value:l.value!==e.value))}me()},[ue]),We=r(e=>{ge(e.currentTarget.value)},[ge]),je=r(()=>{fe(null),ge("")},[fe,ge]);return l(k,{selectRef:ce,handleSelectClick:be.bind(null,!1),children:t(d,{$fullWidth:O,$disabled:pe,className:F,onPointerLeave:oe,children:[Ve,null!=X?X:l(a,{children:A?l(s,{$open:!1,$error:!1,$disabled:!1,$skeleton:!0,$loading:!1,$blur:L,$multiple:!1,ref:ce,children:l(c,{})}):t(s,{$open:se,$error:!!T,$disabled:pe,$skeleton:!1,$blur:L,$loading:B,$multiple:xe,ref:ce,onClick:be.bind(null,!1),"data-test":Z,children:[t(u,{children:[(!ue||Array.isArray(ue)&&0===ue.length)&&t(a,{children:[ke&&l(p,{$focus:$e}),D?l(h,{type:q,value:Ce,placeholder:j,disabled:pe,onClick:be.bind(null,!0),onChange:We,onFocus:ve.bind(null,!0),onBlur:ve.bind(null,!1)}):l(m,{$open:se,children:j})]}),l(v,{value:ue,handleValueDelete:Fe})]}),t(b,{children:[(ue&&(G||D)||ke&&!B&&Ce)&&l(f,{onClick:je}),B&&l(S,{}),l(y,{$isOpen:se})]})]})}),l($,Object.assign({},Se,{isOpen:se,data:P,contentWidth:I,size:z,disableSelect:M,disableScrollbar:N,empty:R,after:w,tabs:J,search:K,searchPlaceholder:Q,resetStyleState:U,blur:L,disablePortal:H,value:ue,multiple:he,onSearch:ae,onOptionClick:re,handleClose:me,setValue:fe,modalWidth:Y,selectedColor:_,compactWidth:ee,modalStyles:le,openedModel:te})),T&&l(C,{children:T})]})})};export{V as SelectField,y as SelectFieldArrow,f as SelectFieldClearButton,C as SelectFieldErrorText,s as SelectFieldInput,u as SelectFieldInputLeftSide,h as SelectFieldInputNative,b as SelectFieldInputSide,n as SelectFieldLabel,S as SelectFieldLoader,m as SelectFieldPlaceholder,k as SelectFieldProvider,p as SelectFieldSearchIcon,c as SelectFieldSkeleton,d as SelectFieldStyled,$ as SelectModal,x as useSelectField};

package/dist/components/select-field/nodes/index.d.ts

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

package/dist/components/select-field/nodes/value/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { SelectFieldDataItem, ValueType } from '../../types';
+export interface SelectFieldInputValueProps {
+    value: ValueType;
+    handleValueDelete: (item: SelectFieldDataItem, event: React.MouseEvent) => unknown;
+}
+export declare const SelectFieldInputValue: React.FC<SelectFieldInputValueProps>;

package/dist/components/select-field/nodes/value/index.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as l}from"react/jsx-runtime";import{SelectFieldValue as o,SelectFieldValueText as i,SelectFieldValues as n,SelectFieldValueList as r,SelectFieldValueListItem as t,SelectFieldValueColor as c,SelectFieldColorValueText as d}from"../../styled.js";import"tslib";import{IconProvider as a}from"../../../icon/context.js";import"../../../icon/styled.js";import{Tooltip as s}from"../../../tooltip/index.js";import"../../../../theme/index.js";import{useTheme as h}from"../../../../theme/hook.js";import{TooltipConsumer as m}from"../../../tooltip/context.js";const p=({value:p,handleValueDelete:u})=>{const b=h();return p&&["string","object"].includes(typeof p)?"string"==typeof p?e(o,{children:e(i,{children:p})}):Array.isArray(p)?e(n,{children:e(r,{children:p.map((l,o)=>{var i,n,r;return"string"==typeof l?e(t,{onDelete:u.bind(null,l),children:l},l):e(t,{onDelete:u.bind(null,l),children:null!==(i=l.label)&&void 0!==i?i:l.value},null!==(r=null!==(n=l.id)&&void 0!==n?n:l.value)&&void 0!==r?r:o)})})}):l(o,{children:[p.icon&&e(a,{fill:b.colors.base.white,size:18,children:p.icon}),p.color&&e(c,{$color:p.color}),p.label&&e(s,{label:p.label,placement:"top-left",disabled:p.label.length<=128,children:e(m,{children:({handleTooltipMouseEnter:l,handleTooltipMouseLeave:o})=>e(d,{onMouseEnter:l,onMouseLeave:o,children:p.label})})}),!p.label&&p.value&&e(d,{children:p.value})]}):null};export{p as SelectFieldInputValue};

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

@@ -1 +1 @@
-import"react";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import{hasSubstring as l}from"../../../utils/hasSubstring/index.js";import"../../../utils/colors/calculateGrayScale.js";import"../../../utils/colors/calculateAccentColors.js";const t=(t,r)=>t.map((t=>{if("string"==typeof t)return l(t,r)?t:null;if("collapse"===t.type&&t.data){const a=t.data.map((t=>"string"==typeof t?l(t,r)?t:null:t.label?l(t.label,r)?t:null:t)).filter((l=>null!==l));return a.length>0?Object.assign(Object.assign({},t),{data:a}):null}return t.label?l(t.label,r)?t:null:t})).filter((l=>null!==l));export{t as filterData};
+import"react";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import{hasSubstring as l}from"../../../utils/hasSubstring/index.js";import"../../../utils/colors/calculateGrayScale.js";import"../../../utils/colors/calculateAccentColors.js";const t=(t,r)=>t.map(t=>{if("string"==typeof t)return l(t,r)?t:null;if("collapse"===t.type&&t.data){const a=t.data.map(t=>"string"==typeof t?l(t,r)?t:null:t.label?l(t.label,r)?t:null:t).filter(l=>null!==l);return a.length>0?Object.assign(Object.assign({},t),{data:a}):null}return t.label?l(t.label,r)?t:null:t}).filter(l=>null!==l);export{t as filterData};

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

@@ -26,5 +26,5 @@ export type SelectModalGeneralProps = {
     onOptionClick?: SelectFieldOptionClickEventHandler;
 };
 export type SelectModalProps = SelectModalGeneralProps & Omit<UseSelectFieldReturnType, 'disabled' | 'handleInputClick' | 'maxHeight' | 'triggerRef'>;
-export declare const SelectModal: ({ isOpen, data, contentWidth, contentHeight, size, disableSelect, disableScrollbar, empty, after, tabs, search, searchPlaceholder, resetStyleState, placement, selectModalRef, disablePortal, blur, x, y, width, isKeyboardOpen, value, multiple, modalWidth, openedModel, selectedColor, compactWidth, modalStyles, onSearch, onOptionClick, handleClose, setValue, }: SelectModalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectModal: ({ isOpen, data: initialData, contentWidth, contentHeight, size, disableSelect, disableScrollbar, empty, after, tabs, search, searchPlaceholder, resetStyleState, placement, selectModalRef, disablePortal, blur, x, y, width, isKeyboardOpen, value, multiple, modalWidth, openedModel, selectedColor, compactWidth, modalStyles, onSearch, onOptionClick, handleClose, setValue, }: SelectModalProps) => import("react/jsx-runtime").JSX.Element;
 export * from './styled';

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

@@ -1 +1 @@
-import{__rest as i}from"tslib";import{jsx as o,jsxs as s}from"react/jsx-runtime";import n,{useState as e,useRef as t,useCallback as r,useEffect as c,useMemo as d}from"react";import{SelectModalStyled as p,SelectModalPositionWrapper as m,SelectModalContent as x,SelectModalGroups as j,SelectModalTabsContainer as a,SelectModalTabs as l,SelectModalSearch as g,SelectModalAfter as b}from"./styled.js";import"../../../icons/arrow-down/index.js";import"../../../icons/arrow-narrow-left/index.js";import"../../../icons/arrow-narrow-right/index.js";import"../../../icons/arrow-up/index.js";import"../../../icons/bitcoin/index.js";import"../../../icons/bot-circle/index.js";import"../../../icons/bothub-agg/index.js";import"../../../icons/business-colored/index.js";import"../../../icons/check-circle/index.js";import"../../../icons/close/index.js";import"../../../icons/email-circle/index.js";import"../../../icons/language/index.js";import"../../../icons/lock-circle/index.js";import"../../../icons/menu/index.js";import"../../../icons/medium-circle/index.js";import"../../../icons/tg-circle/index.js";import"../../../icons/tg-colored/index.js";import"../../../icons/youcassa/index.js";import"../../../icons/dashboard/index.js";import"../../../icons/user-profile/index.js";import"../../../icons/logout/index.js";import"../../../icons/habr-2/index.js";import"../../../icons/arrow-2-down/index.js";import"../../../icons/links/index.js";import"../../../icons/free/index.js";import"../../../icons/hotness/index.js";import"../../../icons/checked/index.js";import"../../../icons/ai/index.js";import"../../../icons/bookmarks/index.js";import"../../../icons/bookmarks-big/index.js";import"../../../icons/chat/index.js";import"../../../icons/chats/index.js";import"../../../icons/coder/index.js";import"../../../icons/copy/index.js";import"../../../icons/edit/index.js";import"../../../icons/presets-big/index.js";import"../../../icons/referal/index.js";import"../../../icons/restore/index.js";import"../../../icons/tariff/index.js";import"../../../icons/trash/index.js";import"../../../icons/update/index.js";import"../../../icons/menu-dot/index.js";import"../../../icons/plus-2/index.js";import"../../../icons/plus-1/index.js";import"../../../icons/send/index.js";import"../../../icons/settings/index.js";import"../../../icons/habr/index.js";import"../../../icons/check-small/index.js";import"../../../icons/stop/index.js";import"../../../icons/thumb-up/index.js";import"../../../icons/thumb-down/index.js";import"../../../icons/star/index.js";import"../../../icons/info-big/index.js";import"../../../icons/warning-big/index.js";import"../../../icons/error-big/index.js";import"../../../icons/success-big/index.js";import"../../../icons/mj/index.js";import"../../../icons/card/index.js";import"../../../icons/arrow-narrow-up/index.js";import"../../../icons/arrow-narrow-down/index.js";import"../../../icons/filters/index.js";import"../../../icons/info/index.js";import"../../../icons/search-circle/index.js";import"../../../icons/save/index.js";import"../../../icons/light/index.js";import"../../../icons/dark/index.js";import"../../../icons/email-colored/index.js";import"../../../icons/action-chat/index.js";import"../../../icons/attach/index.js";import"../../../icons/avatar-add/index.js";import"../../../icons/brush/index.js";import"../../../icons/calendar/index.js";import"../../../icons/claude/index.js";import"../../../icons/cookie/index.js";import"../../../icons/dalle/index.js";import"../../../icons/download-img/index.js";import"../../../icons/error/index.js";import"../../../icons/expand/index.js";import"../../../icons/eye/index.js";import"../../../icons/face/index.js";import"../../../icons/gear/index.js";import"../../../icons/gear-min/index.js";import"../../../icons/generation/index.js";import"../../../icons/gpt-3_5/index.js";import"../../../icons/gpt-4/index.js";import"../../../icons/imagine/index.js";import"../../../icons/imagine-2/index.js";import"../../../icons/loader/index.js";import"../../../icons/loader-circular/index.js";import"../../../icons/loader-circular-gradient/index.js";import"../../../icons/loader-circular-gradient-2/index.js";import"../../../icons/minus/index.js";import"../../../icons/mj-white/index.js";import"../../../icons/prompt/index.js";import"../../../icons/rabbit/index.js";import"../../../icons/ratio-1x1/index.js";import"../../../icons/ratio-2x3/index.js";import"../../../icons/ratio-3x2/index.js";import"../../../icons/ratio-4x5/index.js";import"../../../icons/ratio-4x7/index.js";import"../../../icons/ratio-5x4/index.js";import"../../../icons/ratio-7x4/index.js";import"../../../icons/ratio-16x9/index.js";import"../../../icons/ratio-9x16/index.js";import"../../../icons/ratio-21x9/index.js";import"../../../icons/ratio-9x21/index.js";import"../../../icons/refferal-min/index.js";import"../../../icons/search-data/index.js";import"../../../icons/square/index.js";import"../../../icons/turtle/index.js";import"../../../icons/upscale/index.js";import"../../../icons/withdraw/index.js";import"../../../icons/search-plus/index.js";import"../../../icons/lightning/index.js";import"../../../icons/blog-circle/index.js";import"../../../icons/stripe/index.js";import"../../../icons/corporate/index.js";import"../../../icons/public/index.js";import"../../../icons/private/index.js";import"../../../icons/mistral/index.js";import"../../../icons/gemini/index.js";import{SearchSimpleIcon as u}from"../../../icons/search-simple/index.js";import"../../../icons/sad-robot/index.js";import"../../../icons/model/index.js";import"../../../icons/phone-colored/index.js";import"../../../icons/questions/index.js";import"../../../icons/pdf-big/index.js";import"../../../icons/xls-big/index.js";import"../../../icons/word-big/index.js";import"../../../icons/txt-big/index.js";import"../../../icons/pdf/index.js";import"../../../icons/xls/index.js";import"../../../icons/word/index.js";import"../../../icons/txt/index.js";import"../../../icons/bothub-logo-gradient/index.js";import"../../../icons/telegram-logo-gradient/index.js";import"../../../icons/decline-circle/index.js";import"../../../icons/simple-gear-bg/index.js";import"../../../icons/advanced-filter/index.js";import"../../../icons/big-corporate/index.js";import"../../../icons/big-mj/index.js";import"../../../icons/big-models/index.js";import"../../../icons/big-stats/index.js";import"../../../icons/big-success/index.js";import"../../../icons/big-users/index.js";import"../../../icons/optional-presets/index.js";import"../../../icons/wallet-withdraw/index.js";import"../../../icons/big-presets/index.js";import"../../../icons/big-favorite/index.js";import"../../../icons/big-referal/index.js";import"../../../icons/attach-file/index.js";import"../../../icons/attach-file-big/index.js";import"../../../icons/voice/index.js";import"../../../icons/play-button/index.js";import"../../../icons/pause-button/index.js";import"../../../icons/text-read/index.js";import"../../../icons/text-hide/index.js";import"../../../icons/best-chat-bots/index.js";import"../../../icons/upload/index.js";import"../../../icons/enter/index.js";import"../../../icons/discord/index.js";import"../../../icons/discord-circle/index.js";import"../../../icons/black-forest-labs/index.js";import"../../../icons/flux/index.js";import"../../../icons/stable-diffusion/index.js";import"../../../icons/stability-ai/index.js";import"../../../icons/article-generator/index.js";import"../../../icons/success/index.js";import"../../../icons/google/index.js";import"../../../icons/yandex/index.js";import"../../../icons/vk/index.js";import"../../../icons/resend/index.js";import"../../../icons/big-article/index.js";import"../../../icons/add-chat/index.js";import"../../../icons/add-group/index.js";import"../../../icons/drag-dot/index.js";import"../../../icons/add-folder/index.js";import"../../../icons/temp-chat/index.js";import"../../../icons/delete-chat/index.js";import"../../../icons/sidebar-chat/index.js";import"../../../icons/organization/index.js";import"../../../icons/simple-gear/index.js";import"../../../icons/text-bold/index.js";import"../../../icons/text-italic/index.js";import"../../../icons/text-underline/index.js";import"../../../icons/text-strikethrough/index.js";import"../../../icons/refresh/index.js";import"../../../icons/copy-variants/index.js";import"../../../icons/sort-ascending/index.js";import"../../../icons/sort-descending/index.js";import"../../../icons/quote/index.js";import"../../../icons/url-circle/index.js";import"../../../icons/show-ui/index.js";import"../../../icons/hide-ui/index.js";import"../../../icons/sort-user/index.js";import"../../../icons/happy-robot/index.js";import"../../../icons/happy-robot-gradient/index.js";import"../../../icons/min-window/index.js";import"../../../icons/max-window/index.js";import"../../../icons/manage-chat/index.js";import"../../../icons/analyze-urls/index.js";import"../../../icons/web-search/index.js";import"../../../icons/include-context/index.js";import"../../../icons/queue/index.js";import"../../../icons/sort-alphabet-ascending/index.js";import"../../../icons/sort-alphabet-descending/index.js";import"../../../icons/sort-date-ascending/index.js";import"../../../icons/sort-date-descending/index.js";import"../../../icons/cot-r1/index.js";import"../../../icons/news/index.js";import"../../../icons/volume/index.js";import"../../../icons/flag-ru/index.js";import"../../../icons/flag-kz/index.js";import"../../../icons/print/index.js";import"../../../icons/pc-icon-1/index.js";import"../../../icons/pc-icon-2/index.js";import"../../../icons/pc-icon-3/index.js";import"../../../icons/star-unfilled/index.js";import"../../../icons/image-generation/index.js";import"../../../icons/speech-synthesys/index.js";import"../../../icons/transcription/index.js";import"../../../icons/text-rewrite/index.js";import"../../../icons/code-generation/index.js";import"../../../icons/essay-generation/index.js";import"../../../icons/spelling/index.js";import"../../../icons/text-generation/index.js";import"../../../icons/traffic-analisys/index.js";import"../../../icons/fav-profile/index.js";import"../../../icons/exclamation/index.js";import"../../../icons/article/index.js";import"../../../icons/setchel/index.js";import"../../../icons/assembly/index.js";import"../../../icons/data-visualisation/index.js";import"../../../icons/document-analisys/index.js";import"../../../icons/problem-solvment/index.js";import"../../../icons/setting-analisys/index.js";import"../../../icons/translation/index.js";import"../../../icons/stars/index.js";import"../../../icons/academy/index.js";import"../../../icons/articles/index.js";import"../../../icons/blog-post/index.js";import"../../../icons/book/index.js";import"../../../icons/bow-tie/index.js";import"../../../icons/case-study/index.js";import"../../../icons/comments/index.js";import"../../../icons/guide/index.js";import"../../../icons/marketing/index.js";import"../../../icons/post/index.js";import"../../../icons/report/index.js";import"../../../icons/review/index.js";import"../../../icons/scientific-article/index.js";import"../../../icons/selling-text/index.js";import"../../../icons/textbook/index.js";import"../../../icons/wind/index.js";import"../../../icons/grok/index.js";import"../../../icons/deepseek/index.js";import"../../../icons/grid-horizontal/index.js";import"../../../icons/grid-vertical/index.js";import"../../../icons/star-gradient/index.js";import"../../../icons/qwen/index.js";import"../../../icons/sidebar-toggle-left/index.js";import"../../../icons/sidebar-toggle-right/index.js";import"../../../icons/system/index.js";import"../../../icons/selector/index.js";import"../../../icons/video-camera/index.js";import"../../../icons/music-note/index.js";import"../../../icons/add-profile/index.js";import"../../../icons/token-counter/index.js";import"../../../icons/customer-support/index.js";import"../../../icons/sort-alphabet-top-bottom/index.js";import"../../../icons/sort-alphabet-bottom-top/index.js";import"../../../icons/pause/index.js";import"../../../icons/play/index.js";import"../../../icons/restore-2/index.js";import"../../../icons/video-generation/index.js";import"../../../icons/veo-model/index.js";import"../../../icons/runway/index.js";import"../../../icons/queue-select/index.js";import"../../../icons/apple/index.js";import"../../../icons/mail-colored/index.js";import"../../../icons/shield/index.js";import"../../../icons/stars-gradient/index.js";import"../../../icons/fire/index.js";import"../../../icons/brain/index.js";import"../../../icons/mj-purple/index.js";import"../../../icons/claude-black/index.js";import"../../../icons/vk-filled/index.js";import"../../../icons/tg/index.js";import"../../../icons/gift/index.js";import"../../../icons/exchange/index.js";import"../../../icons/time/index.js";import{Portal as h}from"../../portal/index.js";import{SelectFieldGroup as f}from"../select-field-group/index.js";import{SelectFieldOptions as w}from"../option/list/index.js";import"../option/collapse/styled.js";import"../../icon/styled.js";import"@react-spring/web";import"../../tooltip/styled.js";import"../../tooltip/arrow/styled.js";import"../../../theme/index.js";import"../../tooltip/context.js";import{filterData as y}from"./filterData.js";const k=({isOpen:k,data:v=[],contentWidth:O,contentHeight:$,size:C="small",disableSelect:S=!1,disableScrollbar:z=!1,empty:q,after:W,tabs:T,search:P,searchPlaceholder:A,resetStyleState:H,placement:M,selectModalRef:B,disablePortal:D,blur:F=!1,x:I,y:K,width:R,isKeyboardOpen:V,value:_,multiple:E,modalWidth:G,openedModel:J,selectedColor:L,compactWidth:N,modalStyles:Q,onSearch:U,onOptionClick:X,handleClose:Y,setValue:Z})=>{const[ii,oi]=e([]),[si,ni]=e(""),ei=t(0),ti=r((i=>{const{value:o}=i.currentTarget;null==U||U(o),ni(o)}),[U,ni]),ri=r((i=>{var o;if("object"!=typeof i||!i.disabled){if("object"==typeof i&&i.noSelect)return null===(o=null==i?void 0:i.onClick)||void 0===o||o.call(i,i),void Y();null==X||X(i),S||(E&&Array.isArray(_)?Z([...new Set([..._,i])]):Z(i)),Y()}}),[_,Z,E,X,S]);c((()=>{oi(J?[J]:[]),ei.current=0,ni("")}),[H,J]);const ci=r((i=>{ei.current=0,oi([]),T&&T.onClick&&T.onClick(i)}),[T]),di=r((i=>oi((o=>o.includes(i)?o.filter((o=>o!==i)):[...o,i]))),[ii]),pi=d((()=>D?n.Fragment:h),[D]);return v=v.map((o=>{if("object"==typeof o&&"collapse"===o.type&&o.id&&!o.disabled){const{onClick:s}=o,n=i(o,["onClick"]),e=()=>{s&&s(o),o.id&&di(o.id)},t=ii.includes(o.id);return Object.assign(Object.assign(Object.assign({},n),t&&{open:t}),{onClick:e})}return o})),o(pi,{children:o(p,{$isOpen:k,$contentWidth:O,$disablePortal:D,$placement:M,ref:B,style:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},Q),0!==I&&Object.assign(Object.assign({},"top-right"!==M&&{left:I}),"top-right"===M&&Object.assign(Object.assign({},void 0===O&&{left:`calc(${I}px - ${R})`}),"number"==typeof O&&{left:`calc(${I}px - ${O>R?`calc(var(--bothub-scale, 1) * ${O}px)`:`${R}px`})`}))),0!==K&&{top:K}),void 0===O&&{width:R}),"number"==typeof O&&{width:O>R?`calc(var(--bothub-scale, 1) * ${O}px)`:R}),children:o(m,{$blur:F,$placement:M,$width:G,$compactWidth:N,style:Object.assign(Object.assign({},"number"==typeof $&&$>=0&&{height:`calc(var(--bothub-scale, 1) * ${$}px)`}),"string"==typeof $&&{height:$}),children:o(x,{children:s(j,{$size:C,children:[!!T&&o(a,{children:o(l,Object.assign({},T,{onClick:ci}))}),P&&o(g,{startIcon:o(u,{}),placeholder:A,value:si,onChange:ti,onClick:()=>{V.current=!0},onBlur:()=>setTimeout((()=>{V.current=!1}),500)}),v.length>0?o(f,{scrollTop:ei.current,onScrollTopChange:i=>{ei.current=i},$size:C,$disableScrollbar:z,$followContentHeight:!!$,children:o(w,{value:_,data:U?v:y(v,si),size:C,disableSelect:S,onOptionClick:ri,selectedColor:L})}):q,W&&o(b,{children:o(w,{value:_,data:W,size:C,disableSelect:S,onOptionClick:ri,selectedColor:L})})]})})})})})};export{k as SelectModal,b as SelectModalAfter,x as SelectModalContent,j as SelectModalGroups,m as SelectModalPositionWrapper,g as SelectModalSearch,p as SelectModalStyled,l as SelectModalTabs,a as SelectModalTabsContainer};
+import{__rest as i}from"tslib";import{jsx as o,jsxs as s}from"react/jsx-runtime";import n,{useState as e,useRef as t,useCallback as r,useEffect as c,useMemo as d}from"react";import{SelectModalStyled as p,SelectModalPositionWrapper as m,SelectModalContent as x,SelectModalGroups as j,SelectModalTabsContainer as a,SelectModalTabs as l,SelectModalSearch as g,SelectModalAfter as b}from"./styled.js";import"../../../icons/arrow-down/index.js";import"../../../icons/arrow-narrow-left/index.js";import"../../../icons/arrow-narrow-right/index.js";import"../../../icons/arrow-up/index.js";import"../../../icons/bitcoin/index.js";import"../../../icons/bot-circle/index.js";import"../../../icons/bothub-agg/index.js";import"../../../icons/business-colored/index.js";import"../../../icons/check-circle/index.js";import"../../../icons/close/index.js";import"../../../icons/email-circle/index.js";import"../../../icons/language/index.js";import"../../../icons/lock-circle/index.js";import"../../../icons/menu/index.js";import"../../../icons/medium-circle/index.js";import"../../../icons/tg-circle/index.js";import"../../../icons/tg-colored/index.js";import"../../../icons/youcassa/index.js";import"../../../icons/dashboard/index.js";import"../../../icons/user-profile/index.js";import"../../../icons/logout/index.js";import"../../../icons/habr-2/index.js";import"../../../icons/arrow-2-down/index.js";import"../../../icons/links/index.js";import"../../../icons/free/index.js";import"../../../icons/hotness/index.js";import"../../../icons/checked/index.js";import"../../../icons/ai/index.js";import"../../../icons/bookmarks/index.js";import"../../../icons/bookmarks-big/index.js";import"../../../icons/chat/index.js";import"../../../icons/chats/index.js";import"../../../icons/coder/index.js";import"../../../icons/copy/index.js";import"../../../icons/edit/index.js";import"../../../icons/presets-big/index.js";import"../../../icons/referal/index.js";import"../../../icons/restore/index.js";import"../../../icons/tariff/index.js";import"../../../icons/trash/index.js";import"../../../icons/update/index.js";import"../../../icons/menu-dot/index.js";import"../../../icons/plus-2/index.js";import"../../../icons/plus-1/index.js";import"../../../icons/send/index.js";import"../../../icons/settings/index.js";import"../../../icons/habr/index.js";import"../../../icons/check-small/index.js";import"../../../icons/stop/index.js";import"../../../icons/thumb-up/index.js";import"../../../icons/thumb-down/index.js";import"../../../icons/star/index.js";import"../../../icons/info-big/index.js";import"../../../icons/warning-big/index.js";import"../../../icons/error-big/index.js";import"../../../icons/success-big/index.js";import"../../../icons/mj/index.js";import"../../../icons/card/index.js";import"../../../icons/arrow-narrow-up/index.js";import"../../../icons/arrow-narrow-down/index.js";import"../../../icons/filters/index.js";import"../../../icons/info/index.js";import"../../../icons/search-circle/index.js";import"../../../icons/save/index.js";import"../../../icons/light/index.js";import"../../../icons/dark/index.js";import"../../../icons/email-colored/index.js";import"../../../icons/action-chat/index.js";import"../../../icons/attach/index.js";import"../../../icons/avatar-add/index.js";import"../../../icons/brush/index.js";import"../../../icons/calendar/index.js";import"../../../icons/claude/index.js";import"../../../icons/cookie/index.js";import"../../../icons/dalle/index.js";import"../../../icons/download-img/index.js";import"../../../icons/error/index.js";import"../../../icons/expand/index.js";import"../../../icons/eye/index.js";import"../../../icons/face/index.js";import"../../../icons/gear/index.js";import"../../../icons/gear-min/index.js";import"../../../icons/generation/index.js";import"../../../icons/gpt-3_5/index.js";import"../../../icons/gpt-4/index.js";import"../../../icons/imagine/index.js";import"../../../icons/imagine-2/index.js";import"../../../icons/loader/index.js";import"../../../icons/loader-circular/index.js";import"../../../icons/loader-circular-gradient/index.js";import"../../../icons/loader-circular-gradient-2/index.js";import"../../../icons/minus/index.js";import"../../../icons/mj-white/index.js";import"../../../icons/prompt/index.js";import"../../../icons/rabbit/index.js";import"../../../icons/ratio-1x1/index.js";import"../../../icons/ratio-2x3/index.js";import"../../../icons/ratio-3x2/index.js";import"../../../icons/ratio-4x5/index.js";import"../../../icons/ratio-4x7/index.js";import"../../../icons/ratio-5x4/index.js";import"../../../icons/ratio-7x4/index.js";import"../../../icons/ratio-16x9/index.js";import"../../../icons/ratio-9x16/index.js";import"../../../icons/ratio-21x9/index.js";import"../../../icons/ratio-9x21/index.js";import"../../../icons/refferal-min/index.js";import"../../../icons/search-data/index.js";import"../../../icons/square/index.js";import"../../../icons/turtle/index.js";import"../../../icons/upscale/index.js";import"../../../icons/withdraw/index.js";import"../../../icons/search-plus/index.js";import"../../../icons/lightning/index.js";import"../../../icons/blog-circle/index.js";import"../../../icons/stripe/index.js";import"../../../icons/corporate/index.js";import"../../../icons/public/index.js";import"../../../icons/private/index.js";import"../../../icons/mistral/index.js";import"../../../icons/gemini/index.js";import{SearchSimpleIcon as u}from"../../../icons/search-simple/index.js";import"../../../icons/sad-robot/index.js";import"../../../icons/model/index.js";import"../../../icons/phone-colored/index.js";import"../../../icons/questions/index.js";import"../../../icons/pdf-big/index.js";import"../../../icons/xls-big/index.js";import"../../../icons/word-big/index.js";import"../../../icons/txt-big/index.js";import"../../../icons/pdf/index.js";import"../../../icons/xls/index.js";import"../../../icons/word/index.js";import"../../../icons/txt/index.js";import"../../../icons/bothub-logo-gradient/index.js";import"../../../icons/telegram-logo-gradient/index.js";import"../../../icons/decline-circle/index.js";import"../../../icons/simple-gear-bg/index.js";import"../../../icons/advanced-filter/index.js";import"../../../icons/big-corporate/index.js";import"../../../icons/big-mj/index.js";import"../../../icons/big-models/index.js";import"../../../icons/big-stats/index.js";import"../../../icons/big-success/index.js";import"../../../icons/big-users/index.js";import"../../../icons/optional-presets/index.js";import"../../../icons/wallet-withdraw/index.js";import"../../../icons/big-presets/index.js";import"../../../icons/big-favorite/index.js";import"../../../icons/big-referal/index.js";import"../../../icons/attach-file/index.js";import"../../../icons/attach-file-big/index.js";import"../../../icons/voice/index.js";import"../../../icons/play-button/index.js";import"../../../icons/pause-button/index.js";import"../../../icons/text-read/index.js";import"../../../icons/text-hide/index.js";import"../../../icons/best-chat-bots/index.js";import"../../../icons/upload/index.js";import"../../../icons/enter/index.js";import"../../../icons/discord/index.js";import"../../../icons/discord-circle/index.js";import"../../../icons/black-forest-labs/index.js";import"../../../icons/flux/index.js";import"../../../icons/stable-diffusion/index.js";import"../../../icons/stability-ai/index.js";import"../../../icons/article-generator/index.js";import"../../../icons/success/index.js";import"../../../icons/google/index.js";import"../../../icons/yandex/index.js";import"../../../icons/vk/index.js";import"../../../icons/resend/index.js";import"../../../icons/big-article/index.js";import"../../../icons/add-chat/index.js";import"../../../icons/add-group/index.js";import"../../../icons/drag-dot/index.js";import"../../../icons/add-folder/index.js";import"../../../icons/temp-chat/index.js";import"../../../icons/delete-chat/index.js";import"../../../icons/sidebar-chat/index.js";import"../../../icons/organization/index.js";import"../../../icons/simple-gear/index.js";import"../../../icons/text-bold/index.js";import"../../../icons/text-italic/index.js";import"../../../icons/text-underline/index.js";import"../../../icons/text-strikethrough/index.js";import"../../../icons/refresh/index.js";import"../../../icons/copy-variants/index.js";import"../../../icons/sort-ascending/index.js";import"../../../icons/sort-descending/index.js";import"../../../icons/quote/index.js";import"../../../icons/url-circle/index.js";import"../../../icons/show-ui/index.js";import"../../../icons/hide-ui/index.js";import"../../../icons/sort-user/index.js";import"../../../icons/happy-robot/index.js";import"../../../icons/happy-robot-gradient/index.js";import"../../../icons/min-window/index.js";import"../../../icons/max-window/index.js";import"../../../icons/manage-chat/index.js";import"../../../icons/analyze-urls/index.js";import"../../../icons/web-search/index.js";import"../../../icons/include-context/index.js";import"../../../icons/queue/index.js";import"../../../icons/sort-alphabet-ascending/index.js";import"../../../icons/sort-alphabet-descending/index.js";import"../../../icons/sort-date-ascending/index.js";import"../../../icons/sort-date-descending/index.js";import"../../../icons/cot-r1/index.js";import"../../../icons/news/index.js";import"../../../icons/volume/index.js";import"../../../icons/flag-ru/index.js";import"../../../icons/flag-kz/index.js";import"../../../icons/print/index.js";import"../../../icons/pc-icon-1/index.js";import"../../../icons/pc-icon-2/index.js";import"../../../icons/pc-icon-3/index.js";import"../../../icons/star-unfilled/index.js";import"../../../icons/image-generation/index.js";import"../../../icons/speech-synthesys/index.js";import"../../../icons/transcription/index.js";import"../../../icons/text-rewrite/index.js";import"../../../icons/code-generation/index.js";import"../../../icons/essay-generation/index.js";import"../../../icons/spelling/index.js";import"../../../icons/text-generation/index.js";import"../../../icons/traffic-analisys/index.js";import"../../../icons/fav-profile/index.js";import"../../../icons/exclamation/index.js";import"../../../icons/article/index.js";import"../../../icons/setchel/index.js";import"../../../icons/assembly/index.js";import"../../../icons/data-visualisation/index.js";import"../../../icons/document-analisys/index.js";import"../../../icons/problem-solvment/index.js";import"../../../icons/setting-analisys/index.js";import"../../../icons/translation/index.js";import"../../../icons/stars/index.js";import"../../../icons/academy/index.js";import"../../../icons/articles/index.js";import"../../../icons/blog-post/index.js";import"../../../icons/book/index.js";import"../../../icons/bow-tie/index.js";import"../../../icons/case-study/index.js";import"../../../icons/comments/index.js";import"../../../icons/guide/index.js";import"../../../icons/marketing/index.js";import"../../../icons/post/index.js";import"../../../icons/report/index.js";import"../../../icons/review/index.js";import"../../../icons/scientific-article/index.js";import"../../../icons/selling-text/index.js";import"../../../icons/textbook/index.js";import"../../../icons/wind/index.js";import"../../../icons/grok/index.js";import"../../../icons/deepseek/index.js";import"../../../icons/grid-horizontal/index.js";import"../../../icons/grid-vertical/index.js";import"../../../icons/star-gradient/index.js";import"../../../icons/qwen/index.js";import"../../../icons/sidebar-toggle-left/index.js";import"../../../icons/sidebar-toggle-right/index.js";import"../../../icons/system/index.js";import"../../../icons/selector/index.js";import"../../../icons/video-camera/index.js";import"../../../icons/music-note/index.js";import"../../../icons/add-profile/index.js";import"../../../icons/token-counter/index.js";import"../../../icons/customer-support/index.js";import"../../../icons/sort-alphabet-top-bottom/index.js";import"../../../icons/sort-alphabet-bottom-top/index.js";import"../../../icons/pause/index.js";import"../../../icons/play/index.js";import"../../../icons/restore-2/index.js";import"../../../icons/video-generation/index.js";import"../../../icons/veo-model/index.js";import"../../../icons/runway/index.js";import"../../../icons/queue-select/index.js";import"../../../icons/apple/index.js";import"../../../icons/mail-colored/index.js";import"../../../icons/shield/index.js";import"../../../icons/stars-gradient/index.js";import"../../../icons/fire/index.js";import"../../../icons/brain/index.js";import"../../../icons/mj-purple/index.js";import"../../../icons/claude-black/index.js";import"../../../icons/vk-filled/index.js";import"../../../icons/tg/index.js";import"../../../icons/gift/index.js";import"../../../icons/exchange/index.js";import"../../../icons/time/index.js";import{Portal as h}from"../../portal/index.js";import{SelectFieldGroup as f}from"./select-field-group/index.js";import{SelectFieldOptions as w}from"./option/list/index.js";import"./option/collapse/styled.js";import"../../icon/styled.js";import"@react-spring/web";import"react-markdown";import"../../tooltip/styled.js";import"../../tooltip/arrow/styled.js";import"../../../theme/index.js";import"../../tooltip/context.js";import{filterData as y}from"./filterData.js";const k=({isOpen:k,data:v=[],contentWidth:O,contentHeight:$,size:C="small",disableSelect:S=!1,disableScrollbar:z=!1,empty:q,after:W,tabs:T,search:P,searchPlaceholder:A,resetStyleState:H,placement:M,selectModalRef:B,disablePortal:D,blur:F=!1,x:I,y:K,width:R,isKeyboardOpen:V,value:_,multiple:E,modalWidth:G,openedModel:J,selectedColor:L,compactWidth:N,modalStyles:Q,onSearch:U,onOptionClick:X,handleClose:Y,setValue:Z})=>{const[ii,oi]=e([]),[si,ni]=e(""),ei=t(0),ti=r(i=>{const{value:o}=i.currentTarget;null==U||U(o),ni(o)},[U,ni]),ri=r(i=>{var o;if("object"!=typeof i||!i.disabled){if("object"==typeof i&&i.noSelect)return null===(o=null==i?void 0:i.onClick)||void 0===o||o.call(i,i),void Y();null==X||X(i),S||(E&&Array.isArray(_)?Z([...new Set([..._,i])]):Z(i)),Y()}},[_,E,S,Z,X,Y]);c(()=>{oi(J?[J]:[]),ei.current=0,ni("")},[H,J]);const ci=r(i=>{ei.current=0,oi([]),T&&T.onClick&&T.onClick(i)},[T]),di=r(i=>oi(o=>o.includes(i)?o.filter(o=>o!==i):[...o,i]),[]),pi=d(()=>D?n.Fragment:h,[D]),mi=d(()=>v.map(o=>{if(o&&"object"==typeof o&&"collapse"===o.type&&o.id&&!o.disabled){const{onClick:s}=o,n=i(o,["onClick"]),e=()=>{s&&s(o),o.id&&di(o.id)},t=ii.includes(o.id);return Object.assign(Object.assign({},n),{open:t,onClick:e})}return o}),[v,ii,di]);return o(pi,{children:o(p,{$isOpen:k,$contentWidth:O,$disablePortal:D,$placement:M,ref:B,style:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},Q),0!==I&&Object.assign(Object.assign({},"top-right"!==M&&{left:I}),"top-right"===M&&Object.assign(Object.assign({},void 0===O&&{left:`calc(${I}px - ${R})`}),"number"==typeof O&&{left:`calc(${I}px - ${O>R?`calc(var(--bothub-scale, 1) * ${O}px)`:`${R}px`})`}))),0!==K&&{top:K}),void 0===O&&{width:R}),"number"==typeof O&&{width:O>R?`calc(var(--bothub-scale, 1) * ${O}px)`:R}),children:o(m,{$blur:F,$placement:M,$width:G,$compactWidth:N,style:Object.assign(Object.assign({},"number"==typeof $&&$>=0&&{height:`calc(var(--bothub-scale, 1) * ${$}px)`}),"string"==typeof $&&{height:$}),children:o(x,{children:s(j,{$size:C,children:[!!T&&o(a,{children:o(l,Object.assign({},T,{onClick:ci}))}),P&&o(g,{startIcon:o(u,{}),placeholder:A,value:si,onChange:ti,onClick:()=>{V.current=!0},onBlur:()=>setTimeout(()=>{V.current=!1},500)}),mi.length>0?o(f,{scrollTop:ei.current,onScrollTopChange:i=>{ei.current=i},$size:C,$disableScrollbar:z,$followContentHeight:!!$,children:o(w,{value:_,data:U?mi:y(mi,si),size:C,disableSelect:S,onOptionClick:ri,selectedColor:L})}):q,W&&o(b,{children:o(w,{value:_,data:W,size:C,disableSelect:S,onOptionClick:ri,selectedColor:L})})]})})})})})};export{k as SelectModal,b as SelectModalAfter,x as SelectModalContent,j as SelectModalGroups,m as SelectModalPositionWrapper,g as SelectModalSearch,p as SelectModalStyled,l as SelectModalTabs,a as SelectModalTabsContainer};

package/dist/components/select-field/select-modal/option/collapse/index.js

@@ -0,0 +1 @@
+import{__rest as t}from"tslib";import{jsxs as o,jsx as e}from"react/jsx-runtime";import{useState as i,useLayoutEffect as r}from"react";import{SelectFieldCollapseOptionStyled as s,SelectFieldCollapseOptionHead as l,SelectFieldCollapseOptionHeadSide as n,SelectFieldCollapseOptionText as c,SelectFieldCollapseOptionArrow as m,SelectFieldCollapseOptionBody as p}from"./styled.js";import{IconProvider as d}from"../../../../icon/context.js";import"../../../../icon/styled.js";import"@react-spring/web";import"react-markdown";import"react-dom";import"../../../../portal/styled.js";import"../../../../tooltip/styled.js";import"../../../../tooltip/arrow/styled.js";import"../../../../../theme/index.js";import"../../../../tooltip/context.js";import{useTheme as a}from"../../../../../theme/hook.js";const f=f=>{var j,h,{size:b,item:y,children:g,onClick:z,icon:$}=f,k=t(f,["size","item","children","onClick","icon"]);const u=a(),[x,v]=i("string"!=typeof y&&(null!==(j=y.open)&&void 0!==j&&j));let w;w="string"!=typeof y&&!!y.disabled,r(()=>{"string"!=typeof y&&v(Boolean(y.open))},[y]);const C="string"==typeof y?y:null!==(h=y.label)&&void 0!==h?h:y.value;return o(s,Object.assign({},k,{$size:b,"data-test":C,children:[o(l,Object.assign({$disabled:w,$size:b},!w&&{onClick:()=>{v(t=>!t),z&&z(y)}},{children:[o(n,{$size:b,children:["object"==typeof y&&y.icon&&e(d,{size:"large"===b?24:16,fill:u.colors.base.white,children:y.icon}),e(c,{$size:b,$bold:"object"==typeof y&&y.bold,children:C})]}),e(n,{$size:b,children:$||e(m,{style:{transform:x?"rotateZ(180deg)":"rotateZ(0deg)"}})})]})),x&&e(p,{children:g})]}))};export{f as SelectFieldCollapseOption};

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

@@ -18,17 +18,15 @@ export interface SelectFieldCollapseOptionTextAttrsProps {
 export interface SelectFieldCollapseOptionTextProps {
     $bold?: boolean;
 }
-export declare const SelectFieldCollapseOptionText: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<Omit<import("@/ui/components/typography").TypographyProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | 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<HTMLSpanElement> | null | undefined;
-}, Omit<import("@/ui/components/typography").TypographyProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | 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<HTMLSpanElement> | null | undefined;
-}>, SelectFieldCollapseOptionTextAttrsProps>, SelectFieldCollapseOptionTextProps>>;
+export declare const SelectFieldCollapseOptionText: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("@/ui/components/typography").TypographyProps & import("react").RefAttributes<HTMLSpanElement>, import("@/ui/components/typography").TypographyProps & import("react").RefAttributes<HTMLSpanElement>>, SelectFieldCollapseOptionTextAttrsProps>, SelectFieldCollapseOptionTextProps>>;
 export declare const SelectFieldCollapseOptionArrow: import("styled-components").IStyledComponent<"web", {
     size?: number | undefined;
     fill?: string | undefined;
     enableTooltip?: boolean | undefined;
     string?: number | string | undefined | undefined;
     mode?: number | string | undefined | undefined;
+    filter?: string | undefined | undefined;
+    values?: string | undefined | undefined;
     children?: import("react").ReactNode;
     end?: number | string | undefined | undefined;
     accumulate?: "none" | "sum" | undefined | undefined;
@@ -252,6 +250,8 @@ export declare const SelectFieldCollapseOptionArrow: import("styled-components")
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<SVGSVGElement> | undefined;
     onScroll?: import("react").UIEventHandler<SVGSVGElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<SVGSVGElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<SVGSVGElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<SVGSVGElement> | undefined;
     onWheel?: import("react").WheelEventHandler<SVGSVGElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<SVGSVGElement> | undefined;
     onAnimationStartCapture?: import("react").AnimationEventHandler<SVGSVGElement> | undefined;
@@ -259,25 +259,91 @@ export declare const SelectFieldCollapseOptionArrow: import("styled-components")
     onAnimationEndCapture?: import("react").AnimationEventHandler<SVGSVGElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<SVGSVGElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<SVGSVGElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<SVGSVGElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<SVGSVGElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<SVGSVGElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<SVGSVGElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<SVGSVGElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<SVGSVGElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<SVGSVGElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<SVGSVGElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<SVGSVGElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<SVGSVGElement> | undefined;
     clipPath?: string | undefined | undefined;
-    filter?: string | undefined | undefined;
     mask?: string | undefined | undefined;
     path?: string | undefined | undefined;
+    transform?: string | undefined | undefined;
+    z?: number | string | undefined | undefined;
+    rotate?: number | string | undefined | undefined;
+    scale?: number | string | undefined | undefined;
+    cursor?: number | string | undefined | undefined;
+    direction?: number | string | undefined | undefined;
+    display?: number | string | undefined | undefined;
+    fontFamily?: string | undefined | undefined;
+    fontSize?: number | string | undefined | undefined;
+    fontSizeAdjust?: number | string | undefined | undefined;
+    fontStretch?: number | string | undefined | undefined;
+    fontStyle?: number | string | undefined | undefined;
+    fontVariant?: number | string | undefined | undefined;
+    fontWeight?: number | string | undefined | undefined;
     height?: number | string | undefined | undefined;
+    imageRendering?: number | string | undefined | undefined;
+    letterSpacing?: number | string | undefined | undefined;
+    opacity?: number | string | undefined | undefined;
+    order?: number | string | undefined | undefined;
+    paintOrder?: number | string | undefined | undefined;
+    pointerEvents?: number | string | undefined | undefined;
+    textRendering?: number | string | undefined | undefined;
+    unicodeBidi?: number | string | undefined | undefined;
+    visibility?: number | string | undefined | undefined;
+    width?: number | string | undefined | undefined;
+    wordSpacing?: number | string | undefined | undefined;
+    writingMode?: number | string | undefined | undefined;
+    offset?: number | string | undefined | undefined;
+    overflow?: number | string | undefined | undefined;
+    textDecoration?: number | string | undefined | undefined;
+    azimuth?: number | string | undefined | undefined;
+    alignmentBaseline?: "auto" | "baseline" | "before-edge" | "text-before-edge" | "middle" | "central" | "after-edge" | "text-after-edge" | "ideographic" | "alphabetic" | "hanging" | "mathematical" | "inherit" | undefined | undefined;
+    baselineShift?: number | string | undefined | undefined;
+    clipRule?: number | string | undefined | undefined;
+    colorInterpolation?: number | string | undefined | undefined;
+    colorRendering?: number | string | undefined | undefined;
+    dominantBaseline?: number | string | undefined | undefined;
+    fillOpacity?: number | string | undefined | undefined;
+    fillRule?: "nonzero" | "evenodd" | "inherit" | undefined | undefined;
+    floodColor?: number | string | undefined | undefined;
+    floodOpacity?: number | string | undefined | undefined;
+    glyphOrientationVertical?: number | string | undefined | undefined;
+    lightingColor?: number | string | undefined | undefined;
+    markerEnd?: string | undefined | undefined;
+    markerMid?: string | undefined | undefined;
+    markerStart?: string | undefined | undefined;
+    shapeRendering?: number | string | undefined | undefined;
+    stopColor?: string | undefined | undefined;
+    stopOpacity?: number | string | undefined | undefined;
+    strokeDasharray?: string | number | undefined | undefined;
+    strokeDashoffset?: string | number | undefined | undefined;
+    strokeLinecap?: "butt" | "round" | "square" | "inherit" | undefined | undefined;
+    strokeLinejoin?: "miter" | "round" | "bevel" | "inherit" | undefined | undefined;
+    strokeMiterlimit?: number | string | undefined | undefined;
+    strokeOpacity?: number | string | undefined | undefined;
+    strokeWidth?: number | string | undefined | undefined;
+    textAnchor?: string | undefined | undefined;
+    vectorEffect?: number | string | undefined | undefined;
+    viewBox?: string | undefined | undefined;
+    from?: number | string | undefined | undefined;
+    to?: number | string | undefined | undefined;
+    target?: string | undefined | undefined;
+    type?: string | undefined | undefined;
+    r?: number | string | undefined | undefined;
+    name?: string | undefined | undefined;
     max?: number | string | undefined | undefined;
     media?: string | undefined | undefined;
     method?: string | undefined | undefined;
     min?: number | string | undefined | undefined;
-    name?: string | undefined | undefined;
-    target?: string | undefined | undefined;
-    type?: string | undefined | undefined;
-    width?: number | string | undefined | undefined;
     crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
     accentHeight?: number | string | undefined | undefined;
     additive?: "replace" | "sum" | undefined | undefined;
-    alignmentBaseline?: "auto" | "baseline" | "before-edge" | "text-before-edge" | "middle" | "central" | "after-edge" | "text-after-edge" | "ideographic" | "alphabetic" | "hanging" | "mathematical" | "inherit" | undefined | undefined;
     allowReorder?: "no" | "yes" | undefined | undefined;
     amplitude?: number | string | undefined | undefined;
     arabicForm?: "initial" | "medial" | "terminal" | "isolated" | undefined | undefined;
@@ -285,9 +351,7 @@ export declare const SelectFieldCollapseOptionArrow: import("styled-components")
     attributeName?: string | undefined | undefined;
     attributeType?: string | undefined | undefined;
     autoReverse?: (boolean | "false" | "true") | undefined;
-    azimuth?: number | string | undefined | undefined;
     baseFrequency?: number | string | undefined | undefined;
-    baselineShift?: number | string | undefined | undefined;
     baseProfile?: number | string | undefined | undefined;
     bbox?: number | string | undefined | undefined;
     begin?: number | string | undefined | undefined;
@@ -296,24 +360,17 @@ export declare const SelectFieldCollapseOptionArrow: import("styled-components")
     calcMode?: number | string | undefined | undefined;
     capHeight?: number | string | undefined | undefined;
     clipPathUnits?: number | string | undefined | undefined;
-    clipRule?: number | string | undefined | undefined;
-    colorInterpolation?: number | string | undefined | undefined;
     colorInterpolationFilters?: "auto" | "sRGB" | "linearRGB" | "inherit" | undefined | undefined;
     colorProfile?: number | string | undefined | undefined;
-    colorRendering?: number | string | undefined | undefined;
     contentScriptType?: number | string | undefined | undefined;
     contentStyleType?: number | string | undefined | undefined;
-    cursor?: number | string | undefined | undefined;
     cx?: number | string | undefined | undefined;
     cy?: number | string | undefined | undefined;
     d?: string | undefined | undefined;
     decelerate?: number | string | undefined | undefined;
     descent?: number | string | undefined | undefined;
     diffuseConstant?: number | string | undefined | undefined;
-    direction?: number | string | undefined | undefined;
-    display?: number | string | undefined | undefined;
     divisor?: number | string | undefined | undefined;
-    dominantBaseline?: number | string | undefined | undefined;
     dur?: number | string | undefined | undefined;
     dx?: number | string | undefined | undefined;
     dy?: number | string | undefined | undefined;
@@ -322,37 +379,23 @@ export declare const SelectFieldCollapseOptionArrow: import("styled-components")
     enableBackground?: number | string | undefined | undefined;
     exponent?: number | string | undefined | undefined;
     externalResourcesRequired?: (boolean | "false" | "true") | undefined;
-    fillOpacity?: number | string | undefined | undefined;
-    fillRule?: "nonzero" | "evenodd" | "inherit" | undefined | undefined;
     filterRes?: number | string | undefined | undefined;
     filterUnits?: number | string | undefined | undefined;
-    floodColor?: number | string | undefined | undefined;
-    floodOpacity?: number | string | undefined | undefined;
     focusable?: "auto" | (boolean | "false" | "true") | undefined;
-    fontFamily?: string | undefined | undefined;
-    fontSize?: number | string | undefined | undefined;
-    fontSizeAdjust?: number | string | undefined | undefined;
-    fontStretch?: number | string | undefined | undefined;
-    fontStyle?: number | string | undefined | undefined;
-    fontVariant?: number | string | undefined | undefined;
-    fontWeight?: number | string | undefined | undefined;
     format?: number | string | undefined | undefined;
     fr?: number | string | undefined | undefined;
-    from?: number | string | undefined | undefined;
     fx?: number | string | undefined | undefined;
     fy?: number | string | undefined | undefined;
     g1?: number | string | undefined | undefined;
     g2?: number | string | undefined | undefined;
     glyphName?: number | string | undefined | undefined;
     glyphOrientationHorizontal?: number | string | undefined | undefined;
-    glyphOrientationVertical?: number | string | undefined | undefined;
     glyphRef?: number | string | undefined | undefined;
     gradientTransform?: string | undefined | undefined;
     gradientUnits?: string | undefined | undefined;
     horizAdvX?: number | string | undefined | undefined;
     horizOriginX?: number | string | undefined | undefined;
     href?: string | undefined | undefined;
-    imageRendering?: number | string | undefined | undefined;
     in2?: number | string | undefined | undefined;
     in?: string | undefined | undefined;
     intercept?: number | string | undefined | undefined;
@@ -368,35 +411,24 @@ export declare const SelectFieldCollapseOptionArrow: import("styled-components")
     keySplines?: number | string | undefined | undefined;
     keyTimes?: number | string | undefined | undefined;
     lengthAdjust?: number | string | undefined | undefined;
-    letterSpacing?: number | string | undefined | undefined;
-    lightingColor?: number | string | undefined | undefined;
     limitingConeAngle?: number | string | undefined | undefined;
-    markerEnd?: string | undefined | undefined;
     markerHeight?: number | string | undefined | undefined;
-    markerMid?: string | undefined | undefined;
-    markerStart?: string | undefined | undefined;
     markerUnits?: number | string | undefined | undefined;
     markerWidth?: number | string | undefined | undefined;
     maskContentUnits?: number | string | undefined | undefined;
     maskUnits?: number | string | undefined | undefined;
     numOctaves?: number | string | undefined | undefined;
-    offset?: number | string | undefined | undefined;
-    opacity?: number | string | undefined | undefined;
     operator?: number | string | undefined | undefined;
-    order?: number | string | undefined | undefined;
     orient?: number | string | undefined | undefined;
     orientation?: number | string | undefined | undefined;
     origin?: number | string | undefined | undefined;
-    overflow?: number | string | undefined | undefined;
     overlinePosition?: number | string | undefined | undefined;
     overlineThickness?: number | string | undefined | undefined;
-    paintOrder?: number | string | undefined | undefined;
     panose1?: number | string | undefined | undefined;
     pathLength?: number | string | undefined | undefined;
     patternContentUnits?: string | undefined | undefined;
     patternTransform?: number | string | undefined | undefined;
     patternUnits?: string | undefined | undefined;
-    pointerEvents?: number | string | undefined | undefined;
     points?: string | undefined | undefined;
     pointsAtX?: number | string | undefined | undefined;
     pointsAtY?: number | string | undefined | undefined;
@@ -404,7 +436,6 @@ export declare const SelectFieldCollapseOptionArrow: import("styled-components")
     preserveAlpha?: (boolean | "false" | "true") | undefined;
     preserveAspectRatio?: string | undefined | undefined;
     primitiveUnits?: number | string | undefined | undefined;
-    r?: number | string | undefined | undefined;
     radius?: number | string | undefined | undefined;
     refX?: number | string | undefined | undefined;
     refY?: number | string | undefined | undefined;
@@ -415,12 +446,9 @@ export declare const SelectFieldCollapseOptionArrow: import("styled-components")
     requiredFeatures?: number | string | undefined | undefined;
     restart?: number | string | undefined | undefined;
     result?: string | undefined | undefined;
-    rotate?: number | string | undefined | undefined;
     rx?: number | string | undefined | undefined;
     ry?: number | string | undefined | undefined;
-    scale?: number | string | undefined | undefined;
     seed?: number | string | undefined | undefined;
-    shapeRendering?: number | string | undefined | undefined;
     slope?: number | string | undefined | undefined;
     spacing?: number | string | undefined | undefined;
     specularConstant?: number | string | undefined | undefined;
@@ -432,52 +460,30 @@ export declare const SelectFieldCollapseOptionArrow: import("styled-components")
     stemh?: number | string | undefined | undefined;
     stemv?: number | string | undefined | undefined;
     stitchTiles?: number | string | undefined | undefined;
-    stopColor?: string | undefined | undefined;
-    stopOpacity?: number | string | undefined | undefined;
     strikethroughPosition?: number | string | undefined | undefined;
     strikethroughThickness?: number | string | undefined | undefined;
-    strokeDasharray?: string | number | undefined | undefined;
-    strokeDashoffset?: string | number | undefined | undefined;
-    strokeLinecap?: "butt" | "round" | "square" | "inherit" | undefined | undefined;
-    strokeLinejoin?: "miter" | "round" | "bevel" | "inherit" | undefined | undefined;
-    strokeMiterlimit?: number | string | undefined | undefined;
-    strokeOpacity?: number | string | undefined | undefined;
-    strokeWidth?: number | string | undefined | undefined;
     surfaceScale?: number | string | undefined | undefined;
     systemLanguage?: number | string | undefined | undefined;
     tableValues?: number | string | undefined | undefined;
     targetX?: number | string | undefined | undefined;
     targetY?: number | string | undefined | undefined;
-    textAnchor?: string | undefined | undefined;
-    textDecoration?: number | string | undefined | undefined;
     textLength?: number | string | undefined | undefined;
-    textRendering?: number | string | undefined | undefined;
-    to?: number | string | undefined | undefined;
-    transform?: string | undefined | undefined;
-    transformOrigin?: string | undefined | undefined;
     u1?: number | string | undefined | undefined;
     u2?: number | string | undefined | undefined;
     underlinePosition?: number | string | undefined | undefined;
     underlineThickness?: number | string | undefined | undefined;
-    unicodeBidi?: number | string | undefined | undefined;
     unicodeRange?: number | string | undefined | undefined;
     unitsPerEm?: number | string | undefined | undefined;
     vAlphabetic?: number | string | undefined | undefined;
-    values?: string | undefined | undefined;
-    vectorEffect?: number | string | undefined | undefined;
     version?: string | undefined | undefined;
     vertAdvY?: number | string | undefined | undefined;
     vertOriginX?: number | string | undefined | undefined;
     vertOriginY?: number | string | undefined | undefined;
     vHanging?: number | string | undefined | undefined;
     vIdeographic?: number | string | undefined | undefined;
-    viewBox?: string | undefined | undefined;
     viewTarget?: number | string | undefined | undefined;
-    visibility?: number | string | undefined | undefined;
     vMathematical?: number | string | undefined | undefined;
     widths?: number | string | undefined | undefined;
-    wordSpacing?: number | string | undefined | undefined;
-    writingMode?: number | string | undefined | undefined;
     x1?: number | string | undefined | undefined;
     x2?: number | string | undefined | undefined;
     xChannelSelector?: string | undefined | undefined;
@@ -497,11 +503,10 @@ export declare const SelectFieldCollapseOptionArrow: import("styled-components")
     y1?: number | string | undefined | undefined;
     y2?: number | string | undefined | undefined;
     yChannelSelector?: string | undefined | undefined;
-    z?: number | string | undefined | undefined;
     zoomAndPan?: string | undefined | undefined;
 }>;
 export declare const SelectFieldCollapseOptionBody: 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;
@@ -550,6 +555,10 @@ export declare const SelectFieldCollapseOptionBody: import("styled-components").
     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;
@@ -759,6 +768,8 @@ export declare const SelectFieldCollapseOptionBody: import("styled-components").
     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;
@@ -767,6 +778,14 @@ export declare const SelectFieldCollapseOptionBody: import("styled-components").
     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/option/collapse/styled.js

@@ -0,0 +1,16 @@
+import{styled as e,css as t}from"styled-components";import{Typography as s}from"../../../../typography/index.js";import{ArrowDownIcon as i}from"../../../../../icons/arrow-down/index.js";const o=e.div.withConfig({displayName:"styled__SelectFieldCollapseOptionStyled",componentId:"sc-12ce8ke-0"})(["display:flex;flex-direction:column;width:100%;gap:","px;"],({$size:e})=>{switch(e){case"small":return 4;case"md":return 6;case"large":return 8}}),a=e.div.withConfig({displayName:"styled__SelectFieldCollapseOptionHead",componentId:"sc-12ce8ke-1"})(["display:flex;justify-content:space-between;align-items:center;padding:","px;border-radius:6px;gap:","px;"," user-select:none;"],({$size:e})=>{switch(e){case"small":return 8;case"md":return 12;case"large":return 10}},({$size:e})=>{switch(e){case"small":case"large":return 8;case"md":return 10}},({theme:e,$disabled:s})=>s?t`
+        cursor: not-allowed;
+        &:hover {
+          background: ${"light"===e.mode?"rgba(0, 0, 0, 0.05)":"rgba(255, 255, 255, 0.05)"};
+        }
+        & > ${l}:first-child {
+          opacity: 0.5;
+        }
+      `:t`
+      cursor: pointer;
+      &:hover {
+        background: ${e.colors.accent.primary}33;
+      }
+    `),l=e.div.withConfig({displayName:"styled__SelectFieldCollapseOptionHeadSide",componentId:"sc-12ce8ke-2"})(["display:flex;align-items:center;gap:","px;"],({$size:e})=>{switch(e){case"small":case"large":return 8;case"md":return 10}}),n=e(s).attrs(e=>({variant:"large"===e.$size?"body-m-semibold":"input-sm"})).withConfig({displayName:"styled__SelectFieldCollapseOptionText",componentId:"sc-12ce8ke-3"})(["",""],({$bold:e})=>e&&t`
+      font-weight: 500;
+    `),r=e(i).attrs({size:16}).withConfig({displayName:"styled__SelectFieldCollapseOptionArrow",componentId:"sc-12ce8ke-4"})(["transition:transform 0.2s ease-in-out;"]),d=e.div.withConfig({displayName:"styled__SelectFieldCollapseOptionBody",componentId:"sc-12ce8ke-5"})([""]);export{r as SelectFieldCollapseOptionArrow,d as SelectFieldCollapseOptionBody,a as SelectFieldCollapseOptionHead,l as SelectFieldCollapseOptionHeadSide,o as SelectFieldCollapseOptionStyled,n as SelectFieldCollapseOptionText};