@itcase/ui-web 1.9.77 → 1.9.82

package/dist/components/Group.js

@@ -1 +1 @@
-export{G as Group,g as groupAppearance,a as groupConfig}from"../Group_es_BFXPojdD.js";import"react/jsx-runtime";import"react";import"clsx";import"@itcase/ui-core/hooks";
+export{G as Group,g as groupAppearance,a as groupConfig}from"../Group_es_YMaKEE-1.js";import"react/jsx-runtime";import"react";import"clsx";import"@itcase/ui-core/hooks";

package/dist/components/InputNumber.js

@@ -1 +1 @@
-import{jsx as r,jsxs as e}from"react/jsx-runtime";import{useState as o,useCallback as i}from"react";import n from"clsx";import{useAppearanceConfig as t,useDevicePropsGenerator as a}from"@itcase/ui-core/hooks";import{B as s}from"../Button_es_Do7wDPuS.js";import{i as l}from"../default_es_l85QutMi.js";import"@itcase/ui-core/utils";import"../primitives_es_AOPzysvv.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"../Loader_es_DWZILN4t.js";const u={defaultPrimary:{fill:"surfaceSecondary",labelTextWeight:"400",borderColor:"surfaceBorderQuaternary",borderHover:"surfaceBorderHoverQuaternary",iconFill:"surfaceSecondary",iconFillHover:"surfaceHoverSecondary",iconFillIcon:"surfaceItemQuaternary",iconMinus:l.Form.Minus,iconPlus:l.Form.Plus,inputNumberTextColor:"surfaceTextQuaternary"}},c={errorPrimary:{fill:"errorTertiary",labelTextWeight:"400",borderColor:"errorBorderQuaternary",borderHover:"errorBorderHoverQuaternary",iconFill:"errorTertiary",iconFillHover:"errorHoverSecondary",iconFillIcon:"errorItemQuaternary",iconMinus:l.Form.Minus,iconPlus:l.Form.Plus,inputNumberTextColor:"surfaceTextQuaternary"}},m={requirePrimary:{fill:"warningTertiary",labelTextWeight:"400",borderColor:"warningBorderQuaternary",borderHover:"warningBorderHoverQuaternary",iconFill:"warningTertiary",iconFillHover:"warningHoverSecondary",iconFillIcon:"warningItemQuaternary",iconMinus:l.Form.Minus,iconPlus:l.Form.Plus,inputNumberTextColor:"surfaceTextQuaternary"}},d={...u,...c,...{successPrimary:{fill:"successTertiary",labelTextWeight:"400",borderColor:"successBorderQuaternary",borderHover:"successBorderHoverQuaternary",iconFill:"successTertiary",iconFillHover:"successHoverSecondary",iconFillIcon:"successItemQuaternary",iconMinus:l.Form.Minus,iconPlus:l.Form.Plus,inputNumberTextColor:"surfaceTextQuaternary"}},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded",shapeStrength:"2m"},roundedL:{shape:"rounded",shapeStrength:"1_5m"},roundedM:{shape:"rounded",shapeStrength:"1m"},roundedS:{shape:"rounded",shapeStrength:"0_5m"},sizeXL:{size:"xl",iconSize:"24",inputNumberTextSize:"xl"},sizeL:{size:"l",iconSize:"24",inputNumberTextSize:"l"},sizeM:{size:"m",iconSize:"24",inputNumberTextSize:"m"},sizeS:{size:"s",iconSize:"24",inputNumberTextSize:"s"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{borderColor:"none"},ghost:{fill:"none",borderColor:"none"},...m},p={appearance:d,setAppearance:r=>{p.appearance=r}},b=l=>{const{id:u,appearance:c,className:m,dataTestId:d,dataTour:b,type:h="custom",name:y,min:_=0,max:f=1/0,step:v=1,value:C=0,onChange:x}=l,[S,F]=o(C),T=i(r=>{const e=S+("minus"===r?-v:v);if(e<_||e>f)return null;F(e),x?.(e)},[f,_,S,x,v]),g=r=>{const e=Number(r.target.value);if(e<_||e>f)return null;F(e),x?.(e)},z=t(c,p),H=a(l,z),{fillClass:N,fillHoverClass:Q,borderColorClass:P,borderColorHoverClass:$,borderWidthClass:I,iconFill:M,iconFillHover:w,iconFillIcon:B,iconMinus:W,iconPlus:j,iconShape:L,iconSize:k,inputNumberTextColorClass:X,inputNumberTextSizeClass:q,inputNumberTextWeightClass:A,shapeClass:D,shapeStrengthClass:E,sizeClass:G,widthClass:J}=H;return"native"===h?r("input",{id:String(u),type:"number",min:_,max:f,step:v,value:S,onChange:r=>g(r)}):e("div",{id:String(u),className:n(m,"input-number","input-number__custom",P&&`border-color_${P}`,$&&`border-color_hover_${$}`,I&&`border-width_${I}`,N&&`fill_${N}`,Q&&`fill_hover_${Q}`,D&&`shape_${D}`,E&&`shape-strength_${E}`,G&&`input-number_size_${G}`,J&&`width_${J}`),"data-tour":b,"date-testid":d,children:[r(s,{className:"input-number__icon",icon:W,iconFill:M,iconFillHover:w,iconFillIcon:B,iconShape:L,iconSize:k,onClick:()=>T("minus")}),r("input",{className:n(X&&`text-color_${X}`,q&&`text_size_${q}`,A&&`text-weight_${A}`),type:"number",min:_,max:f,"data-testid":d||(y?`${y}-input-number`:"input-number"),step:v,value:S,onChange:r=>g(r)}),r(s,{className:"input-number__icon",icon:j,iconFill:M,iconFillHover:w,iconFillIcon:B,iconShape:L,iconSize:k,onClick:()=>T("plus")})]})};export{b as InputNumber,d as inputNumberAppearance};
+import{jsx as r,jsxs as e}from"react/jsx-runtime";import{useState as o,useCallback as i}from"react";import n from"clsx";import{useAppearanceConfig as t,useDevicePropsGenerator as a}from"@itcase/ui-core/hooks";import{B as s}from"../Button_es_BVekDLIK.js";import{i as l}from"../default_es_l85QutMi.js";import"@itcase/ui-core/utils";import"../primitives_es_AOPzysvv.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"../Loader_es_DWZILN4t.js";import"@itcase/common";const u={defaultPrimary:{fill:"surfaceSecondary",labelTextWeight:"400",borderColor:"surfaceBorderQuaternary",borderHover:"surfaceBorderHoverQuaternary",iconFill:"surfaceSecondary",iconFillHover:"surfaceHoverSecondary",iconFillIcon:"surfaceItemQuaternary",iconMinus:l.Form.Minus,iconPlus:l.Form.Plus,inputNumberTextColor:"surfaceTextQuaternary"}},c={errorPrimary:{fill:"errorTertiary",labelTextWeight:"400",borderColor:"errorBorderQuaternary",borderHover:"errorBorderHoverQuaternary",iconFill:"errorTertiary",iconFillHover:"errorHoverSecondary",iconFillIcon:"errorItemQuaternary",iconMinus:l.Form.Minus,iconPlus:l.Form.Plus,inputNumberTextColor:"surfaceTextQuaternary"}},m={requirePrimary:{fill:"warningTertiary",labelTextWeight:"400",borderColor:"warningBorderQuaternary",borderHover:"warningBorderHoverQuaternary",iconFill:"warningTertiary",iconFillHover:"warningHoverSecondary",iconFillIcon:"warningItemQuaternary",iconMinus:l.Form.Minus,iconPlus:l.Form.Plus,inputNumberTextColor:"surfaceTextQuaternary"}},d={...u,...c,...{successPrimary:{fill:"successTertiary",labelTextWeight:"400",borderColor:"successBorderQuaternary",borderHover:"successBorderHoverQuaternary",iconFill:"successTertiary",iconFillHover:"successHoverSecondary",iconFillIcon:"successItemQuaternary",iconMinus:l.Form.Minus,iconPlus:l.Form.Plus,inputNumberTextColor:"surfaceTextQuaternary"}},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded",shapeStrength:"2m"},roundedL:{shape:"rounded",shapeStrength:"1_5m"},roundedM:{shape:"rounded",shapeStrength:"1m"},roundedS:{shape:"rounded",shapeStrength:"0_5m"},sizeXL:{size:"xl",iconSize:"24",inputNumberTextSize:"xl"},sizeL:{size:"l",iconSize:"24",inputNumberTextSize:"l"},sizeM:{size:"m",iconSize:"24",inputNumberTextSize:"m"},sizeS:{size:"s",iconSize:"24",inputNumberTextSize:"s"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{borderColor:"none"},ghost:{fill:"none",borderColor:"none"},...m},p={appearance:d,setAppearance:r=>{p.appearance=r}},b=l=>{const{id:u,appearance:c,className:m,dataTestId:d,dataTour:b,type:h="custom",name:y,min:_=0,max:f=1/0,step:v=1,value:C=0,onChange:x}=l,[S,F]=o(C),T=i(r=>{const e=S+("minus"===r?-v:v);if(e<_||e>f)return null;F(e),x?.(e)},[f,_,S,x,v]),g=r=>{const e=Number(r.target.value);if(e<_||e>f)return null;F(e),x?.(e)},z=t(c,p),H=a(l,z),{fillClass:N,fillHoverClass:Q,borderColorClass:P,borderColorHoverClass:$,borderWidthClass:I,iconFill:M,iconFillHover:w,iconFillIcon:B,iconMinus:W,iconPlus:j,iconShape:L,iconSize:k,inputNumberTextColorClass:X,inputNumberTextSizeClass:q,inputNumberTextWeightClass:A,shapeClass:D,shapeStrengthClass:E,sizeClass:G,widthClass:J}=H;return"native"===h?r("input",{id:String(u),type:"number",min:_,max:f,step:v,value:S,onChange:r=>g(r)}):e("div",{id:String(u),className:n(m,"input-number","input-number__custom",P&&`border-color_${P}`,$&&`border-color_hover_${$}`,I&&`border-width_${I}`,N&&`fill_${N}`,Q&&`fill_hover_${Q}`,D&&`shape_${D}`,E&&`shape-strength_${E}`,G&&`input-number_size_${G}`,J&&`width_${J}`),"data-tour":b,"date-testid":d,children:[r(s,{className:"input-number__icon",icon:W,iconFill:M,iconFillHover:w,iconFillIcon:B,iconShape:L,iconSize:k,onClick:()=>T("minus")}),r("input",{className:n(X&&`text-color_${X}`,q&&`text_size_${q}`,A&&`text-weight_${A}`),type:"number",min:_,max:f,"data-testid":d||(y?`${y}-input-number`:"input-number"),step:v,value:S,onChange:r=>g(r)}),r(s,{className:"input-number__icon",icon:j,iconFill:M,iconFillHover:w,iconFillIcon:B,iconShape:L,iconSize:k,onClick:()=>T("plus")})]})};export{b as InputNumber,d as inputNumberAppearance};

