@bothub-chat/ui 2.28.3-develop-e1b6ebcc-ecf7-49cb-b671-68a17f2df554 → 2.28.3-develop-bec4cbb1-e1ac-43b0-b9f4-32a093d73239

package/README.md

@@ -1,24 +1,24 @@
-<p align="center">
-  <img src="https://bothub.chat/icon-144x144.png" />
-</p>
-<h1 align="center">Bothub Chat</h1>
-<p align="center">UI Components from Bothub.</p>
-<p align="center">
-  <a href="https://bothub-docs.vercel.app/">Documentation</a>
-</p>
-
-<h2>Installing</h2>
-<p>Preliminary requirements:</p>
-<ul>
-    <li><a href="https://nodejs.org/">Node.js</a> >= <code>18.12.1</code></li>
-    <li><a href="https://www.npmjs.com/">npm</a> >= <code>9.1.2</code></li>
-    <li><a href="https://yarnpkg.com/">yarn</a> >= <code>1.22.19</code></li>
-</ul>
-<p>Installing peer dependencies:</p>
-<pre>yarn add framer-motion@10.16.3 react@18.2.0 react-dom@18.2.0 styled-components@6.0.7 react-helmet@6.1.0 normalize.css@8.0.1 react-slider@2.0.6 react-markdown@8.0.5 highlight.js@11.9.0 react-highlight@0.15.0</pre>
-<p>Installing package:</p>
-<pre>yarn add @bothub-chat/ui</pre>
-
-
-<h2>License</h2>
+<p align="center">
+  <img src="https://bothub.chat/icon-144x144.png" />
+</p>
+<h1 align="center">Bothub Chat</h1>
+<p align="center">UI Components from Bothub.</p>
+<p align="center">
+  <a href="https://bothub-docs.vercel.app/">Documentation</a>
+</p>
+
+<h2>Installing</h2>
+<p>Preliminary requirements:</p>
+<ul>
+    <li><a href="https://nodejs.org/">Node.js</a> >= <code>18.12.1</code></li>
+    <li><a href="https://www.npmjs.com/">npm</a> >= <code>9.1.2</code></li>
+    <li><a href="https://yarnpkg.com/">yarn</a> >= <code>1.22.19</code></li>
+</ul>
+<p>Installing peer dependencies:</p>
+<pre>yarn add framer-motion@10.16.3 react@18.2.0 react-dom@18.2.0 styled-components@6.0.7 react-helmet@6.1.0 normalize.css@8.0.1 react-slider@2.0.6 react-markdown@8.0.5 highlight.js@11.9.0 react-highlight@0.15.0</pre>
+<p>Installing package:</p>
+<pre>yarn add @bothub-chat/ui</pre>
+
+
+<h2>License</h2>
 <p><a href="https://github.com/matbea-dev/bothub/blob/main/LICENSE">MIT</a></p>

package/dist/components/scrollable-tabs/index.d.ts

@@ -1,12 +1,10 @@
-import { ReactNode } from 'react';
+import { ITab, Variant } from './types';
 type ScrollableTabsProps = {
-    tabs: {
-        id: string;
-        label: string;
-        href: string;
-        icon?: ReactNode;
-    }[];
-    selectedTabId?: string;
+    variant?: Variant;
+    component: 'a' | 'button';
+    tabs: ITab[];
+    defaultTabId?: string;
+    onClick?(id: string | null): void;
 };
