@bothub-chat/ui 2.32.1 → 2.32.2

package/dist/components/radio/index.d.ts

@@ -5,5 +5,6 @@ export interface RadioProps extends React.ComponentProps<'input'> {
     label?: string | boolean;
     skeleton?: boolean;
     onValueChange?: RadioValueChangeEventHandler;
+    icon?: React.ReactNode;
 }
 export declare const Radio: React.FC<RadioProps>;

package/dist/components/radio/index.js

@@ -1 +1 @@
-import{__rest as e}from"tslib";import{jsxs as l,jsx as n}from"react/jsx-runtime";import{useCallback as o}from"react";import{RadioStyled as a,RadioInput as r,RadioCircle as t,RadioCircleDot as s,RadioLabel as i}from"./styled.js";import{Skeleton as c}from"../skeleton/index.js";const d=d=>{var m,{className:h,label:g,skeleton:p=!1,onValueChange:u}=d,b=e(d,["className","label","skeleton","onValueChange"]);const f=o((e=>{var l;null===(l=b.onChange)||void 0===l||l.call(b,e),null==u||u(e.target.checked)}),[b.onChange,u]);return l(a,{$disabled:null!==(m=b.disabled)&&void 0!==m&&m,className:h,children:[!p&&n(r,Object.assign({},b,{type:"radio",onChange:f})),!p&&n(t,{$skeleton:!1,children:n(s,{})}),p&&n(t,{$skeleton:!0,as:c}),"string"==typeof g&&n(i,{children:g}),p&&g&&n(i,{children:n(c,{})})]})};export{d as Radio};
+import{__rest as e}from"tslib";import{jsxs as n,jsx as l,Fragment as o}from"react/jsx-runtime";import{useCallback as a}from"react";import{RadioStyled as r,RadioInput as t,RadioCircle as s,RadioCircleDot as i,RadioLabel as c}from"./styled.js";import{Skeleton as d}from"../skeleton/index.js";const m=m=>{var h,{className:g,label:p,skeleton:u=!1,onValueChange:b,icon:f}=m,k=e(m,["className","label","skeleton","onValueChange","icon"]);const C=a((e=>{var n;null===(n=k.onChange)||void 0===n||n.call(k,e),null==b||b(e.target.checked)}),[k.onChange,b]);return n(r,{$disabled:null!==(h=k.disabled)&&void 0!==h&&h,className:g,children:[!u&&l(t,Object.assign({},k,{type:"radio",onChange:C})),!u&&l(o,{children:f||l(s,{$skeleton:!1,children:l(i,{})})}),u&&l(s,{$skeleton:!0,as:d}),"string"==typeof p&&l(c,{children:p}),u&&p&&l(c,{children:l(d,{})})]})};export{m as Radio};

package/dist/components/referral/radio/styled.d.ts

@@ -562,6 +562,7 @@ export declare const ReferralRadioRadio: import("styled-components").IStyledComp
     content?: string | undefined | undefined;
     size?: number | undefined | undefined;
     style?: import("react").CSSProperties | undefined;
+    icon?: import("react").ReactNode;
     multiple?: boolean | undefined | undefined;
     disabled?: boolean | undefined | undefined;
     key?: import("react").Key | null | undefined;

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

@@ -1,9 +1,10 @@
 import React from 'react';
 import { SelectFieldDataItem, SelectFieldSize } from '@/ui/components/select-field';
 import { SelectFieldOptionClickEventHandler } from '../list';
-export interface SelectFieldCollapseOptionProps extends React.PropsWithChildren {
+export interface SelectFieldCollapseOptionProps extends React.PropsWithChildren, Pick<React.ComponentProps<'div'>, 'onMouseEnter' | 'onMouseLeave'> {
     size: SelectFieldSize;
     item: SelectFieldDataItem;
     onClick?: SelectFieldOptionClickEventHandler;
+    icon?: React.ReactNode;
 }
 export declare const SelectFieldCollapseOption: React.FC<SelectFieldCollapseOptionProps>;

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

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

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

@@ -1,9 +1,11 @@
 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 n=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}})),o=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 {
           background: ${"light"===e.mode?"rgba(0, 0, 0, 0.05)":"rgba(255, 255, 255, 0.05)"};
         }