package/dist/components/Notification.js

@@ -1 +1 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import o from"clsx";import{useAppearanceConfig as i,useDevicePropsGenerator as a,useStyles as t}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as s}from"@itcase/ui-core/utils";import{B as c}from"../Button_es_Do7wDPuS.js";import{a as l,I as n}from"../primitives_es_AOPzysvv.js";import{L as d}from"../Loader_es_DWZILN4t.js";import{i as p}from"../default_es_l85QutMi.js";import{useNotifications as m,useNotificationsAPI as u}from"@itcase/ui-core/context";import"react";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";const f={...{defaultPrimary:{fill:"surfacePrimary",fillHover:"surfacePrimary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",textColor:"surfaceTextPrimary",buttonAppearance:"accentPrimary sizeXXL solid rounded",loaderAppearance:"accentTertiary sizeS ghost rounded",closeIcon:p.Action.Close,closeIconAppearance:"surfacePrimary ghost circular"}},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded",shapeStrength:"2m"},roundedL:{shape:"rounded",shapeStrength:"1_5m"},roundedM:{shape:"rounded",shapeStrength:"1m"},roundedS:{shape:"rounded",shapeStrength:"0_5m"},sizeM:{size:"m",titleTextSize:"xxl",descTextSize:"m",loaderAppearanceSize:"sizeS",closeIconAppearanceSize:"size24_24"},sizeS:{size:"m",titleTextSize:"xl",descTextSize:"m",loaderAppearanceSize:"sizeS",closeIconAppearanceSize:"size24_24"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},...{errorPrimary:{fill:"errorPrimary",fillHover:"errorPrimary",titleTextColor:"errorTextPrimary",descTextColor:"errorTextPrimary",borderColor:"errorBorderPrimary",textColor:"errorTextPrimary",buttonAppearance:"surfacePrimary sizeXXL solid rounded",loaderAppearance:"errorPrimary sizeS solid rounded",closeIcon:p.Action.Close,closeIconAppearance:"surfacePrimary solid circular"}},...{infoPrimary:{fill:"infoPrimary",fillHover:"infoPrimary",titleTextColor:"infoTextPrimary",descTextColor:"infoTextPrimary",borderColor:"infoBorderPrimary",textColor:"infoTextPrimary",buttonAppearance:"surfacePrimary sizeXXL solid rounded",loaderAppearance:"infoPrimary sizeS solid rounded",closeIcon:p.Action.Close,closeIconAppearance:"surfacePrimary solid circular"}},...{successPrimary:{fill:"successPrimary",fillHover:"successPrimary",titleTextColor:"successTextPrimary",descTextColor:"successTextPrimary",borderColor:"successBorderPrimary",textColor:"successTextPrimary",buttonAppearance:"surfacePrimary sizeXXL solid rounded",loaderAppearance:"successPrimary sizeS solid rounded",closeIcon:p.Action.Close,closeIconAppearance:"successPrimary ghost circular"}},...{warningPrimary:{fill:"warningPrimary",fillHover:"warningPrimary",titleTextColor:"warningTextPrimary",descTextColor:"warningTextPrimary",borderColor:"surfaceBorderPrimary",textColor:"warningTextPrimary",buttonAppearance:"surfacePrimary sizeXXL solid rounded",loaderAppearance:"warningPrimary sizeS solid rounded",closeIcon:p.Action.Close,closeIconAppearance:"surfacePrimary solid circular"}}},y={appearance:f,setAppearance:e=>{y.appearance=e}};function x(p){const{id:m,appearance:u,className:f,dataTestId:x,dataTour:P,type:C="float",title:_,text:T,before:h,after:z,isSkeleton:S,isLoading:A,onClickButton:I,onClickClose:g}=p,b=i(u,y),v=a(p,b),{fillClass:L,fillHoverClass:w,titleTextColor:N,titleTextSize:X,descTextColor:k,descTextSize:B,buttonAppearance:$,buttonLabel:H,elevationClass:j,loaderAppearance:F,loaderAppearanceSize:M,loaderFill:q,loaderItemFill:D,loaderSize:E,loaderType:G="dot",shapeClass:J,shapeStrengthClass:K,sizeClass:O,widthClass:Q,closeIcon:R,closeIconAppearance:U,closeIconAppearanceSize:V,closeIconSrc:W}=v,{styles:Y}=t(p);return e("div",{className:o("notification__item",`notification__item_${C}`,Q&&`width_${Q}`,j&&`elevation_${j}`,L&&`fill_${L}`,O&&`notification__item_size_${O}`,C&&`notification__item_type_${C}`,w&&`fill_${w}`,S&&"skeleton",J&&`shape_${J}`,K&&`shape-strength_${K}`),"data-testid":x,"data-tour":P,style:Y,children:[h,e("div",{className:o(f,"notification__item-wrapper"),children:[_&&r(l,{className:"notification__item-title",size:X,textColor:N,children:_}),T&&r(l,{className:"notification__item-text",size:B,textColor:k,children:T}),A&&r(d,{appearance:s(F,M),className:o(f,"button__loader"),type:G,size:E,fill:q,itemFill:D}),g&&r(n,{appearance:s(U,V),className:o("notification__item-close","cursor_type_pointer"),imageSrc:W,SvgImage:R,onClick:()=>g&&g(m)}),I&&H&&r(c,{appearance:$,className:"notification__item-button",width:"fill",label:H,onClick:I})]}),z]})}function P(e){const i=m(),{hideNotifications:a}=u(),{className:t,dataTestId:s,dataTour:c}=e;return r("div",{className:o("notification",t),"data-testid":s,"data-tour":c,children:r("div",{className:"notification__wrapper",children:i.map(e=>r(x,{id:e.id,appearance:e.appearance,type:e.type,title:e.title,status:e.status,text:e.text,buttonLabel:e.buttonLabel,after:e.after,closeIcon:e.closeIcon,closeIconSrc:e.closeIconSrc,isLoading:e.isLoading,onClickButton:e.onClickButton,onClickClose:a},e.id))})})}export{x as Notification,P as NotificationWrapper,f as notificationAppearance,y as notificationConfig};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import o from"clsx";import{useAppearanceConfig as i,useDevicePropsGenerator as a,useStyles as t}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as s}from"@itcase/ui-core/utils";import{B as c}from"../Button_es_BVekDLIK.js";import{a as l,I as n}from"../primitives_es_AOPzysvv.js";import{L as d}from"../Loader_es_DWZILN4t.js";import{i as p}from"../default_es_l85QutMi.js";import{useNotifications as m,useNotificationsAPI as u}from"@itcase/ui-core/context";import"react";import"@itcase/common";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";const f={...{defaultPrimary:{fill:"surfacePrimary",fillHover:"surfacePrimary",titleTextColor:"surfaceTextPrimary",descTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderPrimary",textColor:"surfaceTextPrimary",buttonAppearance:"accentPrimary sizeXXL solid rounded",loaderAppearance:"accentTertiary sizeS ghost rounded",closeIcon:p.Action.Close,closeIconAppearance:"surfacePrimary ghost circular"}},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded",shapeStrength:"2m"},roundedL:{shape:"rounded",shapeStrength:"1_5m"},roundedM:{shape:"rounded",shapeStrength:"1m"},roundedS:{shape:"rounded",shapeStrength:"0_5m"},sizeM:{size:"m",titleTextSize:"xxl",descTextSize:"m",loaderAppearanceSize:"sizeS",closeIconAppearanceSize:"size24_24"},sizeS:{size:"m",titleTextSize:"xl",descTextSize:"m",loaderAppearanceSize:"sizeS",closeIconAppearanceSize:"size24_24"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},...{errorPrimary:{fill:"errorPrimary",fillHover:"errorPrimary",titleTextColor:"errorTextPrimary",descTextColor:"errorTextPrimary",borderColor:"errorBorderPrimary",textColor:"errorTextPrimary",buttonAppearance:"surfacePrimary sizeXXL solid rounded",loaderAppearance:"errorPrimary sizeS solid rounded",closeIcon:p.Action.Close,closeIconAppearance:"surfacePrimary solid circular"}},...{infoPrimary:{fill:"infoPrimary",fillHover:"infoPrimary",titleTextColor:"infoTextPrimary",descTextColor:"infoTextPrimary",borderColor:"infoBorderPrimary",textColor:"infoTextPrimary",buttonAppearance:"surfacePrimary sizeXXL solid rounded",loaderAppearance:"infoPrimary sizeS solid rounded",closeIcon:p.Action.Close,closeIconAppearance:"surfacePrimary solid circular"}},...{successPrimary:{fill:"successPrimary",fillHover:"successPrimary",titleTextColor:"successTextPrimary",descTextColor:"successTextPrimary",borderColor:"successBorderPrimary",textColor:"successTextPrimary",buttonAppearance:"surfacePrimary sizeXXL solid rounded",loaderAppearance:"successPrimary sizeS solid rounded",closeIcon:p.Action.Close,closeIconAppearance:"successPrimary ghost circular"}},...{warningPrimary:{fill:"warningPrimary",fillHover:"warningPrimary",titleTextColor:"warningTextPrimary",descTextColor:"warningTextPrimary",borderColor:"surfaceBorderPrimary",textColor:"warningTextPrimary",buttonAppearance:"surfacePrimary sizeXXL solid rounded",loaderAppearance:"warningPrimary sizeS solid rounded",closeIcon:p.Action.Close,closeIconAppearance:"surfacePrimary solid circular"}}},y={appearance:f,setAppearance:e=>{y.appearance=e}};function x(p){const{id:m,appearance:u,className:f,dataTestId:x,dataTour:P,type:C="float",title:_,text:T,before:h,after:z,isSkeleton:S,isLoading:A,onClickButton:I,onClickClose:g}=p,b=i(u,y),v=a(p,b),{fillClass:L,fillHoverClass:w,titleTextColor:N,titleTextSize:X,descTextColor:k,descTextSize:B,buttonAppearance:$,buttonLabel:H,elevationClass:j,loaderAppearance:F,loaderAppearanceSize:M,loaderFill:q,loaderItemFill:D,loaderSize:E,loaderType:G="dot",shapeClass:J,shapeStrengthClass:K,sizeClass:O,widthClass:Q,closeIcon:R,closeIconAppearance:U,closeIconAppearanceSize:V,closeIconSrc:W}=v,{styles:Y}=t(p);return e("div",{className:o("notification__item",`notification__item_${C}`,Q&&`width_${Q}`,j&&`elevation_${j}`,L&&`fill_${L}`,O&&`notification__item_size_${O}`,C&&`notification__item_type_${C}`,w&&`fill_${w}`,S&&"skeleton",J&&`shape_${J}`,K&&`shape-strength_${K}`),"data-testid":x,"data-tour":P,style:Y,children:[h,e("div",{className:o(f,"notification__item-wrapper"),children:[_&&r(l,{className:"notification__item-title",size:X,textColor:N,children:_}),T&&r(l,{className:"notification__item-text",size:B,textColor:k,children:T}),A&&r(d,{appearance:s(F,M),className:o(f,"button__loader"),type:G,size:E,fill:q,itemFill:D}),g&&r(n,{appearance:s(U,V),className:o("notification__item-close","cursor_type_pointer"),imageSrc:W,SvgImage:R,onClick:()=>g&&g(m)}),I&&H&&r(c,{appearance:$,className:"notification__item-button",width:"fill",label:H,onClick:I})]}),z]})}function P(e){const i=m(),{hideNotifications:a}=u(),{className:t,dataTestId:s,dataTour:c}=e;return r("div",{className:o("notification",t),"data-testid":s,"data-tour":c,children:r("div",{className:"notification__wrapper",children:i.map(e=>r(x,{id:e.id,appearance:e.appearance,type:e.type,title:e.title,status:e.status,text:e.text,buttonLabel:e.buttonLabel,after:e.after,closeIcon:e.closeIcon,closeIconSrc:e.closeIconSrc,isLoading:e.isLoading,onClickButton:e.onClickButton,onClickClose:a},e.id))})})}export{x as Notification,P as NotificationWrapper,f as notificationAppearance,y as notificationConfig};