-export declare const ScrollableTabs: ({ tabs, selectedTabId }: ScrollableTabsProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+export declare const ScrollableTabs: ({ tabs, variant, component, defaultTabId, onClick }: ScrollableTabsProps) => import("react/jsx-runtime").JSX.Element;
+export type { ITab } from './types';

package/dist/components/scrollable-tabs/index.js

@@ -1 +1 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import{ScrollableTabsTab as i,ScrollableTabsTabLabel as d}from"./styled.js";import{Slider as t}from"../slider/index.js";const l=({tabs:l,selectedTabId:o})=>e(t,{gap:20,children:l.map((t=>r(i,{href:t.href,$selected:t.id===o,children:[t.icon,e(d,{children:t.label})]},t.id)))});export{l as ScrollableTabs};
+import{jsx as r,jsxs as i}from"react/jsx-runtime";import{useState as a}from"react";import{ScrollableTabsTab as e,ScrollableTabsTabLabel as t}from"./styled.js";import{Slider as n}from"../slider/index.js";const o=({tabs:o,variant:m="primary",component:l="a",defaultTabId:c,onClick:s})=>{const[d,p]=a(c||null);return r(n,{arrowsSize:"primary"===m?"md":"sm",gap:"primary"===m?20:8,children:o.map((({id:a,label:n,icon:o,href:c})=>i(e,{as:l,$variant:m,$selected:a===d,onClick:()=>(r=>{const i=r===d?null:r;p(i),s&&s(i)})(a),href:"a"===l?c:void 0,children:[o,r(t,{$variant:m,children:n})]},a)))})};export{o as ScrollableTabs};

package/dist/components/scrollable-tabs/styled.d.ts

@@ -1,6 +1,11 @@
-export declare const ScrollableTabsTab: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {
+import { Variant } from './types';
+type VariantProps = {
+    $variant: Variant;
+};
+type ScrollableTabsTabProps = {
     $selected?: boolean;
-}>>;
+} & VariantProps;
+export declare const ScrollableTabsTab: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, ScrollableTabsTabProps>>;
 export declare const ScrollableTabsTabLabel: import("styled-components").IStyledComponent<"web", {
     children?: import("react").ReactNode;
     variant?: import("../typography").TypographyVariant | undefined;
@@ -276,4 +281,6 @@ export declare const ScrollableTabsTabLabel: import("styled-components").IStyled
     component?: import("../typography").TypographyComponent | undefined;
     fullWidth?: boolean | undefined;
     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;
+    $variant: Variant;
 }>;
+export {};

package/dist/components/scrollable-tabs/styled.js

@@ -1,5 +1,28 @@
-import{styled as e,css as o}from"styled-components";import{Typography as t}from"../typography/index.js";const a=e.a.withConfig({displayName:"styled__ScrollableTabsTab",componentId:"sc-mv61cj-0"})(["all:unset;cursor:pointer;padding:12.5px 16px;display:flex;align-items:center;gap:16px;flex-shrink:0;position:relative;margin-bottom:3px;&:before{content:'';display:block;position:absolute;width:100%;height:100%;top:0;left:0;border-radius:16px;border:1px solid ",";background-color:",";",";}& > *{position:relative;z-index:1;}svg{width:24px;height:24px;}"],(({theme:e})=>e.colors.grayScale.gray3),(({theme:e})=>e.colors.base.black),(({$selected:e})=>e&&o`
-        border: none;
-        background: linear-gradient(90deg, #1c64f2 0%, #d41cf2 100%);
-        opacity: 0.2;
-      `)),r=e(t).attrs({variant:"body-l-regular"}).withConfig({displayName:"styled__ScrollableTabsTabLabel",componentId:"sc-mv61cj-1"})([""]);export{a as ScrollableTabsTab,r as ScrollableTabsTabLabel};
+import{styled as r,css as e}from"styled-components";import{Typography as a}from"../typography/index.js";const o=r.a.withConfig({displayName:"styled__ScrollableTabsTab",componentId:"sc-mv61cj-0"})(["all:unset;cursor:pointer;display:flex;align-items:center;flex-shrink:0;position:relative;",";&:before{content:'';display:block;position:absolute;inset:0;transition:background 0.2s;",";}&:hover:before{background-color:","33;}svg path{stroke:",";}& > *{position:relative;z-index:1;}"],(({$variant:r})=>"primary"===r?e`
+          padding: 12.5px 16px;
+          gap: 16px;
+
+          svg {
+            width: 24px;
+            height: 24px;
+          }
+        `:e`
+          padding: 10px 18px;
+          gap: 10px;
+
+          svg {
+            width: 18px;
+            height: 18px;
+          }
+        `),(({$variant:r,$selected:a})=>a?e`
+          border-radius: ${()=>"primary"===r?16:8}px;
+          background: linear-gradient(90deg, #1c64f2 0%, #d41cf2 100%);
+          opacity: 0.2;
+        `:"primary"===r?e`
+          border-radius: 16px;
+          border: 1px solid ${({theme:r})=>r.colors.grayScale.gray3};
+          background-color: ${({theme:r})=>r.colors.base.black};
+        `:"secondary"===r?e`
+          border-radius: 8px;
+          background-color: ${({theme:r})=>r.colors.grayScale.gray7};
+        `:void 0),(({theme:r})=>r.colors.accent.primary),(({theme:r})=>"light"===r.mode?r.default.colors.base.black:r.default.colors.base.white)),t=r(a).attrs((r=>({variant:"primary"===r.$variant?"body-l-regular":"button-sm"}))).withConfig({displayName:"styled__ScrollableTabsTabLabel",componentId:"sc-mv61cj-1"})([""]);export{o as ScrollableTabsTab,t as ScrollableTabsTabLabel};

package/dist/components/scrollable-tabs/types.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export type ITab = {
+    id: string;
+    label: string;
+    icon?: ReactNode;
+    href?: string;
+};
+export type Variant = 'primary' | 'secondary';

package/dist/components/select-field/filterData.d.ts

@@ -0,0 +1,2 @@
+import { SelectFieldData } from './types';
+export declare const filterData: (data: SelectFieldData, searchValue: string) => SelectFieldData;

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

@@ -0,0 +1 @@
+import"react";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import{hasSubstring as r}from"../../utils/hasSubstring/index.js";const t=(t,i)=>t.filter((t=>"string"==typeof t?r(t,i):!("label"in t)||!t.label||r(t.label,i)));export{t as filterData};

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import { SelectFieldChangeEventHandler, SelectFieldData, SelectFieldDataItem, SelectFieldInputChangeEventHandler, SelectFieldInputType, SelectFieldMultiChangeEventHandler, SelectFieldMultiValueChangeEventHandler, SelectFieldOptionClickEventHandler, SelectFieldPlacement, SelectFieldSize, SelectFieldValueChangeEventHandler } from './types';
+import { ITab } from '../scrollable-tabs/types';
 export interface SelectFieldDefaultProps {
     multiple?: false;
     value?: SelectFieldDataItem | null;
@@ -37,6 +38,13 @@ export type SelectFieldProps = (SelectFieldDefaultProps | SelectFieldMultiProps)
     clearable?: boolean;
     loading?: boolean;
     padding?: [number, number];
+    tabs?: {
+        tabs: ITab[];
+        onTabClick?: (id: string) => void;
+        defaultTabId?: string;
+    };
+    search?: boolean;
+    searchPlaceholder?: string;
     onOptionClick?: SelectFieldOptionClickEventHandler;
     onInputChange?: SelectFieldInputChangeEventHandler;
     onSelectClick?: () => void;

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

@@ -1 +1 @@
-import{__rest as e}from"tslib";import{jsx as l,jsxs as t,Fragment as n}from"react/jsx-runtime";import{useCallback as o,useState as i,useRef as r,useEffect as a}from"react";import{SelectFieldStyled as c,SelectFieldLabel as s,SelectFieldInput as d,SelectFieldInputLeftSide as u,SelectFieldSearchIcon as p,SelectFieldInputNative as h,SelectFieldPlaceholder as b,SelectFieldValue as m,SelectFieldValueText as f,SelectFieldValueColor as g,SelectFieldColorValueText as v,SelectFieldValues as y,SelectFieldValueList as $,SelectFieldValueListItem as C,SelectFieldInputSide as j,SelectFieldClearButton as x,SelectFieldLoader as k,SelectFieldArrow as w,SelectFieldSkeleton as S,SelectFieldBlock as A,SelectFieldBlockPositionWrapper as O,SelectFieldBlockContent as z,SelectFieldGroups as L,SelectFieldGroup as E,SelectFieldErrorText as V}from"./styled.js";import"../../theme/index.js";import{Skeleton as W}from"../skeleton/index.js";import{Portal as P}from"../portal/index.js";import{IconProvider as T}from"../icon/context.js";import"../icon/styled.js";import{Tooltip as F}from"../tooltip/index.js";import{SelectFieldProvider as I}from"./context.js";export{SelectFieldConsumer,SelectFieldContext,useSelectField}from"./context.js";import{SelectFieldOptions as M}from"./option/list/index.js";import"./option/collapse/styled.js";import{useTheme as N}from"../../theme/hook.js";import{TooltipConsumer as X}from"../tooltip/context.js";const Y=Y=>{var{className:B,label:D,value:H,placeholder:R,data:Z=[],fullWidth:q=!1,contentWidth:G,error:J,disabled:K=!1,skeleton:Q=!1,blur:U=!1,size:_="small",disableSelect:ee=!1,placement:le="bottom-left",disableScrollbar:te=!1,before:ne,after:oe,loading:ie=!1,enableInput:re=!1,inputType:ae="text",inputValue:ce,clearable:se=!1,onOptionClick:de,onInputChange:ue,onSelectClick:pe,onClose:he,onPointerLeave:be,children:me}=Y,fe=e(Y,["className","label","value","placeholder","data","fullWidth","contentWidth","error","disabled","skeleton","blur","size","disableSelect","placement","disableScrollbar","before","after","loading","enableInput","inputType","inputValue","clearable","onOptionClick","onInputChange","onSelectClick","onClose","onPointerLeave","children"]);const ge=N(),{multiple:ve=!1}=fe,ye=o((e=>{var l,t,n,o,i,r;if(fe.multiple&&Array.isArray(e)){const n=e;null===(l=fe.onChange)||void 0===l||l.call(fe,n),null===(t=fe.onValueChange)||void 0===t||t.call(fe,n.map((e=>"string"==typeof e?e:"string"==typeof e.value?e.value:"")).filter((e=>!!e)))}else fe.multiple||Array.isArray(e)||(null===(n=fe.onChange)||void 0===n||n.call(fe,e),e?"string"==typeof e?null===(o=fe.onValueChange)||void 0===o||o.call(fe,e):"string"==typeof e.value&&(null===(i=fe.onValueChange)||void 0===i||i.call(fe,e.value)):null===(r=fe.onValueChange)||void 0===r||r.call(fe,null))}),[fe.multiple,fe.onChange,fe.onValueChange]),$e=o((e=>{null==ue||ue(e)}),[ue]);let[Ce,je]=i(ve?[]:null);void 0!==H&&([Ce,je]=[H,ye]);let[xe,ke]=i("");void 0!==ce&&([xe,ke]=[ce,$e]);const[we,Se]=i(!1),[Ae,Oe]=i(!1),[ze,Le]=i(0),[Ee,Ve]=i(0),[We,Pe]=i(0),[Te,Fe]=i(le),Ie=o((()=>{Oe(!1),null==he||he()}),[]),Me=o((e=>{var l;"object"==typeof e&&e.disabled||("object"==typeof e&&e.noSelect?null===(l=null==e?void 0:e.onClick)||void 0===l||l.call(e,e):(null==de||de(e),ee||(ve&&Array.isArray(Ce)?je([...new Set([...Ce,e])]):je(e)),Ie()))}),[Ce,je,ve,de,ee]),Ne=o(((e,l)=>{l.stopPropagation(),Array.isArray(Ce)&&je("string"==typeof e?Ce.filter((l=>"string"==typeof l?l!==e:l.value!==e)):Ce.filter((l=>"string"==typeof l?l!==e.value:l.value!==e.value))),Ie()}),[Ce]),Xe=o(((e,l)=>{null==pe||pe();const t=De.current;if(!t||K)return;e&&l.stopPropagation();const n=window.innerHeight||document.documentElement.clientHeight,o=t.getBoundingClientRect(),{width:i,height:r}=o;let a=Te;a=o.top-186<0?"bottom-left":o.bottom+186>n?"top-right"===le?"top-right":"top-left":le;let c=0,s=0;switch(a){case"bottom-left":c=o.left+window.scrollX,s=o.top+window.scrollY+r;break;case"top-left":c=o.left+window.scrollX,s=o.top+window.scrollY;break;case"top-right":c=o.left+window.scrollX+i,s=o.top+window.scrollY}Le(c),Ve(s),Pe(i),Fe(a),Oe(!!e||!Ae)}),[K,Ae,Te,le,pe]),Ye=o((e=>{ke(e.currentTarget.value)}),[ke]),Be=o((()=>{je(null),ke("")}),[je,ke]),De=r(null),He=r(null);return a((()=>{if(Ae){const e=e=>{const l=De.current,t=He.current;null!==l&&null!==t&&(l.contains(e.target)||t.contains(e.target)||Ie())};return document.addEventListener("click",e),()=>{document.removeEventListener("click",e)}}}),[Ae]),a((()=>{if(Ae){const e=()=>{Ie()};return document.addEventListener("scroll",e),()=>{document.removeEventListener("scroll",e)}}}),[Ae]),l(I,{selectRef:De,handleSelectClick:Xe.bind(null,!1),children:t(c,{$fullWidth:q,$disabled:K,className:B,onPointerLeave:be,children:[D&&Q&&l(s,{children:l(W,{width:100})}),"string"==typeof D&&!Q&&l(s,{children:D}),"string"!=typeof D&&!Q&&D,me&&me,!me&&t(n,{children:[!Q&&t(d,{$open:Ae,$error:!!J,$disabled:K,$skeleton:!1,$blur:U,$loading:ie,$multiple:ve&&Array.isArray(Ce)&&Ce.length>0,ref:De,onClick:Xe.bind(null,!1),children:[t(u,{children:[(!Ce||Array.isArray(Ce)&&0===Ce.length)&&t(n,{children:[re&&"search"===ae&&l(p,{$focus:we}),re&&l(h,{type:ae,value:xe,placeholder:R,disabled:K,onClick:Xe.bind(null,!0),onChange:Ye,onFocus:Se.bind(null,!0),onBlur:Se.bind(null,!1)}),!re&&l(b,{$open:Ae,children:R})]}),"string"==typeof Ce&&""!==Ce&&l(m,{children:l(f,{children:Ce})}),Ce&&"object"==typeof Ce&&!Array.isArray(Ce)&&t(m,{children:[Ce.icon&&l(T,{fill:ge.colors.base.white,size:18,children:Ce.icon}),Ce.color&&l(g,{$color:Ce.color}),Ce.label&&l(F,{label:Ce.label,placement:"top-left",disabled:Ce.label.length<=128,children:l(X,{children:({handleTooltipMouseEnter:e,handleTooltipMouseLeave:l})=>t(v,{onMouseEnter:e,onMouseLeave:l,children:[Ce.label&&Ce.label.slice(0,64),Ce.label&&Ce.label.length>64&&"..."]})})}),!Ce.label&&Ce.value&&l(v,{children:Ce.value})]}),Array.isArray(Ce)&&Ce.length>0&&l(y,{children:l($,{children:Ce.map(((e,t)=>{var n,o,i;return"string"==typeof e?l(C,{onDelete:Ne.bind(null,e),children:e},e):l(C,{onDelete:Ne.bind(null,e),children:null!==(n=e.label)&&void 0!==n?n:e.value},null!==(i=null!==(o=e.id)&&void 0!==o?o:e.value)&&void 0!==i?i:t)}))})})]}),t(j,{children:[(se&&Ce||re&&"search"===ae&&!ie&&xe||re&&Ce)&&l(x,{onClick:Be}),ie&&l(k,{}),l(w,{style:{transform:Ae?"rotateZ(180deg)":"rotateZ(0deg)"}})]})]}),Q&&l(d,{$open:!1,$error:!1,$disabled:!1,$skeleton:!0,$loading:!1,$blur:U,$multiple:!1,ref:De,children:l(S,{})})]}),Ae&&l(P,{children:l(A,{$contentWidth:G,ref:He,style:Object.assign(Object.assign(Object.assign(Object.assign({},0!==ze&&Object.assign(Object.assign({},"top-right"!==Te&&{left:`${ze}px`}),"top-right"===Te&&Object.assign(Object.assign({},void 0===G&&{left:`calc(${ze}px - ${We})`}),"number"==typeof G&&{left:`calc(${ze}px - ${G>We?`calc(var(--bothub-scale, 1) * ${G}px)`:`${We}px`})`}))),0!==Ee&&{top:`${Ee}px`}),void 0===G&&{width:`${We}px`}),"number"==typeof G&&{width:""+(G>We?`calc(var(--bothub-scale, 1) * ${G}px)`:`${We}px`)}),children:l(O,{$blur:U,$placement:Te,children:l(z,{children:t(L,{$size:_,children:[ne&&l(E,{$size:_,$disableScrollbar:te,children:l(M,{value:Ce,data:ne,size:_,disableSelect:ee,onOptionClick:Me})}),l(E,{$size:_,$disableScrollbar:te,children:l(M,{value:Ce,data:Z,size:_,disableSelect:ee,onOptionClick:Me})}),oe&&l(E,{$size:_,$disableScrollbar:te,children:l(M,{value:Ce,data:oe,size:_,disableSelect:ee,onOptionClick:Me})})]})})})})}),J&&l(V,{children:J})]})})};export{Y as SelectField,w as SelectFieldArrow,A as SelectFieldBlock,z as SelectFieldBlockContent,O as SelectFieldBlockPositionWrapper,x as SelectFieldClearButton,v as SelectFieldColorValueText,V as SelectFieldErrorText,E as SelectFieldGroup,L as SelectFieldGroups,d as SelectFieldInput,u as SelectFieldInputLeftSide,h as SelectFieldInputNative,j as SelectFieldInputSide,s as SelectFieldLabel,k as SelectFieldLoader,b as SelectFieldPlaceholder,I as SelectFieldProvider,p as SelectFieldSearchIcon,S as SelectFieldSkeleton,c as SelectFieldStyled,m as SelectFieldValue,g as SelectFieldValueColor,$ as SelectFieldValueList,C as SelectFieldValueListItem,f as SelectFieldValueText,y as SelectFieldValues};
+import{__rest as i}from"tslib";import{jsx as o,jsxs as e,Fragment as n}from"react/jsx-runtime";import{useCallback as s,useState as t,useRef as r,useEffect as c}from"react";import{SelectFieldStyled as d,SelectFieldLabel as l,SelectFieldInput as a,SelectFieldInputLeftSide as p,SelectFieldSearchIcon as m,SelectFieldInputNative as x,SelectFieldPlaceholder as j,SelectFieldValue as u,SelectFieldValueText as h,SelectFieldValueColor as b,SelectFieldColorValueText as g,SelectFieldValues as f,SelectFieldValueList as v,SelectFieldValueListItem as y,SelectFieldInputSide as w,SelectFieldClearButton as $,SelectFieldLoader as k,SelectFieldArrow as C,SelectFieldSkeleton as S,SelectFieldBlock as A,SelectFieldBlockPositionWrapper as z,SelectFieldBlockContent as O,SelectFieldGroups as L,SelectFieldGroup as T,SelectFieldErrorText as I}from"./styled.js";import"../../theme/index.js";import{Skeleton as E}from"../skeleton/index.js";import{Portal as P}from"../portal/index.js";import{IconProvider as V}from"../icon/context.js";import"../icon/styled.js";import{Tooltip as W}from"../tooltip/index.js";import{SelectFieldProvider as F}from"./context.js";export{SelectFieldConsumer,SelectFieldContext,useSelectField}from"./context.js";import{SelectFieldOptions as q}from"./option/list/index.js";import"./option/collapse/styled.js";import{ScrollableTabs as M}from"../scrollable-tabs/index.js";import{TextField as D}from"../text-field/index.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/minimize/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/unminimize/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 N}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{filterData as X}from"./filterData.js";import{useTheme as Y}from"../../theme/hook.js";import{TooltipConsumer as B}from"../tooltip/context.js";const H=H=>{var{className:R,label:Z,value:_,placeholder:G,data:J=[],fullWidth:K=!1,contentWidth:Q,error:U,disabled:ii=!1,skeleton:oi=!1,blur:ei=!1,size:ni="small",disableSelect:si=!1,placement:ti="bottom-left",disableScrollbar:ri=!1,before:ci,after:di,loading:li=!1,enableInput:ai=!1,inputType:pi="text",inputValue:mi,clearable:xi=!1,tabs:ji,search:ui,searchPlaceholder:hi,onOptionClick:bi,onInputChange:gi,onSelectClick:fi,onClose:vi,onPointerLeave:yi,children:wi}=H,$i=i(H,["className","label","value","placeholder","data","fullWidth","contentWidth","error","disabled","skeleton","blur","size","disableSelect","placement","disableScrollbar","before","after","loading","enableInput","inputType","inputValue","clearable","tabs","search","searchPlaceholder","onOptionClick","onInputChange","onSelectClick","onClose","onPointerLeave","children"]);const ki=Y(),{multiple:Ci=!1}=$i,Si=s((i=>{var o,e,n,s,t,r;if($i.multiple&&Array.isArray(i)){const n=i;null===(o=$i.onChange)||void 0===o||o.call($i,n),null===(e=$i.onValueChange)||void 0===e||e.call($i,n.map((i=>"string"==typeof i?i:"string"==typeof i.value?i.value:"")).filter((i=>!!i)))}else $i.multiple||Array.isArray(i)||(null===(n=$i.onChange)||void 0===n||n.call($i,i),i?"string"==typeof i?null===(s=$i.onValueChange)||void 0===s||s.call($i,i):"string"==typeof i.value&&(null===(t=$i.onValueChange)||void 0===t||t.call($i,i.value)):null===(r=$i.onValueChange)||void 0===r||r.call($i,null))}),[$i.multiple,$i.onChange,$i.onValueChange]),Ai=s((i=>{null==gi||gi(i)}),[gi]);let[zi,Oi]=t(Ci?[]:null);void 0!==_&&([zi,Oi]=[_,Si]);let[Li,Ti]=t("");void 0!==mi&&([Li,Ti]=[mi,Ai]);const[Ii,Ei]=t(!1),[Pi,Vi]=t(!1),[Wi,Fi]=t(0),[qi,Mi]=t(0),[Di,Ni]=t(0),[Xi,Yi]=t(ti),[Bi,Hi]=t(""),Ri=s((i=>{Hi(i.currentTarget.value)}),[Hi]),Zi=s((()=>{Vi(!1),null==vi||vi()}),[]),_i=s((i=>{var o;"object"==typeof i&&i.disabled||("object"==typeof i&&i.noSelect?null===(o=null==i?void 0:i.onClick)||void 0===o||o.call(i,i):(null==bi||bi(i),si||(Ci&&Array.isArray(zi)?Oi([...new Set([...zi,i])]):Oi(i)),Zi()))}),[zi,Oi,Ci,bi,si]),Gi=s(((i,o)=>{o.stopPropagation(),Array.isArray(zi)&&Oi("string"==typeof i?zi.filter((o=>"string"==typeof o?o!==i:o.value!==i)):zi.filter((o=>"string"==typeof o?o!==i.value:o.value!==i.value))),Zi()}),[zi]),Ji=s(((i,o)=>{null==fi||fi();const e=Ui.current;if(!e||ii)return;i&&o.stopPropagation();const n=window.innerHeight||document.documentElement.clientHeight,s=e.getBoundingClientRect(),{width:t,height:r}=s;let c=Xi;c=s.top-186<0?"bottom-left":s.bottom+186>n?"top-right"===ti?"top-right":"top-left":ti;let d=0,l=0;switch(c){case"bottom-left":d=s.left+window.scrollX,l=s.top+window.scrollY+r;break;case"top-left":d=s.left+window.scrollX,l=s.top+window.scrollY;break;case"top-right":d=s.left+window.scrollX+t,l=s.top+window.scrollY}Fi(d),Mi(l),Ni(t),Yi(c),Vi(!!i||!Pi)}),[ii,Pi,Xi,ti,fi]),Ki=s((i=>{Ti(i.currentTarget.value)}),[Ti]),Qi=s((()=>{Oi(null),Ti("")}),[Oi,Ti]),Ui=r(null),io=r(null),[oo,eo]=t(null);if(io.current&&!oo){const{height:i}=getComputedStyle(io.current.children[0]);eo(parseInt(i))}return c((()=>{if(Pi){const i=i=>{const o=Ui.current,e=io.current;null!==o&&null!==e&&(o.contains(i.target)||e.contains(i.target)||Zi())};return document.addEventListener("click",i),()=>{document.removeEventListener("click",i)}}}),[Pi]),c((()=>{if(Pi){const i=()=>{Zi()};return document.addEventListener("scroll",i),()=>{document.removeEventListener("scroll",i)}}}),[Pi]),o(F,{selectRef:Ui,handleSelectClick:Ji.bind(null,!1),children:e(d,{$fullWidth:K,$disabled:ii,className:R,onPointerLeave:yi,children:[Z&&oi&&o(l,{children:o(E,{width:100})}),"string"==typeof Z&&!oi&&o(l,{children:Z}),"string"!=typeof Z&&!oi&&Z,wi&&wi,!wi&&e(n,{children:[!oi&&e(a,{$open:Pi,$error:!!U,$disabled:ii,$skeleton:!1,$blur:ei,$loading:li,$multiple:Ci&&Array.isArray(zi)&&zi.length>0,ref:Ui,onClick:Ji.bind(null,!1),children:[e(p,{children:[(!zi||Array.isArray(zi)&&0===zi.length)&&e(n,{children:[ai&&"search"===pi&&o(m,{$focus:Ii}),ai&&o(x,{type:pi,value:Li,placeholder:G,disabled:ii,onClick:Ji.bind(null,!0),onChange:Ki,onFocus:Ei.bind(null,!0),onBlur:Ei.bind(null,!1)}),!ai&&o(j,{$open:Pi,children:G})]}),"string"==typeof zi&&""!==zi&&o(u,{children:o(h,{children:zi})}),zi&&"object"==typeof zi&&!Array.isArray(zi)&&e(u,{children:[zi.icon&&o(V,{fill:ki.colors.base.white,size:18,children:zi.icon}),zi.color&&o(b,{$color:zi.color}),zi.label&&o(W,{label:zi.label,placement:"top-left",disabled:zi.label.length<=128,children:o(B,{children:({handleTooltipMouseEnter:i,handleTooltipMouseLeave:o})=>e(g,{onMouseEnter:i,onMouseLeave:o,children:[zi.label&&zi.label.slice(0,64),zi.label&&zi.label.length>64&&"..."]})})}),!zi.label&&zi.value&&o(g,{children:zi.value})]}),Array.isArray(zi)&&zi.length>0&&o(f,{children:o(v,{children:zi.map(((i,e)=>{var n,s,t;return"string"==typeof i?o(y,{onDelete:Gi.bind(null,i),children:i},i):o(y,{onDelete:Gi.bind(null,i),children:null!==(n=i.label)&&void 0!==n?n:i.value},null!==(t=null!==(s=i.id)&&void 0!==s?s:i.value)&&void 0!==t?t:e)}))})})]}),e(w,{children:[(xi&&zi||ai&&"search"===pi&&!li&&Li||ai&&zi)&&o($,{onClick:Qi}),li&&o(k,{}),o(C,{style:{transform:Pi?"rotateZ(180deg)":"rotateZ(0deg)"}})]})]}),oi&&o(a,{$open:!1,$error:!1,$disabled:!1,$skeleton:!0,$loading:!1,$blur:ei,$multiple:!1,ref:Ui,children:o(S,{})})]}),Pi&&o(P,{children:o(A,{$contentWidth:Q,ref:io,style:Object.assign(Object.assign(Object.assign(Object.assign({},0!==Wi&&Object.assign(Object.assign({},"top-right"!==Xi&&{left:`${Wi}px`}),"top-right"===Xi&&Object.assign(Object.assign({},void 0===Q&&{left:`calc(${Wi}px - ${Di})`}),"number"==typeof Q&&{left:`calc(${Wi}px - ${Q>Di?`calc(var(--bothub-scale, 1) * ${Q}px)`:`${Di}px`})`}))),0!==qi&&{top:`${qi}px`}),void 0===Q&&{width:`${Di}px`}),"number"==typeof Q&&{width:""+(Q>Di?`calc(var(--bothub-scale, 1) * ${Q}px)`:`${Di}px`)}),children:o(z,{$blur:ei,$placement:Xi,style:oo?{height:`${oo}px`}:void 0,children:o(O,{children:e(L,{$size:ni,children:[!!ji&&o(M,{tabs:ji.tabs,variant:"secondary",component:"button",onClick:ji.onTabClick,defaultTabId:ji.defaultTabId}),ui&&o(D,{fullWidth:!0,startIcon:o(N,{}),placeholder:hi,value:Bi,onChange:Ri,variant:"secondary",autoFocus:!0}),ci&&o(T,{$size:ni,$disableScrollbar:ri,children:o(q,{value:zi,data:X(ci,Bi),size:ni,disableSelect:si,onOptionClick:_i})}),o(T,{$size:ni,$disableScrollbar:ri,children:o(q,{value:zi,data:X(J,Bi),size:ni,disableSelect:si,onOptionClick:_i})}),di&&o(T,{$size:ni,$disableScrollbar:ri,children:o(q,{value:zi,data:X(di,Bi),size:ni,disableSelect:si,onOptionClick:_i})})]})})})})}),U&&o(I,{children:U})]})})};export{H as SelectField,C as SelectFieldArrow,A as SelectFieldBlock,O as SelectFieldBlockContent,z as SelectFieldBlockPositionWrapper,$ as SelectFieldClearButton,g as SelectFieldColorValueText,I as SelectFieldErrorText,T as SelectFieldGroup,L as SelectFieldGroups,a as SelectFieldInput,p as SelectFieldInputLeftSide,x as SelectFieldInputNative,w as SelectFieldInputSide,l as SelectFieldLabel,k as SelectFieldLoader,j as SelectFieldPlaceholder,F as SelectFieldProvider,m as SelectFieldSearchIcon,S as SelectFieldSkeleton,d as SelectFieldStyled,u as SelectFieldValue,b as SelectFieldValueColor,v as SelectFieldValueList,y as SelectFieldValueListItem,h as SelectFieldValueText,f as SelectFieldValues};

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

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

package/dist/components/select-field/option/collapse/styled.d.ts

@@ -12,285 +12,17 @@ export interface SelectFieldCollapseOptionHeadSideProps {
     $size: SelectFieldSize;
 }
 export declare const SelectFieldCollapseOptionHeadSide: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SelectFieldCollapseOptionHeadSideProps>>;
+export interface SelectFieldCollapseOptionTextAttrsProps {
+    $size: SelectFieldSize;
+}
 export interface SelectFieldCollapseOptionTextProps {
     $bold?: boolean;
 }
-export declare const SelectFieldCollapseOptionText: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<{
-    children?: import("react").ReactNode;
-    variant?: import("@/ui/components/typography").TypographyVariant | undefined;
-    hidden?: boolean | undefined | undefined;
-    color?: string | undefined | undefined;
-    content?: string | undefined | undefined;
-    style?: import("react").CSSProperties | undefined;
-    key?: import("react").Key | null | undefined;
-    defaultChecked?: boolean | undefined | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    suppressContentEditableWarning?: boolean | undefined | undefined;
-    suppressHydrationWarning?: boolean | undefined | undefined;
-    accessKey?: string | undefined | undefined;
-    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
-    autoFocus?: boolean | undefined | undefined;
-    className?: string | undefined | undefined;
-    contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
-    contextMenu?: string | undefined | undefined;
-    dir?: string | undefined | undefined;
-    draggable?: (boolean | "false" | "true") | undefined;
-    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    id?: string | undefined | undefined;
-    lang?: string | undefined | undefined;
-    nonce?: string | undefined | undefined;
-    slot?: string | undefined | undefined;
-    spellCheck?: (boolean | "false" | "true") | undefined;
-    tabIndex?: number | undefined | undefined;
-    title?: string | undefined | undefined;
-    translate?: "yes" | "no" | undefined | undefined;
-    radioGroup?: string | undefined | undefined;
-    role?: import("react").AriaRole | undefined;
-    about?: string | undefined | undefined;
-    datatype?: string | undefined | undefined;
-    inlist?: any;
-    prefix?: string | undefined | undefined;
-    property?: string | undefined | undefined;
-    rel?: string | undefined | undefined;
-    resource?: string | undefined | undefined;
-    rev?: string | undefined | undefined;
-    typeof?: string | undefined | undefined;
-    vocab?: string | undefined | undefined;
-    autoCorrect?: string | undefined | undefined;
-    autoSave?: string | undefined | undefined;
-    itemProp?: string | undefined | undefined;
-    itemScope?: boolean | undefined | undefined;
-    itemType?: string | undefined | undefined;
-    itemID?: string | undefined | undefined;
-    itemRef?: string | undefined | undefined;
-    results?: number | undefined | undefined;
-    security?: string | undefined | undefined;
-    unselectable?: "on" | "off" | undefined | undefined;
-    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
-    is?: string | undefined | undefined;
-    "aria-activedescendant"?: string | undefined | undefined;
-    "aria-atomic"?: (boolean | "false" | "true") | undefined;
-    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
-    "aria-braillelabel"?: string | undefined | undefined;
-    "aria-brailleroledescription"?: string | undefined | undefined;
-    "aria-busy"?: (boolean | "false" | "true") | undefined;
-    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-    "aria-colcount"?: number | undefined | undefined;
-    "aria-colindex"?: number | undefined | undefined;
-    "aria-colindextext"?: string | undefined | undefined;
-    "aria-colspan"?: number | undefined | undefined;
-    "aria-controls"?: string | undefined | undefined;
-    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
-    "aria-describedby"?: string | undefined | undefined;
-    "aria-description"?: string | undefined | undefined;
-    "aria-details"?: string | undefined | undefined;
-    "aria-disabled"?: (boolean | "false" | "true") | undefined;
-    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
-    "aria-errormessage"?: string | undefined | undefined;
-    "aria-expanded"?: (boolean | "false" | "true") | undefined;
-    "aria-flowto"?: string | undefined | undefined;
-    "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
-    "aria-hidden"?: (boolean | "false" | "true") | undefined;
-    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
-    "aria-keyshortcuts"?: string | undefined | undefined;
-    "aria-label"?: string | undefined | undefined;
-    "aria-labelledby"?: string | undefined | undefined;
-    "aria-level"?: number | undefined | undefined;
-    "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
-    "aria-modal"?: (boolean | "false" | "true") | undefined;
-    "aria-multiline"?: (boolean | "false" | "true") | undefined;
-    "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
-    "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
-    "aria-owns"?: string | undefined | undefined;
-    "aria-placeholder"?: string | undefined | undefined;
-    "aria-posinset"?: number | undefined | undefined;
-    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-    "aria-readonly"?: (boolean | "false" | "true") | undefined;
-    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
-    "aria-required"?: (boolean | "false" | "true") | undefined;
-    "aria-roledescription"?: string | undefined | undefined;
-    "aria-rowcount"?: number | undefined | undefined;
-    "aria-rowindex"?: number | undefined | undefined;
-    "aria-rowindextext"?: string | undefined | undefined;
-    "aria-rowspan"?: number | undefined | undefined;
-    "aria-selected"?: (boolean | "false" | "true") | undefined;
-    "aria-setsize"?: number | undefined | undefined;
-    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
-    "aria-valuemax"?: number | undefined | undefined;
-    "aria-valuemin"?: number | undefined | undefined;
-    "aria-valuenow"?: number | undefined | undefined;
-    "aria-valuetext"?: string | undefined | undefined;
-    dangerouslySetInnerHTML?: {
-        __html: string | TrustedHTML;
-    } | undefined | undefined;
-    onCopy?: import("react").ClipboardEventHandler<HTMLSpanElement> | undefined;
-    onCopyCapture?: import("react").ClipboardEventHandler<HTMLSpanElement> | undefined;
-    onCut?: import("react").ClipboardEventHandler<HTMLSpanElement> | undefined;
-    onCutCapture?: import("react").ClipboardEventHandler<HTMLSpanElement> | undefined;
-    onPaste?: import("react").ClipboardEventHandler<HTMLSpanElement> | undefined;
-    onPasteCapture?: import("react").ClipboardEventHandler<HTMLSpanElement> | undefined;
-    onCompositionEnd?: import("react").CompositionEventHandler<HTMLSpanElement> | undefined;
-    onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLSpanElement> | undefined;
-    onCompositionStart?: import("react").CompositionEventHandler<HTMLSpanElement> | undefined;
-    onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLSpanElement> | undefined;
-    onCompositionUpdate?: import("react").CompositionEventHandler<HTMLSpanElement> | undefined;
-    onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLSpanElement> | undefined;
-    onFocus?: import("react").FocusEventHandler<HTMLSpanElement> | undefined;
-    onFocusCapture?: import("react").FocusEventHandler<HTMLSpanElement> | undefined;
-    onBlur?: import("react").FocusEventHandler<HTMLSpanElement> | undefined;
-    onBlurCapture?: import("react").FocusEventHandler<HTMLSpanElement> | undefined;
-    onChange?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
-    onChangeCapture?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
-    onBeforeInput?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
-    onBeforeInputCapture?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
-    onInput?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
-    onInputCapture?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
-    onReset?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
-    onResetCapture?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
-    onSubmit?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
-    onSubmitCapture?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
-    onInvalid?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
-    onInvalidCapture?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
-    onLoad?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onLoadCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onError?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onErrorCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onKeyDown?: import("react").KeyboardEventHandler<HTMLSpanElement> | undefined;
-    onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLSpanElement> | undefined;
-    onKeyPress?: import("react").KeyboardEventHandler<HTMLSpanElement> | undefined;
-    onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLSpanElement> | undefined;
-    onKeyUp?: import("react").KeyboardEventHandler<HTMLSpanElement> | undefined;
-    onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLSpanElement> | undefined;
-    onAbort?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onAbortCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onCanPlay?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onCanPlayCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onCanPlayThrough?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onDurationChange?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onDurationChangeCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onEmptied?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onEmptiedCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onEncrypted?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onEncryptedCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onEnded?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onEndedCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onLoadedData?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onLoadedDataCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onLoadedMetadata?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onLoadStart?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onLoadStartCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onPause?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onPauseCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onPlay?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onPlayCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onPlaying?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onPlayingCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onProgress?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onProgressCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onRateChange?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onRateChangeCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onResize?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onResizeCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onSeeked?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onSeekedCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onSeeking?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onSeekingCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onStalled?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onStalledCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onSuspend?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onSuspendCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onTimeUpdate?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onVolumeChange?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onWaiting?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onWaitingCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onAuxClick?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
-    onAuxClickCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
-    onClick?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
-    onClickCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
-    onContextMenu?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
-    onContextMenuCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
-    onDoubleClick?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
-    onDoubleClickCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
-    onDrag?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
-    onDragCapture?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
-    onDragEnd?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
-    onDragEndCapture?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
-    onDragEnter?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
-    onDragEnterCapture?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
-    onDragExit?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
-    onDragExitCapture?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
-    onDragLeave?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
-    onDragLeaveCapture?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
-    onDragOver?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
-    onDragOverCapture?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
-    onDragStart?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
-    onDragStartCapture?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
-    onDrop?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
-    onDropCapture?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
-    onMouseDown?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
-    onMouseDownCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
-    onMouseEnter?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
-    onMouseLeave?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
-    onMouseMove?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
-    onMouseMoveCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
-    onMouseOut?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
-    onMouseOutCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
-    onMouseOver?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
-    onMouseOverCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
-    onMouseUp?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
-    onMouseUpCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
-    onSelect?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onSelectCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onTouchCancel?: import("react").TouchEventHandler<HTMLSpanElement> | undefined;
-    onTouchCancelCapture?: import("react").TouchEventHandler<HTMLSpanElement> | undefined;
-    onTouchEnd?: import("react").TouchEventHandler<HTMLSpanElement> | undefined;
-    onTouchEndCapture?: import("react").TouchEventHandler<HTMLSpanElement> | undefined;
-    onTouchMove?: import("react").TouchEventHandler<HTMLSpanElement> | undefined;
-    onTouchMoveCapture?: import("react").TouchEventHandler<HTMLSpanElement> | undefined;
-    onTouchStart?: import("react").TouchEventHandler<HTMLSpanElement> | undefined;
-    onTouchStartCapture?: import("react").TouchEventHandler<HTMLSpanElement> | undefined;
-    onPointerDown?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
-    onPointerDownCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
-    onPointerMove?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
-    onPointerMoveCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
-    onPointerUp?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
-    onPointerUpCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
-    onPointerCancel?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
-    onPointerCancelCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
-    onPointerEnter?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
-    onPointerLeave?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
-    onPointerOver?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
-    onPointerOverCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
-    onPointerOut?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
-    onPointerOutCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
-    onGotPointerCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
-    onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
-    onLostPointerCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
-    onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
-    onScroll?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
-    onScrollCapture?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
-    onWheel?: import("react").WheelEventHandler<HTMLSpanElement> | undefined;
-    onWheelCapture?: import("react").WheelEventHandler<HTMLSpanElement> | undefined;
-    onAnimationStart?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
-    onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
-    onAnimationEnd?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
-    onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
-    onAnimationIteration?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
-    onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
-    onTransitionEnd?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
-    onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
-    target?: import("react").HTMLAttributeAnchorTarget | undefined;
-    href?: string | undefined;
-    align?: import("@/ui/components/typography").TypographyAlign | undefined;
-    component?: import("@/ui/components/typography").TypographyComponent | undefined;
-    fullWidth?: boolean | undefined;
+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;
-}, SelectFieldCollapseOptionTextProps>>;
+}>, SelectFieldCollapseOptionTextAttrsProps>, SelectFieldCollapseOptionTextProps>>;
 export declare const SelectFieldCollapseOptionArrow: import("styled-components").IStyledComponent<"web", {
     size?: number | undefined;
     fill?: string | undefined;

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

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