+        & > ${a}:first-child {
+          opacity: 0.5;
+        }
       `:t`
       cursor: pointer;
       &:hover {

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

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

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

@@ -1 +1 @@
-import{styled as e,css as t}from"styled-components";import{Typography as i}from"../../../typography/index.js";const o=e.div.withConfig({displayName:"styled__SelectFieldOptionsStyled",componentId:"sc-sgz69s-0"})(["display:flex;width:100%;flex-direction:column;gap:","px;"],(({$size:e})=>{switch(e){case"small":return 4;case"md":return 6;case"large":return 8}})),s=e.div.withConfig({displayName:"styled__SelectFieldDivider",componentId:"sc-sgz69s-1"})(["display:flex;flex-shrink:0;width:100%;height:1px;background:",";"],(({theme:e})=>e.colors.grayScale.gray3)),a=e.div.withConfig({displayName:"styled__SelectFieldEmpty",componentId:"sc-sgz69s-2"})(["display:flex;flex-direction:column;align-items:center;width:100%;gap:8px;padding:","px;"],(({$size:e})=>{switch(e){case"small":return 8;case"md":case"large":return 12}})),n=e.div.withConfig({displayName:"styled__SelectFieldRadio",componentId:"sc-sgz69s-3"})(["display:flex;flex-direction:column;gap:10px;padding:10px;cursor:pointer;position:relative;& > *{position:relative;z-index:1;}&:before{content:'';display:block;position:absolute;border-radius:8px;inset:0;opacity:0.2;transition:background 0.2s;",";}&:hover:before{background-color:",";}",""],(({$selected:e})=>e&&t(["background:linear-gradient( 90deg,rgba(28,100,242,1) 0%,rgba(212,28,242,1) 100% );"])),(({theme:e})=>e.colors.accent.primary),(({$disabled:e})=>e&&t(["opacity:0.5;cursor:not-allowed;"]))),r=e.label.withConfig({displayName:"styled__SelectFieldRadioTitleAndRadio",componentId:"sc-sgz69s-4"})(["display:flex;justify-content:space-between;align-items:center;gap:8px;cursor:inherit;"]),l=e(i).attrs({variant:"body-m-semibold"}).withConfig({displayName:"styled__SelectFieldRadioLabel",componentId:"sc-sgz69s-5"})([""]),d=e(i).attrs({variant:"body-m-regular"}).withConfig({displayName:"styled__SelectFieldRadioDescription",componentId:"sc-sgz69s-6"})([""]),c=e(i).attrs({variant:"input-sm"}).withConfig({displayName:"styled__SelectFieldEmptyText",componentId:"sc-sgz69s-7"})(["text-align:center;color:",";"],(({theme:e})=>e.colors.grayScale.gray1)),p=e(i).attrs((({$size:e})=>({variant:"small"===e?"input-sm":"md"===e?"button-sm":"body-m-semibold"}))).withConfig({displayName:"styled__SelectFieldOptionText",componentId:"sc-sgz69s-8"})(["color:",";",""],(({theme:e,$selected:t})=>t?e.default.colors.base.white:e.colors.base.white),(({$bold:e})=>e&&t(["font-weight:500;"]))),g=e(i).attrs({variant:"input-sm"}).withConfig({displayName:"styled__SelectFieldColorOptionText",componentId:"sc-sgz69s-9"})(["color:",";"],(({theme:e,$selected:t})=>t?e.default.colors.base.white:e.colors.base.white)),m=e.div.withConfig({displayName:"styled__SelectFieldOption",componentId:"sc-sgz69s-10"})(["display:flex;justify-content:space-between;align-items:center;padding:",";border-radius:6px;gap:","px;&:active{background-color:"," !important;",",","{color:",";}svg[d='fill'] path,svg[d='all'] path{fill:"," !important;}svg[d='stroke'] path,svg[d='all'] path{stroke:"," !important;}transition:all 0.2s ease-out;}user-select:none;-moz-user-select:none;-webkit-user-select:none;",""],(({$size:e})=>{switch(e){case"small":return"8px";case"md":return"12px";case"large":return"8px 10px"}}),(({$size:e})=>{switch(e){case"small":case"large":return 8;case"md":return 10}}),(({theme:e})=>e.colors.accent.primary),p,g,(({theme:e})=>e.default.colors.base.white),(({theme:e})=>e.default.colors.base.white),(({theme:e})=>e.default.colors.base.white),(({theme:e,$selected:i,$disabled:o,$backgroundHoverColor:s})=>{if(o)return t(["cursor:not-allowed;&:hover{background:",";}> ",":first-child{opacity:0.5;}"],"light"===e.mode?"rgba(0, 0, 0, 0.05)":"rgba(255, 255, 255, 0.05)",h);switch(s){case"gradient":return t(["cursor:pointer;position:relative;overflow:hidden;justify-content:center;padding-top:12px;padding-bottom:12px;&:hover::before{background:",";content:'';opacity:0.2;border:inherit;left:0;top:0;z-index:-1;width:100%;height:100%;position:absolute;}"],e.colors.premiumGradient);case"primary":return t(["cursor:pointer;position:relative;overflow:hidden;justify-content:center;padding-top:12px;padding-bottom:12px;text-align:center;&:hover::before{background:",";content:'';opacity:0.2;border:inherit;left:0;top:0;z-index:-1;width:100%;height:100%;position:absolute;}"],e.colors.accent.primary);default:return t([""," ",""],!i&&`\n            cursor: pointer;\n            &:hover {\n              background: ${"light"===e.mode?"rgba(0, 0, 0, 0.05)":"rgba(255, 255, 255, 0.05)"};\n            }\n          `,i&&`\n            background: ${e.colors.accent.primary};\n            cursor: default;\n          `)}})),h=e.div.withConfig({displayName:"styled__SelectFieldOptionSide",componentId:"sc-sgz69s-11"})(["display:flex;align-items:center;gap:8px;"]),u=e(i).attrs({variant:"body-m-medium"}).withConfig({displayName:"styled__SelectFieldOptionLabel",componentId:"sc-sgz69s-12"})(["padding-right:8px;"]),y=e.span.withConfig({displayName:"styled__SelectFieldOptionColor",componentId:"sc-sgz69s-13"})(["display:inline-flex;flex-shrink:0;width:18px;height:18px;border-radius:4px;",""],(({$color:e})=>t(["background:",";"],e)));export{g as SelectFieldColorOptionText,s as SelectFieldDivider,a as SelectFieldEmpty,c as SelectFieldEmptyText,m as SelectFieldOption,y as SelectFieldOptionColor,u as SelectFieldOptionLabel,h as SelectFieldOptionSide,p as SelectFieldOptionText,o as SelectFieldOptionsStyled,n as SelectFieldRadio,d as SelectFieldRadioDescription,l as SelectFieldRadioLabel,r as SelectFieldRadioTitleAndRadio};
+import{styled as e,css as t}from"styled-components";import{Typography as i}from"../../../typography/index.js";const o=e.div.withConfig({displayName:"styled__SelectFieldOptionsStyled",componentId:"sc-sgz69s-0"})(["display:flex;width:100%;flex-direction:column;gap:","px;"],(({$size:e})=>{switch(e){case"small":return 4;case"md":return 6;case"large":return 8}})),s=e.div.withConfig({displayName:"styled__SelectFieldDivider",componentId:"sc-sgz69s-1"})(["display:flex;flex-shrink:0;width:100%;height:1px;background:",";"],(({theme:e})=>e.colors.grayScale.gray3)),a=e.div.withConfig({displayName:"styled__SelectFieldEmpty",componentId:"sc-sgz69s-2"})(["display:flex;flex-direction:column;align-items:center;width:100%;gap:8px;padding:","px;"],(({$size:e})=>{switch(e){case"small":return 8;case"md":case"large":return 12}})),n=e.div.withConfig({displayName:"styled__SelectFieldRadio",componentId:"sc-sgz69s-3"})(["display:flex;flex-direction:column;gap:10px;padding:10px;cursor:pointer;position:relative;& > *{position:relative;z-index:1;}&:before{content:'';display:block;position:absolute;border-radius:8px;inset:0;opacity:0.2;transition:background 0.2s;",";}&:hover:before{background-color:",";}",""],(({$selected:e})=>e&&t(["background:linear-gradient( 90deg,rgba(28,100,242,1) 0%,rgba(212,28,242,1) 100% );"])),(({theme:e})=>e.colors.accent.primary),(({$disabled:e})=>e&&t(["cursor:not-allowed;& > * > ","{opacity:0.5;}"],l))),r=e.label.withConfig({displayName:"styled__SelectFieldRadioTitleAndRadio",componentId:"sc-sgz69s-4"})(["display:flex;justify-content:space-between;align-items:center;gap:8px;cursor:inherit;"]),l=e(i).attrs({variant:"body-m-semibold"}).withConfig({displayName:"styled__SelectFieldRadioLabel",componentId:"sc-sgz69s-5"})([""]),d=e(i).attrs({variant:"body-m-regular"}).withConfig({displayName:"styled__SelectFieldRadioDescription",componentId:"sc-sgz69s-6"})([""]),c=e(i).attrs({variant:"input-sm"}).withConfig({displayName:"styled__SelectFieldEmptyText",componentId:"sc-sgz69s-7"})(["text-align:center;color:",";"],(({theme:e})=>e.colors.grayScale.gray1)),p=e(i).attrs((({$size:e})=>({variant:"small"===e?"input-sm":"md"===e?"button-sm":"body-m-semibold"}))).withConfig({displayName:"styled__SelectFieldOptionText",componentId:"sc-sgz69s-8"})(["color:",";",""],(({theme:e,$selected:t})=>t?e.default.colors.base.white:e.colors.base.white),(({$bold:e})=>e&&t(["font-weight:500;"]))),g=e(i).attrs({variant:"input-sm"}).withConfig({displayName:"styled__SelectFieldColorOptionText",componentId:"sc-sgz69s-9"})(["color:",";"],(({theme:e,$selected:t})=>t?e.default.colors.base.white:e.colors.base.white)),m=e.div.withConfig({displayName:"styled__SelectFieldOption",componentId:"sc-sgz69s-10"})(["display:flex;justify-content:space-between;align-items:center;padding:",";border-radius:6px;gap:","px;&:active{background-color:"," !important;",",","{color:",";}svg[d='fill'] path,svg[d='all'] path{fill:"," !important;}svg[d='stroke'] path,svg[d='all'] path{stroke:"," !important;}transition:all 0.2s ease-out;}user-select:none;-moz-user-select:none;-webkit-user-select:none;",""],(({$size:e})=>{switch(e){case"small":return"8px";case"md":return"12px";case"large":return"8px 10px"}}),(({$size:e})=>{switch(e){case"small":case"large":return 8;case"md":return 10}}),(({theme:e})=>e.colors.accent.primary),p,g,(({theme:e})=>e.default.colors.base.white),(({theme:e})=>e.default.colors.base.white),(({theme:e})=>e.default.colors.base.white),(({theme:e,$selected:i,$disabled:o,$backgroundHoverColor:s})=>{if(o)return t(["cursor:not-allowed;&:hover{background:",";}> ",":first-child{opacity:0.5;}"],"light"===e.mode?"rgba(0, 0, 0, 0.05)":"rgba(255, 255, 255, 0.05)",h);switch(s){case"gradient":return t(["cursor:pointer;position:relative;overflow:hidden;justify-content:center;padding-top:12px;padding-bottom:12px;&:hover::before{background:",";content:'';opacity:0.2;border:inherit;left:0;top:0;z-index:-1;width:100%;height:100%;position:absolute;}"],e.colors.premiumGradient);case"primary":return t(["cursor:pointer;position:relative;overflow:hidden;justify-content:center;padding-top:12px;padding-bottom:12px;text-align:center;&:hover::before{background:",";content:'';opacity:0.2;border:inherit;left:0;top:0;z-index:-1;width:100%;height:100%;position:absolute;}"],e.colors.accent.primary);default:return t([""," ",""],!i&&`\n            cursor: pointer;\n            &:hover {\n              background: ${"light"===e.mode?"rgba(0, 0, 0, 0.05)":"rgba(255, 255, 255, 0.05)"};\n            }\n          `,i&&`\n            background: ${e.colors.accent.primary};\n            cursor: default;\n          `)}})),h=e.div.withConfig({displayName:"styled__SelectFieldOptionSide",componentId:"sc-sgz69s-11"})(["display:flex;align-items:center;gap:8px;"]),u=e(i).attrs({variant:"body-m-medium"}).withConfig({displayName:"styled__SelectFieldOptionLabel",componentId:"sc-sgz69s-12"})(["padding-right:8px;"]),y=e.span.withConfig({displayName:"styled__SelectFieldOptionColor",componentId:"sc-sgz69s-13"})(["display:inline-flex;flex-shrink:0;width:18px;height:18px;border-radius:4px;",""],(({$color:e})=>t(["background:",";"],e)));export{g as SelectFieldColorOptionText,s as SelectFieldDivider,a as SelectFieldEmpty,c as SelectFieldEmptyText,m as SelectFieldOption,y as SelectFieldOptionColor,u as SelectFieldOptionLabel,h as SelectFieldOptionSide,p as SelectFieldOptionText,o as SelectFieldOptionsStyled,n as SelectFieldRadio,d as SelectFieldRadioDescription,l as SelectFieldRadioLabel,r as SelectFieldRadioTitleAndRadio};

package/dist/components/tariff/row/styled.d.ts

@@ -1423,6 +1423,7 @@ export declare const TarrifCardStyledRadio: import("styled-components").IStyledC
     content?: string | undefined | undefined;
     size?: number | undefined | undefined;
     style?: import("react").CSSProperties | undefined;
+    icon?: import("react").ReactNode;
     multiple?: boolean | undefined | undefined;
     disabled?: boolean | undefined | undefined;
     key?: import("react").Key | null | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bothub-chat/ui",
-  "version": "2.32.1",
+  "version": "2.32.2",
   "description": "Bothub UI Components",
   "keywords": [
     "bothub",