@itcase/ui-web 1.9.81 → 1.9.83

package/dist/primitives_es_AOPzysvv.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import i from"@rc-component/tooltip";import a,{useMemo as o,useRef as l,useState as t,useCallback as s,useImperativeHandle as n,useEffect as c}from"react";import d from"clsx";import{useAppearanceConfig as f,useDevicePropsGenerator as m,useStyles as y}from"@itcase/ui-core/hooks";import p from"react-inlinesvg";import{urlWithAssetPrefix as S}from"@itcase/ui-core/hoc";import{mergeAppearanceKeys as x}from"@itcase/ui-core/utils";const z={sizeXXL:{size:"xxl"},sizeXL:{size:"xl"},sizeL:{size:"l"},sizeM:{size:"m"},sizeS:{size:"s"},sizeXS:{size:"xs"},sizeXXS:{size:"xxs"}},u={appearance:z,setAppearance:e=>{u.appearance=e}};function _(r){const{appearance:i,className:a,dataTestId:o,dataTour:l,cursor:t,style:s,tag:n="span",before:c,after:p,isActive:S,isDisabled:x,isSkeleton:z,onClick:_,onDoubleClick:g,children:b}=r,C=f(i,u,x),v=m(r,C),{textAlignClass:P,textColorActiveClass:h,textColorActiveHoverClass:T,textColorClass:H,textColorDisabledClass:A,textColorHoverClass:$,textFontClass:B,textStyleClass:w,textTruncateClass:F,textWeightClass:X,textWrapClass:I,cursorClass:k,sizeClass:N,widthClass:Q}=v,{styles:L}=y(r);return e(n,{className:d(a,"text",N&&`text_size_${N}`,X&&`text-weight_${X}`,P&&`text-align_${P}`,x&&A&&`text-color_${A}`,!S&&!x&&H&&`text-color_${H}`,!S&&!x&&$&&`text-color_hover_${$}`,S&&!x&&T&&`text-color_active_hover_${T}`,S&&!x&&h&&`text-color_active_${h}`,B&&`text-font_${B}`,w&&`text-style_${w}`,I&&`word-wrap_${I}`,F&&`text-truncate_${F}`,z&&"skeleton",Q&&`width_${Q}`,k&&`cursor_${k}`,_&&(t||"cursor_type_pointer")),"data-testid":o,"data-tour":l,style:Object.assign({},L,s),onClick:_,onDoubleClick:g,children:[c,b,p]})}const g={sizeXXL:{size:"xxl",textSize:"xl",iconSize:"24"},sizeXL:{size:"xl",textSize:"l",iconSize:"24"},sizeL:{size:"l",textSize:"l",iconSize:"24"},sizeM:{size:"m",textSize:"m",iconSize:"24"},sizeS:{size:"s",textSize:"s",iconSize:"24"},sizeXS:{size:"xs",textSize:"xs",iconSize:"24"},sizeXXS:{size:"xxs",textSize:"xs",iconSize:"24"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded",shapeStrength:"2m"},roundedL:{shape:"rounded",shapeStrength:"1_5m"},roundedM:{shape:"rounded",shapeStrength:"1m"},roundedS:{shape:"rounded",shapeStrength:"0_5m"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},accentPrimary:{fill:"accentPrimary",borderColor:"accentBorderQuaternary",textColor:"accentTextPrimary",dotFill:"accentItemPrimary",iconFill:"accentItemPrimary"},accentQuaternary:{fill:"accentQuaternary",borderColor:"accentBorderQuaternary",textColor:"accentTextPrimary",dotFill:"accentItemPrimary",iconFill:"accentItemPrimary"},accentSecondary:{fill:"accentSecondary",borderColor:"accentBorderQuaternary",textColor:"accentTextQuaternary",dotFill:"accentItemQuaternary",iconFill:"accentItemQuaternary"},accentTertiary:{fill:"accentTertiary",borderColor:"accentBorderSecondary",textColor:"accentTextSecondary",dotFill:"accentItemSecondary",iconFill:"accentItemSecondary"},dangerPrimary:{fill:"dangerPrimary",borderColor:"dangerBorderPrimary",textColor:"dangerTextPrimary",dotFill:"dangerItemPrimary",iconFill:"dangerItemPrimary"},errorPrimary:{fill:"errorPrimary",fillHover:"errorHoverPrimary",textColor:"errorTextPrimary",iconFill:"errorItemPrimary"},infoPrimary:{fill:"infoPrimary",borderColor:"infoBorderSecondary",textColor:"infoTextPrimary",dotFill:"infoItemPrimary",iconFill:"infoItemPrimary"},infoSecondary:{fill:"infoSecondary",borderColor:"infoBorderSecondary",textColor:"infoTextSecondary",dotFill:"infoItemSecondary"},specialPrimary:{fill:"specialPrimary",borderColor:"specialBorderSecondary",textColor:"specialTextPrimary",dotFill:"specialItemPrimary",iconFill:"specialItemPrimary"},extraPrimary:{fill:"extraPrimary",borderColor:"extraBorderSecondary",textColor:"extraTextPrimary",dotFill:"extraItemPrimary",iconFill:"extraItemPrimary"},successPrimary:{fill:"successPrimary",borderColor:"successBorderPrimary",textColor:"successTextPrimary",dotFill:"successItemPrimary",iconFill:"successItemPrimary"},disabledPrimary:{fill:"surfacePrimary",borderColor:"surfaceBorderPrimary",textColor:"surfaceTextPrimary",iconFill:"surfaceItemPrimary"},surfacePrimary:{fill:"surfacePrimary",borderColor:"surfaceBorderTertiary",textColor:"surfaceTextPrimary",dotFill:"surfaceItemPrimary",iconFill:"surfaceItemPrimary"},surfaceQuaternary:{fill:"accentPrimary",borderColor:"surfaceBorderPrimary",textColor:"surfaceTextPrimary"},surfaceSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderSecondary",textColor:"surfaceTextPrimary"},surfaceTertiary:{fill:"surfaceTertiary",borderColor:"surfaceBorderTertiary",textColor:"surfaceTextPrimary"},warningPrimary:{fill:"warningPrimary",borderColor:"warningBorderPrimary",textColor:"warningTextPrimary",dotFill:"warningItemPrimary",iconFill:"warningItemPrimary"}},b={appearance:g,setAppearance:e=>{b.appearance=e}};function C(i){const{appearance:a,className:o,dataTestId:l,dataTour:t,dot:s,icon:n,iconSrc:c,value:p,isSkeleton:S,children:x}=i,z=f(a,b),u=m(i,z),{fillClass:g,fillHoverClass:C,borderColorClass:v,borderColorHoverClass:P,borderTypeClass:h,borderWidthClass:T,textColor:H,textSize:A,dotFillClass:$,iconFill:B,iconShape:w,iconSize:F,shapeClass:X,shapeStrengthClass:I,sizeClass:k}=u,{styles:Q}=y(i);return e("div",{className:d(o,"badge",v&&`border-color_${v}`,P&&`border-color_hover_${P}`,T&&`border-width_${T}`,h&&`border_type_${h}`,g&&`fill_${g}`,C&&`fill_hover_${C}`,k&&`badge_size_${k}`,X&&`shape_${X}`,I&&`shape-strength_${I}`,p?n?s?"badge_type_dot-icon-counter":"badge_type_icon-counter":"badge_type_counter":n?"badge_type_icon":s?"badge_type_dot":"badge_type_fill",S&&"skeleton"),"data-testid":l,"data-tour":t,style:Q,children:[s&&r("div",{className:d("badge__dot",$&&`svg_fill_${$}`),children:r("svg",{width:"6",height:"6",viewBox:"0 0 6 6",xmlns:"http://www.w3.org/2000/svg",children:r("rect",{width:"6",height:"6",rx:"50"})})}),n&&r(N,{className:"badge__icon",size:F,iconFill:B,imageSrc:c,shape:w,SvgImage:n}),x||p&&r(_,{className:"badge__value",size:A,textColor:H,children:p})]})}const v={sizeXXL:{size:"xxl",labelTextSize:"xxl",iconAfterFillSize:"24",iconAfterSize:"24",iconBeforeFillSize:"24",iconBeforeSize:"24"},sizeXL:{size:"xl",labelTextSize:"l",iconAfterFillSize:"24",iconAfterSize:"24",iconBeforeFillSize:"24",iconBeforeSize:"24"},sizeL:{size:"l",labelTextSize:"l",iconAfterFillSize:"24",iconAfterSize:"24",iconBeforeFillSize:"24",iconBeforeSize:"24"},sizeM:{size:"m",labelTextSize:"m",iconAfterFillSize:"24",iconAfterSize:"24",iconBeforeFillSize:"24",iconBeforeSize:"24"},sizeS:{size:"s",labelTextSize:"s",iconAfterFillSize:"20",iconAfterSize:"20",iconBeforeFillSize:"20",iconBeforeSize:"20"},sizeXS:{size:"xs",labelTextSize:"xs",iconAfterFillSize:"16",iconAfterSize:"16",iconBeforeFillSize:"16",iconBeforeSize:"16"},sizeXXS:{size:"xxs",labelTextSize:"xs",iconAfterFillSize:"14",iconAfterSize:"14",iconBeforeFillSize:"14",iconBeforeSize:"14"},disabledPrimary:{fill:"surfaceDisabled",borderColor:"errorBorderQuaternary",textColor:"surfaceTextQuaternary"},disabledSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",borderColorHover:"surfaceBorderQuaternary"},requirePrimary:{fill:"warningTertiary",borderColor:"warningBorderQuaternary",textColor:"surfaceTextPrimary"},requireSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{borderColor:"none"},ghost:{fill:"none",borderColor:"none"},accentPrimary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",borderColor:"accentBorderPrimary"},accentSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextSecondary",labelTextColorHover:"accentTextSecondary",borderColor:"accentBorderPrimary"},dangerPrimary:{fill:"dangerPrimary",fillHover:"dangerHoverPrimary"},errorPrimary:{fill:"errorPrimary",fillHover:"errorHoverPrimary",labelTextColor:"errorTextPrimary",labelTextColorHover:"errorTextPrimary"},infoPrimary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextPrimary",labelTextColorHover:"accentTextPrimary",borderColor:"accentBorderPrimary"},infoSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextSecondary",labelTextColorHover:"accentTextPrimary",borderColor:"accentBorderPrimary"},specialPrimary:{fill:"specialPrimary",fillHover:"specialHoverPrimary",labelTextColor:"specialTextPrimary"},extraPrimary:{fill:"extraPrimary",fillHover:"extraHoverPrimary",labelTextColor:"extraTextPrimary"},successPrimary:{fill:"successPrimary",fillHover:"successHoverPrimary",labelTextColor:"successTextSecondary",labelTextColorHover:"successTextSecondary"},surfacePrimary:{fill:"surfacePrimary",fillHover:"surfaceHoverPrimary",labelTextColor:"surfaceTextPrimary"},surfaceQuaternary:{fill:"surfaceQuaternary",fillHover:"surfaceHoverQuaternary",labelTextColor:"surfaceTextPrimary"},surfaceSecondary:{fill:"surfaceSecondary",fillHover:"surfaceHoverSecondary",labelTextColor:"surfaceTextPrimary"},surfaceTertiary:{fill:"surfaceTertiary",fillHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary"},warningPrimary:{fill:"warningPrimary",fillHover:"warningHoverPrimary",labelTextColor:"warningTextSecondary",labelTextColorHover:"warningTextSecondary"}},P={appearance:v,LinkComponent:"a",setAppearance:e=>{P.appearance=e},setLinkComponent:e=>{P.LinkComponent=e}};function h(r){const{appearance:i,className:a,dataTestId:o,dataTour:l,text:t,href:s,link:n,LinkComponent:c,rel:p,style:S,target:x,before:z,after:u,isDisabled:_,onClick:g,onMouseDown:b,onPointerCancel:C,onPointerDown:v,onPointerLeave:h,onPointerUp:H,children:A}=r,$=f(i,P,_),B=m(r,$),{directionClass:w,fillClass:F,fillHoverClass:X,borderColorClass:I,borderColorHoverClass:k,borderTypeClass:N,borderWidthClass:Q,textColorClass:L,textColorHoverClass:D,textGradientClass:M,textStyleClass:W,textWeightClass:V,heightClass:E,shapeClass:O,sizeClass:j,svgFillClass:q,svgFillHoverClass:G,underline:R="underline",widthClass:U}=B,{styles:J}=y(r);return e(T,{className:d(a,"link",U&&`width_${U}`,E&&`height_${E}`,w&&`link_direction_${w}`,j&&`text_size_${j}`,q&&`svg_fill_${q}`,G&&`svg_fill_hover_${G}`,R&&`link_underline_${R}`,"text",(L||D||M||W||V)&&"text",L&&`text-color_${L}`,D&&`text-color_hover_${D}`,M&&`text-gradient_${M}`,W&&`text-style_${W}`,V&&`text-weight_${V}`,F&&`fill_${F}`,X&&`fill_hover_${X}`,I&&`border-color_${I}`,k&&`border-color_hover_${k}`,Q&&`border-width_${Q}`,N&&`border_type_${N}`,O&&`link_shape_${O}`),"data-testid":o,"data-tour":l,href:s||n,LinkComponent:c,rel:p,style:Object.assign({},J,S),target:x,onClick:g,onMouseDown:b,onPointerCancel:C,onPointerDown:v,onPointerLeave:h,onPointerUp:H,children:[z,A||t,u]})}function T(e){const{href:i,LinkComponent:o,rel:l,target:t,children:s,...n}=e;if(i){const e=o||P.LinkComponent;if(e)return r(e,{href:i,rel:l,target:t,...n,children:s})}else if(o)return r(o,{...n,children:s});return a.Children.toArray(s).filter(Boolean).map(e=>a.isValidElement(e)?a.cloneElement(e,n):e)}const H={h1:{size:"h1",iconAfterFillSize:"24",iconAfterSize:"24",iconBeforeFillSize:"24",iconBeforeSize:"24"},h2:{size:"h2",iconAfterFillSize:"24",iconAfterSize:"24",iconBeforeFillSize:"24",iconBeforeSize:"24"},h3:{size:"h3",iconAfterFillSize:"24",iconAfterSize:"24",iconBeforeFillSize:"24",iconBeforeSize:"24"},h4:{size:"h4",iconAfterFillSize:"24",iconAfterSize:"24",iconBeforeFillSize:"24",iconBeforeSize:"24"},h5:{size:"h5",iconAfterFillSize:"20",iconAfterSize:"20",iconBeforeFillSize:"20",iconBeforeSize:"20"},h6:{size:"h6",iconAfterFillSize:"16",iconAfterSize:"16",iconBeforeFillSize:"16",iconBeforeSize:"16"},disabledPrimary:{fill:"surfacePrimary",borderColor:"errorBorderQuaternary",borderHover:"errorBorderHoverQuaternary",textColor:"surfaceTextQuaternary",iconBeforeFill:"errorQuaternary"},disabledSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",borderHover:"surfaceBorderHoverQuaternary",iconBeforeFill:"surfaceQuaternary"},solid:{},outlined:{fill:"none"},full:{},ghost:{fill:"none"},accentPrimary:{fill:"accentPrimary",fillHover:"accentHoverPrimary"},accentSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary"},dangerPrimary:{fill:"dangerPrimary",fillHover:"dangerHoverPrimary"},errorPrimary:{fill:"errorPrimary",fillHover:"errorHoverPrimary",textColor:"errorTextPrimary",textColorHover:"errorTextPrimary"},infoPrimary:{fill:"accentPrimary",fillHover:"accentHoverPrimary"},infoSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary"},specialPrimary:{fill:"specialPrimary",fillHover:"specialHoverPrimary"},extraPrimary:{fill:"extraPrimary",fillHover:"extraHoverPrimary",textColor:"extraTextPrimary"},successPrimary:{fill:"successPrimary",fillHover:"successHoverPrimary"},surfacePrimary:{fill:"surfacePrimary",fillHover:"surfaceHoverPrimary"},surfaceQuaternary:{fill:"surfaceQuaternary",fillHover:"surfaceHoverQuaternary"},surfaceSecondary:{fill:"surfaceSecondary",fillHover:"surfaceHoverSecondary"},surfaceTertiary:{fill:"surfaceTertiary",fillHover:"surfaceHoverTertiary"},warningPrimary:{fill:"warningPrimary",fillHover:"warningHoverPrimary",textColor:"warningTextSecondary",textColorHover:"warningTextSecondary"},requirePrimary:{fill:"warningTertiary",borderColor:"warningBorderQuaternary",borderHover:"warningBorderQuaternary",textColor:"surfaceTextPrimary",iconBeforeFill:"warningQuaternary"},requireSecondary:{fill:"surfaceSecondary",borderColor:"surfaceBorderTertiary",borderHover:"surfaceBorderQuaternary",iconBeforeFill:"surfaceQuaternary"}},A={appearance:H,setAppearance:e=>{A.appearance=e}};function $(i){const{appearance:a,className:l,dataTestId:t,dataTour:s,text:n,afterWrapper:c,beforeWrapper:p,style:S,tag:x="span",before:z,after:u,isActive:_,isDisabled:g,isSkeleton:b,onClick:C,children:v}=i,P=f(a,A,g),h=m(i,P),{directionClass:T,size:H,fillClass:$,fillHoverClass:B,textAlignClass:w,textColorActiveClass:F,textColorActiveHoverClass:X,textColorClass:I,textColorDisabledClass:k,textColorHoverClass:Q,textFontClass:L,textStyleClass:D,textTruncateClass:M,textWeightClass:W,textWrap:V,heightClass:E,iconAfter:O,iconAfterFill:j,iconAfterFillIcon:q,iconAfterFillSize:G,iconAfterShape:R,iconAfterSize:U,iconAfterSrc:J,iconBadgeAppearance:K,iconBadgeShape:Y,iconBadgeSize:Z,iconBadgeTextColor:ee,iconBadgeTextSize:re,iconBadgeValue:ie,iconBefore:ae,iconBeforeFill:oe,iconBeforeFillIcon:le,iconBeforeFillSize:te,iconBeforeShape:se,iconBeforeSize:ne,iconBeforeSrc:ce,svgFillClass:de,svgFillHoverClass:fe,widthClass:me,wrapperDirectionClass:ye,onClickIconAfter:pe,onClickIconBefore:Se}=h,{styles:xe,wrapper:ze}=y(i),ue=o(()=>x||(H||"span"),[x,H]);return e(ue,{className:d(l,"title",$&&`fill_${$}`,B&&`fill_hover_${B}`,de&&`svg_fill_${de}`,fe&&`svg_fill_hover_${fe}`,me&&`width_${me}`,E&&`height_${E}`,H&&`title_size_${H}`,T&&`title_direction_${T}`,g&&k&&`text-color_${k}`,!_&&!g&&I&&`text text-color_${I}`,_&&!g&&F&&`text-color_active_${F}`,!_&&!g&&Q&&`text-color_hover_${Q}`,_&&!g&&X&&`text-color_active_hover${X}`,L&&`text-font_${L}`,D&&`text-style_${D}`,W&&`text-weight_${W}`,V&&`word-wrap_${V}`,ie&&"title_badge",b&&"skeleton"),"data-testid":t,"data-tour":s,style:Object.assign({},xe,S),onClick:C,children:[z,e("span",{className:d(w&&`text-align_${w}`,ye&&`title_direction_${ye}`,"title__wrapper",M&&`text-truncate_${M}`),style:ze,children:[(ae||ce)&&r(N,{className:d("title__icon_before",ie&&"title__icon_before-badge"),fill:oe,fillSize:te,badgeAppearance:K,badgeClass:"title__icon_before_badge",badgeShape:Y,badgeSize:Z,badgeTextColor:ee,badgeTextSize:re,badgeValue:ie,iconFill:le,iconSize:ne,imageSrc:ce,shape:se,SvgImage:ae,onClick:Se}),p,v||n,c,(O||J)&&r(N,{className:d("title__icon_after",ie&&"title__icon_after-badge"),fill:j,fillSize:G,badgeAppearance:K,badgeClass:"title__icon_after_badge",badgeShape:Y,badgeSize:Z,badgeTextColor:ee,badgeTextSize:re,badgeValue:ie,iconFill:q,iconSize:U,imageSrc:J,shape:R,SvgImage:O,onClick:pe})]}),u]})}const B={defaultPrimary:{fill:"surfacePrimary",fillHover:"surfaceHoverPrimary",titleColor:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",textColor:"surfaceTextPrimary"},sizeL:{size:"l",titleSize:"h5",textSize:"s"},sizeM:{size:"m",titleSize:"h5",textSize:"s"},sizeS:{size:"s",titleSize:"h5",textSize:"s"},disabledPrimary:{fill:"disabledPrimary",fillHover:"disabledHoverPrimary",titleColor:"surfaceTextPrimary",textColor:"surfaceTextPrimary"},requirePrimary:{fill:"warningPrimary",fillHover:"warningHoverPrimary",titleColor:"warningTextPrimary",borderColor:"warningBorderPrimary",textColor:"warningTextPrimary"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded",shapeStrength:"2m"},roundedL:{shape:"rounded",shapeStrength:"1_5m"},roundedM:{shape:"rounded",shapeStrength:"1m"},roundedS:{shape:"rounded",shapeStrength:"0_5m"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},errorPrimary:{fill:"errorPrimary",fillHover:"errorHoverPrimary",titleColor:"errorTextPrimary",borderColor:"errorBorderPrimary",textColor:"errorTextPrimary"},successPrimary:{fill:"successPrimary",fillHover:"successHoverPrimary",titleColor:"successTextPrimary",borderColor:"successBorderPrimary",textColor:"successTextPrimary"}},w={appearance:B,setAppearance:e=>{w.appearance=e}},F=a.forwardRef(function(i,a){const{appearance:o,className:c,dataTestId:p,dataTour:S,initialIsVisible:x,title:z,text:u,before:g,after:b,openTimeoutDelay:C=500,closeTimeoutDelay:v=250,isSkeleton:P,children:h}=i,T=l(null),H=l(null),A=l(null),B=l(!1),[F,X]=t(x),I=s(()=>{B.current||(H.current&&clearTimeout(H.current),A.current=setTimeout(()=>{X(!0)},C))},[C]),k=s(()=>{A.current&&clearTimeout(A.current),H.current=setTimeout(()=>{X(e=>(!0===e&&(B.current=!0),!1))},v)},[v]),N=s(()=>{B.current=!1},[]);n(a,()=>({get tooltipElement(){return T.current},openTooltip:I,closeTooltip:k,isTooltipVisible:F}),[F,I,k]);const Q=f(o,w),L=m(i,Q),{alignClass:D,alignDirectionClass:M,alignmentClass:W,alignPosition:V,fillClass:E,titleColor:O,titleSize:j,titleWeight:q,borderColorClass:G,borderTypeClass:R,borderWidthClass:U,textColor:J,textSize:K,textWeight:Y,arrowPosition:Z,elevationClass:ee,shapeClass:re,shapeStrengthClass:ie,sizeClass:ae,widthClass:oe}=L,{styles:le}=y(i);return e("div",{className:d(c,"tooltip",V&&`tooltip_align-position_${V}`,M&&`align_${M}`,D&&`align_${D}`,ee&&`elevation_${ee}`,W&&`alignment_${W}`,ae&&`tooltip_size_${ae}`,P&&"skeleton",oe&&`width_${oe}`),ref:T,"data-testid":p,"data-tour":S,style:le,onAnimationEnd:N,children:[Z&&r("div",{className:d("tooltip__arrow",Z&&`tooltip__arrow_position_${Z}`,E&&`fill_${E}`),children:" "}),g,e("div",{className:d("tooltip__inner",U&&`border-width_${U}`,G&&`border-color_${G}`,R&&`border_type_${R}`,E&&`fill_${E}`,re&&`shape_${re}`,ie&&`shape-strength_${ie}`),children:[z&&r($,{className:"tooltip__title text",size:j,textColor:O,textWeight:q,children:z}),u&&r(_,{className:"tooltip__text",size:K,textColor:J,textWeight:Y,children:u}),h]}),b]})}),X=e=>{const{destroyOnHidden:a=!1,placement:o="right",tooltipContent:l,trigger:t="hover",openDelay:s=.5,closeDelay:n=.25,isOpen:c,children:d,...f}=e;return r(i,{destroyOnHidden:a,mouseEnterDelay:s,mouseLeaveDelay:n,overlay:r(F,{initialIsVisible:!0,...f,children:l}),placement:o,prefixCls:"tooltip-wrapper",trigger:t,visible:c,children:d})},I={disabledPrimary:{fill:"surfacePrimary",borderColor:"surfaceBorderPrimary",badgeAppearance:"surfacePrimary",iconFill:"surfaceItemQuaternary"},size12_12:{fillSize:"12",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"12"},size14_12:{fillSize:"14",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"12"},size14_14:{fillSize:"14",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"14"},size16_12:{fillSize:"16",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"12"},size16_14:{fillSize:"16",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"14"},size16_16:{fillSize:"16",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"16"},size20_12:{fillSize:"20",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"12"},size20_14:{fillSize:"20",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"14"},size20_16:{fillSize:"20",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"16"},size20_20:{fillSize:"20",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"20"},size24_12:{fillSize:"24",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"12"},size24_14:{fillSize:"24",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"14"},size24_16:{fillSize:"24",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"16"},size24_20:{fillSize:"24",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"20"},size24_24:{fillSize:"24",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"24"},size32_12:{fillSize:"32",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"12"},size32_14:{fillSize:"32",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"14"},size32_16:{fillSize:"32",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"16"},size32_20:{fillSize:"32",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"20"},size32_24:{fillSize:"32",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"24"},size32_32:{fillSize:"32",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"32"},size40_12:{fillSize:"40",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"12"},size40_14:{fillSize:"40",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"14"},size40_16:{fillSize:"40",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"16"},size40_20:{fillSize:"40",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"20"},size40_24:{fillSize:"40",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"24"},size40_32:{fillSize:"40",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"32"},size40_40:{fillSize:"40",badgeAppearanceSize:"sizeXXS",badgeSize:"xxs",iconSize:"40"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},accentPrimary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",borderColor:"accentBorderPrimary",badgeAppearance:"surfacePrimary",iconFill:"accentItemPrimary"},accentSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",borderColor:"accentBorderPrimary",iconFill:"accentItemPrimary"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded",shapeStrength:"2m"},roundedL:{shape:"rounded",shapeStrength:"1_5m"},roundedM:{shape:"rounded",shapeStrength:"1m"},roundedS:{shape:"rounded",shapeStrength:"0_5m"},dangerPrimary:{fill:"dangerPrimary",fillHover:"dangerHoverPrimary",borderColor:"dangerBorderSecondary",badgeAppearance:"surfacePrimary",iconFill:"dangerItemPrimary"},errorPrimary:{fill:"errorPrimary",fillHover:"errorHoverPrimary",borderColor:"errorBorderPrimary",badgeAppearance:"surfacePrimary",iconFill:"errorItemPrimary"},infoPrimary:{fill:"infoPrimary",borderColor:"infoBorderPrimary",badgeAppearance:"surfacePrimary",iconFill:"infoItemPrimary"},infoSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",borderColor:"accentBorderPrimary",iconFill:"infoItemSecondary"},specialPrimary:{fill:"specialPrimary",fillHover:"specialHoverPrimary",borderColor:"specialBorderQuaternary",badgeAppearance:"surfacePrimary",iconFill:"specialItemPrimary"},extraPrimary:{fill:"extraPrimary",fillHover:"extraHoverPrimary",borderColor:"extraBorderQuaternary",badgeAppearance:"surfacePrimary",iconFill:"extraItemPrimary"},successPrimary:{fill:"successPrimary",fillHover:"successHoverPrimary",borderColor:"successBorderPrimary",badgeAppearance:"surfacePrimary",iconFill:"successItemPrimary"},surfacePrimary:{fill:"surfacePrimary",fillHover:"surfaceHoverSecondary",borderColor:"surfaceBorderTertiary",badgeAppearance:"surfacePrimary",iconFill:"surfaceItemPrimary"},surfaceQuaternary:{fill:"surfaceQuaternary",fillHover:"surfaceHoverQuaternary",badgeAppearance:"accentPrimary",iconFill:"surfaceItemPrimary"},surfaceSecondary:{fill:"surfaceSecondary",fillHover:"surfaceHoverSecondary",badgeAppearance:"accentPrimary solid rounded",iconFill:"surfaceItemPrimary"},surfaceTertiary:{fill:"surfaceTertiary",fillHover:"surfaceHoverTertiary",badgeAppearance:"accentPrimary",iconFill:"surfaceItemPrimary"},warningPrimary:{fill:"warningPrimary",fillHover:"warningHoverPrimary",borderColor:"warningBorderSecondary",badgeAppearance:"surfacePrimary",iconFill:"warningItemPrimary"}},k={appearance:I,setAppearance:e=>{k.appearance=e}},N=S(a.forwardRef(function(i,a){const{id:l,appearance:t,className:s,dataTestId:n,dataTour:c,width:S,height:z,badgeClass:u,href:_,imageSrc:g,link:b,linkRel:v,linkTarget:P,notification:h,saveFillStroke:H,showTooltip:A,SvgImage:$,svgImageStyles:B,before:w,after:X,isActive:I,isDisabled:N,isSkeleton:L,onClick:D,onMouseEnter:M,onMouseLeave:W}=i,V=o(()=>{if($){const e=$,i={};return S&&(i.width=S),z&&(i.height=z),r(e,{...i,...B})}return g?g.endsWith(".svg")?r(p,H?{src:g}:{src:g,preProcessor:Q}):r("img",{src:g}):null},[$,g,S,z,B,H]),E=f(t,k,N),O=m(i,E),{alignmentClass:j,fillActiveClass:q,fillActiveHoverClass:G,fillClass:R,fillDisabledClass:U,fillHoverClass:J,fillSizeClass:K,borderColorClass:Y,borderColorHoverClass:Z,borderTypeClass:ee,borderWidthClass:re,badgeAppearance:ie,badgeAppearanceSize:ae,badgeShape:oe,badgeSize:le,badgeTextColor:te,badgeTextSize:se,badgeValue:ne,centeringClass:ce,iconFillActiveClass:de,iconFillActiveHoverClass:fe,iconFillClass:me,iconFillDisabledClass:ye,iconFillHoverClass:pe,iconSizeClass:Se,shapeClass:xe,shapeStrengthClass:ze,tooltipAppearance:ue,tooltipText:_e,tooltipTextSize:ge,tooltipTitle:be,tooltipTitleSize:Ce}=O,{styles:ve}=y(i);return e("div",{id:l,className:d(s,"icon",I?q&&`fill_active_${q}`:R&&`fill_${R}`,I?G&&`fill_active_hover_${G}`:J&&`fill_hover_${J}`,K&&`icon_fill_size_${K}`,U&&`fill_disabled_${U}`,I?de&&`icon_fill_active_${de}`:me&&`icon_fill_${me}`,I?fe&&`icon_fill_active_hover_${fe}`:pe&&`icon_fill_hover_${pe}`,N&&ye&&`icon_fill_disabled_${ye}`,xe&&`shape_${xe}`,ze&&`shape-strength_${ze}`,Y&&`border-color_${Y}`,Z&&`border-color_hover_${Z}`,re&&`border-width_${re}`,ee&&`border_type_${ee}`,ne&&"icon_with-badge",ce&&`centering_${ce}`,D&&"cursor_type_pointer",L&&"skeleton"),ref:a,"data-testid":n,"data-tour":c,style:ve,onClick:D,onMouseEnter:M,onMouseLeave:W,children:[w,e(T,{className:d((b||_||D)&&"cursor_type_pointer",b||_?"icon__link":"icon__item",Se&&`icon_size_${Se}`),href:b||_,LinkComponent:"div",rel:v,target:P,children:[V,(ne||h)&&r(C,{appearance:x(ie,ae),className:d(u,"icon__badge"),size:le,textColor:te,textSize:se,shape:oe,value:ne}),A&&r(F,{appearance:ue,className:d(s,"icon__tooltip",j&&`alignment_${j}`),title:be,titleSize:Ce,text:_e,textSize:ge})]}),X]})})),Q=e=>e.replace(/fill=".*?"/g,'fill=""').replace(/stroke=".*?"/g,'stroke=""'),L={sizeL:{size:"l"},sizeM:{size:"m"},sizeS:{size:"s"},accentPrimary:{fill:"accentPrimary"},errorPrimary:{fill:"errorPrimary"},specialPrimary:{fill:"specialPrimary"},extraPrimary:{fill:"extraPrimary"},successPrimary:{fill:"successPrimary"},surfacePrimary:{fill:"surfacePrimary"},surfaceQuaternary:{fill:"surfaceQuaternary"},surfaceSecondary:{fill:"surfaceSecondary"},surfaceTertiary:{fill:"surfaceTertiary"},warningPrimary:{fill:"warningPrimary"}},D={appearance:L,setAppearance:e=>{D.appearance=e}};function M(e){const{appearance:i,className:a,dataTestId:o,dataTour:l,print:t,isActive:s,isDisabled:n,isSkeleton:c}=e,p=f(i,D),S=m(e,p),{directionClass:x,fillActiveClass:z,fillActiveHoverClass:u,fillClass:_,fillDisabledClass:g,fillHoverClass:b,shapeClass:C,shapeStrengthClass:v,sizeClass:P,widthClass:h}=S,{styles:T}=y(e);return r("hr",{className:d(a,"divider",h&&`width_${h}`,x&&`divider_direction_${x}`,C&&`shape_${C}`,v&&`shape-strength_${v}`,P&&`divider_size_${P}`,s?z&&`fill_active_${z}`:_&&`fill_${_}`,s?u&&`fill_active_hover_${u}`:b&&`fill_hover_${b}`,n&&g&&`fill_disabled_${g}`,c&&"skeleton",!t&&"no-print",t&&"print"),"data-testid":o,"data-tour":l,style:T})}const W={accentPrimary:{fill:"accentPrimary",fillActive:"accentActivePrimary",fillActiveHover:"accentActiveHoverPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextPrimary",labelTextColorActive:"accentTextPrimary",labelTextColorActiveHover:"accentTextPrimary",labelTextColorHover:"accentTextPrimary",badgeAppearance:"surfacePrimary",dividerFill:"surfaceTertiary",emptyMessageTextColor:"accentTextPrimary",iconAfterFillIcon:"accentItemPrimary",iconBeforeFillIcon:"accentItemPrimary"},accentSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextSecondary",labelTextColorHover:"accentTextSecondary"}},V={circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded",shapeStrength:"2m"},roundedL:{shape:"rounded",shapeStrength:"1_5m"},roundedM:{shape:"rounded",shapeStrength:"1m"},roundedS:{shape:"rounded",shapeStrength:"0_5m"}},E={sizeL:{size:"l",labelTextSize:"m",badgeSize:"xs",badgeTextSize:"xs",dividerSize:"s",emptyMessageTextSize:"m",iconAfterFillSize:"24",iconAfterSize:"24",iconBeforeFillSize:"24",iconBeforeSize:"24"},sizeS:{size:"s",labelTextSize:"s",badgeSize:"xs",badgeTextSize:"xs",dividerSize:"s",emptyMessageTextSize:"m",iconAfterFillSize:"16",iconAfterSize:"16",iconBeforeFillSize:"16",iconBeforeSize:"16"},sizeXS:{size:"xs",labelTextSize:"xs",badgeSize:"xs",badgeTextSize:"xs",dividerSize:"s",emptyMessageTextSize:"xs",iconAfterFillSize:"12",iconAfterSize:"12",iconBeforeFillSize:"12",iconBeforeSize:"12"}},O={solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"}},j={surfacePrimary:{fill:"surfacePrimary",fillActive:"surfaceActivePrimary",fillHover:"surfaceHoverPrimary",labelTextColor:"surfaceTextPrimary",labelTextColorActive:"surfaceTextPrimary",labelTextColorActiveHover:"surfaceTextPrimary",labelTextColorHover:"surfaceTextPrimary",badgeAppearance:"accentPrimary",dividerFill:"surfaceTertiary",emptyMessageTextColor:"surfaceTextPrimary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary"},surfaceQuaternary:{fill:"surfaceQuaternary",fillHover:"surfaceHoverQuaternary",labelTextColor:"surfaceTextPrimary"},surfaceSecondary:{fill:"surfaceSecondary",fillHover:"surfaceHoverSecondary",labelTextColor:"surfaceTextPrimary"},surfaceTertiary:{fill:"surfaceTertiary",fillHover:"surfaceHoverTertiary",labelTextColor:"surfaceTextPrimary"}},q={appearance:{...j,...O,...V,...W,...E},setAppearance:e=>{q.appearance=e}};function G(i){const{appearance:a,className:o,dataTestId:n,dataTour:p,animationClose:S="dropdown_animation_close",animationOpen:x="dropdown_animation_open",dropdownList:z,showDivider:u,before:_,after:g,isSkeleton:b,isOpen:C,setIsOpen:v,onClickItem:P,children:h}=i,T=l(null),H=f(a,q),[A,$]=t({className:""}),B=s(()=>{$(e=>({className:C?e.className:""}))},[C]);c(()=>{x&&S&&$(()=>({className:C?x:S}))},[C,x,S]),c(()=>{function e(e){const r=T.current;if(r&&x){const i=r.contains(e.target),a=r.classList.contains(x);!i&&a&&v(!1)}}return window.addEventListener("click",e),()=>{window.removeEventListener("click",e)}},[x,v]);const w=m(i,H),{alignmentClass:F,fillClass:X,elevationClass:I,shapeClass:k,shapeStrengthClass:N}=w,{styles:Q}=y(i);return e("div",{className:d(o,"dropdown",F&&`alignment_${F}`,X&&`fill_${X}`,k&&`shape_${k}`,N&&`shape-strength_${N}`,I&&`elevation_${I}`,C?"dropdown_state_open":"dropdown_state_close",A.className),ref:T,"data-testid":n,"data-tour":p,style:Q,children:[_,(h||z)&&e("div",{className:d("dropdown__wrapper"),onAnimationEnd:B,children:[z?.map(e=>r(J,{appearance:a,label:e.label,badgeValue:e.badgeValue,emptyMessage:e.emptyMessage,iconAfter:e.iconAfter,iconBefore:e.iconBefore,iconSrc:e.icon,showDivider:u,isActive:e.isActive,isSkeleton:b,onClick:e.onClick||(r=>P?.(e,r))},e.key)),h]}),g]})}const R={...j,...O,...V,...W,...E},U={appearance:R,setAppearance:e=>{U.appearance=e}};function J(i){const{appearance:o,className:l,dataTestId:t,dataTour:s,label:n,desc:c,badgeValue:p,emptyMessage:S,showDivider:x,before:z,after:u,isActive:g,isDisabled:b,isSkeleton:v,isHover:P,onClick:h,onMouseEnter:T,children:H}=i,A=f(o,U),$=m(i,A),{directionClass:B,justifyContentClass:w,fillActiveClass:F,fillActiveHoverClass:X,fillClass:I,fillDisabledClass:k,fillHoverClass:Q,labelTextAlign:L,labelTextColor:D,labelTextColorActive:W,labelTextColorActiveHover:V,labelTextColorHover:E,labelTextSize:O,labelTextStyle:j,labelTextWeight:q,labelTextWrap:G,descTextColor:R,descTextColorHover:J,descTextGradient:K,descTextSize:Y,descTextStyle:Z,descTextWeight:ee,descTextWrap:re,badgeAppearance:ie,badgeShape:ae,badgeSize:oe,badgeTextColor:le,badgeTextSize:te,dividerDirection:se,dividerFill:ne,dividerSize:ce,emptyMessageTextColor:de,emptyMessageTextColorHover:fe,emptyMessageTextSize:me,emptyMessageTextStyle:ye,emptyMessageTextWeight:pe,emptyMessageTextWrap:Se,iconAfter:xe,iconAfterFill:ze,iconAfterFillIcon:ue,iconAfterFillSize:_e,iconAfterShape:ge,iconAfterSize:be,iconAfterSrc:Ce,iconBadgeAppearance:ve,iconBadgeShape:Pe,iconBadgeSize:he,iconBadgeTextColor:Te,iconBadgeTextSize:He,iconBadgeValue:Ae,iconBefore:$e,iconBeforeFill:Be,iconBeforeFillIcon:we,iconBeforeFillSize:Fe,iconBeforeShape:Xe,iconBeforeSize:Ie,iconBeforeSrc:ke,shapeClass:Ne,shapeStrengthClass:Qe,sizeClass:Le,widthClass:De}=$,{styles:Me}=y(i);return e("div",{className:d("dropdown__item",g&&"dropdown__item_state_active",P&&"dropdown__item_state_hover",B&&`dropdown__item_direction_${B}`,l,g?F&&`fill_active_${F}`:I&&`fill_${I}`,g?X&&`fill_active_hover_${X}`:Q&&`fill_hover_${Q}`,k&&`fill_disabled_${k}`,Le&&`dropdown__item_size_${Le}`,Ne&&`shape_${Ne}`,Qe&&`shape-strength_${Qe}`,De&&`dropdown__item_width_${De}`,b&&"dropdown__item_state_disabled",h&&"cursor_type_pointer",v&&"skeleton",w&&`dropdown__item_justify-content_${w}`),"data-testid":t,"data-tour":s,style:Me,onClick:h,onMouseEnter:T,children:[r("div",{className:"dropdown__item-wrapper",children:e(a.Fragment,{children:[z,($e||ke)&&r(N,{className:d("dropdown__item_before",Ae&&"dropdown__item_before-badge"),fill:Be,fillSize:Fe,badgeAppearance:ve,badgeClass:"dropdown__item_before_badge",badgeShape:Pe,badgeSize:he,badgeTextColor:Te,badgeTextSize:He,badgeValue:Ae,iconFill:we,iconSize:Ie,imageSrc:ke,shape:Xe,SvgImage:$e}),H||e(a.Fragment,{children:[n&&r(_,{className:"dropdown__item-label",size:O,textAlign:L,textColor:D,textColorActive:W,textColorActiveHover:V,textColorHover:E,textStyle:j,textWeight:q,textWrap:G,isActive:g,children:n}),p&&r(C,{appearance:ie,size:oe,textColor:le,textSize:te,shape:ae,value:p}),c&&r(_,{className:"dropdown__item-desc",size:Y,textColor:R,textColorGradient:K,textColorHover:J,textStyle:Z,textWeight:ee,textWrap:re,isActive:g,children:c}),S&&r(_,{className:"dropdown__item",size:me,textColor:de,textColorHover:fe,textStyle:ye,textWeight:pe,textWrap:Se,isActive:g,children:S})]}),u,(xe||Ce)&&r(N,{className:d("dropdown__item_after",Ae&&"dropdown__item_after-badge"),fill:ze,fillSize:_e,badgeAppearance:ve,badgeClass:"dropdown__item_after_badge",badgeShape:Pe,badgeSize:he,badgeTextColor:Te,badgeTextSize:He,badgeValue:Ae,iconFill:ue,iconSize:be,imageSrc:Ce,shape:ge,SvgImage:xe})]})}),x&&r(M,{width:"fill",direction:se,size:ce,fill:ne})]})}export{C as B,M as D,N as I,T as L,$ as T,_ as a,G as b,J as c,X as d,h as e,F as f,u as g,g as h,b as i,P as j,H as k,v as l,A as m,B as n,w as o,I as p,k as q,L as r,D as s,z as t,R as u,U as v};