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

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

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

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

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

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

@@ -0,0 +1 @@
+import{__rest as i}from"tslib";import{jsx as o,jsxs as n,Fragment as e}from"react/jsx-runtime";import{useCallback as s}from"react";import{SelectFieldOptionsStyled as t,SelectFieldOptionSide as r,SelectFieldDivider as d,SelectFieldOptionLabel as c,SelectFieldEmpty as p,SelectFieldEmptyText as m,SelectFieldRadioTitleAndRadio as l,SelectFieldRadioLabel as a,SelectFieldRadioDescription as x,SelectFieldRadio as j,SelectFieldRadioLabelWrapper as b}from"./styled.js";import{Tooltip as u}from"../../../../tooltip/index.js";import{IconProvider as g}from"../../../../icon/context.js";import"../../../../icon/styled.js";import"../../../../../theme/index.js";import{SelectFieldCollapseOption as h}from"../collapse/index.js";import{SearchDataIcon as f}from"../../../../../icons/search-data/index.js";import{Radio as v}from"../../../../radio/index.js";import{SelectFieldOptionStyled as y,SelectFieldOptionText as w}from"../select-field-option/styled.js";import{SelectFieldOption as k}from"../select-field-option/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/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/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"../../../../../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{StarsIcon as z}from"../../../../../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{useTheme as $}from"../../../../../theme/hook.js";import{TooltipConsumer as C}from"../../../../tooltip/context.js";const O=M=>{var{value:L,data:q,size:E,disableSelect:T=!1,selectedColor:A,onOptionClick:P}=M,S=i(M,["value","data","size","disableSelect","selectedColor","onOptionClick"]);const D=$(),N=s(i=>{null==P||P(i)},[P]);return o(t,Object.assign({$size:E},S,{children:q.map((i,s)=>{var t,$,M,q,S,_,B,F,G,H,I,J,K,Q,R;if("string"==typeof i){let n;return n=!(!L||Array.isArray(L))&&("string"==typeof L?i===L:i===L.value),o(y,{$selected:n,$disabled:!1,$size:E,$selectedColor:A,"data-test":i,onClick:N.bind(null,i),children:o(r,{children:o(w,{$selected:n,$size:E,children:i})})},s)}if("divider"===i.type)return o(d,{},null!==($=null!==(t=i.id)&&void 0!==t?t:i.value)&&void 0!==$?$:`divider-${s}`);if("label"===i.type)return o(c,{children:i.label},null!==(q=null!==(M=i.id)&&void 0!==M?M:i.value)&&void 0!==q?q:`label-${s}`);if("empty"===i.type&&i.label)return n(p,{$size:E,children:[o(g,{size:34,fill:D.colors.grayScale.gray1,children:null!==(S=i.icon)&&void 0!==S?S:o(f,{})}),o(m,{children:i.label})]},null!==(B=null!==(_=i.id)&&void 0!==_?_:i.value)&&void 0!==B?B:`empty-${s}`);if("radio"===i.type){const t=o=>{o.preventDefault(),N(i)},r=null!==(G=null!==(F=i.id)&&void 0!==F?F:i.value)&&void 0!==G?G:`radio-${s}`,d={$selected:i.selected,$disabled:i.disabled,onClick:t,children:n(e,{children:[n(l,{children:[i.label&&o(a,{$size:E,children:i.label}),o(v,{type:"radio",checked:null!==(H=i.selected)&&void 0!==H&&H,name:i.radioName,disabled:i.disabled,icon:i.disabled?i.end:void 0})]}),i.description&&o(x,{children:i.description})]})};return i.tooltip||i.label&&i.label.length>64?o(u,Object.assign({},i.tooltip,i.label&&i.label.length>64&&{placement:"top-left",label:i.label,disabled:!1},{children:o(C,{children:({handleTooltipMouseEnter:e,handleTooltipMouseLeave:s})=>n(j,Object.assign({},d,{onPointerDown:e,onPointerLeave:s,onMouseEnter:e,onMouseLeave:s,onClick:t,"data-test":i.label,children:[n(l,{children:[i.icon&&o(g,{size:"large"===E?24:16,children:i.icon}),i.label&&n(b,{children:[o(a,{$size:E,children:i.label}),i.best_model&&o(z,{size:18})]}),o(v,{type:"radio",checked:!!i.selected,name:i.radioName,disabled:i.disabled,icon:i.disabled?i.end:void 0})]}),i.description&&o(x,{children:i.description})]}))})}),r):o(j,Object.assign({"data-test":i.label},d),r)}if("collapse"===i.type&&i.data){const n={size:E,item:i,onClick:i.onClick,icon:i.disabled?i.end:void 0,children:o(O,{value:L,data:null!==(I=i.data)&&void 0!==I?I:[],size:E,disableSelect:T,onOptionClick:P,selectedColor:A})},e=null!==(K=null!==(J=i.id)&&void 0!==J?J:i.value)&&void 0!==K?K:`collapse-${s}`;return i.tooltip||i.label&&i.label.length>64?o(u,Object.assign({},i.tooltip,i.label&&i.label.length>64&&{placement:"top-left",label:i.label,disabled:!1},{children:o(C,{children:({handleTooltipMouseEnter:i,handleTooltipMouseLeave:e})=>o(h,Object.assign({},n,{onPointerDown:i,onPointerLeave:e,onMouseEnter:i,onMouseLeave:e}))})}),e):o(h,Object.assign({},n),e)}const U=!!i.disabled;let V;V=!(!L||Array.isArray(L))&&(("string"==typeof L?i.value===L:i.value===L.value)&&!T);const W=null!==(R=null!==(Q=i.id)&&void 0!==Q?Q:i.value)&&void 0!==R?R:s,X={item:i,selected:V,disabled:U,size:E,selectedColor:A,onClick:N.bind(null,i)};return i.tooltip||i.label&&i.label.length>64?o(u,Object.assign({},i.tooltip,i.label&&i.label.length>64&&{placement:"top-left",label:i.label,disabled:!1},{children:o(C,{children:({handleTooltipMouseEnter:n,handleTooltipMouseLeave:e})=>o(k,Object.assign({},X,{onMouseEnter:n,onMouseLeave:e,"data-test":i.label}))})}),W):o(k,Object.assign({"data-test":i.label},X),W)})}))};export{O as SelectFieldOptions};