@itcase/ui-web 1.10.33 → 1.10.35
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{Avatar_cjs_DDVEtKdY.js → Avatar_cjs_D24fPlpG.js} +1 -1
- package/dist/{Avatar_es_D7J6FaYk.js → Avatar_es_CW-9BKZl.js} +1 -1
- package/dist/{Button_cjs_D0Fa5AsR.js → Button_cjs_Dq2pZYkE.js} +1 -1
- package/dist/{Button_es_DvzjOfyQ.js → Button_es_l1l4XH3Z.js} +1 -1
- package/dist/{ChipsGroup_cjs_DmlWfqO5.js → ChipsGroup_cjs_DEWTbz1r.js} +1 -1
- package/dist/{ChipsGroup_es_D3y5WSL6.js → ChipsGroup_es_B3nRK-lq.js} +1 -1
- package/dist/{DatePicker_cjs_uTMwXLmJ.js → DatePicker_cjs_Cg_vcAg8.js} +1 -1
- package/dist/{DatePicker_es_Bq_AFDLO.js → DatePicker_es_Blh9tXre.js} +1 -1
- package/dist/{Label_cjs_C1diFfCH.js → Label_cjs_jbY2Pjoa.js} +1 -1
- package/dist/{Label_es_ChMUKpnM.js → Label_es_Co8vZyTp.js} +1 -1
- package/dist/{Loader_cjs_4kGh3xPd.js → Loader_cjs_BMOazvQA.js} +1 -1
- package/dist/{Loader_es_CdWc_Prk.js → Loader_es_DLwXAfhK.js} +1 -1
- package/dist/{SelectContainer_cjs_oasI4gzw.js → SelectContainer_cjs_D2Zuk29y.js} +1 -1
- package/dist/{SelectContainer_es_B4IWlcz3.js → SelectContainer_es_CXH64IO5.js} +1 -1
- package/dist/cjs/components/Accordion.js +1 -1
- package/dist/cjs/components/Avatar.js +1 -1
- package/dist/cjs/components/AvatarStack.js +1 -1
- package/dist/cjs/components/Badge.js +1 -1
- package/dist/cjs/components/Breadcrumbs.js +1 -1
- package/dist/cjs/components/Button.js +1 -1
- package/dist/cjs/components/Cell.js +1 -1
- package/dist/cjs/components/Checkbox.js +1 -1
- package/dist/cjs/components/Checkmark.js +1 -1
- package/dist/cjs/components/Chips.js +1 -1
- package/dist/cjs/components/Choice.js +1 -1
- package/dist/cjs/components/CookiesWarning.js +1 -1
- package/dist/cjs/components/DatePeriod.js +1 -1
- package/dist/cjs/components/DatePicker.js +1 -1
- package/dist/cjs/components/Divider.js +1 -1
- package/dist/cjs/components/Drawer.js +1 -1
- package/dist/cjs/components/Dropdown.js +1 -1
- package/dist/cjs/components/Dropzone.js +1 -1
- package/dist/cjs/components/HeroTitle.js +1 -1
- package/dist/cjs/components/Icon.js +1 -1
- package/dist/cjs/components/InputNumber.js +1 -1
- package/dist/cjs/components/InputPassword.js +1 -1
- package/dist/cjs/components/Label.js +1 -1
- package/dist/cjs/components/Link.js +1 -1
- package/dist/cjs/components/List.js +1 -1
- package/dist/cjs/components/Loader.js +1 -1
- package/dist/cjs/components/Logo.js +1 -1
- package/dist/cjs/components/MenuItem.js +1 -1
- package/dist/cjs/components/Modal.js +1 -1
- package/dist/cjs/components/ModalSheetBottom.js +1 -1
- package/dist/cjs/components/Notification.js +1 -1
- package/dist/cjs/components/Pagination.js +1 -1
- package/dist/cjs/components/Radio.js +1 -1
- package/dist/cjs/components/Response.js +1 -1
- package/dist/cjs/components/Search.js +1 -1
- package/dist/cjs/components/Segmented.js +1 -1
- package/dist/cjs/components/Select.js +1 -1
- package/dist/cjs/components/Swiper.js +1 -1
- package/dist/cjs/components/Switch.js +1 -1
- package/dist/cjs/components/Tab.js +1 -1
- package/dist/cjs/components/Text.js +1 -1
- package/dist/cjs/components/Tile.js +1 -1
- package/dist/cjs/components/Title.js +1 -1
- package/dist/cjs/components/Tooltip.js +1 -1
- package/dist/cjs/components/Warning.js +1 -1
- package/dist/components/Accordion.js +1 -1
- package/dist/components/Avatar.js +1 -1
- package/dist/components/AvatarStack.js +1 -1
- package/dist/components/Badge.js +1 -1
- package/dist/components/Breadcrumbs.js +1 -1
- package/dist/components/Button.js +1 -1
- package/dist/components/Cell.js +1 -1
- package/dist/components/Checkbox.js +1 -1
- package/dist/components/Checkmark.js +1 -1
- package/dist/components/Chips.js +1 -1
- package/dist/components/Choice.js +1 -1
- package/dist/components/CookiesWarning.js +1 -1
- package/dist/components/DatePeriod.js +1 -1
- package/dist/components/DatePicker.js +1 -1
- package/dist/components/Divider.js +1 -1
- package/dist/components/Drawer.js +1 -1
- package/dist/components/Dropdown.js +1 -1
- package/dist/components/Dropzone.js +1 -1
- package/dist/components/HeroTitle.js +1 -1
- package/dist/components/Icon.js +1 -1
- package/dist/components/InputNumber.js +1 -1
- package/dist/components/InputPassword.js +1 -1
- package/dist/components/Label.js +1 -1
- package/dist/components/Link.js +1 -1
- package/dist/components/List.js +1 -1
- package/dist/components/Loader.js +1 -1
- package/dist/components/Logo.js +1 -1
- package/dist/components/MenuItem.js +1 -1
- package/dist/components/Modal.js +1 -1
- package/dist/components/ModalSheetBottom.js +1 -1
- package/dist/components/Notification.js +1 -1
- package/dist/components/Pagination.js +1 -1
- package/dist/components/Radio.js +1 -1
- package/dist/components/Response.js +1 -1
- package/dist/components/Search.js +1 -1
- package/dist/components/Segmented.js +1 -1
- package/dist/components/Select.js +1 -1
- package/dist/components/Swiper.js +1 -1
- package/dist/components/Switch.js +1 -1
- package/dist/components/Tab.js +1 -1
- package/dist/components/Text.js +1 -1
- package/dist/components/Tile.js +1 -1
- package/dist/components/Title.js +1 -1
- package/dist/components/Tooltip.js +1 -1
- package/dist/components/Warning.js +1 -1
- package/dist/{primitives_cjs_EVP_2N_A.js → primitives_cjs_Dw4SMbjT.js} +1 -1
- package/dist/{primitives_es_D7LYOijE.js → primitives_es_C4dQ1kEP.js} +1 -1
- package/dist/types/components/Dropdown/Dropdown.js +1 -1
- package/package.json +4 -4
package/dist/components/Tile.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as i}from"react/jsx-runtime";import r from"clsx";import{useAppearanceConfig as a,useDevicePropsGenerator as t,useStyles as o}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as s}from"@itcase/ui-core/utils";import{a as l,T as c,B as d,I as n}from"../
|
|
1
|
+
import{jsx as e,jsxs as i}from"react/jsx-runtime";import r from"clsx";import{useAppearanceConfig as a,useDevicePropsGenerator as t,useStyles as o}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as s}from"@itcase/ui-core/utils";import{a as l,T as c,B as d,I as n}from"../primitives_es_C4dQ1kEP.js";import"@rc-component/tooltip";import"react";import"react-inlinesvg";import"@itcase/ui-core/hoc";const p={circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},sizeXL:{size:"xl",titleTextSize:"h4",descTextSize:"l",badgeAppearanceSize:"sizeM",iconFillSize:"32",iconSize:"24"},sizeL:{size:"l",titleTextSize:"h4",descTextSize:"l",badgeAppearanceSize:"sizeM",iconFillSize:"24",iconSize:"24"},sizeM:{size:"m",titleTextSize:"h4",descTextSize:"m",badgeAppearanceSize:"sizeM",iconFillSize:"24",iconSize:"24"},sizeS:{size:"s",titleTextSize:"h4",descTextSize:"s",badgeAppearanceSize:"sizeM",iconFillSize:"24",iconSize:"24"},sizeXS:{size:"xs",titleTextSize:"h6",descTextSize:"xs",badgeAppearanceSize:"sizeXXS",iconFillSize:"12",iconSize:"12"},sizeXXS:{size:"xxs",titleTextSize:"h6",descTextSize:"xs",badgeAppearanceSize:"sizeXXS",iconFillSize:"12",iconSize:"12"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},surfacePrimary:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",badgeAppearance:"accentPrimary sizeM solid rounded",iconAppearance:"accentPrimary size12_12 solid rounded"},surfaceQuaternary:{fill:"surfaceQuaternary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",badgeAppearance:"accentPrimary sizeM solid rounded",iconAppearance:"accentPrimary size12_12 solid rounded"},surfaceSecondary:{fill:"surfaceSecondary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",badgeAppearance:"accentPrimary sizeM solid rounded",iconAppearance:"accentPrimary size12_12 solid rounded"},surfaceTertiary:{fill:"surfaceTertiary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",badgeAppearance:"accentPrimary sizeM solid rounded",iconAppearance:"accentPrimary size12_12 solid rounded"}},z={appearance:p,setAppearance:e=>{z.appearance=e}};function x(p){const{appearance:x,className:u,dataTestId:S,dataTour:m,type:T,title:f,desc:h,badgeValue:_,iconClick:C,before:b,after:y,isSkeleton:g,onClick:A,children:P}=p,v=a(x,z),M=t(p,v),{directionClass:$,alignClass:F,alignDirectionClass:N,fillClass:X,titleTextAlign:k,titleTextColor:W,titleTextSize:L,titleTextWeight:B,titleTextWrap:w,descTextColor:I,descTextSize:j,descTextWrap:Q,borderColorClass:D,borderColorHoverClass:H,borderTypeClass:V,borderWidthClass:q,badgeAppearance:E,badgeAppearanceSize:G,badgeShape:J,badgeSize:K,badgeTextColor:O,badgeTextSize:R,icon:U,iconAppearance:Y,iconFill:Z,iconFillIcon:ee,iconFillSize:ie,iconShape:re,iconSize:ae,iconSrc:te,shapeClass:oe,sizeClass:se,widthClass:le}=M,{styles:ce}=o(p);return e("div",{className:r("tile",u,X&&`fill_${X}`,oe&&`shape_${oe}`,F&&`align_${F}`,$&&`direction_${$}`,D&&`border-color_${D}`,H&&`border-color_hover_${H}`,q&&`border-width_${q}`,V&&`border_type_${V}`,se&&`tile_size_${se}`,T&&`tile_type_${T}`,_&&"tile_state_badge",le&&`width_${le}`,g&&"skeleton"),"data-testid":S,"data-tour":m,style:ce,onClick:A,children:i("div",{className:r("tile__wrapper",F,N),children:[b,i("div",{className:"tile__header",children:[i("div",{className:"tile__header-inner",children:[f&&e(l,{className:"tile__title",size:L,textAlign:k,textColor:W,textWeight:B,textWrap:w,children:f}),h&&e(c,{className:"tile__text",size:j,textColor:I,textWrap:Q,children:h})]}),i("div",{className:"tile__header-actions",children:[_&&e(d,{appearance:s(E,G),className:"tile__badge",size:K,textColor:O,textSize:R,shape:J,value:_}),(U||te)&&e(n,{appearance:Y,className:"tile__icon",fill:Z,fillSize:ie,iconFill:ee,iconSize:ae,imageSrc:te,shape:re,SvgImage:U,onClick:C})]})]}),P,y]})})}export{x as Tile,p as tileAppearance,z as tileConfig};
|
package/dist/components/Title.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{a as Title,i as titleAppearance,j as titleConfig}from"../
|
|
1
|
+
export{a as Title,i as titleAppearance,j as titleConfig}from"../primitives_es_C4dQ1kEP.js";import"react/jsx-runtime";import"@rc-component/tooltip";import"react";import"clsx";import"@itcase/ui-core/hooks";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{f as Tooltip,e as TooltipWrapper,k as tooltipAppearance,m as tooltipConfig}from"../
|
|
1
|
+
export{f as Tooltip,e as TooltipWrapper,k as tooltipAppearance,m as tooltipConfig}from"../primitives_es_C4dQ1kEP.js";import"react/jsx-runtime";import"@rc-component/tooltip";import"react";import"clsx";import"@itcase/ui-core/hooks";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as r,jsxs as e}from"react/jsx-runtime";import{useState as o,Fragment as i}from"react";import n from"clsx";import{useAppearanceConfig as t,useDevicePropsGenerator as a,useStyles as l}from"@itcase/ui-core/hooks";import{I as c,T as d}from"../
|
|
1
|
+
import{jsx as r,jsxs as e}from"react/jsx-runtime";import{useState as o,Fragment as i}from"react";import n from"clsx";import{useAppearanceConfig as t,useDevicePropsGenerator as a,useStyles as l}from"@itcase/ui-core/hooks";import{I as c,T as d}from"../primitives_es_C4dQ1kEP.js";import{i as f}from"../default_es_CsYL84NN.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";const s={accentMutedPrimary:{fill:"accentTertiary",labelTextColor:"accentTextQuaternary",descriptionTextColor:"accentTextQuaternary",borderColor:"accentBorderSecondary",iconAfter:f.Action.Close,iconAfterFillIcon:"accentItemQuaternary",iconBefore:f.Alert.Warning,iconBeforeFillIcon:"accentItemQuaternary"},accentPrimary:{fill:"accentPrimary",labelTextColor:"accentTextPrimary",descriptionTextColor:"accentTextPrimary",borderColor:"accentBorderQuaternary",iconAfter:f.Action.Close,iconAfterFillIcon:"accentItemPrimary",iconBefore:f.Alert.Warning,iconBeforeFillIcon:"accentItemPrimary"}},m={errorMutedPrimary:{fill:"errorTertiary",labelTextColor:"errorTextQuaternary",descriptionTextColor:"errorTextQuaternary",borderColor:"errorBorderSecondary",iconAfter:f.Action.Close,iconAfterFillIcon:"errorItemQuaternary",iconBefore:f.Action.Block,iconBeforeFillIcon:"errorItemQuaternary"},errorPrimary:{fill:"errorPrimary",labelTextColor:"errorTextPrimary",descriptionTextColor:"errorTextPrimary",borderColor:"errorBorderQuaternary",iconAfter:f.Action.Close,iconAfterFillIcon:"errorItemPrimary",iconBefore:f.Action.Block,iconBeforeFillIcon:"errorItemPrimary"}},y={infoMutedPrimary:{fill:"infoTertiary",labelTextColor:"infoTextSecondary",descriptionTextColor:"infoTextSecondary",borderColor:"infoBorderSecondary",iconAfter:f.Action.Close,iconAfterFillIcon:"infoItemQuaternary",iconBefore:f.Alert.Warning,iconBeforeFillIcon:"infoItemQuaternary"},infoPrimary:{fill:"infoPrimary",labelTextColor:"infoTextPrimary",descriptionTextColor:"infoTextPrimary",borderColor:"infoBorderSecondary",iconAfter:f.Action.Close,iconAfterFillIcon:"infoItemPrimary",iconBefore:f.Alert.Warning,iconBeforeFillIcon:"infoItemPrimary"}},T={...s,...{warningMutedPrimary:{fill:"warningSecondary",labelTextColor:"warningTextSecondary",descriptionTextColor:"warningTextSecondary",borderColor:"warningBorderSecondary",iconAfter:f.Action.Close,iconAfterFillIcon:"warningItemSecondary",iconBefore:f.Alert.WarningTriangle,iconBeforeFillIcon:"warningItemSecondary"},warningMutedTertiary:{fill:"warningTertiary",labelTextColor:"warningTextQuaternary",descriptionTextColor:"warningTextQuaternary",borderColor:"warningBorderSecondary",iconAfter:f.Action.Close,iconAfterFillIcon:"warningItemQuaternary",iconBefore:f.Alert.WarningTriangle,iconBeforeFillIcon:"warningItemQuaternary"},warningPrimary:{fill:"warningPrimary",labelTextColor:"warningTextPrimary",descriptionTextColor:"warningTextPrimary",borderColor:"warningBorderSecondary",iconAfter:f.Action.Close,iconAfterFillIcon:"warningItemPrimary",iconBefore:f.Alert.WarningTriangle,iconBeforeFillIcon:"warningItemPrimary"}},...m,...y,solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},sizeL:{size:"l",labelTextSize:"s",labelTextWeight:"600",descriptionTextSize:"s",iconAfterSize:"16",iconBeforeSize:"16"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"}},x={appearance:T,setAppearance:r=>{x.appearance=r}};function C(f){const{appearance:s,className:m,dataTestId:y,dataTour:T,label:C,description:g,isSkeleton:u,children:p}=f,A=t(s,x),I=a(f,A),{fillClass:B,labelTextColor:S,labelTextSize:b,labelTextWeight:P,descriptionTextColor:w,descriptionTextSize:F,borderColorClass:h,iconAfter:z,iconAfterFill:Q,iconAfterFillIcon:_,iconAfterSize:W,iconAfterSrc:M,iconBefore:k,iconBeforeFill:v,iconBeforeFillIcon:L,iconBeforeSize:$,iconBeforeSrc:j,shapeClass:N,sizeClass:X}=I,{styles:q}=l(f),[D,E]=o(!0);return r(i,{children:D&&e("div",{className:n(m,"warning",B&&`fill_${B}`,X&&`warning_size_${X}`,h&&`border-color_${h}`,N&&`shape_${N}`,u&&"skeleton"),"data-testid":y,"data-tour":T,style:q,children:[(k||j)&&r(c,{fill:v,iconFill:L,iconSize:$,imageSrc:j,SvgImage:k}),e("div",{className:"warning__content",children:[C&&r(d,{size:b,textColor:S,textWeight:P,children:C}),g&&r(d,{size:F,textColor:w,children:g}),p]}),(z||M)&&r(c,{fill:Q,iconFill:_,iconSize:W,imageSrc:M,SvgImage:z,onClick:()=>E(!1)})]})})}export{C as Warning,T as warningAppearance,x as warningConfig};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("@rc-component/tooltip"),i=require("react"),a=require("clsx"),o=require("@itcase/ui-core/hooks"),l=require("react-inlinesvg"),t=require("@itcase/ui-core/hoc"),s=require("@itcase/ui-core/utils");const n={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"}},c={appearance:n,LinkComponent:"a",setAppearance:e=>{c.appearance=e},setLinkComponent:e=>{c.LinkComponent=e}};function d(r){const{href:a,LinkComponent:o,rel:l,target:t,children:s,...n}=r;if(a){const r=o||c.LinkComponent;if(r)return e.jsx(r,{href:a,rel:l,target:t,...n,children:s})}else if(o)return e.jsx(o,{...n,children:s});return i.Children.toArray(s).filter(Boolean).map(e=>i.isValidElement(e)?i.cloneElement(e,n):e)}const f={sizeXXL:{size:"xxl"},sizeXL:{size:"xl"},sizeL:{size:"l"},sizeM:{size:"m"},sizeS:{size:"s"},sizeXS:{size:"xs"},sizeXXS:{size:"xxs"}},y={appearance:f,setAppearance:e=>{y.appearance=e}};function p(r){const{appearance:i,className:l,dataTestId:t,dataTour:s,text:n,cursor:c,style:d,tag:f="span",before:p,after:x,isActive:m,isDisabled:u,isSkeleton:S,onClick:z,onDoubleClick:C,children:_}=r,g=o.useAppearanceConfig(i,y,u),b=o.useDevicePropsGenerator(r,g),{textAlignClass:v,textColorActiveClass:P,textColorActiveHoverClass:T,textColorClass:h,textColorDisabledClass:A,textColorHoverClass:H,textDecorationClass:w,textFontClass:B,textStyleClass:$,textTruncateClass:F,textWeightClass:X,textWrapClass:I,cursorClass:k,sizeClass:M,widthClass:j}=b,{styles:L}=o.useStyles(r);return e.jsxs(f,{className:a(l,"text",M&&`text_size_${M}`,X&&`text-weight_${X}`,v&&`text-align_${v}`,u&&A&&`text-color_${A}`,!m&&!u&&h&&`text-color_${h}`,!m&&!u&&H&&`text-color_hover_${H}`,m&&!u&&T&&`text-color_active_hover_${T}`,m&&!u&&P&&`text-color_active_${P}`,B&&`text-font_${B}`,$&&`text-style_${$}`,I&&`word-wrap_${I}`,w&&`text-decoration_${w}`,F&&`text-truncate_${F}`,S&&"skeleton",j&&`width_${j}`,k&&`cursor_${k}`,z&&(c||"cursor_type_pointer")),"data-testid":t,"data-tour":s,style:Object.assign({},L,d),onClick:z,onDoubleClick:C,children:[p,_||n,x]})}const x={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"}},m={appearance:x,setAppearance:e=>{m.appearance=e}};function u(r){const{appearance:l,className:t,dataTestId:s,dataTour:n,text:c,afterWrapper:d,beforeWrapper:f,style:y,tag:p="span",before:x,after:u,isActive:S,isDisabled:z,isSkeleton:C,onClick:_,children:g}=r,v=o.useAppearanceConfig(l,m,z),P=o.useDevicePropsGenerator(r,v),{directionClass:T,size:h,fillClass:A,fillHoverClass:H,textAlignClass:w,textColorActiveClass:B,textColorActiveHoverClass:$,textColorClass:F,textColorDisabledClass:X,textColorHoverClass:I,textFontClass:k,textStyleClass:M,textTruncateClass:j,textWeightClass:L,textWrap:D,heightClass:N,iconAfter:Q,iconAfterFill:W,iconAfterFillIcon:E,iconAfterFillSize:V,iconAfterShape:q,iconAfterSize:G,iconAfterSrc:O,iconBadgeAppearance:R,iconBadgeShape:U,iconBadgeSize:K,iconBadgeTextColor:J,iconBadgeTextSize:Y,iconBadgeValue:Z,iconBefore:ee,iconBeforeFill:re,iconBeforeFillIcon:ie,iconBeforeFillSize:ae,iconBeforeShape:oe,iconBeforeSize:le,iconBeforeSrc:te,svgFillClass:se,svgFillHoverClass:ne,widthClass:ce,wrapperDirectionClass:de,onClickIconAfter:fe,onClickIconBefore:ye}=P,{styles:pe,wrapper:xe}=o.useStyles(r),me=i.useMemo(()=>p||(h||"span"),[p,h]);return e.jsxs(me,{className:a(t,"title",A&&`fill_${A}`,H&&`fill_hover_${H}`,se&&`svg_fill_${se}`,ne&&`svg_fill_hover_${ne}`,ce&&`width_${ce}`,N&&`height_${N}`,h&&`title_size_${h}`,T&&`title_direction_${T}`,z&&X&&`text-color_${X}`,!S&&!z&&F&&`text text-color_${F}`,S&&!z&&B&&`text-color_active_${B}`,!S&&!z&&I&&`text-color_hover_${I}`,S&&!z&&$&&`text-color_active_hover${$}`,k&&`text-font_${k}`,M&&`text-style_${M}`,L&&`text-weight_${L}`,D&&`word-wrap_${D}`,Z&&"title_badge",C&&"skeleton"),"data-testid":s,"data-tour":n,style:Object.assign({},pe,y),onClick:_,children:[x,e.jsxs("span",{className:a(w&&`text-align_${w}`,de&&`title_direction_${de}`,"title__wrapper",j&&`text-truncate_${j}`),style:xe,children:[(ee||te)&&e.jsx(b,{className:a("title__icon_before",Z&&"title__icon_before-badge"),fill:re,fillSize:ae,badgeAppearance:R,badgeClass:"title__icon_before_badge",badgeShape:U,badgeSize:K,badgeTextColor:J,badgeTextSize:Y,badgeValue:Z,iconFill:ie,iconSize:le,imageSrc:te,shape:oe,SvgImage:ee,onClick:ye}),f,g||c,d,(Q||O)&&e.jsx(b,{className:a("title__icon_after",Z&&"title__icon_after-badge"),fill:W,fillSize:V,badgeAppearance:R,badgeClass:"title__icon_after_badge",badgeShape:U,badgeSize:K,badgeTextColor:J,badgeTextSize:Y,badgeValue:Z,iconFill:E,iconSize:G,imageSrc:O,shape:q,SvgImage:Q,onClick:fe})]}),u]})}const S={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:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},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"}},z={appearance:S,setAppearance:e=>{z.appearance=e}},C=i.forwardRef(function(r,l){const{appearance:t,className:s,dataTestId:n,dataTour:c,initialIsVisible:d,title:f,text:y,showArrow:x=!0,before:m,after:S,openTimeoutDelay:C=500,closeTimeoutDelay:_=250,isSkeleton:g,children:b}=r,v=i.useRef(null),P=i.useRef(null),T=i.useRef(null),h=i.useRef(!1),[A,H]=i.useState(d),w=i.useCallback(()=>{h.current||(P.current&&clearTimeout(P.current),T.current=setTimeout(()=>{H(!0)},C))},[C]),B=i.useCallback(()=>{T.current&&clearTimeout(T.current),P.current=setTimeout(()=>{H(e=>(!0===e&&(h.current=!0),!1))},_)},[_]),$=i.useCallback(()=>{h.current=!1},[]);i.useImperativeHandle(l,()=>({get tooltipElement(){return v.current},openTooltip:w,closeTooltip:B,isTooltipVisible:A}),[A,w,B]);const F=o.useAppearanceConfig(t,z),X=o.useDevicePropsGenerator(r,F),{alignClass:I,alignDirectionClass:k,alignmentClass:M,alignPosition:j,fillClass:L,titleColor:D,titleSize:N,titleWeight:Q,borderColorClass:W,borderTypeClass:E,borderWidthClass:V,textColor:q,textSize:G,textWeight:O,arrowPosition:R,elevationClass:U,shapeClass:K,sizeClass:J,widthClass:Y}=X,{styles:Z}=o.useStyles(r);return e.jsxs("div",{className:a(s,"tooltip",j&&`tooltip_align-position_${j}`,k&&`align_${k}`,I&&`align_${I}`,U&&`elevation_${U}`,M&&`alignment_${M}`,J&&`tooltip_size_${J}`,g&&"skeleton",Y&&`width_${Y}`),ref:v,"data-testid":n,"data-tour":c,style:Z,onAnimationEnd:$,children:[R&&x&&e.jsx("div",{className:a("tooltip__arrow",R&&`tooltip__arrow_position_${R}`,L&&`fill_${L}`),children:" "}),m,e.jsxs("div",{className:a("tooltip__inner",V&&`border-width_${V}`,W&&`border-color_${W}`,E&&`border_type_${E}`,L&&`fill_${L}`,K&&`shape_${K}`),children:[f&&e.jsx(u,{className:"tooltip__title text",size:N,textColor:D,textWeight:Q,children:f}),y&&e.jsx(p,{className:"tooltip__text",size:G,textColor:q,textWeight:O,children:y}),b]}),S]})}),_={disabledPrimary:{fill:"surfacePrimary",borderColor:"surfaceBorderPrimary",badgeAppearance:"surfacePrimary sizeM solid rounded",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 sizeM solid rounded",iconFill:"accentItemPrimary"},accentSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",borderColor:"accentBorderPrimary",iconFill:"accentItemPrimary"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},dangerPrimary:{fill:"dangerPrimary",fillHover:"dangerHoverPrimary",borderColor:"dangerBorderSecondary",badgeAppearance:"surfacePrimary sizeM solid rounded",iconFill:"dangerItemPrimary"},errorPrimary:{fill:"errorPrimary",fillHover:"errorHoverPrimary",borderColor:"errorBorderPrimary",badgeAppearance:"surfacePrimary sizeM solid rounded",iconFill:"errorItemPrimary"},infoPrimary:{fill:"infoPrimary",borderColor:"infoBorderPrimary",badgeAppearance:"surfacePrimary sizeM solid rounded",iconFill:"infoItemPrimary"},infoSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",borderColor:"accentBorderPrimary",iconFill:"infoItemSecondary"},specialPrimary:{fill:"specialPrimary",fillHover:"specialHoverPrimary",borderColor:"specialBorderQuaternary",badgeAppearance:"surfacePrimary sizeM solid rounded",iconFill:"specialItemPrimary"},extraPrimary:{fill:"extraPrimary",fillHover:"extraHoverPrimary",borderColor:"extraBorderQuaternary",badgeAppearance:"surfacePrimary sizeM solid rounded",iconFill:"extraItemPrimary"},successPrimary:{fill:"successPrimary",fillHover:"successHoverPrimary",borderColor:"successBorderPrimary",badgeAppearance:"surfacePrimary sizeM solid rounded",iconFill:"successItemPrimary"},surfacePrimary:{fill:"surfacePrimary",fillHover:"surfaceHoverSecondary",borderColor:"surfaceBorderTertiary",badgeAppearance:"surfacePrimary sizeM solid rounded",iconFill:"surfaceItemPrimary"},surfaceQuaternary:{fill:"surfaceQuaternary",fillHover:"surfaceHoverQuaternary",badgeAppearance:"accentPrimary sizeM solid rounded",iconFill:"surfaceItemPrimary"},surfaceSecondary:{fill:"surfaceSecondary",fillHover:"surfaceHoverTertiary",badgeAppearance:"accentPrimary sizeM solid rounded",iconFill:"surfaceItemPrimary"},surfaceTertiary:{fill:"surfaceTertiary",fillHover:"surfaceHoverTertiary",badgeAppearance:"accentPrimary sizeM solid rounded",iconFill:"surfaceItemPrimary"},warningPrimary:{fill:"warningPrimary",fillHover:"warningHoverPrimary",borderColor:"warningBorderSecondary",badgeAppearance:"surfacePrimary sizeM solid rounded",iconFill:"warningItemPrimary"}},g={appearance:_,setAppearance:e=>{g.appearance=e}},b=t.urlWithAssetPrefix(i.forwardRef(function(r,t){const{id:n,appearance:c,className:f,dataTestId:y,dataTour:p,width:x,height:m,badgeClass:u,href:S,imageSrc:z,link:_,linkRel:b,linkTarget:P,notification:T,saveFillStroke:A,showTooltip:H,SvgImage:w,svgImageStyles:B,before:$,after:F,isActive:X,isDisabled:I,isSkeleton:k,onClick:M,onMouseEnter:j,onMouseLeave:L}=r,D=i.useMemo(()=>{if(w){const r=w,i={};return x&&(i.width=x),m&&(i.height=m),e.jsx(r,{...i,...B})}return z?z.endsWith(".svg")?A?e.jsx(l,{src:z}):e.jsx(l,{src:z,preProcessor:v}):e.jsx("img",{src:z}):null},[w,z,x,m,B,A]),N=o.useAppearanceConfig(c,g,I),Q=o.useDevicePropsGenerator(r,N),{alignmentClass:W,fillActiveClass:E,fillActiveHoverClass:V,fillClass:q,fillDisabledClass:G,fillHoverClass:O,fillSizeClass:R,borderColorClass:U,borderColorHoverClass:K,borderTypeClass:J,borderWidthClass:Y,badgeAppearance:Z,badgeAppearanceSize:ee,badgeShape:re,badgeSize:ie,badgeTextColor:ae,badgeTextSize:oe,badgeValue:le,centeringClass:te,iconFillActiveClass:se,iconFillActiveHoverClass:ne,iconFillClass:ce,iconFillDisabledClass:de,iconFillHoverClass:fe,iconSizeClass:ye,shapeClass:pe,tooltipAppearance:xe,tooltipText:me,tooltipTextSize:ue,tooltipTitle:Se,tooltipTitleSize:ze}=Q,{styles:Ce}=o.useStyles(r);return e.jsxs("div",{id:n,className:a(f,"icon",X?E&&`fill_active_${E}`:q&&`fill_${q}`,X?V&&`fill_active_hover_${V}`:O&&`fill_hover_${O}`,R&&`icon_fill_size_${R}`,G&&`fill_disabled_${G}`,X?se&&`icon_fill_active_${se}`:ce&&`icon_fill_${ce}`,X?ne&&`icon_fill_active_hover_${ne}`:fe&&`icon_fill_hover_${fe}`,I&&de&&`icon_fill_disabled_${de}`,pe&&`shape_${pe}`,U&&`border-color_${U}`,K&&`border-color_hover_${K}`,Y&&`border-width_${Y}`,J&&`border_type_${J}`,le&&"icon_with-badge",te&&`centering_${te}`,M&&"cursor_type_pointer",k&&"skeleton",I&&"icon_state_disabled"),ref:t,"data-testid":y,"data-tour":p,style:Ce,onClick:M,onMouseEnter:j,onMouseLeave:L,children:[$,e.jsxs(d,{className:a((_||S||M)&&"cursor_type_pointer",_||S?"icon__link":"icon__item",ye&&`icon_size_${ye}`),href:_||S,LinkComponent:"div",rel:b,target:P,children:[D,(le||T)&&e.jsx(h,{appearance:s.mergeAppearanceKeys(Z,ee),className:a(u,"icon__badge"),size:ie,textColor:ae,textSize:oe,shape:re,value:le}),H&&e.jsx(C,{appearance:xe,className:a(f,"icon__tooltip",W&&`alignment_${W}`),title:Se,titleSize:ze,text:me,textSize:ue})]}),F]})})),v=e=>e.replace(/fill=".*?"/g,'fill=""').replace(/stroke=".*?"/g,'stroke=""'),P={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:"xxs",iconSize:"24"},sizeXXS:{size:"xxs",textSize:"xxs",iconSize:"24"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},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"}},T={appearance:P,setAppearance:e=>{T.appearance=e}};function h(r){const{appearance:i,className:l,dataTestId:t,dataTour:s,dot:n,icon:c,iconSrc:d,value:f,isSkeleton:y,children:x}=r,m=Boolean(f||0===f),u=o.useAppearanceConfig(i,T),S=o.useDevicePropsGenerator(r,u),{fillClass:z,fillHoverClass:C,borderColorClass:_,borderColorHoverClass:g,borderTypeClass:v,borderWidthClass:P,textColor:h,textSize:A,dotFillClass:H,iconFill:w,iconShape:B,iconSize:$,shapeClass:F,sizeClass:X}=S,{styles:I}=o.useStyles(r),k=m?c?n?"badge_type_dot-icon-counter":"badge_type_icon-counter":"badge_type_counter":c?"badge_type_icon":n?"badge_type_dot":"badge_type_fill";return e.jsxs("div",{className:a(l,"badge",_&&`border-color_${_}`,g&&`border-color_hover_${g}`,P&&`border-width_${P}`,v&&`border_type_${v}`,z&&`fill_${z}`,C&&`fill_hover_${C}`,X&&`badge_size_${X}`,F&&`shape_${F}`,k,y&&"skeleton"),"data-testid":t,"data-tour":s,style:I,children:[n&&e.jsx("div",{className:a("badge__dot",H&&`svg_fill_${H}`),children:e.jsx("svg",{width:"6",height:"6",viewBox:"0 0 6 6",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("rect",{width:"6",height:"6",rx:"50"})})}),c&&e.jsx(b,{className:"badge__icon",size:$,iconFill:w,imageSrc:d,shape:B,SvgImage:c}),x||m&&e.jsx(p,{className:"badge__value",size:A,textColor:h,children:f})]})}const A={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"}},H={appearance:A,setAppearance:e=>{H.appearance=e}};function w(r){const{appearance:i,className:l,dataTestId:t,dataTour:s,print:n,isActive:c,isDisabled:d,isSkeleton:f}=r,y=o.useAppearanceConfig(i,H),p=o.useDevicePropsGenerator(r,y),{directionClass:x,fillActiveClass:m,fillActiveHoverClass:u,fillClass:S,fillDisabledClass:z,fillHoverClass:C,shapeClass:_,sizeClass:g,widthClass:b}=p,{styles:v}=o.useStyles(r);return e.jsx("hr",{className:a(l,"divider",b&&`width_${b}`,x&&`divider_direction_${x}`,_&&`shape_${_}`,g&&`divider_size_${g}`,c?m&&`fill_active_${m}`:S&&`fill_${S}`,c?u&&`fill_active_hover_${u}`:C&&`fill_hover_${C}`,d&&z&&`fill_disabled_${z}`,f&&"skeleton",!n&&"no-print",n&&"print"),"data-testid":t,"data-tour":s,style:v})}const B={accentPrimary:{fill:"accentPrimary",fillActive:"accentActivePrimary",fillActiveHover:"accentActiveHoverPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextPrimary",labelTextColorActive:"accentTextPrimary",labelTextColorActiveHover:"accentTextPrimary",labelTextColorHover:"accentTextPrimary",badgeAppearance:"surfacePrimary sizeM solid rounded",dividerFill:"surfaceTertiary",emptyMessageTextColor:"accentTextPrimary",iconAfterFillIcon:"accentItemPrimary",iconBeforeFillIcon:"accentItemPrimary"},accentSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextSecondary",labelTextColorHover:"accentTextSecondary"}},$={circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"}},F={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"}},X={solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"}},I={surfacePrimary:{fill:"surfacePrimary",fillActive:"surfaceActivePrimary",fillHover:"surfaceHoverPrimary",labelTextColor:"surfaceTextPrimary",labelTextColorActive:"surfaceTextPrimary",labelTextColorActiveHover:"surfaceTextPrimary",labelTextColorHover:"surfaceTextPrimary",badgeAppearance:"accentPrimary sizeM solid rounded",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"}},k={appearance:{...I,...X,...$,...B,...F},setAppearance:e=>{k.appearance=e}};const M={...I,...X,...$,...B,...F},j={appearance:M,setAppearance:e=>{j.appearance=e}};function L(r){const{appearance:l,className:t,dataTestId:s,dataTour:n,label:c,desc:d,badgeValue:f,emptyMessage:y,showDivider:x,before:m,after:u,isActive:S,isDisabled:z,isSkeleton:C,isHover:_,onClick:g,onMouseEnter:v,children:P}=r,T=o.useAppearanceConfig(l,j),A=o.useDevicePropsGenerator(r,T),{directionClass:H,justifyContentClass:B,fillActiveClass:$,fillActiveHoverClass:F,fillClass:X,fillDisabledClass:I,fillHoverClass:k,labelTextAlign:M,labelTextColor:L,labelTextColorActive:D,labelTextColorActiveHover:N,labelTextColorHover:Q,labelTextSize:W,labelTextStyle:E,labelTextWeight:V,labelTextWrap:q,descTextColor:G,descTextColorHover:O,descTextGradient:R,descTextSize:U,descTextStyle:K,descTextWeight:J,descTextWrap:Y,badgeAppearance:Z,badgeShape:ee,badgeSize:re,badgeTextColor:ie,badgeTextSize:ae,dividerDirection:oe,dividerFill:le,dividerSize:te,emptyMessageTextColor:se,emptyMessageTextColorHover:ne,emptyMessageTextSize:ce,emptyMessageTextStyle:de,emptyMessageTextWeight:fe,emptyMessageTextWrap:ye,iconAfter:pe,iconAfterActive:xe,iconAfterFill:me,iconAfterFillIcon:ue,iconAfterFillSize:Se,iconAfterShape:ze,iconAfterSize:Ce,iconAfterSrc:_e,iconBadgeAppearance:ge,iconBadgeShape:be,iconBadgeSize:ve,iconBadgeTextColor:Pe,iconBadgeTextSize:Te,iconBadgeValue:he,iconBefore:Ae,iconBeforeActive:He,iconBeforeFill:we,iconBeforeFillIcon:Be,iconBeforeFillSize:$e,iconBeforeShape:Fe,iconBeforeSize:Xe,iconBeforeSrc:Ie,shapeClass:ke,sizeClass:Me,widthClass:je}=A,{styles:Le}=o.useStyles(r);return e.jsxs("div",{className:a("dropdown__item",S&&"dropdown__item_state_active",_&&"dropdown__item_state_hover",H&&`dropdown__item_direction_${H}`,t,S?$&&`fill_active_${$}`:X&&`fill_${X}`,S?F&&`fill_active_hover_${F}`:k&&`fill_hover_${k}`,I&&`fill_disabled_${I}`,Me&&`dropdown__item_size_${Me}`,ke&&`shape_${ke}`,je&&`dropdown__item_width_${je}`,z&&"dropdown__item_state_disabled",g&&"cursor_type_pointer",C&&"skeleton",B&&`dropdown__item_justify-content_${B}`),"data-testid":s,"data-tour":n,style:Le,onClick:g,onMouseEnter:v,children:[e.jsx("div",{className:"dropdown__item-wrapper",children:e.jsxs(i.Fragment,{children:[m,(Ae||Ie||He&&S)&&e.jsx(b,{className:a("dropdown__item_before",he&&"dropdown__item_before-badge"),fill:we,fillSize:$e,badgeAppearance:ge,badgeClass:"dropdown__item_before_badge",badgeShape:be,badgeSize:ve,badgeTextColor:Pe,badgeTextSize:Te,badgeValue:he,iconFill:Be,iconSize:Xe,imageSrc:Ie,shape:Fe,SvgImage:He&&S?He:Ae}),P||e.jsxs(i.Fragment,{children:[c&&e.jsx(p,{className:"dropdown__item-label",size:W,textAlign:M,textColor:L,textColorActive:D,textColorActiveHover:N,textColorHover:Q,textStyle:E,textWeight:V,textWrap:q,isActive:S,children:c}),f&&e.jsx(h,{appearance:Z,size:re,textColor:ie,textSize:ae,shape:ee,value:f}),d&&e.jsx(p,{className:"dropdown__item-desc",size:U,textColor:G,textColorGradient:R,textColorHover:O,textStyle:K,textWeight:J,textWrap:Y,isActive:S,children:d}),y&&e.jsx(p,{className:"dropdown__item",size:ce,textColor:se,textColorHover:ne,textStyle:de,textWeight:fe,textWrap:ye,isActive:S,children:y})]}),u,(pe||_e||xe&&S)&&e.jsx(b,{className:a("dropdown__item_after",he&&"dropdown__item_after-badge"),fill:me,fillSize:Se,badgeAppearance:ge,badgeClass:"dropdown__item_after_badge",badgeShape:be,badgeSize:ve,badgeTextColor:Pe,badgeTextSize:Te,badgeValue:he,iconFill:ue,iconSize:Ce,imageSrc:_e,shape:ze,SvgImage:xe&&S?xe:pe})]})}),x&&e.jsx(w,{width:"fill",direction:oe,size:te,fill:le})]})}exports.Badge=h,exports.Divider=w,exports.Dropdown=function(r){const{appearance:l,className:t,dataTestId:s,dataTour:n,animationClose:c="dropdown_animation_close",animationOpen:d="dropdown_animation_open",dropdownList:f,showDivider:y,before:p,after:x,isSkeleton:m,isOpen:u,setIsOpen:S,onClickItem:z,children:C}=r,_=i.useRef(null),g=o.useAppearanceConfig(l,k),[b,v]=i.useState({className:""}),P=i.useCallback(()=>{v(e=>({className:u?e.className:""}))},[u]);i.useEffect(()=>{d&&c&&v(()=>({className:u?d:c}))},[u,d,c]),i.useEffect(()=>{function e(e){const r=_.current;if(r&&d){const i=r.contains(e.target),a=r.classList.contains(d);!i&&a&&S(!1)}}return window.addEventListener("click",e),()=>{window.removeEventListener("click",e)}},[d,S]);const T=o.useDevicePropsGenerator(r,g),{alignmentClass:h,fillClass:A,elevationClass:H,shapeClass:w,sizeClass:B}=T,{styles:$}=o.useStyles(r);return e.jsxs("div",{className:a(t,"dropdown",h&&`alignment_${h}`,A&&`fill_${A}`,H&&`elevation_${H}`,w&&`shape_${w}`,B&&`dropdown_size_${B}`,u?"dropdown_state_open":"dropdown_state_close",b.className),ref:_,"data-testid":s,"data-tour":n,style:$,children:[p,(C||f)&&e.jsxs("div",{className:a("dropdown__wrapper"),onAnimationEnd:P,children:[f?.map(r=>e.jsx(L,{appearance:l,label:r.label,badgeValue:r.badgeValue,emptyMessage:r.emptyMessage,iconAfter:r.iconAfter,iconBefore:r.iconBefore,iconSrc:r.icon,showDivider:y,isActive:r.isActive,isSkeleton:m,onClick:r.onClick||(e=>z?.(r,e))},r.key)),C]}),x]})},exports.DropdownItem=L,exports.Icon=b,exports.Link=function(r){const{appearance:i,className:l,dataTestId:t,dataTour:s,text:n,href:f,link:y,LinkComponent:p,rel:x,style:m,target:u,before:S,after:z,isDisabled:C,onClick:_,onMouseDown:g,onPointerCancel:b,onPointerDown:v,onPointerLeave:P,onPointerUp:T,children:h}=r,A=o.useAppearanceConfig(i,c,C),H=o.useDevicePropsGenerator(r,A),{directionClass:w,fillClass:B,fillHoverClass:$,borderColorClass:F,borderColorHoverClass:X,borderTypeClass:I,borderWidthClass:k,textColorClass:M,textColorHoverClass:j,textGradientClass:L,textStyleClass:D,textWeightClass:N,heightClass:Q,shapeClass:W,sizeClass:E,svgFillClass:V,svgFillHoverClass:q,underline:G="underline",widthClass:O}=H,{styles:R}=o.useStyles(r);return e.jsxs(d,{className:a(l,"link",O&&`width_${O}`,Q&&`height_${Q}`,w&&`link_direction_${w}`,E&&`text_size_${E}`,V&&`svg_fill_${V}`,q&&`svg_fill_hover_${q}`,G&&`link_underline_${G}`,"text",(M||j||L||D||N)&&"text",M&&`text-color_${M}`,j&&`text-color_hover_${j}`,L&&`text-gradient_${L}`,D&&`text-style_${D}`,N&&`text-weight_${N}`,B&&`fill_${B}`,$&&`fill_hover_${$}`,F&&`border-color_${F}`,X&&`border-color_hover_${X}`,k&&`border-width_${k}`,I&&`border_type_${I}`,W&&`link_shape_${W}`),"data-testid":t,"data-tour":s,href:f||y,LinkComponent:p,rel:x,style:Object.assign({},R,m),target:u,onClick:_,onMouseDown:g,onPointerCancel:b,onPointerDown:v,onPointerLeave:P,onPointerUp:T,children:[S,h||n,z]})},exports.LinkWrapper=d,exports.Text=p,exports.Title=u,exports.Tooltip=C,exports.TooltipWrapper=i=>{const{zIndex:a,destroyOnHidden:o=!1,placement:l="right",tooltipContent:t,trigger:s="hover",openDelay:n=.5,closeDelay:c=.25,isOpen:d,children:f,...y}=i;return e.jsx(r,{zIndex:a,destroyOnHidden:o,mouseEnterDelay:n,mouseLeaveDelay:c,overlay:e.jsx(C,{initialIsVisible:!0,...y,children:t}),placement:l,prefixCls:"tooltip-wrapper",trigger:s,visible:d,children:f})},exports.badgeAppearance=P,exports.badgeConfig=T,exports.dividerAppearance=A,exports.dividerConfig=H,exports.dropdownItemAppearance=M,exports.dropdownItemConfig=j,exports.iconAppearance=_,exports.iconConfig=g,exports.linkAppearance=n,exports.linkConfig=c,exports.textAppearance=f,exports.textConfig=y,exports.titleAppearance=x,exports.titleConfig=m,exports.tooltipAppearance=S,exports.tooltipConfig=z;
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("@rc-component/tooltip"),i=require("react"),a=require("clsx"),o=require("@itcase/ui-core/hooks"),l=require("react-inlinesvg"),t=require("@itcase/ui-core/hoc"),s=require("@itcase/ui-core/utils");const n={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"}},c={appearance:n,LinkComponent:"a",setAppearance:e=>{c.appearance=e},setLinkComponent:e=>{c.LinkComponent=e}};function d(r){const{href:a,LinkComponent:o,rel:l,target:t,children:s,...n}=r;if(a){const r=o||c.LinkComponent;if(r)return e.jsx(r,{href:a,rel:l,target:t,...n,children:s})}else if(o)return e.jsx(o,{...n,children:s});return i.Children.toArray(s).filter(Boolean).map(e=>i.isValidElement(e)?i.cloneElement(e,n):e)}const f={sizeXXL:{size:"xxl"},sizeXL:{size:"xl"},sizeL:{size:"l"},sizeM:{size:"m"},sizeS:{size:"s"},sizeXS:{size:"xs"},sizeXXS:{size:"xxs"}},y={appearance:f,setAppearance:e=>{y.appearance=e}};function p(r){const{appearance:i,className:l,dataTestId:t,dataTour:s,text:n,cursor:c,style:d,tag:f="span",before:p,after:x,isActive:m,isDisabled:u,isSkeleton:S,onClick:z,onDoubleClick:C,children:_}=r,g=o.useAppearanceConfig(i,y,u),b=o.useDevicePropsGenerator(r,g),{textAlignClass:v,textColorActiveClass:P,textColorActiveHoverClass:T,textColorClass:h,textColorDisabledClass:A,textColorHoverClass:H,textDecorationClass:w,textFontClass:B,textStyleClass:$,textTruncateClass:F,textWeightClass:I,textWrapClass:X,cursorClass:k,sizeClass:M,widthClass:j}=b,{styles:L}=o.useStyles(r);return e.jsxs(f,{className:a(l,"text",M&&`text_size_${M}`,I&&`text-weight_${I}`,v&&`text-align_${v}`,u&&A&&`text-color_${A}`,!m&&!u&&h&&`text-color_${h}`,!m&&!u&&H&&`text-color_hover_${H}`,m&&!u&&T&&`text-color_active_hover_${T}`,m&&!u&&P&&`text-color_active_${P}`,B&&`text-font_${B}`,$&&`text-style_${$}`,X&&`word-wrap_${X}`,w&&`text-decoration_${w}`,F&&`text-truncate_${F}`,S&&"skeleton",j&&`width_${j}`,k&&`cursor_${k}`,z&&(c||"cursor_type_pointer")),"data-testid":t,"data-tour":s,style:Object.assign({},L,d),onClick:z,onDoubleClick:C,children:[p,_||n,x]})}const x={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"}},m={appearance:x,setAppearance:e=>{m.appearance=e}};function u(r){const{appearance:l,className:t,dataTestId:s,dataTour:n,text:c,afterWrapper:d,beforeWrapper:f,style:y,tag:p="span",before:x,after:u,isActive:S,isDisabled:z,isSkeleton:C,onClick:_,children:g}=r,v=o.useAppearanceConfig(l,m,z),P=o.useDevicePropsGenerator(r,v),{directionClass:T,size:h,fillClass:A,fillHoverClass:H,textAlignClass:w,textColorActiveClass:B,textColorActiveHoverClass:$,textColorClass:F,textColorDisabledClass:I,textColorHoverClass:X,textFontClass:k,textStyleClass:M,textTruncateClass:j,textWeightClass:L,textWrap:D,heightClass:N,iconAfter:Q,iconAfterFill:W,iconAfterFillIcon:E,iconAfterFillSize:V,iconAfterShape:q,iconAfterSize:G,iconAfterSrc:O,iconBadgeAppearance:R,iconBadgeShape:U,iconBadgeSize:K,iconBadgeTextColor:J,iconBadgeTextSize:Y,iconBadgeValue:Z,iconBefore:ee,iconBeforeFill:re,iconBeforeFillIcon:ie,iconBeforeFillSize:ae,iconBeforeShape:oe,iconBeforeSize:le,iconBeforeSrc:te,svgFillClass:se,svgFillHoverClass:ne,widthClass:ce,wrapperDirectionClass:de,onClickIconAfter:fe,onClickIconBefore:ye}=P,{styles:pe,wrapper:xe}=o.useStyles(r),me=i.useMemo(()=>p||(h||"span"),[p,h]);return e.jsxs(me,{className:a(t,"title",A&&`fill_${A}`,H&&`fill_hover_${H}`,se&&`svg_fill_${se}`,ne&&`svg_fill_hover_${ne}`,ce&&`width_${ce}`,N&&`height_${N}`,h&&`title_size_${h}`,T&&`title_direction_${T}`,z&&I&&`text-color_${I}`,!S&&!z&&F&&`text text-color_${F}`,S&&!z&&B&&`text-color_active_${B}`,!S&&!z&&X&&`text-color_hover_${X}`,S&&!z&&$&&`text-color_active_hover${$}`,k&&`text-font_${k}`,M&&`text-style_${M}`,L&&`text-weight_${L}`,D&&`word-wrap_${D}`,Z&&"title_badge",C&&"skeleton"),"data-testid":s,"data-tour":n,style:Object.assign({},pe,y),onClick:_,children:[x,e.jsxs("span",{className:a(w&&`text-align_${w}`,de&&`title_direction_${de}`,"title__wrapper",j&&`text-truncate_${j}`),style:xe,children:[(ee||te)&&e.jsx(b,{className:a("title__icon_before",Z&&"title__icon_before-badge"),fill:re,fillSize:ae,badgeAppearance:R,badgeClass:"title__icon_before_badge",badgeShape:U,badgeSize:K,badgeTextColor:J,badgeTextSize:Y,badgeValue:Z,iconFill:ie,iconSize:le,imageSrc:te,shape:oe,SvgImage:ee,onClick:ye}),f,g||c,d,(Q||O)&&e.jsx(b,{className:a("title__icon_after",Z&&"title__icon_after-badge"),fill:W,fillSize:V,badgeAppearance:R,badgeClass:"title__icon_after_badge",badgeShape:U,badgeSize:K,badgeTextColor:J,badgeTextSize:Y,badgeValue:Z,iconFill:E,iconSize:G,imageSrc:O,shape:q,SvgImage:Q,onClick:fe})]}),u]})}const S={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:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},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"}},z={appearance:S,setAppearance:e=>{z.appearance=e}},C=i.forwardRef(function(r,l){const{appearance:t,className:s,dataTestId:n,dataTour:c,initialIsVisible:d,title:f,text:y,showArrow:x=!0,before:m,after:S,openTimeoutDelay:C=500,closeTimeoutDelay:_=250,isSkeleton:g,children:b}=r,v=i.useRef(null),P=i.useRef(null),T=i.useRef(null),h=i.useRef(!1),[A,H]=i.useState(d),w=i.useCallback(()=>{h.current||(P.current&&clearTimeout(P.current),T.current=setTimeout(()=>{H(!0)},C))},[C]),B=i.useCallback(()=>{T.current&&clearTimeout(T.current),P.current=setTimeout(()=>{H(e=>(!0===e&&(h.current=!0),!1))},_)},[_]),$=i.useCallback(()=>{h.current=!1},[]);i.useImperativeHandle(l,()=>({get tooltipElement(){return v.current},openTooltip:w,closeTooltip:B,isTooltipVisible:A}),[A,w,B]);const F=o.useAppearanceConfig(t,z),I=o.useDevicePropsGenerator(r,F),{alignClass:X,alignDirectionClass:k,alignmentClass:M,alignPosition:j,fillClass:L,titleColor:D,titleSize:N,titleWeight:Q,borderColorClass:W,borderTypeClass:E,borderWidthClass:V,textColor:q,textSize:G,textWeight:O,arrowPosition:R,elevationClass:U,shapeClass:K,sizeClass:J,widthClass:Y}=I,{styles:Z}=o.useStyles(r);return e.jsxs("div",{className:a(s,"tooltip",j&&`tooltip_align-position_${j}`,k&&`align_${k}`,X&&`align_${X}`,U&&`elevation_${U}`,M&&`alignment_${M}`,J&&`tooltip_size_${J}`,g&&"skeleton",Y&&`width_${Y}`),ref:v,"data-testid":n,"data-tour":c,style:Z,onAnimationEnd:$,children:[R&&x&&e.jsx("div",{className:a("tooltip__arrow",R&&`tooltip__arrow_position_${R}`,L&&`fill_${L}`),children:" "}),m,e.jsxs("div",{className:a("tooltip__inner",V&&`border-width_${V}`,W&&`border-color_${W}`,E&&`border_type_${E}`,L&&`fill_${L}`,K&&`shape_${K}`),children:[f&&e.jsx(u,{className:"tooltip__title text",size:N,textColor:D,textWeight:Q,children:f}),y&&e.jsx(p,{className:"tooltip__text",size:G,textColor:q,textWeight:O,children:y}),b]}),S]})}),_={disabledPrimary:{fill:"surfacePrimary",borderColor:"surfaceBorderPrimary",badgeAppearance:"surfacePrimary sizeM solid rounded",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 sizeM solid rounded",iconFill:"accentItemPrimary"},accentSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",borderColor:"accentBorderPrimary",iconFill:"accentItemPrimary"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},dangerPrimary:{fill:"dangerPrimary",fillHover:"dangerHoverPrimary",borderColor:"dangerBorderSecondary",badgeAppearance:"surfacePrimary sizeM solid rounded",iconFill:"dangerItemPrimary"},errorPrimary:{fill:"errorPrimary",fillHover:"errorHoverPrimary",borderColor:"errorBorderPrimary",badgeAppearance:"surfacePrimary sizeM solid rounded",iconFill:"errorItemPrimary"},infoPrimary:{fill:"infoPrimary",borderColor:"infoBorderPrimary",badgeAppearance:"surfacePrimary sizeM solid rounded",iconFill:"infoItemPrimary"},infoSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",borderColor:"accentBorderPrimary",iconFill:"infoItemSecondary"},specialPrimary:{fill:"specialPrimary",fillHover:"specialHoverPrimary",borderColor:"specialBorderQuaternary",badgeAppearance:"surfacePrimary sizeM solid rounded",iconFill:"specialItemPrimary"},extraPrimary:{fill:"extraPrimary",fillHover:"extraHoverPrimary",borderColor:"extraBorderQuaternary",badgeAppearance:"surfacePrimary sizeM solid rounded",iconFill:"extraItemPrimary"},successPrimary:{fill:"successPrimary",fillHover:"successHoverPrimary",borderColor:"successBorderPrimary",badgeAppearance:"surfacePrimary sizeM solid rounded",iconFill:"successItemPrimary"},surfacePrimary:{fill:"surfacePrimary",fillHover:"surfaceHoverSecondary",borderColor:"surfaceBorderTertiary",badgeAppearance:"surfacePrimary sizeM solid rounded",iconFill:"surfaceItemPrimary"},surfaceQuaternary:{fill:"surfaceQuaternary",fillHover:"surfaceHoverQuaternary",badgeAppearance:"accentPrimary sizeM solid rounded",iconFill:"surfaceItemPrimary"},surfaceSecondary:{fill:"surfaceSecondary",fillHover:"surfaceHoverTertiary",badgeAppearance:"accentPrimary sizeM solid rounded",iconFill:"surfaceItemPrimary"},surfaceTertiary:{fill:"surfaceTertiary",fillHover:"surfaceHoverTertiary",badgeAppearance:"accentPrimary sizeM solid rounded",iconFill:"surfaceItemPrimary"},warningPrimary:{fill:"warningPrimary",fillHover:"warningHoverPrimary",borderColor:"warningBorderSecondary",badgeAppearance:"surfacePrimary sizeM solid rounded",iconFill:"warningItemPrimary"}},g={appearance:_,setAppearance:e=>{g.appearance=e}},b=t.urlWithAssetPrefix(i.forwardRef(function(r,t){const{id:n,appearance:c,className:f,dataTestId:y,dataTour:p,width:x,height:m,badgeClass:u,href:S,imageSrc:z,link:_,linkRel:b,linkTarget:P,notification:T,saveFillStroke:A,showTooltip:H,SvgImage:w,svgImageStyles:B,before:$,after:F,isActive:I,isDisabled:X,isSkeleton:k,onClick:M,onMouseEnter:j,onMouseLeave:L}=r,D=i.useMemo(()=>{if(w){const r=w,i={};return x&&(i.width=x),m&&(i.height=m),e.jsx(r,{...i,...B})}return z?z.endsWith(".svg")?A?e.jsx(l,{src:z}):e.jsx(l,{src:z,preProcessor:v}):e.jsx("img",{src:z}):null},[w,z,x,m,B,A]),N=o.useAppearanceConfig(c,g,X),Q=o.useDevicePropsGenerator(r,N),{alignmentClass:W,fillActiveClass:E,fillActiveHoverClass:V,fillClass:q,fillDisabledClass:G,fillHoverClass:O,fillSizeClass:R,borderColorClass:U,borderColorHoverClass:K,borderTypeClass:J,borderWidthClass:Y,badgeAppearance:Z,badgeAppearanceSize:ee,badgeShape:re,badgeSize:ie,badgeTextColor:ae,badgeTextSize:oe,badgeValue:le,centeringClass:te,iconFillActiveClass:se,iconFillActiveHoverClass:ne,iconFillClass:ce,iconFillDisabledClass:de,iconFillHoverClass:fe,iconSizeClass:ye,shapeClass:pe,tooltipAppearance:xe,tooltipText:me,tooltipTextSize:ue,tooltipTitle:Se,tooltipTitleSize:ze}=Q,{styles:Ce}=o.useStyles(r);return e.jsxs("div",{id:n,className:a(f,"icon",I?E&&`fill_active_${E}`:q&&`fill_${q}`,I?V&&`fill_active_hover_${V}`:O&&`fill_hover_${O}`,R&&`icon_fill_size_${R}`,G&&`fill_disabled_${G}`,I?se&&`icon_fill_active_${se}`:ce&&`icon_fill_${ce}`,I?ne&&`icon_fill_active_hover_${ne}`:fe&&`icon_fill_hover_${fe}`,X&&de&&`icon_fill_disabled_${de}`,pe&&`shape_${pe}`,U&&`border-color_${U}`,K&&`border-color_hover_${K}`,Y&&`border-width_${Y}`,J&&`border_type_${J}`,le&&"icon_with-badge",te&&`centering_${te}`,M&&"cursor_type_pointer",k&&"skeleton",X&&"icon_state_disabled"),ref:t,"data-testid":y,"data-tour":p,style:Ce,onClick:M,onMouseEnter:j,onMouseLeave:L,children:[$,e.jsxs(d,{className:a((_||S||M)&&"cursor_type_pointer",_||S?"icon__link":"icon__item",ye&&`icon_size_${ye}`),href:_||S,LinkComponent:"div",rel:b,target:P,children:[D,(le||T)&&e.jsx(h,{appearance:s.mergeAppearanceKeys(Z,ee),className:a(u,"icon__badge"),size:ie,textColor:ae,textSize:oe,shape:re,value:le}),H&&e.jsx(C,{appearance:xe,className:a(f,"icon__tooltip",W&&`alignment_${W}`),title:Se,titleSize:ze,text:me,textSize:ue})]}),F]})})),v=e=>e.replace(/fill=".*?"/g,'fill=""').replace(/stroke=".*?"/g,'stroke=""'),P={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:"xxs",iconSize:"24"},sizeXXS:{size:"xxs",textSize:"xxs",iconSize:"24"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},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"}},T={appearance:P,setAppearance:e=>{T.appearance=e}};function h(r){const{appearance:i,className:l,dataTestId:t,dataTour:s,dot:n,icon:c,iconSrc:d,value:f,isSkeleton:y,children:x}=r,m=Boolean(f||0===f),u=o.useAppearanceConfig(i,T),S=o.useDevicePropsGenerator(r,u),{fillClass:z,fillHoverClass:C,borderColorClass:_,borderColorHoverClass:g,borderTypeClass:v,borderWidthClass:P,textColor:h,textSize:A,dotFillClass:H,iconFill:w,iconShape:B,iconSize:$,shapeClass:F,sizeClass:I}=S,{styles:X}=o.useStyles(r),k=m?c?n?"badge_type_dot-icon-counter":"badge_type_icon-counter":"badge_type_counter":c?"badge_type_icon":n?"badge_type_dot":"badge_type_fill";return e.jsxs("div",{className:a(l,"badge",_&&`border-color_${_}`,g&&`border-color_hover_${g}`,P&&`border-width_${P}`,v&&`border_type_${v}`,z&&`fill_${z}`,C&&`fill_hover_${C}`,I&&`badge_size_${I}`,F&&`shape_${F}`,k,y&&"skeleton"),"data-testid":t,"data-tour":s,style:X,children:[n&&e.jsx("div",{className:a("badge__dot",H&&`svg_fill_${H}`),children:e.jsx("svg",{width:"6",height:"6",viewBox:"0 0 6 6",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("rect",{width:"6",height:"6",rx:"50"})})}),c&&e.jsx(b,{className:"badge__icon",size:$,iconFill:w,imageSrc:d,shape:B,SvgImage:c}),x||m&&e.jsx(p,{className:"badge__value",size:A,textColor:h,children:f})]})}const A={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"}},H={appearance:A,setAppearance:e=>{H.appearance=e}};function w(r){const{appearance:i,className:l,dataTestId:t,dataTour:s,print:n,isActive:c,isDisabled:d,isSkeleton:f}=r,y=o.useAppearanceConfig(i,H),p=o.useDevicePropsGenerator(r,y),{directionClass:x,fillActiveClass:m,fillActiveHoverClass:u,fillClass:S,fillDisabledClass:z,fillHoverClass:C,shapeClass:_,sizeClass:g,widthClass:b}=p,{styles:v}=o.useStyles(r);return e.jsx("hr",{className:a(l,"divider",b&&`width_${b}`,x&&`divider_direction_${x}`,_&&`shape_${_}`,g&&`divider_size_${g}`,c?m&&`fill_active_${m}`:S&&`fill_${S}`,c?u&&`fill_active_hover_${u}`:C&&`fill_hover_${C}`,d&&z&&`fill_disabled_${z}`,f&&"skeleton",!n&&"no-print",n&&"print"),"data-testid":t,"data-tour":s,style:v})}const B={accentPrimary:{fill:"accentPrimary",fillActive:"accentActivePrimary",fillActiveHover:"accentActiveHoverPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextPrimary",labelTextColorActive:"accentTextPrimary",labelTextColorActiveHover:"accentTextPrimary",labelTextColorHover:"accentTextPrimary",badgeAppearance:"surfacePrimary sizeM solid rounded",dividerFill:"surfaceTertiary",emptyMessageTextColor:"accentTextPrimary",iconAfterFillIcon:"accentItemPrimary",iconBeforeFillIcon:"accentItemPrimary"},accentSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextSecondary",labelTextColorHover:"accentTextSecondary"}},$={circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"}},F={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"}},I={solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"}},X={surfacePrimary:{fill:"surfacePrimary",fillActive:"surfaceActivePrimary",fillHover:"surfaceHoverPrimary",labelTextColor:"surfaceTextPrimary",labelTextColorActive:"surfaceTextPrimary",labelTextColorActiveHover:"surfaceTextPrimary",labelTextColorHover:"surfaceTextPrimary",badgeAppearance:"accentPrimary sizeM solid rounded",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"}},k={appearance:{...X,...I,...$,...B,...F},setAppearance:e=>{k.appearance=e}};const M={...X,...I,...$,...B,...F},j={appearance:M,setAppearance:e=>{j.appearance=e}};function L(r){const{appearance:l,className:t,dataTestId:s,dataTour:n,label:c,desc:d,badgeValue:f,emptyMessage:y,showDivider:x,before:m,after:u,isActive:S,isDisabled:z,isSkeleton:C,isHover:_,onClick:g,onMouseEnter:v,children:P}=r,T=o.useAppearanceConfig(l,j),A=o.useDevicePropsGenerator(r,T),{directionClass:H,justifyContentClass:B,fillActiveClass:$,fillActiveHoverClass:F,fillClass:I,fillDisabledClass:X,fillHoverClass:k,labelTextAlign:M,labelTextColor:L,labelTextColorActive:D,labelTextColorActiveHover:N,labelTextColorHover:Q,labelTextSize:W,labelTextStyle:E,labelTextWeight:V,labelTextWrap:q,descTextColor:G,descTextColorHover:O,descTextGradient:R,descTextSize:U,descTextStyle:K,descTextWeight:J,descTextWrap:Y,badgeAppearance:Z,badgeShape:ee,badgeSize:re,badgeTextColor:ie,badgeTextSize:ae,dividerDirection:oe,dividerFill:le,dividerSize:te,emptyMessageTextColor:se,emptyMessageTextColorHover:ne,emptyMessageTextSize:ce,emptyMessageTextStyle:de,emptyMessageTextWeight:fe,emptyMessageTextWrap:ye,iconAfter:pe,iconAfterActive:xe,iconAfterFill:me,iconAfterFillIcon:ue,iconAfterFillSize:Se,iconAfterShape:ze,iconAfterSize:Ce,iconAfterSrc:_e,iconBadgeAppearance:ge,iconBadgeShape:be,iconBadgeSize:ve,iconBadgeTextColor:Pe,iconBadgeTextSize:Te,iconBadgeValue:he,iconBefore:Ae,iconBeforeActive:He,iconBeforeFill:we,iconBeforeFillIcon:Be,iconBeforeFillSize:$e,iconBeforeShape:Fe,iconBeforeSize:Ie,iconBeforeSrc:Xe,shapeClass:ke,sizeClass:Me,widthClass:je}=A,{styles:Le}=o.useStyles(r);return e.jsxs("div",{className:a("dropdown__item",S&&"dropdown__item_state_active",_&&"dropdown__item_state_hover",H&&`dropdown__item_direction_${H}`,t,S?$&&`fill_active_${$}`:I&&`fill_${I}`,S?F&&`fill_active_hover_${F}`:k&&`fill_hover_${k}`,X&&`fill_disabled_${X}`,Me&&`dropdown__item_size_${Me}`,ke&&`shape_${ke}`,je&&`dropdown__item_width_${je}`,z&&"dropdown__item_state_disabled",g&&"cursor_type_pointer",C&&"skeleton",B&&`dropdown__item_justify-content_${B}`),"data-testid":s,"data-tour":n,style:Le,onClick:g,onMouseEnter:v,children:[e.jsx("div",{className:"dropdown__item-wrapper",children:e.jsxs(i.Fragment,{children:[m,(Ae||Xe||He&&S)&&e.jsx(b,{className:a("dropdown__item_before",he&&"dropdown__item_before-badge"),fill:we,fillSize:$e,badgeAppearance:ge,badgeClass:"dropdown__item_before_badge",badgeShape:be,badgeSize:ve,badgeTextColor:Pe,badgeTextSize:Te,badgeValue:he,iconFill:Be,iconSize:Ie,imageSrc:Xe,shape:Fe,SvgImage:He&&S?He:Ae}),P||e.jsxs(i.Fragment,{children:[c&&e.jsx(p,{className:"dropdown__item-label",size:W,textAlign:M,textColor:L,textColorActive:D,textColorActiveHover:N,textColorHover:Q,textStyle:E,textWeight:V,textWrap:q,isActive:S,children:c}),f&&e.jsx(h,{appearance:Z,size:re,textColor:ie,textSize:ae,shape:ee,value:f}),d&&e.jsx(p,{className:"dropdown__item-desc",size:U,textColor:G,textColorGradient:R,textColorHover:O,textStyle:K,textWeight:J,textWrap:Y,isActive:S,children:d}),y&&e.jsx(p,{className:"dropdown__item",size:ce,textColor:se,textColorHover:ne,textStyle:de,textWeight:fe,textWrap:ye,isActive:S,children:y})]}),u,(pe||_e||xe&&S)&&e.jsx(b,{className:a("dropdown__item_after",he&&"dropdown__item_after-badge"),fill:me,fillSize:Se,badgeAppearance:ge,badgeClass:"dropdown__item_after_badge",badgeShape:be,badgeSize:ve,badgeTextColor:Pe,badgeTextSize:Te,badgeValue:he,iconFill:ue,iconSize:Ce,imageSrc:_e,shape:ze,SvgImage:xe&&S?xe:pe})]})}),x&&e.jsx(w,{width:"fill",direction:oe,size:te,fill:le})]})}exports.Badge=h,exports.Divider=w,exports.Dropdown=function(r){const{appearance:l,className:t,dataTestId:s,dataTour:n,animationClose:c="dropdown_animation_close",animationOpen:d="dropdown_animation_open",dropdownList:f,showDivider:y,before:p,after:x,isSkeleton:m,isOpen:u,setIsOpen:S,onClickItem:z,children:C}=r,_=i.useRef(null),g=o.useAppearanceConfig(l,k),[b,v]=i.useState({className:""}),P=i.useCallback(()=>{v(e=>({className:u?e.className:""}))},[u]);i.useEffect(()=>{d&&c&&v(()=>({className:u?d:c}))},[u,d,c]),i.useEffect(()=>{function e(e){const r=_.current;if(r&&d){const i=r.contains(e.target),a=r.classList.contains(d);!i&&a&&S(!1)}}return window.addEventListener("click",e),()=>{window.removeEventListener("click",e)}},[d,S]);const T=o.useDevicePropsGenerator(r,g),{alignmentClass:h,fillClass:A,elevationClass:H,shapeClass:w,sizeClass:B}=T,{styles:$}=o.useStyles(r);return e.jsxs("div",{className:a(t,"dropdown",h&&`alignment_${h}`,A&&`fill_${A}`,H&&`elevation_${H}`,w&&`shape_${w}`,B&&`dropdown_size_${B}`,u?"dropdown_state_open":"dropdown_state_close",b.className),ref:_,"data-testid":s,"data-tour":n,style:$,children:[p,(C||f)&&e.jsxs("div",{className:a("dropdown__wrapper"),onAnimationEnd:P,children:[f?.map(r=>e.jsx(L,{appearance:l,dataTestId:s&&`${s}Item`,label:r.label,badgeValue:r.badgeValue,emptyMessage:r.emptyMessage,iconAfter:r.iconAfter,iconBefore:r.iconBefore,iconSrc:r.icon,showDivider:y,isActive:r.isActive,isSkeleton:m,onClick:r.onClick||(e=>z?.(r,e))},r.key)),C]}),x]})},exports.DropdownItem=L,exports.Icon=b,exports.Link=function(r){const{appearance:i,className:l,dataTestId:t,dataTour:s,text:n,href:f,link:y,LinkComponent:p,rel:x,style:m,target:u,before:S,after:z,isDisabled:C,onClick:_,onMouseDown:g,onPointerCancel:b,onPointerDown:v,onPointerLeave:P,onPointerUp:T,children:h}=r,A=o.useAppearanceConfig(i,c,C),H=o.useDevicePropsGenerator(r,A),{directionClass:w,fillClass:B,fillHoverClass:$,borderColorClass:F,borderColorHoverClass:I,borderTypeClass:X,borderWidthClass:k,textColorClass:M,textColorHoverClass:j,textGradientClass:L,textStyleClass:D,textWeightClass:N,heightClass:Q,shapeClass:W,sizeClass:E,svgFillClass:V,svgFillHoverClass:q,underline:G="underline",widthClass:O}=H,{styles:R}=o.useStyles(r);return e.jsxs(d,{className:a(l,"link",O&&`width_${O}`,Q&&`height_${Q}`,w&&`link_direction_${w}`,E&&`text_size_${E}`,V&&`svg_fill_${V}`,q&&`svg_fill_hover_${q}`,G&&`link_underline_${G}`,"text",(M||j||L||D||N)&&"text",M&&`text-color_${M}`,j&&`text-color_hover_${j}`,L&&`text-gradient_${L}`,D&&`text-style_${D}`,N&&`text-weight_${N}`,B&&`fill_${B}`,$&&`fill_hover_${$}`,F&&`border-color_${F}`,I&&`border-color_hover_${I}`,k&&`border-width_${k}`,X&&`border_type_${X}`,W&&`link_shape_${W}`),"data-testid":t,"data-tour":s,href:f||y,LinkComponent:p,rel:x,style:Object.assign({},R,m),target:u,onClick:_,onMouseDown:g,onPointerCancel:b,onPointerDown:v,onPointerLeave:P,onPointerUp:T,children:[S,h||n,z]})},exports.LinkWrapper=d,exports.Text=p,exports.Title=u,exports.Tooltip=C,exports.TooltipWrapper=i=>{const{zIndex:a,destroyOnHidden:o=!1,placement:l="right",tooltipContent:t,trigger:s="hover",openDelay:n=.5,closeDelay:c=.25,isOpen:d,children:f,...y}=i;return e.jsx(r,{zIndex:a,destroyOnHidden:o,mouseEnterDelay:n,mouseLeaveDelay:c,overlay:e.jsx(C,{initialIsVisible:!0,...y,children:t}),placement:l,prefixCls:"tooltip-wrapper",trigger:s,visible:d,children:f})},exports.badgeAppearance=P,exports.badgeConfig=T,exports.dividerAppearance=A,exports.dividerConfig=H,exports.dropdownItemAppearance=M,exports.dropdownItemConfig=j,exports.iconAppearance=_,exports.iconConfig=g,exports.linkAppearance=n,exports.linkConfig=c,exports.textAppearance=f,exports.textConfig=y,exports.titleAppearance=x,exports.titleConfig=m,exports.tooltipAppearance=S,exports.tooltipConfig=z;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs 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 y,useStyles as m}from"@itcase/ui-core/hooks";import z from"react-inlinesvg";import{urlWithAssetPrefix as S}from"@itcase/ui-core/hoc";import{mergeAppearanceKeys as p}from"@itcase/ui-core/utils";const x={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"}},u={appearance:x,LinkComponent:"a",setAppearance:e=>{u.appearance=e},setLinkComponent:e=>{u.LinkComponent=e}};function _(e){const{appearance:i,className:a,dataTestId:o,dataTour:l,text:t,href:s,link:n,LinkComponent:c,rel:z,style:S,target:p,before:x,after:_,isDisabled:C,onClick:g,onMouseDown:v,onPointerCancel:P,onPointerDown:T,onPointerLeave:h,onPointerUp:A,children:H}=e,B=f(i,u,C),$=y(e,B),{directionClass:w,fillClass:F,fillHoverClass:X,borderColorClass:I,borderColorHoverClass:k,borderTypeClass:M,borderWidthClass:L,textColorClass:N,textColorHoverClass:Q,textGradientClass:D,textStyleClass:W,textWeightClass:V,heightClass:E,shapeClass:O,sizeClass:j,svgFillClass:q,svgFillHoverClass:G,underline:R="underline",widthClass:U}=$,{styles:J}=m(e);return r(b,{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",(N||Q||D||W||V)&&"text",N&&`text-color_${N}`,Q&&`text-color_hover_${Q}`,D&&`text-gradient_${D}`,W&&`text-style_${W}`,V&&`text-weight_${V}`,F&&`fill_${F}`,X&&`fill_hover_${X}`,I&&`border-color_${I}`,k&&`border-color_hover_${k}`,L&&`border-width_${L}`,M&&`border_type_${M}`,O&&`link_shape_${O}`),"data-testid":o,"data-tour":l,href:s||n,LinkComponent:c,rel:z,style:Object.assign({},J,S),target:p,onClick:g,onMouseDown:v,onPointerCancel:P,onPointerDown:T,onPointerLeave:h,onPointerUp:A,children:[x,H||t,_]})}function b(r){const{href:i,LinkComponent:o,rel:l,target:t,children:s,...n}=r;if(i){const r=o||u.LinkComponent;if(r)return e(r,{href:i,rel:l,target:t,...n,children:s})}else if(o)return e(o,{...n,children:s});return a.Children.toArray(s).filter(Boolean).map(e=>a.isValidElement(e)?a.cloneElement(e,n):e)}const C={sizeXXL:{size:"xxl"},sizeXL:{size:"xl"},sizeL:{size:"l"},sizeM:{size:"m"},sizeS:{size:"s"},sizeXS:{size:"xs"},sizeXXS:{size:"xxs"}},g={appearance:C,setAppearance:e=>{g.appearance=e}};function v(e){const{appearance:i,className:a,dataTestId:o,dataTour:l,text:t,cursor:s,style:n,tag:c="span",before:z,after:S,isActive:p,isDisabled:x,isSkeleton:u,onClick:_,onDoubleClick:b,children:C}=e,v=f(i,g,x),P=y(e,v),{textAlignClass:T,textColorActiveClass:h,textColorActiveHoverClass:A,textColorClass:H,textColorDisabledClass:B,textColorHoverClass:$,textDecorationClass:w,textFontClass:F,textStyleClass:X,textTruncateClass:I,textWeightClass:k,textWrapClass:M,cursorClass:L,sizeClass:N,widthClass:Q}=P,{styles:D}=m(e);return r(c,{className:d(a,"text",N&&`text_size_${N}`,k&&`text-weight_${k}`,T&&`text-align_${T}`,x&&B&&`text-color_${B}`,!p&&!x&&H&&`text-color_${H}`,!p&&!x&&$&&`text-color_hover_${$}`,p&&!x&&A&&`text-color_active_hover_${A}`,p&&!x&&h&&`text-color_active_${h}`,F&&`text-font_${F}`,X&&`text-style_${X}`,M&&`word-wrap_${M}`,w&&`text-decoration_${w}`,I&&`text-truncate_${I}`,u&&"skeleton",Q&&`width_${Q}`,L&&`cursor_${L}`,_&&(s||"cursor_type_pointer")),"data-testid":o,"data-tour":l,style:Object.assign({},D,n),onClick:_,onDoubleClick:b,children:[z,C||t,S]})}const P={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"}},T={appearance:P,setAppearance:e=>{T.appearance=e}};function h(i){const{appearance:a,className:l,dataTestId:t,dataTour:s,text:n,afterWrapper:c,beforeWrapper:z,style:S,tag:p="span",before:x,after:u,isActive:_,isDisabled:b,isSkeleton:C,onClick:g,children:v}=i,P=f(a,T,b),h=y(i,P),{directionClass:A,size:H,fillClass:B,fillHoverClass:$,textAlignClass:w,textColorActiveClass:F,textColorActiveHoverClass:I,textColorClass:k,textColorDisabledClass:M,textColorHoverClass:L,textFontClass:N,textStyleClass:Q,textTruncateClass:D,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:ye,wrapperDirectionClass:me,onClickIconAfter:ze,onClickIconBefore:Se}=h,{styles:pe,wrapper:xe}=m(i),ue=o(()=>p||(H||"span"),[p,H]);return r(ue,{className:d(l,"title",B&&`fill_${B}`,$&&`fill_hover_${$}`,de&&`svg_fill_${de}`,fe&&`svg_fill_hover_${fe}`,ye&&`width_${ye}`,E&&`height_${E}`,H&&`title_size_${H}`,A&&`title_direction_${A}`,b&&M&&`text-color_${M}`,!_&&!b&&k&&`text text-color_${k}`,_&&!b&&F&&`text-color_active_${F}`,!_&&!b&&L&&`text-color_hover_${L}`,_&&!b&&I&&`text-color_active_hover${I}`,N&&`text-font_${N}`,Q&&`text-style_${Q}`,W&&`text-weight_${W}`,V&&`word-wrap_${V}`,ie&&"title_badge",C&&"skeleton"),"data-testid":t,"data-tour":s,style:Object.assign({},pe,S),onClick:g,children:[x,r("span",{className:d(w&&`text-align_${w}`,me&&`title_direction_${me}`,"title__wrapper",D&&`text-truncate_${D}`),style:xe,children:[(ae||ce)&&e(X,{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}),z,v||n,c,(O||J)&&e(X,{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:ze})]}),u]})}const A={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:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},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"}},H={appearance:A,setAppearance:e=>{H.appearance=e}},B=a.forwardRef(function(i,a){const{appearance:o,className:c,dataTestId:z,dataTour:S,initialIsVisible:p,title:x,text:u,showArrow:_=!0,before:b,after:C,openTimeoutDelay:g=500,closeTimeoutDelay:P=250,isSkeleton:T,children:A}=i,B=l(null),$=l(null),w=l(null),F=l(!1),[X,I]=t(p),k=s(()=>{F.current||($.current&&clearTimeout($.current),w.current=setTimeout(()=>{I(!0)},g))},[g]),M=s(()=>{w.current&&clearTimeout(w.current),$.current=setTimeout(()=>{I(e=>(!0===e&&(F.current=!0),!1))},P)},[P]),L=s(()=>{F.current=!1},[]);n(a,()=>({get tooltipElement(){return B.current},openTooltip:k,closeTooltip:M,isTooltipVisible:X}),[X,k,M]);const N=f(o,H),Q=y(i,N),{alignClass:D,alignDirectionClass:W,alignmentClass:V,alignPosition:E,fillClass:O,titleColor:j,titleSize:q,titleWeight:G,borderColorClass:R,borderTypeClass:U,borderWidthClass:J,textColor:K,textSize:Y,textWeight:Z,arrowPosition:ee,elevationClass:re,shapeClass:ie,sizeClass:ae,widthClass:oe}=Q,{styles:le}=m(i);return r("div",{className:d(c,"tooltip",E&&`tooltip_align-position_${E}`,W&&`align_${W}`,D&&`align_${D}`,re&&`elevation_${re}`,V&&`alignment_${V}`,ae&&`tooltip_size_${ae}`,T&&"skeleton",oe&&`width_${oe}`),ref:B,"data-testid":z,"data-tour":S,style:le,onAnimationEnd:L,children:[ee&&_&&e("div",{className:d("tooltip__arrow",ee&&`tooltip__arrow_position_${ee}`,O&&`fill_${O}`),children:" "}),b,r("div",{className:d("tooltip__inner",J&&`border-width_${J}`,R&&`border-color_${R}`,U&&`border_type_${U}`,O&&`fill_${O}`,ie&&`shape_${ie}`),children:[x&&e(h,{className:"tooltip__title text",size:q,textColor:j,textWeight:G,children:x}),u&&e(v,{className:"tooltip__text",size:Y,textColor:K,textWeight:Z,children:u}),A]}),C]})}),$=r=>{const{zIndex:a,destroyOnHidden:o=!1,placement:l="right",tooltipContent:t,trigger:s="hover",openDelay:n=.5,closeDelay:c=.25,isOpen:d,children:f,...y}=r;return e(i,{zIndex:a,destroyOnHidden:o,mouseEnterDelay:n,mouseLeaveDelay:c,overlay:e(B,{initialIsVisible:!0,...y,children:t}),placement:l,prefixCls:"tooltip-wrapper",trigger:s,visible:d,children:f})},w={disabledPrimary:{fill:"surfacePrimary",borderColor:"surfaceBorderPrimary",badgeAppearance:"surfacePrimary sizeM solid rounded",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 sizeM solid rounded",iconFill:"accentItemPrimary"},accentSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",borderColor:"accentBorderPrimary",iconFill:"accentItemPrimary"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},dangerPrimary:{fill:"dangerPrimary",fillHover:"dangerHoverPrimary",borderColor:"dangerBorderSecondary",badgeAppearance:"surfacePrimary sizeM solid rounded",iconFill:"dangerItemPrimary"},errorPrimary:{fill:"errorPrimary",fillHover:"errorHoverPrimary",borderColor:"errorBorderPrimary",badgeAppearance:"surfacePrimary sizeM solid rounded",iconFill:"errorItemPrimary"},infoPrimary:{fill:"infoPrimary",borderColor:"infoBorderPrimary",badgeAppearance:"surfacePrimary sizeM solid rounded",iconFill:"infoItemPrimary"},infoSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",borderColor:"accentBorderPrimary",iconFill:"infoItemSecondary"},specialPrimary:{fill:"specialPrimary",fillHover:"specialHoverPrimary",borderColor:"specialBorderQuaternary",badgeAppearance:"surfacePrimary sizeM solid rounded",iconFill:"specialItemPrimary"},extraPrimary:{fill:"extraPrimary",fillHover:"extraHoverPrimary",borderColor:"extraBorderQuaternary",badgeAppearance:"surfacePrimary sizeM solid rounded",iconFill:"extraItemPrimary"},successPrimary:{fill:"successPrimary",fillHover:"successHoverPrimary",borderColor:"successBorderPrimary",badgeAppearance:"surfacePrimary sizeM solid rounded",iconFill:"successItemPrimary"},surfacePrimary:{fill:"surfacePrimary",fillHover:"surfaceHoverSecondary",borderColor:"surfaceBorderTertiary",badgeAppearance:"surfacePrimary sizeM solid rounded",iconFill:"surfaceItemPrimary"},surfaceQuaternary:{fill:"surfaceQuaternary",fillHover:"surfaceHoverQuaternary",badgeAppearance:"accentPrimary sizeM solid rounded",iconFill:"surfaceItemPrimary"},surfaceSecondary:{fill:"surfaceSecondary",fillHover:"surfaceHoverTertiary",badgeAppearance:"accentPrimary sizeM solid rounded",iconFill:"surfaceItemPrimary"},surfaceTertiary:{fill:"surfaceTertiary",fillHover:"surfaceHoverTertiary",badgeAppearance:"accentPrimary sizeM solid rounded",iconFill:"surfaceItemPrimary"},warningPrimary:{fill:"warningPrimary",fillHover:"warningHoverPrimary",borderColor:"warningBorderSecondary",badgeAppearance:"surfacePrimary sizeM solid rounded",iconFill:"warningItemPrimary"}},F={appearance:w,setAppearance:e=>{F.appearance=e}},X=S(a.forwardRef(function(i,a){const{id:l,appearance:t,className:s,dataTestId:n,dataTour:c,width:S,height:x,badgeClass:u,href:_,imageSrc:C,link:g,linkRel:v,linkTarget:P,notification:T,saveFillStroke:h,showTooltip:A,SvgImage:H,svgImageStyles:$,before:w,after:X,isActive:k,isDisabled:M,isSkeleton:N,onClick:Q,onMouseEnter:D,onMouseLeave:W}=i,V=o(()=>{if(H){const r=H,i={};return S&&(i.width=S),x&&(i.height=x),e(r,{...i,...$})}return C?C.endsWith(".svg")?e(z,h?{src:C}:{src:C,preProcessor:I}):e("img",{src:C}):null},[H,C,S,x,$,h]),E=f(t,F,M),O=y(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:ye,iconFillDisabledClass:me,iconFillHoverClass:ze,iconSizeClass:Se,shapeClass:pe,tooltipAppearance:xe,tooltipText:ue,tooltipTextSize:_e,tooltipTitle:be,tooltipTitleSize:Ce}=O,{styles:ge}=m(i);return r("div",{id:l,className:d(s,"icon",k?q&&`fill_active_${q}`:R&&`fill_${R}`,k?G&&`fill_active_hover_${G}`:J&&`fill_hover_${J}`,K&&`icon_fill_size_${K}`,U&&`fill_disabled_${U}`,k?de&&`icon_fill_active_${de}`:ye&&`icon_fill_${ye}`,k?fe&&`icon_fill_active_hover_${fe}`:ze&&`icon_fill_hover_${ze}`,M&&me&&`icon_fill_disabled_${me}`,pe&&`shape_${pe}`,Y&&`border-color_${Y}`,Z&&`border-color_hover_${Z}`,re&&`border-width_${re}`,ee&&`border_type_${ee}`,ne&&"icon_with-badge",ce&&`centering_${ce}`,Q&&"cursor_type_pointer",N&&"skeleton",M&&"icon_state_disabled"),ref:a,"data-testid":n,"data-tour":c,style:ge,onClick:Q,onMouseEnter:D,onMouseLeave:W,children:[w,r(b,{className:d((g||_||Q)&&"cursor_type_pointer",g||_?"icon__link":"icon__item",Se&&`icon_size_${Se}`),href:g||_,LinkComponent:"div",rel:v,target:P,children:[V,(ne||T)&&e(L,{appearance:p(ie,ae),className:d(u,"icon__badge"),size:le,textColor:te,textSize:se,shape:oe,value:ne}),A&&e(B,{appearance:xe,className:d(s,"icon__tooltip",j&&`alignment_${j}`),title:be,titleSize:Ce,text:ue,textSize:_e})]}),X]})})),I=e=>e.replace(/fill=".*?"/g,'fill=""').replace(/stroke=".*?"/g,'stroke=""'),k={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:"xxs",iconSize:"24"},sizeXXS:{size:"xxs",textSize:"xxs",iconSize:"24"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},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"}},M={appearance:k,setAppearance:e=>{M.appearance=e}};function L(i){const{appearance:a,className:o,dataTestId:l,dataTour:t,dot:s,icon:n,iconSrc:c,value:z,isSkeleton:S,children:p}=i,x=Boolean(z||0===z),u=f(a,M),_=y(i,u),{fillClass:b,fillHoverClass:C,borderColorClass:g,borderColorHoverClass:P,borderTypeClass:T,borderWidthClass:h,textColor:A,textSize:H,dotFillClass:B,iconFill:$,iconShape:w,iconSize:F,shapeClass:I,sizeClass:k}=_,{styles:L}=m(i);return r("div",{className:d(o,"badge",g&&`border-color_${g}`,P&&`border-color_hover_${P}`,h&&`border-width_${h}`,T&&`border_type_${T}`,b&&`fill_${b}`,C&&`fill_hover_${C}`,k&&`badge_size_${k}`,I&&`shape_${I}`,x?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:L,children:[s&&e("div",{className:d("badge__dot",B&&`svg_fill_${B}`),children:e("svg",{width:"6",height:"6",viewBox:"0 0 6 6",xmlns:"http://www.w3.org/2000/svg",children:e("rect",{width:"6",height:"6",rx:"50"})})}),n&&e(X,{className:"badge__icon",size:F,iconFill:$,imageSrc:c,shape:w,SvgImage:n}),p||x&&e(v,{className:"badge__value",size:H,textColor:A,children:z})]})}const N={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"}},Q={appearance:N,setAppearance:e=>{Q.appearance=e}};function D(r){const{appearance:i,className:a,dataTestId:o,dataTour:l,print:t,isActive:s,isDisabled:n,isSkeleton:c}=r,z=f(i,Q),S=y(r,z),{directionClass:p,fillActiveClass:x,fillActiveHoverClass:u,fillClass:_,fillDisabledClass:b,fillHoverClass:C,shapeClass:g,sizeClass:v,widthClass:P}=S,{styles:T}=m(r);return e("hr",{className:d(a,"divider",P&&`width_${P}`,p&&`divider_direction_${p}`,g&&`shape_${g}`,v&&`divider_size_${v}`,s?x&&`fill_active_${x}`:_&&`fill_${_}`,s?u&&`fill_active_hover_${u}`:C&&`fill_hover_${C}`,n&&b&&`fill_disabled_${b}`,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 sizeM solid rounded",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:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"}},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 sizeM solid rounded",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:z,animationClose:S="dropdown_animation_close",animationOpen:p="dropdown_animation_open",dropdownList:x,showDivider:u,before:_,after:b,isSkeleton:C,isOpen:g,setIsOpen:v,onClickItem:P,children:T}=i,h=l(null),A=f(a,q),[H,B]=t({className:""}),$=s(()=>{B(e=>({className:g?e.className:""}))},[g]);c(()=>{p&&S&&B(()=>({className:g?p:S}))},[g,p,S]),c(()=>{function e(e){const r=h.current;if(r&&p){const i=r.contains(e.target),a=r.classList.contains(p);!i&&a&&v(!1)}}return window.addEventListener("click",e),()=>{window.removeEventListener("click",e)}},[p,v]);const w=y(i,A),{alignmentClass:F,fillClass:X,elevationClass:I,shapeClass:k,sizeClass:M}=w,{styles:L}=m(i);return r("div",{className:d(o,"dropdown",F&&`alignment_${F}`,X&&`fill_${X}`,I&&`elevation_${I}`,k&&`shape_${k}`,M&&`dropdown_size_${M}`,g?"dropdown_state_open":"dropdown_state_close",H.className),ref:h,"data-testid":n,"data-tour":z,style:L,children:[_,(T||x)&&r("div",{className:d("dropdown__wrapper"),onAnimationEnd:$,children:[x?.map(r=>e(J,{appearance:a,label:r.label,badgeValue:r.badgeValue,emptyMessage:r.emptyMessage,iconAfter:r.iconAfter,iconBefore:r.iconBefore,iconSrc:r.icon,showDivider:u,isActive:r.isActive,isSkeleton:C,onClick:r.onClick||(e=>P?.(r,e))},r.key)),T]}),b]})}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:z,emptyMessage:S,showDivider:p,before:x,after:u,isActive:_,isDisabled:b,isSkeleton:C,isHover:g,onClick:P,onMouseEnter:T,children:h}=i,A=f(o,U),H=y(i,A),{directionClass:B,justifyContentClass:$,fillActiveClass:w,fillActiveHoverClass:F,fillClass:I,fillDisabledClass:k,fillHoverClass:M,labelTextAlign:N,labelTextColor:Q,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:ye,emptyMessageTextStyle:me,emptyMessageTextWeight:ze,emptyMessageTextWrap:Se,iconAfter:pe,iconAfterActive:xe,iconAfterFill:ue,iconAfterFillIcon:_e,iconAfterFillSize:be,iconAfterShape:Ce,iconAfterSize:ge,iconAfterSrc:ve,iconBadgeAppearance:Pe,iconBadgeShape:Te,iconBadgeSize:he,iconBadgeTextColor:Ae,iconBadgeTextSize:He,iconBadgeValue:Be,iconBefore:$e,iconBeforeActive:we,iconBeforeFill:Fe,iconBeforeFillIcon:Xe,iconBeforeFillSize:Ie,iconBeforeShape:ke,iconBeforeSize:Me,iconBeforeSrc:Le,shapeClass:Ne,sizeClass:Qe,widthClass:De}=H,{styles:We}=m(i);return r("div",{className:d("dropdown__item",_&&"dropdown__item_state_active",g&&"dropdown__item_state_hover",B&&`dropdown__item_direction_${B}`,l,_?w&&`fill_active_${w}`:I&&`fill_${I}`,_?F&&`fill_active_hover_${F}`:M&&`fill_hover_${M}`,k&&`fill_disabled_${k}`,Qe&&`dropdown__item_size_${Qe}`,Ne&&`shape_${Ne}`,De&&`dropdown__item_width_${De}`,b&&"dropdown__item_state_disabled",P&&"cursor_type_pointer",C&&"skeleton",$&&`dropdown__item_justify-content_${$}`),"data-testid":t,"data-tour":s,style:We,onClick:P,onMouseEnter:T,children:[e("div",{className:"dropdown__item-wrapper",children:r(a.Fragment,{children:[x,($e||Le||we&&_)&&e(X,{className:d("dropdown__item_before",Be&&"dropdown__item_before-badge"),fill:Fe,fillSize:Ie,badgeAppearance:Pe,badgeClass:"dropdown__item_before_badge",badgeShape:Te,badgeSize:he,badgeTextColor:Ae,badgeTextSize:He,badgeValue:Be,iconFill:Xe,iconSize:Me,imageSrc:Le,shape:ke,SvgImage:we&&_?we:$e}),h||r(a.Fragment,{children:[n&&e(v,{className:"dropdown__item-label",size:O,textAlign:N,textColor:Q,textColorActive:W,textColorActiveHover:V,textColorHover:E,textStyle:j,textWeight:q,textWrap:G,isActive:_,children:n}),z&&e(L,{appearance:ie,size:oe,textColor:le,textSize:te,shape:ae,value:z}),c&&e(v,{className:"dropdown__item-desc",size:Y,textColor:R,textColorGradient:K,textColorHover:J,textStyle:Z,textWeight:ee,textWrap:re,isActive:_,children:c}),S&&e(v,{className:"dropdown__item",size:ye,textColor:de,textColorHover:fe,textStyle:me,textWeight:ze,textWrap:Se,isActive:_,children:S})]}),u,(pe||ve||xe&&_)&&e(X,{className:d("dropdown__item_after",Be&&"dropdown__item_after-badge"),fill:ue,fillSize:be,badgeAppearance:Pe,badgeClass:"dropdown__item_after_badge",badgeShape:Te,badgeSize:he,badgeTextColor:Ae,badgeTextSize:He,badgeValue:Be,iconFill:_e,iconSize:ge,imageSrc:ve,shape:Ce,SvgImage:xe&&_?xe:pe})]})}),p&&e(D,{width:"fill",direction:se,size:ce,fill:ne})]})}export{L as B,D,X as I,b as L,v as T,h as a,G as b,J as c,_ as d,$ as e,B as f,u as g,g as h,P as i,T as j,A as k,x as l,H as m,w as n,F as o,k as p,M as q,N as r,Q as s,C as t,R as u,U as v};
|
|
1
|
+
import{jsx as e,jsxs 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 y,useStyles as m}from"@itcase/ui-core/hooks";import z from"react-inlinesvg";import{urlWithAssetPrefix as S}from"@itcase/ui-core/hoc";import{mergeAppearanceKeys as p}from"@itcase/ui-core/utils";const x={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"}},u={appearance:x,LinkComponent:"a",setAppearance:e=>{u.appearance=e},setLinkComponent:e=>{u.LinkComponent=e}};function _(e){const{appearance:i,className:a,dataTestId:o,dataTour:l,text:t,href:s,link:n,LinkComponent:c,rel:z,style:S,target:p,before:x,after:_,isDisabled:C,onClick:g,onMouseDown:v,onPointerCancel:P,onPointerDown:T,onPointerLeave:h,onPointerUp:A,children:H}=e,B=f(i,u,C),$=y(e,B),{directionClass:w,fillClass:F,fillHoverClass:X,borderColorClass:I,borderColorHoverClass:k,borderTypeClass:M,borderWidthClass:L,textColorClass:N,textColorHoverClass:Q,textGradientClass:D,textStyleClass:W,textWeightClass:V,heightClass:E,shapeClass:O,sizeClass:j,svgFillClass:q,svgFillHoverClass:G,underline:R="underline",widthClass:U}=$,{styles:J}=m(e);return r(b,{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",(N||Q||D||W||V)&&"text",N&&`text-color_${N}`,Q&&`text-color_hover_${Q}`,D&&`text-gradient_${D}`,W&&`text-style_${W}`,V&&`text-weight_${V}`,F&&`fill_${F}`,X&&`fill_hover_${X}`,I&&`border-color_${I}`,k&&`border-color_hover_${k}`,L&&`border-width_${L}`,M&&`border_type_${M}`,O&&`link_shape_${O}`),"data-testid":o,"data-tour":l,href:s||n,LinkComponent:c,rel:z,style:Object.assign({},J,S),target:p,onClick:g,onMouseDown:v,onPointerCancel:P,onPointerDown:T,onPointerLeave:h,onPointerUp:A,children:[x,H||t,_]})}function b(r){const{href:i,LinkComponent:o,rel:l,target:t,children:s,...n}=r;if(i){const r=o||u.LinkComponent;if(r)return e(r,{href:i,rel:l,target:t,...n,children:s})}else if(o)return e(o,{...n,children:s});return a.Children.toArray(s).filter(Boolean).map(e=>a.isValidElement(e)?a.cloneElement(e,n):e)}const C={sizeXXL:{size:"xxl"},sizeXL:{size:"xl"},sizeL:{size:"l"},sizeM:{size:"m"},sizeS:{size:"s"},sizeXS:{size:"xs"},sizeXXS:{size:"xxs"}},g={appearance:C,setAppearance:e=>{g.appearance=e}};function v(e){const{appearance:i,className:a,dataTestId:o,dataTour:l,text:t,cursor:s,style:n,tag:c="span",before:z,after:S,isActive:p,isDisabled:x,isSkeleton:u,onClick:_,onDoubleClick:b,children:C}=e,v=f(i,g,x),P=y(e,v),{textAlignClass:T,textColorActiveClass:h,textColorActiveHoverClass:A,textColorClass:H,textColorDisabledClass:B,textColorHoverClass:$,textDecorationClass:w,textFontClass:F,textStyleClass:X,textTruncateClass:I,textWeightClass:k,textWrapClass:M,cursorClass:L,sizeClass:N,widthClass:Q}=P,{styles:D}=m(e);return r(c,{className:d(a,"text",N&&`text_size_${N}`,k&&`text-weight_${k}`,T&&`text-align_${T}`,x&&B&&`text-color_${B}`,!p&&!x&&H&&`text-color_${H}`,!p&&!x&&$&&`text-color_hover_${$}`,p&&!x&&A&&`text-color_active_hover_${A}`,p&&!x&&h&&`text-color_active_${h}`,F&&`text-font_${F}`,X&&`text-style_${X}`,M&&`word-wrap_${M}`,w&&`text-decoration_${w}`,I&&`text-truncate_${I}`,u&&"skeleton",Q&&`width_${Q}`,L&&`cursor_${L}`,_&&(s||"cursor_type_pointer")),"data-testid":o,"data-tour":l,style:Object.assign({},D,n),onClick:_,onDoubleClick:b,children:[z,C||t,S]})}const P={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"}},T={appearance:P,setAppearance:e=>{T.appearance=e}};function h(i){const{appearance:a,className:l,dataTestId:t,dataTour:s,text:n,afterWrapper:c,beforeWrapper:z,style:S,tag:p="span",before:x,after:u,isActive:_,isDisabled:b,isSkeleton:C,onClick:g,children:v}=i,P=f(a,T,b),h=y(i,P),{directionClass:A,size:H,fillClass:B,fillHoverClass:$,textAlignClass:w,textColorActiveClass:F,textColorActiveHoverClass:I,textColorClass:k,textColorDisabledClass:M,textColorHoverClass:L,textFontClass:N,textStyleClass:Q,textTruncateClass:D,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:ye,wrapperDirectionClass:me,onClickIconAfter:ze,onClickIconBefore:Se}=h,{styles:pe,wrapper:xe}=m(i),ue=o(()=>p||(H||"span"),[p,H]);return r(ue,{className:d(l,"title",B&&`fill_${B}`,$&&`fill_hover_${$}`,de&&`svg_fill_${de}`,fe&&`svg_fill_hover_${fe}`,ye&&`width_${ye}`,E&&`height_${E}`,H&&`title_size_${H}`,A&&`title_direction_${A}`,b&&M&&`text-color_${M}`,!_&&!b&&k&&`text text-color_${k}`,_&&!b&&F&&`text-color_active_${F}`,!_&&!b&&L&&`text-color_hover_${L}`,_&&!b&&I&&`text-color_active_hover${I}`,N&&`text-font_${N}`,Q&&`text-style_${Q}`,W&&`text-weight_${W}`,V&&`word-wrap_${V}`,ie&&"title_badge",C&&"skeleton"),"data-testid":t,"data-tour":s,style:Object.assign({},pe,S),onClick:g,children:[x,r("span",{className:d(w&&`text-align_${w}`,me&&`title_direction_${me}`,"title__wrapper",D&&`text-truncate_${D}`),style:xe,children:[(ae||ce)&&e(X,{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}),z,v||n,c,(O||J)&&e(X,{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:ze})]}),u]})}const A={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:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},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"}},H={appearance:A,setAppearance:e=>{H.appearance=e}},B=a.forwardRef(function(i,a){const{appearance:o,className:c,dataTestId:z,dataTour:S,initialIsVisible:p,title:x,text:u,showArrow:_=!0,before:b,after:C,openTimeoutDelay:g=500,closeTimeoutDelay:P=250,isSkeleton:T,children:A}=i,B=l(null),$=l(null),w=l(null),F=l(!1),[X,I]=t(p),k=s(()=>{F.current||($.current&&clearTimeout($.current),w.current=setTimeout(()=>{I(!0)},g))},[g]),M=s(()=>{w.current&&clearTimeout(w.current),$.current=setTimeout(()=>{I(e=>(!0===e&&(F.current=!0),!1))},P)},[P]),L=s(()=>{F.current=!1},[]);n(a,()=>({get tooltipElement(){return B.current},openTooltip:k,closeTooltip:M,isTooltipVisible:X}),[X,k,M]);const N=f(o,H),Q=y(i,N),{alignClass:D,alignDirectionClass:W,alignmentClass:V,alignPosition:E,fillClass:O,titleColor:j,titleSize:q,titleWeight:G,borderColorClass:R,borderTypeClass:U,borderWidthClass:J,textColor:K,textSize:Y,textWeight:Z,arrowPosition:ee,elevationClass:re,shapeClass:ie,sizeClass:ae,widthClass:oe}=Q,{styles:le}=m(i);return r("div",{className:d(c,"tooltip",E&&`tooltip_align-position_${E}`,W&&`align_${W}`,D&&`align_${D}`,re&&`elevation_${re}`,V&&`alignment_${V}`,ae&&`tooltip_size_${ae}`,T&&"skeleton",oe&&`width_${oe}`),ref:B,"data-testid":z,"data-tour":S,style:le,onAnimationEnd:L,children:[ee&&_&&e("div",{className:d("tooltip__arrow",ee&&`tooltip__arrow_position_${ee}`,O&&`fill_${O}`),children:" "}),b,r("div",{className:d("tooltip__inner",J&&`border-width_${J}`,R&&`border-color_${R}`,U&&`border_type_${U}`,O&&`fill_${O}`,ie&&`shape_${ie}`),children:[x&&e(h,{className:"tooltip__title text",size:q,textColor:j,textWeight:G,children:x}),u&&e(v,{className:"tooltip__text",size:Y,textColor:K,textWeight:Z,children:u}),A]}),C]})}),$=r=>{const{zIndex:a,destroyOnHidden:o=!1,placement:l="right",tooltipContent:t,trigger:s="hover",openDelay:n=.5,closeDelay:c=.25,isOpen:d,children:f,...y}=r;return e(i,{zIndex:a,destroyOnHidden:o,mouseEnterDelay:n,mouseLeaveDelay:c,overlay:e(B,{initialIsVisible:!0,...y,children:t}),placement:l,prefixCls:"tooltip-wrapper",trigger:s,visible:d,children:f})},w={disabledPrimary:{fill:"surfacePrimary",borderColor:"surfaceBorderPrimary",badgeAppearance:"surfacePrimary sizeM solid rounded",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 sizeM solid rounded",iconFill:"accentItemPrimary"},accentSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",borderColor:"accentBorderPrimary",iconFill:"accentItemPrimary"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},dangerPrimary:{fill:"dangerPrimary",fillHover:"dangerHoverPrimary",borderColor:"dangerBorderSecondary",badgeAppearance:"surfacePrimary sizeM solid rounded",iconFill:"dangerItemPrimary"},errorPrimary:{fill:"errorPrimary",fillHover:"errorHoverPrimary",borderColor:"errorBorderPrimary",badgeAppearance:"surfacePrimary sizeM solid rounded",iconFill:"errorItemPrimary"},infoPrimary:{fill:"infoPrimary",borderColor:"infoBorderPrimary",badgeAppearance:"surfacePrimary sizeM solid rounded",iconFill:"infoItemPrimary"},infoSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",borderColor:"accentBorderPrimary",iconFill:"infoItemSecondary"},specialPrimary:{fill:"specialPrimary",fillHover:"specialHoverPrimary",borderColor:"specialBorderQuaternary",badgeAppearance:"surfacePrimary sizeM solid rounded",iconFill:"specialItemPrimary"},extraPrimary:{fill:"extraPrimary",fillHover:"extraHoverPrimary",borderColor:"extraBorderQuaternary",badgeAppearance:"surfacePrimary sizeM solid rounded",iconFill:"extraItemPrimary"},successPrimary:{fill:"successPrimary",fillHover:"successHoverPrimary",borderColor:"successBorderPrimary",badgeAppearance:"surfacePrimary sizeM solid rounded",iconFill:"successItemPrimary"},surfacePrimary:{fill:"surfacePrimary",fillHover:"surfaceHoverSecondary",borderColor:"surfaceBorderTertiary",badgeAppearance:"surfacePrimary sizeM solid rounded",iconFill:"surfaceItemPrimary"},surfaceQuaternary:{fill:"surfaceQuaternary",fillHover:"surfaceHoverQuaternary",badgeAppearance:"accentPrimary sizeM solid rounded",iconFill:"surfaceItemPrimary"},surfaceSecondary:{fill:"surfaceSecondary",fillHover:"surfaceHoverTertiary",badgeAppearance:"accentPrimary sizeM solid rounded",iconFill:"surfaceItemPrimary"},surfaceTertiary:{fill:"surfaceTertiary",fillHover:"surfaceHoverTertiary",badgeAppearance:"accentPrimary sizeM solid rounded",iconFill:"surfaceItemPrimary"},warningPrimary:{fill:"warningPrimary",fillHover:"warningHoverPrimary",borderColor:"warningBorderSecondary",badgeAppearance:"surfacePrimary sizeM solid rounded",iconFill:"warningItemPrimary"}},F={appearance:w,setAppearance:e=>{F.appearance=e}},X=S(a.forwardRef(function(i,a){const{id:l,appearance:t,className:s,dataTestId:n,dataTour:c,width:S,height:x,badgeClass:u,href:_,imageSrc:C,link:g,linkRel:v,linkTarget:P,notification:T,saveFillStroke:h,showTooltip:A,SvgImage:H,svgImageStyles:$,before:w,after:X,isActive:k,isDisabled:M,isSkeleton:N,onClick:Q,onMouseEnter:D,onMouseLeave:W}=i,V=o(()=>{if(H){const r=H,i={};return S&&(i.width=S),x&&(i.height=x),e(r,{...i,...$})}return C?C.endsWith(".svg")?e(z,h?{src:C}:{src:C,preProcessor:I}):e("img",{src:C}):null},[H,C,S,x,$,h]),E=f(t,F,M),O=y(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:ye,iconFillDisabledClass:me,iconFillHoverClass:ze,iconSizeClass:Se,shapeClass:pe,tooltipAppearance:xe,tooltipText:ue,tooltipTextSize:_e,tooltipTitle:be,tooltipTitleSize:Ce}=O,{styles:ge}=m(i);return r("div",{id:l,className:d(s,"icon",k?q&&`fill_active_${q}`:R&&`fill_${R}`,k?G&&`fill_active_hover_${G}`:J&&`fill_hover_${J}`,K&&`icon_fill_size_${K}`,U&&`fill_disabled_${U}`,k?de&&`icon_fill_active_${de}`:ye&&`icon_fill_${ye}`,k?fe&&`icon_fill_active_hover_${fe}`:ze&&`icon_fill_hover_${ze}`,M&&me&&`icon_fill_disabled_${me}`,pe&&`shape_${pe}`,Y&&`border-color_${Y}`,Z&&`border-color_hover_${Z}`,re&&`border-width_${re}`,ee&&`border_type_${ee}`,ne&&"icon_with-badge",ce&&`centering_${ce}`,Q&&"cursor_type_pointer",N&&"skeleton",M&&"icon_state_disabled"),ref:a,"data-testid":n,"data-tour":c,style:ge,onClick:Q,onMouseEnter:D,onMouseLeave:W,children:[w,r(b,{className:d((g||_||Q)&&"cursor_type_pointer",g||_?"icon__link":"icon__item",Se&&`icon_size_${Se}`),href:g||_,LinkComponent:"div",rel:v,target:P,children:[V,(ne||T)&&e(L,{appearance:p(ie,ae),className:d(u,"icon__badge"),size:le,textColor:te,textSize:se,shape:oe,value:ne}),A&&e(B,{appearance:xe,className:d(s,"icon__tooltip",j&&`alignment_${j}`),title:be,titleSize:Ce,text:ue,textSize:_e})]}),X]})})),I=e=>e.replace(/fill=".*?"/g,'fill=""').replace(/stroke=".*?"/g,'stroke=""'),k={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:"xxs",iconSize:"24"},sizeXXS:{size:"xxs",textSize:"xxs",iconSize:"24"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},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"}},M={appearance:k,setAppearance:e=>{M.appearance=e}};function L(i){const{appearance:a,className:o,dataTestId:l,dataTour:t,dot:s,icon:n,iconSrc:c,value:z,isSkeleton:S,children:p}=i,x=Boolean(z||0===z),u=f(a,M),_=y(i,u),{fillClass:b,fillHoverClass:C,borderColorClass:g,borderColorHoverClass:P,borderTypeClass:T,borderWidthClass:h,textColor:A,textSize:H,dotFillClass:B,iconFill:$,iconShape:w,iconSize:F,shapeClass:I,sizeClass:k}=_,{styles:L}=m(i);return r("div",{className:d(o,"badge",g&&`border-color_${g}`,P&&`border-color_hover_${P}`,h&&`border-width_${h}`,T&&`border_type_${T}`,b&&`fill_${b}`,C&&`fill_hover_${C}`,k&&`badge_size_${k}`,I&&`shape_${I}`,x?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:L,children:[s&&e("div",{className:d("badge__dot",B&&`svg_fill_${B}`),children:e("svg",{width:"6",height:"6",viewBox:"0 0 6 6",xmlns:"http://www.w3.org/2000/svg",children:e("rect",{width:"6",height:"6",rx:"50"})})}),n&&e(X,{className:"badge__icon",size:F,iconFill:$,imageSrc:c,shape:w,SvgImage:n}),p||x&&e(v,{className:"badge__value",size:H,textColor:A,children:z})]})}const N={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"}},Q={appearance:N,setAppearance:e=>{Q.appearance=e}};function D(r){const{appearance:i,className:a,dataTestId:o,dataTour:l,print:t,isActive:s,isDisabled:n,isSkeleton:c}=r,z=f(i,Q),S=y(r,z),{directionClass:p,fillActiveClass:x,fillActiveHoverClass:u,fillClass:_,fillDisabledClass:b,fillHoverClass:C,shapeClass:g,sizeClass:v,widthClass:P}=S,{styles:T}=m(r);return e("hr",{className:d(a,"divider",P&&`width_${P}`,p&&`divider_direction_${p}`,g&&`shape_${g}`,v&&`divider_size_${v}`,s?x&&`fill_active_${x}`:_&&`fill_${_}`,s?u&&`fill_active_hover_${u}`:C&&`fill_hover_${C}`,n&&b&&`fill_disabled_${b}`,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 sizeM solid rounded",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:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"}},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 sizeM solid rounded",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:z,animationClose:S="dropdown_animation_close",animationOpen:p="dropdown_animation_open",dropdownList:x,showDivider:u,before:_,after:b,isSkeleton:C,isOpen:g,setIsOpen:v,onClickItem:P,children:T}=i,h=l(null),A=f(a,q),[H,B]=t({className:""}),$=s(()=>{B(e=>({className:g?e.className:""}))},[g]);c(()=>{p&&S&&B(()=>({className:g?p:S}))},[g,p,S]),c(()=>{function e(e){const r=h.current;if(r&&p){const i=r.contains(e.target),a=r.classList.contains(p);!i&&a&&v(!1)}}return window.addEventListener("click",e),()=>{window.removeEventListener("click",e)}},[p,v]);const w=y(i,A),{alignmentClass:F,fillClass:X,elevationClass:I,shapeClass:k,sizeClass:M}=w,{styles:L}=m(i);return r("div",{className:d(o,"dropdown",F&&`alignment_${F}`,X&&`fill_${X}`,I&&`elevation_${I}`,k&&`shape_${k}`,M&&`dropdown_size_${M}`,g?"dropdown_state_open":"dropdown_state_close",H.className),ref:h,"data-testid":n,"data-tour":z,style:L,children:[_,(T||x)&&r("div",{className:d("dropdown__wrapper"),onAnimationEnd:$,children:[x?.map(r=>e(J,{appearance:a,dataTestId:n&&`${n}Item`,label:r.label,badgeValue:r.badgeValue,emptyMessage:r.emptyMessage,iconAfter:r.iconAfter,iconBefore:r.iconBefore,iconSrc:r.icon,showDivider:u,isActive:r.isActive,isSkeleton:C,onClick:r.onClick||(e=>P?.(r,e))},r.key)),T]}),b]})}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:z,emptyMessage:S,showDivider:p,before:x,after:u,isActive:_,isDisabled:b,isSkeleton:C,isHover:g,onClick:P,onMouseEnter:T,children:h}=i,A=f(o,U),H=y(i,A),{directionClass:B,justifyContentClass:$,fillActiveClass:w,fillActiveHoverClass:F,fillClass:I,fillDisabledClass:k,fillHoverClass:M,labelTextAlign:N,labelTextColor:Q,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:ye,emptyMessageTextStyle:me,emptyMessageTextWeight:ze,emptyMessageTextWrap:Se,iconAfter:pe,iconAfterActive:xe,iconAfterFill:ue,iconAfterFillIcon:_e,iconAfterFillSize:be,iconAfterShape:Ce,iconAfterSize:ge,iconAfterSrc:ve,iconBadgeAppearance:Pe,iconBadgeShape:Te,iconBadgeSize:he,iconBadgeTextColor:Ae,iconBadgeTextSize:He,iconBadgeValue:Be,iconBefore:$e,iconBeforeActive:we,iconBeforeFill:Fe,iconBeforeFillIcon:Xe,iconBeforeFillSize:Ie,iconBeforeShape:ke,iconBeforeSize:Me,iconBeforeSrc:Le,shapeClass:Ne,sizeClass:Qe,widthClass:De}=H,{styles:We}=m(i);return r("div",{className:d("dropdown__item",_&&"dropdown__item_state_active",g&&"dropdown__item_state_hover",B&&`dropdown__item_direction_${B}`,l,_?w&&`fill_active_${w}`:I&&`fill_${I}`,_?F&&`fill_active_hover_${F}`:M&&`fill_hover_${M}`,k&&`fill_disabled_${k}`,Qe&&`dropdown__item_size_${Qe}`,Ne&&`shape_${Ne}`,De&&`dropdown__item_width_${De}`,b&&"dropdown__item_state_disabled",P&&"cursor_type_pointer",C&&"skeleton",$&&`dropdown__item_justify-content_${$}`),"data-testid":t,"data-tour":s,style:We,onClick:P,onMouseEnter:T,children:[e("div",{className:"dropdown__item-wrapper",children:r(a.Fragment,{children:[x,($e||Le||we&&_)&&e(X,{className:d("dropdown__item_before",Be&&"dropdown__item_before-badge"),fill:Fe,fillSize:Ie,badgeAppearance:Pe,badgeClass:"dropdown__item_before_badge",badgeShape:Te,badgeSize:he,badgeTextColor:Ae,badgeTextSize:He,badgeValue:Be,iconFill:Xe,iconSize:Me,imageSrc:Le,shape:ke,SvgImage:we&&_?we:$e}),h||r(a.Fragment,{children:[n&&e(v,{className:"dropdown__item-label",size:O,textAlign:N,textColor:Q,textColorActive:W,textColorActiveHover:V,textColorHover:E,textStyle:j,textWeight:q,textWrap:G,isActive:_,children:n}),z&&e(L,{appearance:ie,size:oe,textColor:le,textSize:te,shape:ae,value:z}),c&&e(v,{className:"dropdown__item-desc",size:Y,textColor:R,textColorGradient:K,textColorHover:J,textStyle:Z,textWeight:ee,textWrap:re,isActive:_,children:c}),S&&e(v,{className:"dropdown__item",size:ye,textColor:de,textColorHover:fe,textStyle:me,textWeight:ze,textWrap:Se,isActive:_,children:S})]}),u,(pe||ve||xe&&_)&&e(X,{className:d("dropdown__item_after",Be&&"dropdown__item_after-badge"),fill:ue,fillSize:be,badgeAppearance:Pe,badgeClass:"dropdown__item_after_badge",badgeShape:Te,badgeSize:he,badgeTextColor:Ae,badgeTextSize:He,badgeValue:Be,iconFill:_e,iconSize:ge,imageSrc:ve,shape:Ce,SvgImage:xe&&_?xe:pe})]})}),p&&e(D,{width:"fill",direction:se,size:ce,fill:ne})]})}export{L as B,D,X as I,b as L,v as T,h as a,G as b,J as c,_ as d,$ as e,B as f,u as g,g as h,P as i,T as j,A as k,x as l,H as m,w as n,F as o,k as p,M as q,N as r,Q as s,C as t,R as u,U as v};
|
|
@@ -49,6 +49,6 @@ function Dropdown(props) {
|
|
|
49
49
|
const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
|
|
50
50
|
const { alignmentClass, fillClass, elevationClass, shapeClass, sizeClass } = propsGenerator;
|
|
51
51
|
const { styles } = useStyles(props);
|
|
52
|
-
return (_jsxs("div", { className: clsx(className, 'dropdown', alignmentClass && `alignment_${alignmentClass}`, fillClass && `fill_${fillClass}`, elevationClass && `elevation_${elevationClass}`, shapeClass && `shape_${shapeClass}`, sizeClass && `dropdown_size_${sizeClass}`, isOpen ? 'dropdown_state_open' : 'dropdown_state_close', animationState.className), ref: dropdownRef, "data-testid": dataTestId, "data-tour": dataTour, style: styles, children: [before, (children || dropdownList) && (_jsxs("div", { className: clsx('dropdown__wrapper'), onAnimationEnd: onAnimationEnd, children: [dropdownList?.map((item) => (_jsx(DropdownItem, { appearance: appearance, label: item.label, badgeValue: item.badgeValue, emptyMessage: item.emptyMessage, iconAfter: item.iconAfter, iconBefore: item.iconBefore, iconSrc: item.icon, showDivider: showDivider, isActive: item.isActive, isSkeleton: isSkeleton, onClick: item.onClick || ((event) => onClickItem?.(item, event)) }, item.key))), children] })), after] }));
|
|
52
|
+
return (_jsxs("div", { className: clsx(className, 'dropdown', alignmentClass && `alignment_${alignmentClass}`, fillClass && `fill_${fillClass}`, elevationClass && `elevation_${elevationClass}`, shapeClass && `shape_${shapeClass}`, sizeClass && `dropdown_size_${sizeClass}`, isOpen ? 'dropdown_state_open' : 'dropdown_state_close', animationState.className), ref: dropdownRef, "data-testid": dataTestId, "data-tour": dataTour, style: styles, children: [before, (children || dropdownList) && (_jsxs("div", { className: clsx('dropdown__wrapper'), onAnimationEnd: onAnimationEnd, children: [dropdownList?.map((item) => (_jsx(DropdownItem, { appearance: appearance, dataTestId: dataTestId && `${dataTestId}Item`, label: item.label, badgeValue: item.badgeValue, emptyMessage: item.emptyMessage, iconAfter: item.iconAfter, iconBefore: item.iconBefore, iconSrc: item.icon, showDivider: showDivider, isActive: item.isActive, isSkeleton: isSkeleton, onClick: item.onClick || ((event) => onClickItem?.(item, event)) }, item.key))), children] })), after] }));
|
|
53
53
|
}
|
|
54
54
|
export { Dropdown };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@itcase/ui-web",
|
|
3
|
-
"version": "1.10.
|
|
3
|
+
"version": "1.10.35",
|
|
4
4
|
"description": "UI components",
|
|
5
5
|
"keywords": "",
|
|
6
6
|
"license": "MIT",
|
|
@@ -48,12 +48,12 @@
|
|
|
48
48
|
]
|
|
49
49
|
},
|
|
50
50
|
"dependencies": {
|
|
51
|
-
"@itcase/common": "^1.2.
|
|
51
|
+
"@itcase/common": "^1.2.45",
|
|
52
52
|
"@itcase/icons": "^1.2.29",
|
|
53
53
|
"@itcase/tokens-am": "^1.1.57",
|
|
54
54
|
"@itcase/tokens-baikal": "^1.1.54",
|
|
55
55
|
"@itcase/tokens-palette": "^1.1.50",
|
|
56
|
-
"@itcase/ui-core": "^1.10.
|
|
56
|
+
"@itcase/ui-core": "^1.10.35",
|
|
57
57
|
"@rc-component/tooltip": "^1.4.0",
|
|
58
58
|
"axios": "^1.17.0",
|
|
59
59
|
"clsx": "^2.1.1",
|
|
@@ -116,5 +116,5 @@
|
|
|
116
116
|
"storybook": "^10.4.2",
|
|
117
117
|
"typescript": "^6.0.3"
|
|
118
118
|
},
|
|
119
|
-
"gitHead": "
|
|
119
|
+
"gitHead": "14752168ccf722275f1b0f697a5feb09b311cb65"
|
|
120
120
|
}
|