package/dist/components/Response.js

@@ -1 +1 @@
-import{responseIcon as e}from"./Response/img.js";import{jsx as r,jsxs as a}from"react/jsx-runtime";import{forwardRef as t,useMemo as i}from"react";import o from"clsx";import{urlWithAssetPrefix as s}from"@itcase/ui-core/hoc";import{useAppearanceConfig as n,useDevicePropsGenerator as l,useStyles as c}from"@itcase/ui-core/hooks";import{B as d}from"../Button_es_Do7wDPuS.js";import{G as p}from"../Group_es_BFXPojdD.js";import{a as u}from"../primitives_es_AOPzysvv.js";import"@itcase/ui-core/utils";import"../Loader_es_DWZILN4t.js";import"@rc-component/tooltip";import"react-inlinesvg";const m={confirm:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Confirm),primaryButtonAppearance:"accentPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},y={danger:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Danger),primaryButtonAppearance:"dangerPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"dangerPrimary",svgPathFill:"dangerPrimary"}},f={empty:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Empty),primaryButtonAppearance:"accentPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},g={error:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Error),primaryButtonAppearance:"errorPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"errorPrimary",svgPathFill:"errorPrimary"}},x={fail:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Fail),primaryButtonAppearance:"accentPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},S={nothingFound:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.NothingFound),primaryButtonAppearance:"accentPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},B={refresh:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Refresh),primaryButtonAppearance:"accentPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},h={success:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Success),primaryButtonAppearance:"accentPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"accentPrimary",svgPathFill:"accentPrimary"}},z={...m,...f,...y,...B,...{unableLoadData:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.UnableLoadData),primaryButtonAppearance:"accentPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},...S,...x,...g,...h,...{warning:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Warning),primaryButtonAppearance:"surfaceSecondary sizeXXL solid",secondaryButtonAppearance:"warningPrimary sizeXXL solid",svgFill:"warningPrimary",svgPathFill:"warningPrimary"}},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"}},X={appearance:z,setAppearance:e=>{X.appearance=e}},T=s(t(function(e,t){const{appearance:s,className:m,dataTestId:y,dataTour:f,width:g,height:x,title:S,desc:B,primaryButton:h,secondaryButton:z,showPrimaryButton:T=!0,showSecondaryButton:L=!0,before:P,after:b,isSkeleton:_,isBottomButton:v,onClickPrimaryButton:C,onClickSecondaryButton:A}=e,F=n(s,X),w=l(e,F),{fillClass:N,fillHoverClass:$,titleTextColor:k,titleTextSize:D,titleTextWeight:W,descTextColor:j,descTextSize:H,descTextWeight:Q,borderColorClass:U,borderColorHoverClass:E,borderTypeClass:G,borderWidthClass:I,heightClass:R,imageSrc:q,primaryButtonAfter:J,primaryButtonAppearance:K,primaryButtonBefore:M,primaryButtonFill:O,primaryButtonFillHover:V,primaryButtonLabel:Y,primaryButtonLabelTextColor:Z,primaryButtonLabelTextSize:ee,primaryButtonShape:re,primaryButtonSize:ae,primaryButtonWidth:te,secondaryButtonAfter:ie,secondaryButtonAppearance:oe,secondaryButtonBefore:se,secondaryButtonFill:ne,secondaryButtonFillHover:le,secondaryButtonLabel:ce,secondaryButtonLabelTextColor:de,secondaryButtonLabelTextSize:pe,secondaryButtonShape:ue,secondaryButtonSize:me,secondaryButtonWidth:ye,shapeClass:fe,shapeStrengthClass:ge,svgFillClass:xe,SvgImage:Se,svgPathFillClass:Be,svgSrc:he,widthClass:ze}=w,Xe=i(()=>{const e=q||he,a=Se;if(a){const e={};return g&&(e.width=g),x&&(e.height=x),r(a,{...e})}return e?r("img",{src:e}):null},[q,he,Se,g,x]),{styles:Te,wrapper:Le}=c(e);return a("div",{className:o(m,"response",v&&"response_bottom-button",U&&`border-color_${U}`,E&&`border-color_hover_${E}`,G&&`border_type_${G}`,I&&`border-width_${I}`,N&&`fill_${N}`,$&&`fill_hover_${$}`,R&&`height_${R}`,fe&&`shape_${fe}`,ge&&`shape-strength_${ge}`,ze&&`width_${ze}`,_&&"skeleton"),ref:t,"data-testid":y,"data-tour":f,style:Te,children:[P,a("div",{className:"response__wrapper",style:Le,children:[Xe&&r("div",{className:o("response__image",xe&&`svg_fill_${xe}`,Be&&`svg_path_fill_${Be}`),children:Xe}),a("div",{className:"response__wrapper-inner",children:[S&&r(u,{className:"response__title",size:D,textColor:k,textWeight:W,children:S}),B&&r(u,{className:"response__desc",size:H,textColor:j,textWeight:Q,children:B})]})]}),(Y||h||ce||z||F)&&a(p,{className:"response__button",width:"fill",children:[Y&&T?r(d,{appearance:K,className:"response__button-item",width:te||"fill",size:ae,fill:O,fillHover:V,label:Y,labelTextColor:Z,labelTextSize:ee,shape:re,before:M,after:J,onClick:C}):h,ce&&L?r(d,{appearance:oe,className:"response__button-item",width:ye||"fill",size:me,fill:ne,fillHover:le,label:ce,labelTextColor:de,labelTextSize:pe,shape:ue,before:se,after:ie,onClick:A}):z]}),b]})})),L={error:{appearance:"error ghost",title:"Ошибка",desc:"Возникла проблема с обработкой вашего запроса. Повторите попытку позже или обратитесь в поддержку по электронной почте: support@example.com",primaryButtonAppearance:"errorPrimary sizeXXL solid rounded",primaryButtonLabel:"ОК",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},errorAccessDenied:{appearance:"unableLoadData ghost",title:"Доступ ограничен",desc:"Для выяснения причин и восстановления доступа обратитесь, пожалуйста, в техническую поддержку по электронной почте: support@example.com",code:"401/403",imageSrc:e.UnableLoadData,primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"Повторить",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},errorNetwork:{appearance:"unableLoadData ghost",title:"Ошибка соединения",desc:"Не удалось подключиться. Проверьте интернет-соединение и повторите попытку",imageSrc:e.UnableLoadData,primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"Обновить",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},fail:{appearance:"fail ghost",primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"ОК"},nothingFound:{appearance:"nothingFound ghost",title:"Ничего не найдено",desc:"Нет данных по заданным параметрам",primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"Сбросить",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},empty:{appearance:"empty ghost",title:"Список пуст",desc:"Нет данных по заданным параметрам",code:"200",primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"ОК"},warning:{appearance:"warning ghost",title:"Внимание",primaryButtonAppearance:"warningPrimary sizeXXL solid rounded",primaryButtonLabel:"Повторить",secondaryButtonAppearance:"warningPrimary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"}};export{L as RESPONSE_MESSAGES,T as Response,z as responseAppearance,X as responseConfig,e as responseIcon};
+import{responseIcon as e}from"./Response/img.js";import{jsx as r,jsxs as a}from"react/jsx-runtime";import{forwardRef as t,useMemo as i}from"react";import o from"clsx";import{urlWithAssetPrefix as s}from"@itcase/ui-core/hoc";import{useAppearanceConfig as n,useDevicePropsGenerator as l,useStyles as c}from"@itcase/ui-core/hooks";import{B as d}from"../Button_es_BVekDLIK.js";import{G as p}from"../Group_es_YMaKEE-1.js";import{a as u}from"../primitives_es_AOPzysvv.js";import"@itcase/ui-core/utils";import"../Loader_es_DWZILN4t.js";import"@itcase/common";import"@rc-component/tooltip";import"react-inlinesvg";const m={confirm:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Confirm),primaryButtonAppearance:"accentPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},y={danger:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Danger),primaryButtonAppearance:"dangerPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"dangerPrimary",svgPathFill:"dangerPrimary"}},f={empty:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Empty),primaryButtonAppearance:"accentPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},g={error:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Error),primaryButtonAppearance:"errorPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"errorPrimary",svgPathFill:"errorPrimary"}},x={fail:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Fail),primaryButtonAppearance:"accentPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},S={nothingFound:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.NothingFound),primaryButtonAppearance:"accentPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},B={refresh:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Refresh),primaryButtonAppearance:"accentPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},h={success:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Success),primaryButtonAppearance:"accentPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"accentPrimary",svgPathFill:"accentPrimary"}},z={...m,...f,...y,...B,...{unableLoadData:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.UnableLoadData),primaryButtonAppearance:"accentPrimary sizeXXL solid",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid",svgFill:"surfaceTertiary",svgPathFill:"surfaceQuaternary"}},...S,...x,...g,...h,...{warning:{fill:"surfacePrimary",titleTextColor:"surfaceTextPrimary",titleTextSize:"xxl",descTextSize:"m",imageSrc:String(e.Warning),primaryButtonAppearance:"surfaceSecondary sizeXXL solid",secondaryButtonAppearance:"warningPrimary sizeXXL solid",svgFill:"warningPrimary",svgPathFill:"warningPrimary"}},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"}},X={appearance:z,setAppearance:e=>{X.appearance=e}},T=s(t(function(e,t){const{appearance:s,className:m,dataTestId:y,dataTour:f,width:g,height:x,title:S,desc:B,primaryButton:h,secondaryButton:z,showPrimaryButton:T=!0,showSecondaryButton:L=!0,before:P,after:b,isSkeleton:_,isBottomButton:v,onClickPrimaryButton:C,onClickSecondaryButton:A}=e,F=n(s,X),w=l(e,F),{fillClass:N,fillHoverClass:$,titleTextColor:k,titleTextSize:D,titleTextWeight:W,descTextColor:j,descTextSize:H,descTextWeight:Q,borderColorClass:U,borderColorHoverClass:E,borderTypeClass:G,borderWidthClass:I,heightClass:R,imageSrc:q,primaryButtonAfter:J,primaryButtonAppearance:K,primaryButtonBefore:M,primaryButtonFill:O,primaryButtonFillHover:V,primaryButtonLabel:Y,primaryButtonLabelTextColor:Z,primaryButtonLabelTextSize:ee,primaryButtonShape:re,primaryButtonSize:ae,primaryButtonWidth:te,secondaryButtonAfter:ie,secondaryButtonAppearance:oe,secondaryButtonBefore:se,secondaryButtonFill:ne,secondaryButtonFillHover:le,secondaryButtonLabel:ce,secondaryButtonLabelTextColor:de,secondaryButtonLabelTextSize:pe,secondaryButtonShape:ue,secondaryButtonSize:me,secondaryButtonWidth:ye,shapeClass:fe,shapeStrengthClass:ge,svgFillClass:xe,SvgImage:Se,svgPathFillClass:Be,svgSrc:he,widthClass:ze}=w,Xe=i(()=>{const e=q||he,a=Se;if(a){const e={};return g&&(e.width=g),x&&(e.height=x),r(a,{...e})}return e?r("img",{src:e}):null},[q,he,Se,g,x]),{styles:Te,wrapper:Le}=c(e);return a("div",{className:o(m,"response",v&&"response_bottom-button",U&&`border-color_${U}`,E&&`border-color_hover_${E}`,G&&`border_type_${G}`,I&&`border-width_${I}`,N&&`fill_${N}`,$&&`fill_hover_${$}`,R&&`height_${R}`,fe&&`shape_${fe}`,ge&&`shape-strength_${ge}`,ze&&`width_${ze}`,_&&"skeleton"),ref:t,"data-testid":y,"data-tour":f,style:Te,children:[P,a("div",{className:"response__wrapper",style:Le,children:[Xe&&r("div",{className:o("response__image",xe&&`svg_fill_${xe}`,Be&&`svg_path_fill_${Be}`),children:Xe}),a("div",{className:"response__wrapper-inner",children:[S&&r(u,{className:"response__title",size:D,textColor:k,textWeight:W,children:S}),B&&r(u,{className:"response__desc",size:H,textColor:j,textWeight:Q,children:B})]})]}),(Y||h||ce||z||F)&&a(p,{className:"response__button",width:"fill",children:[Y&&T?r(d,{appearance:K,className:"response__button-item",width:te||"fill",size:ae,fill:O,fillHover:V,label:Y,labelTextColor:Z,labelTextSize:ee,shape:re,before:M,after:J,onClick:C}):h,ce&&L?r(d,{appearance:oe,className:"response__button-item",width:ye||"fill",size:me,fill:ne,fillHover:le,label:ce,labelTextColor:de,labelTextSize:pe,shape:ue,before:se,after:ie,onClick:A}):z]}),b]})})),L={error:{appearance:"error ghost",title:"Ошибка",desc:"Возникла проблема с обработкой вашего запроса. Повторите попытку позже или обратитесь в поддержку по электронной почте: support@example.com",primaryButtonAppearance:"errorPrimary sizeXXL solid rounded",primaryButtonLabel:"ОК",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},errorAccessDenied:{appearance:"unableLoadData ghost",title:"Доступ ограничен",desc:"Для выяснения причин и восстановления доступа обратитесь, пожалуйста, в техническую поддержку по электронной почте: support@example.com",code:"401/403",imageSrc:e.UnableLoadData,primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"Повторить",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},errorNetwork:{appearance:"unableLoadData ghost",title:"Ошибка соединения",desc:"Не удалось подключиться. Проверьте интернет-соединение и повторите попытку",imageSrc:e.UnableLoadData,primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"Обновить",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},fail:{appearance:"fail ghost",primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"ОК"},nothingFound:{appearance:"nothingFound ghost",title:"Ничего не найдено",desc:"Нет данных по заданным параметрам",primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"Сбросить",secondaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"},empty:{appearance:"empty ghost",title:"Список пуст",desc:"Нет данных по заданным параметрам",code:"200",primaryButtonAppearance:"surfaceSecondary sizeXXL solid rounded",primaryButtonLabel:"ОК"},warning:{appearance:"warning ghost",title:"Внимание",primaryButtonAppearance:"warningPrimary sizeXXL solid rounded",primaryButtonLabel:"Повторить",secondaryButtonAppearance:"warningPrimary sizeXXL solid rounded",secondaryButtonLabel:"Отмена"}};export{L as RESPONSE_MESSAGES,T as Response,z as responseAppearance,X as responseConfig,e as responseIcon};

package/dist/components/Select.js

@@ -1 +1 @@
-export{S as Select,a as SelectClearIndicator,b as SelectControl,c as SelectDropdownIndicator,d as SelectGroupHeading,e as SelectIndicatorsContainer,f as SelectInput,g as SelectMenu,h as SelectMultiValueContainer,i as SelectMultiValueLabel,j as SelectMultiValueRemove,k as SelectOption,l as SelectPlaceholder,m as SelectSingleValue,n as SelectValueContainer,s as selectConfig}from"../SelectContainer_es_D9ojPuGg.js";import"react/jsx-runtime";import"react";import"clsx";import"react-select";import"react-select/creatable";import"@itcase/ui-core/hooks";import"../Group_es_BFXPojdD.js";import"../primitives_es_AOPzysvv.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";import"../default_es_l85QutMi.js";import"../Loader_es_DWZILN4t.js";
+export{S as Select,a as SelectClearIndicator,b as SelectControl,c as SelectDropdownIndicator,d as SelectGroupHeading,e as SelectIndicatorsContainer,f as SelectInput,g as SelectMenu,h as SelectMultiValueContainer,i as SelectMultiValueLabel,j as SelectMultiValueRemove,k as SelectOption,l as SelectPlaceholder,m as SelectSingleValue,n as SelectValueContainer,s as selectConfig}from"../SelectContainer_es_DhPannXl.js";import"react/jsx-runtime";import"react";import"clsx";import"react-select";import"react-select/creatable";import"@itcase/ui-core/hooks";import"../Group_es_YMaKEE-1.js";import"../primitives_es_AOPzysvv.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";import"../default_es_l85QutMi.js";import"../Loader_es_DWZILN4t.js";

package/dist/components/Swiper.js

@@ -1 +1 @@
-import{jsxs as e,jsx as i}from"react/jsx-runtime";import t,{useRef as r,useCallback as o,useImperativeHandle as s,useEffect as n,useState as l}from"react";import a from"clsx";import{Swiper as c,SwiperSlide as d}from"swiper/react";import{useDevicePropsGenerator as p,useStyles as m}from"@itcase/ui-core/hooks";import{G as u}from"../Group_es_BFXPojdD.js";import{T as w,a as h}from"../primitives_es_AOPzysvv.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";function g(l){const{id:g,className:v,dataTestId:x,dataTour:f,direction:k,minZoom:b=1,maxZoom:S=5,title:C,titleAfter:T,titleSize:N,titleTextColor:I,titleWeight:y,activeSlideIndex:E=0,allowTouchMove:P,autoHeight:z,breakpoints:B,forwardedRef:$,freeMode:M,items:j,keyboard:D,loop:H,modules:R,mousewheel:Z,nextButton:A,normalizeSlideIndex:G,pagination:O,prevButton:U,preventClicks:V,preventClicksPropagation:W,simulateTouch:q,slidesPerView:F,spaceBetween:L,speed:Q,swiperClass:J,swiperSlideClass:K,isChangeOnClickSlide:X,isInit:Y,isNavigation:ee=!1,isScrollbar:ie,isShowOriginalLink:te=!1,isZoomEnabled:re=!1,setNextBtnDisabled:oe,setPrevBtnDisabled:se,onSlideNextTransitionEnd:ne,onSlidePrevTransitionEnd:le,onSwiper:ae,onUpdate:ce,children:de}=l,pe=r(null),me=r(!1),[ue,we]=_(),[he,ge]=_(),_e=H??!0,ve=o(e=>{!_e&&se&&oe&&(se(e.isBeginning),oe(e.isEnd))},[_e,se,oe]),xe=o(e=>{X&&(e.activeIndex=E||e.clickedIndex)},[X,E]),fe=o(e=>{!_e&&se&&oe&&(se(e.isBeginning),oe(e.isEnd))},[_e,se,oe]),ke=o(()=>{const e=pe.current?.swiper,i=e?.slides[e.activeIndex]?.querySelector("img");i?.src&&window.open(i.src,"_blank")},[pe]);s($,()=>pe.current,[]),n(()=>{if(me.current){const e=pe.current?.swiper;e?.updateActiveIndex(E),e?.updateSlidesClasses()}else me.current=!0},[E]);const be=p(l),{alignClass:Se,alignDirectionClass:Ce,fillClass:Te,shapeClass:Ne}=be,{styles:Ie}=m(l);return e("div",{id:g,className:a("swiper-block","auto"===F&&"swiper-block_type_auto",Te&&`fill_${Te}`,Ne&&`swiper_shape_${Ne}`,v),"data-testid":x,"data-tour":f,style:Ie,children:[C&&e("div",{className:"swiper-block__wrapper",children:[C&&i(w,{className:"swiper-block__title",size:N,textColor:I,textWeight:y,children:C}),T]}),U&&A&&e(t.Fragment,{children:[i("div",{className:"swiper-block__prev swiper-button",ref:ge,children:U}),i("div",{className:"swiper-block__next swiper-button",ref:we,children:A})]}),i(c,{className:a("swiper-block__swiper",J),ref:pe,direction:k,allowTouchMove:P,autoHeight:z??!1,breakpoints:B,centeredSlides:!0,freeMode:M,init:Y??!0,keyboard:D,loop:_e,modules:R,mousewheel:Z,navigation:!!ee&&{nextEl:ue,prevEl:he},normalizeSlideIndex:G,pagination:O,preventClicks:V,preventClicksPropagation:W,scrollbar:ie,simulateTouch:q,slidesPerView:F,spaceBetween:L,speed:Q??500,zoom:{minRatio:b,maxRatio:S,toggle:!0},onInit:ve,onSlideChange:xe,onSlideNextTransitionEnd:ne,onSlidePrevTransitionEnd:le,onSwiper:ae,onTransitionStart:fe,onUpdate:ce,children:de||j?.map((e,t)=>i(d,{className:a("swiper-block__item",re&&"swiper-block__item_zooming",K,Ce&&`align_${Ce}`,Se&&`align_${Se}`),children:re?i("div",{className:"swiper-zoom-container",children:e}):e},`swiper-slide_${t}`))}),te&&i(u,{width:"fill",fill:"surfacePrimary",padding:"1m 0",children:i(h,{size:"s",textColor:"surfaceTextPrimary",textColorHover:"surfaceTextQuaternary",onClick:ke,children:"Показать оригинал"})})]})}const _=()=>{const[e,i]=l(null),t=r(null);return n(()=>{t.current&&i(t.current)},[]),[e,t]};export{g as Swiper};
+import{jsxs as e,jsx as i}from"react/jsx-runtime";import t,{useRef as r,useCallback as o,useImperativeHandle as s,useEffect as n,useState as l}from"react";import a from"clsx";import{Swiper as c,SwiperSlide as d}from"swiper/react";import{useDevicePropsGenerator as p,useStyles as m}from"@itcase/ui-core/hooks";import{G as u}from"../Group_es_YMaKEE-1.js";import{T as w,a as h}from"../primitives_es_AOPzysvv.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";function g(l){const{id:g,className:v,dataTestId:x,dataTour:f,direction:k,minZoom:b=1,maxZoom:S=5,title:C,titleAfter:T,titleSize:N,titleTextColor:I,titleWeight:y,activeSlideIndex:E=0,allowTouchMove:P,autoHeight:z,breakpoints:B,forwardedRef:$,freeMode:M,items:j,keyboard:D,loop:H,modules:R,mousewheel:Z,nextButton:A,normalizeSlideIndex:G,pagination:O,prevButton:U,preventClicks:V,preventClicksPropagation:W,simulateTouch:q,slidesPerView:F,spaceBetween:L,speed:Q,swiperClass:J,swiperSlideClass:K,isChangeOnClickSlide:X,isInit:Y,isNavigation:ee=!1,isScrollbar:ie,isShowOriginalLink:te=!1,isZoomEnabled:re=!1,setNextBtnDisabled:oe,setPrevBtnDisabled:se,onSlideNextTransitionEnd:ne,onSlidePrevTransitionEnd:le,onSwiper:ae,onUpdate:ce,children:de}=l,pe=r(null),me=r(!1),[ue,we]=_(),[he,ge]=_(),_e=H??!0,ve=o(e=>{!_e&&se&&oe&&(se(e.isBeginning),oe(e.isEnd))},[_e,se,oe]),xe=o(e=>{X&&(e.activeIndex=E||e.clickedIndex)},[X,E]),fe=o(e=>{!_e&&se&&oe&&(se(e.isBeginning),oe(e.isEnd))},[_e,se,oe]),ke=o(()=>{const e=pe.current?.swiper,i=e?.slides[e.activeIndex]?.querySelector("img");i?.src&&window.open(i.src,"_blank")},[pe]);s($,()=>pe.current,[]),n(()=>{if(me.current){const e=pe.current?.swiper;e?.updateActiveIndex(E),e?.updateSlidesClasses()}else me.current=!0},[E]);const be=p(l),{alignClass:Se,alignDirectionClass:Ce,fillClass:Te,shapeClass:Ne}=be,{styles:Ie}=m(l);return e("div",{id:g,className:a("swiper-block","auto"===F&&"swiper-block_type_auto",Te&&`fill_${Te}`,Ne&&`swiper_shape_${Ne}`,v),"data-testid":x,"data-tour":f,style:Ie,children:[C&&e("div",{className:"swiper-block__wrapper",children:[C&&i(w,{className:"swiper-block__title",size:N,textColor:I,textWeight:y,children:C}),T]}),U&&A&&e(t.Fragment,{children:[i("div",{className:"swiper-block__prev swiper-button",ref:ge,children:U}),i("div",{className:"swiper-block__next swiper-button",ref:we,children:A})]}),i(c,{className:a("swiper-block__swiper",J),ref:pe,direction:k,allowTouchMove:P,autoHeight:z??!1,breakpoints:B,centeredSlides:!0,freeMode:M,init:Y??!0,keyboard:D,loop:_e,modules:R,mousewheel:Z,navigation:!!ee&&{nextEl:ue,prevEl:he},normalizeSlideIndex:G,pagination:O,preventClicks:V,preventClicksPropagation:W,scrollbar:ie,simulateTouch:q,slidesPerView:F,spaceBetween:L,speed:Q??500,zoom:{minRatio:b,maxRatio:S,toggle:!0},onInit:ve,onSlideChange:xe,onSlideNextTransitionEnd:ne,onSlidePrevTransitionEnd:le,onSwiper:ae,onTransitionStart:fe,onUpdate:ce,children:de||j?.map((e,t)=>i(d,{className:a("swiper-block__item",re&&"swiper-block__item_zooming",K,Ce&&`align_${Ce}`,Se&&`align_${Se}`),children:re?i("div",{className:"swiper-zoom-container",children:e}):e},`swiper-slide_${t}`))}),te&&i(u,{width:"fill",fill:"surfacePrimary",padding:"1m 0",children:i(h,{size:"s",textColor:"surfaceTextPrimary",textColorHover:"surfaceTextQuaternary",onClick:ke,children:"Показать оригинал"})})]})}const _=()=>{const[e,i]=l(null),t=r(null);return n(()=>{t.current&&i(t.current)},[]),[e,t]};export{g as Swiper};

package/dist/types/components/Accordion/Accordion.appearance.js

@@ -0,0 +1,9 @@
+import { accordionAppearanceSize } from './appearance/accordionSize';
+import { accordionAppearanceStyle } from './appearance/accordionStyle';
+import { accordionAppearanceSurface } from './appearance/accordionSurface';
+const accordionAppearance = {
+    ...accordionAppearanceSize,
+    ...accordionAppearanceStyle,
+    ...accordionAppearanceSurface,
+};
+export { accordionAppearance };

package/dist/types/components/Accordion/Accordion.interface.d.ts

@@ -1,5 +1,5 @@
 import type { CSSProperties, ReactNode } from 'react';
-import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceKey, DirectionProps, FillHoverProps, FillProps, HeightProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types-ui';
+import { AppearanceConfig, AppearanceKeysDefault, AppearanceSizeKey, BorderColorProps, CompositeAppearanceKeys, DirectionProps, FillHoverProps, FillProps, HeightProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types-ui';
 import type { StyleAttributes } from '@itcase/ui-core/hooks';
 import { BadgeProps } from '../Badge/Badge.interface';
 import { DividerProps } from '../Divider/Divider.interface';
@@ -79,7 +79,7 @@ type AccordionItemAppearanceProps = {
 type AccordionItemProps = AccordionItemAppearanceProps & StyleAttributes & {
     id?: string | null;
     afterContent?: ReactNode;
-    appearance?: CompositeAppearanceKey;
+    appearance?: CompositeAppearanceKeys;
     beforeContent?: ReactNode;
     children?: ReactNode;
     className?: string;
@@ -89,12 +89,6 @@ type AccordionItemProps = AccordionItemAppearanceProps & StyleAttributes & {
     style?: CSSProperties;
     title?: string;
 };
-type AccordionItemAppearanceKey = AppearanceKeysDefault | AppearanceShapeKey | AppearanceSizeKey | AppearanceStyleKey;
-type AccordionItemAppearance = {
-    [key in AccordionItemAppearanceKey]?: AccordionItemAppearanceProps;
-};
-type AccordionItemConfig = {
-    appearance: AccordionItemAppearance;
-    setAppearance: (appearanceConfig: AccordionItemAppearance) => void;
-};
+type AccordionItemConfig = AppearanceConfig<AppearanceKeysDefault, AccordionItemAppearanceProps>;
+type AccordionItemAppearance = AccordionItemConfig['appearance'];
 export type { AccordionItemAppearance, AccordionItemConfig, AccordionItemEventData, AccordionItemProps, AccordionProps, };

package/dist/types/components/Accordion/Accordion.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/types/components/Accordion/Accordion.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useCallback, useMemo, useState } from 'react';
+import clsx from 'clsx';
+import castArray from 'lodash/castArray';
+import { useDevicePropsGenerator, useStyles } from '@itcase/ui-core/hooks';
+import { AccordionItem } from './AccordionItem';
+function Accordion(props) {
+    const { appearance, className, dataTestId, dataTour, initial = [], items, isSkeleton, isMultiple, onClickItem, children, } = props;
+    const [expandedItems, setExpandedItems] = useState(() => castArray(initial));
+    const onClickAccordionItem = useCallback((targetItem) => {
+        setExpandedItems((prevState) => {
+            const isExpanded = prevState.find((id) => id === targetItem.id);
+            if (isMultiple) {
+                if (isExpanded) {
+                    return prevState.filter((id) => id !== targetItem.id);
+                }
+                else {
+                    return [...prevState, targetItem.id];
+                }
+            }
+            else {
+                if (isExpanded) {
+                    return [];
+                }
+                else {
+                    return [targetItem.id];
+                }
+            }
+        });
+        onClickItem && onClickItem(targetItem);
+    }, [isMultiple, onClickItem]);
+    const accordionItemsList = useMemo(() => {
+        if (items) {
+            return items.map((item, i) => (_jsx(AccordionItem, { id: item.id, appearance: appearance, title: item.title, content: item.content, isExpanded: expandedItems.includes(item.id), onClick: onClickAccordionItem }, `accordionItem_${item.id || i + 1}`)));
+        }
+        if (children) {
+            return React.Children.toArray(children).map((child) => {
+                if (React.isValidElement(child)) {
+                    const childID = child.props.id || child.key;
+                    return React.cloneElement(child, {
+                        id: childID,
+                        isExpanded: expandedItems.includes(childID),
+                        onClick: onClickAccordionItem,
+                    });
+                }
+                return child;
+            });
+        }
+        return [];
+    }, [items, children, appearance, expandedItems, onClickAccordionItem]);
+    const propsGenerator = useDevicePropsGenerator(props);
+    const { fillClass, borderColorClass, shapeClass, shapeStrengthClass, widthClass, } = propsGenerator;
+    const { styles: accordionStyles } = useStyles(props);
+    return (_jsx("div", { className: clsx(className, 'accordion', borderColorClass && `border-color_${borderColorClass}`, fillClass && `fill_${fillClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, widthClass && `width_${widthClass}`, isSkeleton && 'skeleton'), "data-testid": dataTestId, "data-tour": dataTour, style: accordionStyles, children: accordionItemsList }));
+}
+export { Accordion };

package/dist/types/components/Accordion/AccordionItem.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import clsx from 'clsx';
+import { useAppearanceConfig, useDevicePropsGenerator, useStyles, } from '@itcase/ui-core/hooks';
+import { mergeAppearanceKeys } from '@itcase/ui-core/utils';
+import { Badge } from 'src/components/Badge';
+import { Divider } from 'src/components/Divider';
+import { Icon } from 'src/components/Icon';
+import { Text } from 'src/components/Text';
+import { accordionAppearance } from './Accordion.appearance';
+const accordionItemConfig = {
+    appearance: accordionAppearance,
+    setAppearance: (appearanceConfig) => {
+        accordionItemConfig.appearance = appearanceConfig;
+    },
+};
+function AccordionItem(props) {
+    const { id, appearance, className, title, afterContent, beforeContent, content, isExpanded, onClick, children, } = props;
+    const onClickTitle = useCallback(() => {
+        const thisItemData = {
+            id: id,
+            title: title,
+            content: content,
+            isExpanded: !isExpanded,
+        };
+        onClick && onClick(thisItemData);
+    }, [id, title, content, isExpanded, onClick]);
+    const appearanceConfig = useAppearanceConfig(appearance, accordionItemConfig);
+    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
+    const { fillClass, fillHoverClass, titleBorderColorClass, titleFillClass, titleFillHoverClass, titleTextColor, titleTextSize, titleTextWeight, titleWidthClass, borderColorClass, badgeAppearance, badgeAppearanceSize, badgeShape, badgeSize, badgeTextColor, badgeTextSize, badgeValue, contentTextColor, contentTextSize, contentTextWeight, dividerDirection, dividerFill, dividerSize, icon, iconFill, iconFillIcon, iconFillSize, iconShape, iconSize, iconSrc, shapeClass, shapeStrengthClass, showDivider, sizeClass, zeroGap, zeroPadding, } = propsGenerator;
+    const { styles } = useStyles(props);
+    return (_jsxs("div", { className: clsx('accordion-item', className, zeroPadding && 'accordion-item_zero-padding', zeroGap && 'accordion-item_zero-gap', borderColorClass && `border-color_${borderColorClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, sizeClass && `accordion-item_size_${sizeClass}`, isExpanded && 'accordion-item_state_open'), style: styles, children: [_jsxs("div", { className: clsx('accordion-item__header', fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`), children: [_jsx(Text, { className: clsx('accordion-item__title', titleBorderColorClass && `border-color_${titleBorderColorClass}`, titleFillClass && `fill_${titleFillClass}`, titleFillHoverClass && `fill_hover_${titleFillHoverClass}`, titleWidthClass && `width_${titleWidthClass}`, onClick && 'cursor_type_pointer'), size: titleTextSize, textColor: titleTextColor, textWeight: titleTextWeight, onClick: onClickTitle, children: title }), _jsxs("div", { className: "accordion-item__action", children: [badgeValue && (_jsx(Badge, { appearance: mergeAppearanceKeys(badgeAppearance, badgeAppearanceSize), className: "accordion-item__badge", size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), (icon || iconSrc) && (_jsx(Icon, { className: clsx('accordion-item__icon'), fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon, onClick: onClickTitle }))] }), showDivider && (_jsx(Divider, { width: "fill", direction: dividerDirection, size: dividerSize, fill: dividerFill || 'surfaceTertiary' }))] }), beforeContent, isExpanded && (_jsxs("div", { className: clsx('accordion-item__content'), children: [content && (_jsx("div", { className: clsx('accordion-item__content-inner', fillClass && `fill_${fillClass}`), children: _jsx(Text, { size: contentTextSize, textColor: contentTextColor, textWeight: contentTextWeight, children: content }) })), children] })), afterContent] }));
+}
+export { AccordionItem, accordionItemConfig };

package/dist/types/components/Accordion/appearance/accordionSize.js

@@ -0,0 +1,52 @@
+import { icons16 } from '@itcase/icons-default';
+const accordionAppearanceSize = {
+    sizeXXL: {
+        size: 'xxl',
+        titleTextSize: 'xxl',
+        badgeAppearanceSize: 'sizeXS',
+        contentTextSize: 'xxl',
+        icon: icons16.Arrow.ChevronDown,
+    },
+    sizeXL: {
+        size: 'xl',
+        titleTextSize: 'xl',
+        badgeAppearanceSize: 'sizeXS',
+        contentTextSize: 'l',
+        icon: icons16.Arrow.ChevronDown,
+    },
+    sizeL: {
+        size: 'l',
+        titleTextSize: 'l',
+        badgeAppearanceSize: 'sizeXS',
+        icon: icons16.Arrow.ChevronDown,
+    },
+    sizeM: {
+        size: 'm',
+        titleTextSize: 'm',
+        badgeAppearanceSize: 'sizeXS',
+        contentTextSize: 'm',
+        icon: icons16.Arrow.ChevronDown,
+    },
+    sizeS: {
+        size: 's',
+        titleTextSize: 's',
+        badgeAppearanceSize: 'sizeXS',
+        contentTextSize: 's',
+        icon: icons16.Arrow.ChevronDown,
+    },
+    sizeXS: {
+        size: 'xs',
+        titleTextSize: 'xs',
+        badgeAppearanceSize: 'sizeXS',
+        contentTextSize: 'xs',
+        icon: icons16.Arrow.ChevronDown,
+    },
+    sizeXXS: {
+        size: 'xxs',
+        titleTextSize: 'xxs',
+        badgeAppearanceSize: 'sizeXS',
+        contentTextSize: 'xs',
+        icon: icons16.Arrow.ChevronDown,
+    },
+};
+export { accordionAppearanceSize };

package/dist/types/components/Accordion/appearance/accordionStyle.js

@@ -0,0 +1,14 @@
+const accordionAppearanceStyle = {
+    solid: {
+        borderColor: 'none',
+    },
+    outlined: {
+        fill: 'none',
+    },
+    full: {},
+    ghost: {
+        fill: 'none',
+        borderColor: 'none',
+    },
+};
+export { accordionAppearanceStyle };

package/dist/types/components/Accordion/appearance/accordionSurface.js

@@ -0,0 +1,36 @@
+const accordionAppearanceSurface = {
+    surfacePrimary: {
+        fill: 'surfacePrimary',
+        fillHover: 'surfacePrimary',
+        titleTextColor: 'surfaceTextPrimary',
+        labelTextColor: 'surfaceTextPrimary',
+        badgeAppearance: 'accentPrimary',
+        badgeShape: 'circular',
+        iconFillIcon: 'surfaceItemPrimary',
+    },
+    surfaceQuaternary: {
+        fill: 'surfaceQuaternary',
+        fillHover: 'surfaceQuaternary',
+        labelTextColor: 'surfaceTextPrimary',
+        badgeAppearance: 'accentPrimary',
+        badgeShape: 'circular',
+        iconFillIcon: 'surfaceItemPrimary',
+    },
+    surfaceSecondary: {
+        fill: 'surfaceSecondary',
+        fillHover: 'surfaceSecondary',
+        labelTextColor: 'surfaceTextPrimary',
+        badgeAppearance: 'accentPrimary',
+        badgeShape: 'circular',
+        iconFillIcon: 'surfaceItemPrimary',
+    },
+    surfaceTertiary: {
+        fill: 'surfaceTertiary',
+        fillHover: 'surfaceTertiary',
+        labelTextColor: 'surfaceTextPrimary',
+        badgeAppearance: 'accentPrimary',
+        badgeShape: 'circular',
+        iconFillIcon: 'surfaceItemPrimary',
+    },
+};
+export { accordionAppearanceSurface };

package/dist/types/components/Accordion/index.js

@@ -0,0 +1,4 @@
+import { Accordion } from './Accordion';
+import { accordionAppearance } from './Accordion.appearance';
+import { AccordionItem, accordionItemConfig } from './AccordionItem';
+export { Accordion, accordionAppearance, AccordionItem, accordionItemConfig };

package/dist/types/components/Accordion/stories/AccordionDemo.stories.d.ts

@@ -0,0 +1,17 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { Accordion } from '../';
+declare const meta: {
+    title: string;
+    component: typeof Accordion;
+    args: {
+        children: import("react/jsx-runtime").JSX.Element;
+    };
+    parameters: {
+        maxWidth: string;
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Demo: Story;
+export declare const Skeleton: Story;

package/dist/types/components/Accordion/stories/AccordionDemo.stories.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Accordion, AccordionItem } from '../';
+const meta = {
+    title: 'Molecules / Accordion',
+    component: Accordion,
+    args: {
+        children: (_jsxs(React.Fragment, { children: [_jsx(AccordionItem, { id: "title1", appearance: "surfacePrimary sizeM full", title: "Title 1", badgeValue: "3", content: "content 1", isExpanded: true }), _jsx(AccordionItem, { id: "title2", appearance: "surfacePrimary sizeM full", title: "Title 2", content: "content 2" }), _jsx(AccordionItem, { id: "title3", appearance: "surfacePrimary sizeM full", title: "Title 3", content: "content 3" })] })),
+    },
+    parameters: {
+        maxWidth: '360px',
+        layout: 'centered',
+    },
+};
+export default meta;
+export const Demo = {
+    render: (args) => _jsx(Accordion, { ...args }),
+};
+export const Skeleton = {
+    args: {
+        isSkeleton: true,
+    },
+    render: (args) => _jsx(Accordion, { ...args }),
+};

package/dist/types/components/Avatar/Avatar.appearance.js

@@ -0,0 +1,11 @@
+import { avatarAppearanceDefault } from './appearance/avatarDefault';
+import { avatarAppearanceShape } from './appearance/avatarShape';
+import { avatarAppearanceSize } from './appearance/avatarSize';
+import { avatarAppearanceStyle } from './appearance/avatarStyle';
+const avatarAppearance = {
+    ...avatarAppearanceSize,
+    ...avatarAppearanceStyle,
+    ...avatarAppearanceShape,
+    ...avatarAppearanceDefault,
+};
+export { avatarAppearance };

package/dist/types/components/Avatar/Avatar.interface.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
-import { BorderColorProps, CompositeAppearanceSizePxKey, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizePXProps } from '@itcase/types-ui';
+import { AppearanceConfig, AppearanceKeysPx, BorderColorProps, CompositeAppearancePxKeys, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizePXProps } from '@itcase/types-ui';
 import { StyleAttributes } from '@itcase/ui-core/hooks';
 import { BadgeProps } from '../Badge/Badge.interface';
 import { IconProps } from '../Icon/Icon.interface';
@@ -33,7 +33,7 @@ type AvatarAppearanceProps = {
 };
 type AvatarProps = AvatarAppearanceProps & StyleAttributes & {
     after?: string;
-    appearance?: CompositeAppearanceSizePxKey;
+    appearance?: CompositeAppearancePxKeys;
     before?: string;
     children?: ReactNode;
     className?: string;
@@ -47,11 +47,6 @@ type AvatarProps = AvatarAppearanceProps & StyleAttributes & {
     src?: string;
     style?: CSSProperties;
 };
-type AvatarConfig = {
-    appearance: {
-        [key in CompositeAppearanceSizePxKey]?: AvatarAppearanceProps;
-    };
-    setAppearance: (appearanceConfig: AvatarConfig['appearance']) => void;
-};
+type AvatarConfig = AppearanceConfig<AppearanceKeysPx, AvatarAppearanceProps>;
 type AvatarAppearance = AvatarConfig['appearance'];
 export type { AvatarAppearance, AvatarConfig, AvatarProps };

package/dist/types/components/Avatar/Avatar.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/types/components/Avatar/Avatar.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import clsx from 'clsx';
+import { useAppearanceConfig, useDevicePropsGenerator, } from '@itcase/ui-core/hooks';
+import { Badge } from 'src/components/Badge';
+import { Icon } from 'src/components/Icon';
+import { Image } from 'src/components/Image';
+import { Text } from 'src/components/Text';
+import { avatarAppearance } from './Avatar.appearance';
+const avatarConfig = {
+    appearance: avatarAppearance,
+    setAppearance: (appearanceConfig) => {
+        avatarConfig.appearance = appearanceConfig;
+    },
+};
+function Avatar(props) {
+    const { appearance, className, dataTestId, dataTour, src, firstName = '', secondName = '', count, before, after, isSkeleton, onClick, } = props;
+    const avatarChars = useMemo(() => {
+        const firstChar = (firstName?.[0] || '').toUpperCase();
+        const secondChar = (secondName?.[0] || '').toUpperCase();
+        return `${firstChar}${secondChar}`;
+    }, [firstName, secondName]);
+    const appearanceConfig = useAppearanceConfig(appearance, avatarConfig);
+    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
+    const { size, fillClass, fillHoverClass, textColor, textSize, textWeight, badge, badgeAppearance, badgeShape, badgeSize, badgeTextColor, badgeTextSize, badgeValue, icon, iconFill, iconFillHover, iconFillSize, iconItemFill, iconShape, iconSize, iconSrc, placeholderUrl, shapeClass, shapeStrengthClass, sizeClass, } = propsGenerator;
+    return (_jsx("div", { className: clsx(className, 'avatar', size && `avatar_size_${sizeClass}`, (badgeValue || badgeAppearance || badgeSize) && 'avatar_status', isSkeleton && `skeleton`, onClick && 'cursor_type_pointer'), "data-testid": dataTestId, "data-tour": dataTour, onClick: onClick, children: _jsxs("div", { className: clsx('avatar__wrapper', fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`), children: [before, src ? (_jsx(Image, { className: clsx('avatar__image', shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`), src: src, placeholderUrl: placeholderUrl })) : (_jsx(Text, { className: "avatar__text", size: textSize, textColor: textColor, textWeight: textWeight, children: avatarChars || count })), (icon || iconSrc) && (_jsx(Icon, { className: "avatar__icon", fill: iconFill, fillHover: iconFillHover, fillSize: iconFillSize, iconFill: iconItemFill, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon })), (badge || badgeValue) && (_jsx(Badge, { appearance: badgeAppearance, className: "avatar__badge", size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), after] }) }));
+}
+export { Avatar, avatarConfig };

package/dist/types/components/Avatar/appearance/avatarDefault.js

@@ -0,0 +1,23 @@
+const avatarAppearanceDefault = {
+    surfacePrimary: {
+        fill: 'surfacePrimary',
+        textColor: 'surfaceTextPrimary',
+        badgeAppearance: 'accentPrimary solid circular',
+    },
+    surfaceQuaternary: {
+        fill: 'surfaceQuaternary',
+        textColor: 'surfaceTextPrimary',
+        badgeAppearance: 'accentPrimary solid circular',
+    },
+    surfaceSecondary: {
+        fill: 'surfaceSecondary',
+        textColor: 'surfaceTextPrimary',
+        badgeAppearance: 'accentPrimary solid circular',
+    },
+    surfaceTertiary: {
+        fill: 'surfaceTertiary',
+        textColor: 'surfaceTextPrimary',
+        badgeAppearance: 'accentPrimary solid circular',
+    },
+};
+export { avatarAppearanceDefault };

package/dist/types/components/Avatar/appearance/avatarShape.js

@@ -0,0 +1,25 @@
+const avatarAppearanceShape = {
+    circular: {
+        shape: 'circular',
+    },
+    rounded: {
+        shape: 'rounded',
+    },
+    roundedXL: {
+        shape: 'rounded',
+        shapeStrength: '2m',
+    },
+    roundedL: {
+        shape: 'rounded',
+        shapeStrength: '1_5m',
+    },
+    roundedM: {
+        shape: 'rounded',
+        shapeStrength: '1m',
+    },
+    roundedS: {
+        shape: 'rounded',
+        shapeStrength: '0_5m',
+    },
+};
+export { avatarAppearanceShape };

package/dist/types/components/Avatar/appearance/avatarSize.js

@@ -0,0 +1,63 @@
+const avatarAppearanceSize = {
+    size16: {
+        size: '16',
+        textSize: 'xs',
+        badgeSize: 'xxs',
+        iconFillSize: '12',
+    },
+    size20: {
+        size: '20',
+        textSize: 'xs',
+        badgeSize: 'xxs',
+        iconFillSize: '12',
+    },
+    size24: {
+        size: '24',
+        textSize: 's',
+        badgeSize: 'xxs',
+        iconFillSize: '12',
+    },
+    size32: {
+        size: '32',
+        textSize: 'm',
+        badgeSize: 'xs',
+        iconFillSize: '12',
+    },
+    size40: {
+        size: '40',
+        textSize: 'l',
+        badgeSize: 's',
+        iconFillSize: '12',
+    },
+    size48: {
+        size: '48',
+        textSize: 'l',
+        badgeSize: 's',
+        iconFillSize: '12',
+    },
+    size56: {
+        size: '56',
+        textSize: 'xl',
+        badgeSize: 'm',
+        iconFillSize: '16',
+    },
+    size96: {
+        size: '96',
+        textSize: 'xxl',
+        badgeSize: 'xl',
+        iconFillSize: '32',
+    },
+    size144: {
+        size: '144',
+        textSize: 'xxl',
+        badgeSize: 'xxl',
+        iconFillSize: '40',
+    },
+    size240: {
+        size: '240',
+        textSize: 'xxl',
+        badgeSize: 'xxl',
+        iconFillSize: '40',
+    },
+};
+export { avatarAppearanceSize };