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

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

@@ -0,0 +1,48 @@
+import{styled as e,css as t}from"styled-components";import{SelectFieldOptionSide as o}from"../list/styled.js";import{Typography as r}from"../../../typography/index.js";import"react";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import{colorToRgba as i}from"../../../../utils/colors/colorToRgba.js";import"../../../../utils/colors/calculateGrayScale.js";import"../../../../utils/colors/calculateAccentColors.js";const s=e(r).attrs((({$size:e})=>({variant:"small"===e?"input-sm":"md"===e?"button-sm":"body-m-semibold"}))).withConfig({displayName:"styled__SelectFieldOptionText",componentId:"sc-g6l3cy-0"})(["color:",";",""],(({theme:e,$selected:t})=>t?e.default.colors.base.white:e.colors.base.white),(({$bold:e})=>e&&t`
+      font-weight: 500;
+    `)),l=e(r).attrs({variant:"input-sm"}).withConfig({displayName:"styled__SelectFieldColorOptionText",componentId:"sc-g6l3cy-1"})(["color:",";"],(({theme:e,$selected:t})=>t?e.default.colors.base.white:e.colors.base.white)),a=e.span.withConfig({displayName:"styled__SelectFieldOptionColor",componentId:"sc-g6l3cy-2"})(["display:inline-flex;flex-shrink:0;width:18px;height:18px;border-radius:4px;",""],(({$color:e})=>t`
+    background: ${e};
+  `)),n=e.div.withConfig({displayName:"styled__SelectFieldOptionStyled",componentId:"sc-g6l3cy-3"})(["display:flex;justify-content:space-between;align-items:center;padding:",";border-radius:6px;gap:","px;&:active{background-color:"," !important;",",","{color:",";}svg[d='fill'] path,svg[d='all'] path{fill:"," !important;}svg[d='stroke'] path,svg[d='all'] path{stroke:"," !important;}transition:all 0.2s ease-out;}user-select:none;-moz-user-select:none;-webkit-user-select:none;",""],(({$size:e})=>{switch(e){case"small":return"8px";case"md":return"12px";case"large":return"8px 10px"}}),(({$size:e})=>{switch(e){case"small":case"large":return 8;case"md":return 10}}),(({theme:e})=>e.colors.accent.primary),s,l,(({theme:e})=>e.default.colors.base.white),(({theme:e})=>e.default.colors.base.white),(({theme:e})=>e.default.colors.base.white),(({theme:e,$selected:r,$disabled:s,$selectedColor:l,$backgroundHoverColor:a})=>{if(s)return t`
+        cursor: not-allowed;
+        &:hover {
+          background: ${"light"===e.mode?"rgba(0, 0, 0, 0.05)":"rgba(255, 255, 255, 0.05)"};
+        }
+        > ${o}:first-child {
+          opacity: 0.5;
+        }
+      `;switch(a){case"gradient":return t`
+          cursor: pointer;
+          position: relative;
+          overflow: hidden;
+          justify-content: center;
+          padding-top: 12px;
+          padding-bottom: 12px;
+          &:hover::before {
+            background: ${e.colors.premiumGradient};
+            content: '';
+            opacity: 0.2;
+            border: inherit;
+            inset: 0;
+            z-index: -1;
+            position: absolute;
+          }
+        `;case"primary":return t`
+          cursor: pointer;
+          position: relative;
+          overflow: hidden;
+          justify-content: center;
+          padding-top: 12px;
+          padding-bottom: 12px;
+          text-align: center;
+          &:hover {
+            background: ${i(e.colors.accent.primary,.2)};
+          }
+        `;default:return r?t`
+              background: ${l||e.colors.accent.primary};
+              cursor: default;
+            `:t`
+              cursor: pointer;
+              &:hover {
+                background: ${"light"===e.mode?"rgba(0, 0, 0, 0.05)":"rgba(255, 255, 255, 0.05)"};
+              }
+            `}}));export{l as SelectFieldColorOptionText,a as SelectFieldOptionColor,n as SelectFieldOptionStyled,s as SelectFieldOptionText};

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

@@ -0,0 +1 @@
+import{__rest as r}from"tslib";import{jsxs as o,jsx as e}from"react/jsx-runtime";import{useState as t,useRef as n,useCallback as s,useEffect as c}from"react";import{SelectFieldGroupStyled as l,Shadow as i,SelectFieldGroupContent as p}from"./styled.js";const m=m=>{var{scrollTop:u,onScrollTopChange:a}=m,f=r(m,["scrollTop","onScrollTopChange"]);const[h,T]=t(!1),[v,d]=t(!1),g=n(null),b=s((()=>{const r=g.current;if(r){const{scrollTop:o,clientHeight:e,scrollHeight:t}=r;T(o>1),d(Math.floor(t-o-e)>1),a(o)}}),[g.current,a]);return c((()=>{const r=g.current;if(!r)return;r.scrollTop=u;const o=new ResizeObserver((()=>{b()}));return o.observe(r),b(),r.addEventListener("scroll",b),()=>{o.disconnect(),r.removeEventListener("scroll",b)}}),[g.current,u]),o(l,{children:[e(i,{$onTop:!0,$show:h}),e(p,Object.assign({ref:g},f)),e(i,{$show:v})]})};export{m as SelectFieldGroup};

package/dist/components/select-field/{select-modal/select-field-group → 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").Ref<HTMLDivElement> | undefined;
+    ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -49,10 +49,6 @@ 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;
@@ -262,8 +258,6 @@ 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;
@@ -272,16 +266,8 @@ 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-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-1pj9n7a-0"})(["flex:1;width:100%;position:relative;overflow:hidden;"]),i=e.div.withConfig({displayName:"styled__SelectFieldGroupContent",componentId:"sc-1pj9n7a-1"})(["width:100%;height:100%;padding-right:8px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;",""],(({$disableScrollbar:e,$size:t,$followContentHeight:i})=>!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(i)return"100%";switch(t){case"small":case"md":return"186px";case"large":return"400px"}})))),n=e.div.withConfig({displayName:"styled__Shadow",componentId:"sc-1pj9n7a-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 i="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%);"],i,i)}));export{i as SelectFieldGroupContent,t as SelectFieldGroupStyled,n as Shadow};

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: 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 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 * 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"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};
+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};