@bothub-chat/ui/dist/components/select-field/styled.js

Bothub UI Components

import{jsx as i}from"react/jsx-runtime";import{styled as o,css as s}from"styled-components";import{Typography as e}from"../typography/index.js";import{ArrowDownIcon as n}from"../../icons/arrow-down/index.js";import{Skeleton as t}from"../skeleton/index.js";import{Chip as r}from"../chip/index.js";import{LoaderCircularGradientIcon as c}from"../../icons/loader-circular-gradient/index.js";import{SearchCircleIcon as d}from"../../icons/search-circle/index.js";import{Button as p}from"../button/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{CloseIcon as m}from"../../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"tslib";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/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-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 a}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"../../icons/folder/index.js";import"../../icons/history/index.js";import"../../icons/money-plus/index.js";import"../../icons/money-stack/index.js";import"../../icons/sort-numeric-bottom/index.js";import"../../icons/sort-numeric-top/index.js";import"../../icons/bulb/index.js";import"../../icons/prompt-queue/index.js";import"../../icons/image/index.js";import"../../icons/text/index.js";import"../../icons/code/index.js";import"../../icons/blue-grok/index.js";import"../../icons/double-image/index.js";import"../../icons/pdf-black/index.js";import"../../icons/csv/index.js";import"../../icons/xls-black/index.js";import"../../icons/word-black/index.js";import"../../icons/brain-black/index.js";import"../../icons/txt-black/index.js";import"../../icons/workspace/index.js";import"../../icons/chat-doc/index.js";import"../../icons/money-spend/index.js";import"../../icons/money-minus/index.js";import"../../icons/max-logo-gradient/index.js";import"../../icons/empty-word/index.js";import"../../icons/music-file/index.js";import"../../icons/sad-file/index.js";import"../../icons/happy-file/index.js";import"../../icons/volume-off/index.js";import"../../icons/github/index.js";import"../../icons/erase/index.js";import"../../icons/arrow-narrow-stars-right/index.js";import"../../icons/literature-list/index.js";import"../../icons/bell-dot/index.js";import"../../icons/bell/index.js";import"../../icons/kwaivgi/index.js";import"../../icons/dollar/index.js";const x=o.div.withConfig({displayName:"styled__SelectFieldStyled",componentId:"sc-ostlwx-0"})(["display:flex;flex-direction:column;align-items:flex-start;width:100%;box-sizing:border-box;position:relative;"," "," ",""],({$fullWidth:i})=>!i&&s`
      max-width: 259px;
    `,({$disabled:i})=>i&&s`
      cursor: not-allowed;
    `,({$disabled:i})=>!i&&s`
      cursor: default;
    `),l=o(e).attrs({variant:"input-sm"}).withConfig({displayName:"styled__SelectFieldLabel",componentId:"sc-ostlwx-1"})(["display:flex;align-items:center;gap:8px;margin-bottom:8px;cursor:inherit;width:100%;"]),j=o.div.withConfig({displayName:"styled__SelectFieldInput",componentId:"sc-ostlwx-2"})(["display:flex;align-items:center;width:100%;justify-content:space-between;gap:12px;user-select:none;border:1px solid ",";border-radius:10px;"," box-sizing:border-box;background:",";backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);cursor:",";"," ",""],({theme:i,$disabled:o,$error:s,$open:e,$skeleton:n})=>o||n?i.colors.grayScale.gray5:s?i.colors.critic:e?i.colors.accent.primary:i.colors.grayScale.gray2,({$multiple:i})=>i?s`
        padding: 10px;
        padding-right: 16px;
      `:s`
      padding: 14px 16px;
    `,({theme:i,$disabled:o,$skeleton:s,$blur:e})=>o||s?i.colors.grayScale.gray3:e?"light"===i.mode?"rgba(255, 255, 255, 0.65)":"rgba(18, 24, 37, 0.75)":"light"===i.mode?i.default.colors.base.white:i.colors.grayScale.gray4,({$disabled:i,$skeleton:o,$loading:s})=>o||s?"progress":i?"not-allowed":"pointer",({theme:i,$error:o,$disabled:e,$skeleton:n})=>!o&&!e&&!n&&s`
      &:hover {
        border-color: ${i.colors.accent.primary};
      }
    `,({$disabled:i,$open:o})=>i?s`
        ${y} {
          visibility: hidden;
        }
      `:s`
      ${y} {
        visibility: ${o?"visible":"hidden"};
      }
      &:hover {
        ${y} {
          visibility: visible;
        }
      }
    `),g=o.div.withConfig({displayName:"styled__SelectFieldInputSide",componentId:"sc-ostlwx-3"})(["display:flex;align-items:center;gap:10px;"]),b=o(g).withConfig({displayName:"styled__SelectFieldInputLeftSide",componentId:"sc-ostlwx-4"})(["width:100%;min-width:0;"]),h=o(d).attrs({size:16}).withConfig({displayName:"styled__SelectFieldSearchIcon",componentId:"sc-ostlwx-5"})(["path{fill:",";}"],({theme:i,$focus:o})=>o?i.colors.base.white:i.colors.grayScale.gray1),u=o(a).attrs({size:16}).withConfig({displayName:"styled__SelectFieldSearchSimpleIcon",componentId:"sc-ostlwx-6"})(["path{fill:",";}"],({theme:i,$focus:o})=>o?i.colors.base.white:i.colors.grayScale.gray1),w=o.input.withConfig({displayName:"styled__SelectFieldInputNative",componentId:"sc-ostlwx-7"})(["display:inline-flex;width:100%;background:none;border:none;outline:none;color:",";font-size:14px;font-weight:400;line-height:18px;padding:0px;&::placeholder{color:",";}&:focus::placeholder{color:",";}&:-webkit-autofill,&:-webkit-autofill:hover,&:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:",";box-shadow:0 0 0 100px "," inset !important;}&:-webkit-autofill:focus{-webkit-background-clip:text;-webkit-text-fill-color:",";box-shadow:0 0 0 100px "," inset !important;}&::-webkit-search-decoration,&::-webkit-search-cancel-button,&::-webkit-search-results-button,&::-webkit-search-results-decoration{-webkit-appearance:none;}&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}",""],({theme:i})=>i.colors.base.white,({theme:i})=>i.colors.grayScale.gray1,({theme:i})=>"light"===i.mode?i.colors.grayScale.gray1:i.colors.grayScale.gray6,({theme:i})=>i.colors.base.white,({theme:i})=>i.colors.grayScale.gray4,({theme:i})=>i.colors.base.white,({theme:i})=>i.colors.grayScale.gray4,({disabled:i})=>i&&s`
      cursor: not-allowed;
    `),y=o(p).attrs({variant:"text",iconSize:12,children:i(m,{})}).withConfig({displayName:"styled__SelectFieldClearButton",componentId:"sc-ostlwx-8"})([""]),f=o.span.withConfig({displayName:"styled__SelectFieldValue",componentId:"sc-ostlwx-9"})(["display:inline-flex;align-items:center;gap:10px;width:100%;"]),k=o(e).attrs({variant:"input-sm"}).withConfig({displayName:"styled__SelectFieldValueText",componentId:"sc-ostlwx-10"})(["white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;"]),v=o.span.withConfig({displayName:"styled__SelectFieldValueColor",componentId:"sc-ostlwx-11"})(["display:inline-flex;width:18px;height:18px;flex-shrink:0;background:",";border-radius:4px;"],({$color:i})=>i),_=o(e).attrs({variant:"input-sm"}).withConfig({displayName:"styled__SelectFieldColorValueText",componentId:"sc-ostlwx-12"})(["color:",";white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;"],({theme:i})=>i.colors.base.white),S=o.div.withConfig({displayName:"styled__SelectFieldValues",componentId:"sc-ostlwx-13"})(["display:flex;width:100%;"]),$=o.div.withConfig({displayName:"styled__SelectFieldValueList",componentId:"sc-ostlwx-14"})(["display:flex;gap:8px;flex-wrap:wrap;width:100%;"]),I=o(r).withConfig({displayName:"styled__SelectFieldValueListItem",componentId:"sc-ostlwx-15"})([""]),C=o(e).attrs({variant:"input-sm"}).withConfig({displayName:"styled__SelectFieldPlaceholder",componentId:"sc-ostlwx-16"})(["color:",";"],({$open:i,theme:o})=>i?o.colors.grayScale.gray6:o.colors.grayScale.gray1),N=o(c).withConfig({displayName:"styled__SelectFieldLoader",componentId:"sc-ostlwx-17"})([""]),F=o(n).attrs({size:16}).withConfig({displayName:"styled__SelectFieldArrow",componentId:"sc-ostlwx-18"})(["transition:transform 0.2s ease-in-out;transform:rotateZ(","deg);"],({$isOpen:i})=>i?180:0),z=o(e).attrs({variant:"input-sm"}).withConfig({displayName:"styled__SelectFieldErrorText",componentId:"sc-ostlwx-19"})(["display:inline-flex;margin-top:8px;color:",";"],({theme:i})=>i.colors.critic),q=o(t).withConfig({displayName:"styled__SelectFieldSkeleton",componentId:"sc-ostlwx-20"})(["width:100%;height:18px;"]);export{F as SelectFieldArrow,y as SelectFieldClearButton,_ as SelectFieldColorValueText,z as SelectFieldErrorText,j as SelectFieldInput,b as SelectFieldInputLeftSide,w as SelectFieldInputNative,g as SelectFieldInputSide,l as SelectFieldLabel,N as SelectFieldLoader,C as SelectFieldPlaceholder,h as SelectFieldSearchIcon,u as SelectFieldSearchSimpleIcon,q as SelectFieldSkeleton,x as SelectFieldStyled,f as SelectFieldValue,v as SelectFieldValueColor,$ as SelectFieldValueList,I as SelectFieldValueListItem,k as SelectFieldValueText,S as SelectFieldValues};