@consta/uikit 4.6.4 → 4.7.1

package/__internal__/src/components/SelectComponents/SelectItem/SelectItem.css

@@ -1 +1 @@
-.SelectItem{--text-color:var(--color-control-typo-default);word-wrap:break-word;background-color:var(--color-control-bg-clear);color:var(--text-color);cursor:pointer;font-size:var(--font-size);min-height:calc(var(--vertical-space)*2 + var(--font-size)*1.2);padding:var(--vertical-space) var(--horizontal-space);position:relative}.SelectItem_size_xs{--horizontal-space:calc(var(--control-space-xs)*0.5);--vertical-space:calc(var(--control-space-s)*0.25);--font-size:var(--control-text-size-xs)}.SelectItem_size_s{--horizontal-space:calc(var(--control-space-s)*0.5);--vertical-space:calc(var(--control-space-s)*0.25);--font-size:var(--control-text-size-s)}.SelectItem_size_m{--horizontal-space:calc(var(--control-space-m)*0.5);--vertical-space:calc(var(--control-space-s)*0.5);--font-size:var(--control-text-size-m)}.SelectItem_size_l{--horizontal-space:calc(var(--control-space-l)*0.5);--vertical-space:calc(var(--control-space-s)*0.5);--font-size:var(--control-text-size-l)}.SelectItem_hovered{background-color:var(--color-control-bg-clear-hover)}.SelectItem_active{--text-color:var(--color-control-typo-secondary)}.SelectItem_disabled{--text-color:var(--color-control-typo-disable)}.SelectItem_multiple{align-items:center;display:flex}.SelectItem_indent_increased{padding-left:calc(var(--horizontal-space)*2.6)}.SelectItem:not(.SelectItem_multiple):before{background-color:transparent;bottom:0;content:"";left:0;position:absolute;top:0;transition:background-color .2s ease-in;width:2px}.SelectItem:not(.SelectItem_multiple).SelectItem_active:before{background-color:var(--text-color)}.SelectItem-Checkbox{margin-right:var(--space-xs)}
+.ListItem.SelectItem:hover:not(.ListItem_active){background:transparent}

package/__internal__/src/components/SelectComponents/SelectItem/SelectItem.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","label","active","hovered","multiple","size","indent","disabled"];import"./SelectItem.css";import React from"react";import{cn}from"../../../utils/bem";import{getByMap}from"../../../utils/getByMap";import{Checkbox}from"../../Checkbox/Checkbox";export var cnSelectItem=cn("SelectItem");var sizeCheckboxMap={xs:"m",s:"m",m:"l",l:"l"};export var SelectItem=function(a){var b=a.className,c=a.label,d=a.active,e=a.hovered,f=a.multiple,g=a.size,h=a.indent,i=a.disabled,j=_objectWithoutProperties(a,_excluded);return React.createElement("div",Object.assign({},j,{className:cnSelectItem({active:d,hovered:e,multiple:f,size:g,indent:h,disabled:i},[b]),"aria-selected":d,"aria-disabled":i,role:"option"}),f&&React.createElement(Checkbox,{className:cnSelectItem("Checkbox"),checked:d,size:getByMap(sizeCheckboxMap,g)}),c)};
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","label","active","hovered","multiple","size","indent","disabled"];import"./SelectItem.css";import React from"react";import{ListItem}from"../../ListCanary";import{cn}from"../../../utils/bem";import{Checkbox}from"../../Checkbox/Checkbox";var sizeCheckboxMap={xs:"m",s:"m",m:"l",l:"l"};export var cnSelectItem=cn("SelectItem");export var SelectItem=function(a){var b=a.className,c=a.label,d=a.active,e=a.hovered,f=a.multiple,g=a.size,h=a.indent,i=a.disabled,j=_objectWithoutProperties(a,_excluded);return React.createElement(ListItem,Object.assign({},j,{className:cnSelectItem(null,[b]),"aria-selected":d,"aria-disabled":i,role:"option",label:c,innerOffset:h,size:g,active:e,checked:!f&&d,disabled:i,leftSide:f&&React.createElement(Checkbox,{checked:d,size:sizeCheckboxMap[g]})}),c)};
 //# sourceMappingURL=SelectItem.js.map

package/__internal__/src/components/SelectComponents/SelectItem/SelectItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectItem.js","names":["React","cn","getByMap","Checkbox","cnSelectItem","sizeCheckboxMap","xs","s","m","l","SelectItem","props","className","label","active","hovered","multiple","size","indent","disabled","otherProps"],"sources":["../../../../../../src/components/SelectComponents/SelectItem/SelectItem.tsx"],"sourcesContent":["import './SelectItem.css';\n\nimport React from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { getByMap } from '../../../utils/getByMap';\nimport { PropsWithHTMLAttributes } from '../../../utils/types/PropsWithHTMLAttributes';\nimport { Checkbox, CheckboxPropSize } from '../../Checkbox/Checkbox';\nimport { PropSize } from '../types';\n\nexport type SelectItemProps = PropsWithHTMLAttributes<\n  {\n    label: string;\n    active: boolean;\n    hovered: boolean;\n    multiple: boolean;\n    size: PropSize;\n    indent: 'normal' | 'increased';\n    disabled: boolean | undefined;\n  },\n  HTMLDivElement\n>;\n\nexport const cnSelectItem = cn('SelectItem');\n\nconst sizeCheckboxMap: Record<PropSize, CheckboxPropSize> = {\n  xs: 'm',\n  s: 'm',\n  m: 'l',\n  l: 'l',\n};\n\nexport const SelectItem: React.FC<SelectItemProps> = (props) => {\n  const {\n    className,\n    label,\n    active,\n    hovered,\n    multiple,\n    size,\n    indent,\n    disabled,\n    ...otherProps\n  } = props;\n\n  return (\n    <div\n      {...otherProps}\n      className={cnSelectItem(\n        { active, hovered, multiple, size, indent, disabled },\n        [className],\n      )}\n      aria-selected={active}\n      aria-disabled={disabled}\n      role=\"option\"\n    >\n      {multiple && (\n        <Checkbox\n          className={cnSelectItem('Checkbox')}\n          checked={active}\n          size={getByMap(sizeCheckboxMap, size)}\n        />\n      )}\n      {label}\n    </div>\n  );\n};\n"],"mappings":"kLAAA,yBAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,0BACA,OAASC,QAAT,+BAEA,OAASC,QAAT,+BAgBA,MAAO,IAAMC,aAAY,CAAGH,EAAE,CAAC,YAAD,CAAvB,CAEP,GAAMI,gBAAmD,CAAG,CAC1DC,EAAE,CAAE,GADsD,CAE1DC,CAAC,CAAE,GAFuD,CAG1DC,CAAC,CAAE,GAHuD,CAI1DC,CAAC,CAAE,GAJuD,CAA5D,CAOA,MAAO,IAAMC,WAAqC,CAAG,SAACC,CAAD,CAAW,CAC9D,GACEC,EADF,CAUID,CAVJ,CACEC,SADF,CAEEC,CAFF,CAUIF,CAVJ,CAEEE,KAFF,CAGEC,CAHF,CAUIH,CAVJ,CAGEG,MAHF,CAIEC,CAJF,CAUIJ,CAVJ,CAIEI,OAJF,CAKEC,CALF,CAUIL,CAVJ,CAKEK,QALF,CAMEC,CANF,CAUIN,CAVJ,CAMEM,IANF,CAOEC,CAPF,CAUIP,CAVJ,CAOEO,MAPF,CAQEC,CARF,CAUIR,CAVJ,CAQEQ,QARF,CASKC,CATL,0BAUIT,CAVJ,YAYA,MACE,4CACMS,CADN,EAEE,SAAS,CAAEhB,YAAY,CACrB,CAAEU,MAAM,CAANA,CAAF,CAAUC,OAAO,CAAPA,CAAV,CAAmBC,QAAQ,CAARA,CAAnB,CAA6BC,IAAI,CAAJA,CAA7B,CAAmCC,MAAM,CAANA,CAAnC,CAA2CC,QAAQ,CAARA,CAA3C,CADqB,CAErB,CAACP,CAAD,CAFqB,CAFzB,CAME,gBAAeE,CANjB,CAOE,gBAAeK,CAPjB,CAQE,IAAI,CAAC,QARP,GAUGH,CAAQ,EACP,oBAAC,QAAD,EACE,SAAS,CAAEZ,YAAY,CAAC,UAAD,CADzB,CAEE,OAAO,CAAEU,CAFX,CAGE,IAAI,CAAEZ,QAAQ,CAACG,eAAD,CAAkBY,CAAlB,CAHhB,EAXJ,CAiBGJ,CAjBH,CAoBH,CAlCM"}
+{"version":3,"file":"SelectItem.js","names":["React","ListItem","cn","Checkbox","sizeCheckboxMap","xs","s","m","l","cnSelectItem","SelectItem","props","className","label","active","hovered","multiple","size","indent","disabled","otherProps"],"sources":["../../../../../../src/components/SelectComponents/SelectItem/SelectItem.tsx"],"sourcesContent":["import './SelectItem.css';\n\nimport React from 'react';\n\nimport { ListItem } from '##/components/ListCanary';\nimport { cn } from '##/utils/bem';\n\nimport { PropsWithHTMLAttributes } from '../../../utils/types/PropsWithHTMLAttributes';\nimport { Checkbox, CheckboxPropSize } from '../../Checkbox/Checkbox';\nimport { PropSize } from '../types';\n\nexport type SelectItemProps = PropsWithHTMLAttributes<\n  {\n    label: string;\n    active: boolean;\n    hovered: boolean;\n    multiple: boolean;\n    size: PropSize;\n    indent: 'normal' | 'increased';\n    disabled: boolean | undefined;\n  },\n  HTMLDivElement\n>;\n\nconst sizeCheckboxMap: Record<PropSize, CheckboxPropSize> = {\n  xs: 'm',\n  s: 'm',\n  m: 'l',\n  l: 'l',\n};\n\nexport const cnSelectItem = cn('SelectItem');\n\nexport const SelectItem: React.FC<SelectItemProps> = (props) => {\n  const {\n    className,\n    label,\n    active,\n    hovered,\n    multiple,\n    size,\n    indent,\n    disabled,\n    ...otherProps\n  } = props;\n\n  return (\n    <ListItem\n      {...otherProps}\n      className={cnSelectItem(null, [className])}\n      aria-selected={active}\n      aria-disabled={disabled}\n      role=\"option\"\n      label={label}\n      innerOffset={indent}\n      size={size}\n      active={hovered}\n      checked={!multiple && active}\n      disabled={disabled}\n      leftSide={\n        multiple && <Checkbox checked={active} size={sizeCheckboxMap[size]} />\n      }\n    >\n      {label}\n    </ListItem>\n  );\n};\n"],"mappings":"kLAAA,yBAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,QAAT,wBACA,OAASC,EAAT,0BAGA,OAASC,QAAT,+BAgBA,GAAMC,gBAAmD,CAAG,CAC1DC,EAAE,CAAE,GADsD,CAE1DC,CAAC,CAAE,GAFuD,CAG1DC,CAAC,CAAE,GAHuD,CAI1DC,CAAC,CAAE,GAJuD,CAA5D,CAOA,MAAO,IAAMC,aAAY,CAAGP,EAAE,CAAC,YAAD,CAAvB,CAEP,MAAO,IAAMQ,WAAqC,CAAG,SAACC,CAAD,CAAW,CAC9D,GACEC,EADF,CAUID,CAVJ,CACEC,SADF,CAEEC,CAFF,CAUIF,CAVJ,CAEEE,KAFF,CAGEC,CAHF,CAUIH,CAVJ,CAGEG,MAHF,CAIEC,CAJF,CAUIJ,CAVJ,CAIEI,OAJF,CAKEC,CALF,CAUIL,CAVJ,CAKEK,QALF,CAMEC,CANF,CAUIN,CAVJ,CAMEM,IANF,CAOEC,CAPF,CAUIP,CAVJ,CAOEO,MAPF,CAQEC,CARF,CAUIR,CAVJ,CAQEQ,QARF,CASKC,CATL,0BAUIT,CAVJ,YAYA,MACE,qBAAC,QAAD,kBACMS,CADN,EAEE,SAAS,CAAEX,YAAY,CAAC,IAAD,CAAO,CAACG,CAAD,CAAP,CAFzB,CAGE,gBAAeE,CAHjB,CAIE,gBAAeK,CAJjB,CAKE,IAAI,CAAC,QALP,CAME,KAAK,CAAEN,CANT,CAOE,WAAW,CAAEK,CAPf,CAQE,IAAI,CAAED,CARR,CASE,MAAM,CAAEF,CATV,CAUE,OAAO,CAAE,CAACC,CAAD,EAAaF,CAVxB,CAWE,QAAQ,CAAEK,CAXZ,CAYE,QAAQ,CACNH,CAAQ,EAAI,oBAAC,QAAD,EAAU,OAAO,CAAEF,CAAnB,CAA2B,IAAI,CAAEV,eAAe,CAACa,CAAD,CAAhD,EAbhB,GAgBGJ,CAhBH,CAmBH,CAjCM"}

package/__internal__/src/components/SelectComponents/helpers.d.ts

@@ -1,4 +1,4 @@
 export declare const defaultlabelForNotFound = "\u041D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E";
-export declare const defaultlabelForCreate = "+";
+export declare const defaultlabelForCreate = "";
 export declare const defaultLabelForEmptyItems = "\u0421\u043F\u0438\u0441\u043E\u043A \u043F\u0443\u0441\u0442";
 export declare const getInputWidth: (controlInnerRef: React.RefObject<HTMLDivElement>, helperInputFakeElement: React.RefObject<HTMLDivElement>) => number;

package/__internal__/src/components/SelectComponents/helpers.js

@@ -1,2 +1,2 @@
-export var defaultlabelForNotFound="\u041D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E";export var defaultlabelForCreate="+";export var defaultLabelForEmptyItems="\u0421\u043F\u0438\u0441\u043E\u043A \u043F\u0443\u0441\u0442";export var getInputWidth=function(a,b){if(!a.current||!b.current)return 20;var c=b.current.offsetWidth+20,d=a.current?a.current.offsetWidth-15:2,e=c>d?d:c;return e};
+export var defaultlabelForNotFound="\u041D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E";export var defaultlabelForCreate="";export var defaultLabelForEmptyItems="\u0421\u043F\u0438\u0441\u043E\u043A \u043F\u0443\u0441\u0442";export var getInputWidth=function(a,b){if(!a.current||!b.current)return 20;var c=b.current.offsetWidth+20,d=a.current?a.current.offsetWidth-15:2,e=c>d?d:c;return e};
 //# sourceMappingURL=helpers.js.map

package/__internal__/src/components/SelectComponents/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":["defaultlabelForNotFound","defaultlabelForCreate","defaultLabelForEmptyItems","getInputWidth","controlInnerRef","helperInputFakeElement","current","fakeElWidth","offsetWidth","maxWidth","width"],"sources":["../../../../../src/components/SelectComponents/helpers.ts"],"sourcesContent":["export const defaultlabelForNotFound = 'Не найдено';\nexport const defaultlabelForCreate = '+';\nexport const defaultLabelForEmptyItems = 'Список пуст';\n\nexport const getInputWidth = (\n  controlInnerRef: React.RefObject<HTMLDivElement>,\n  helperInputFakeElement: React.RefObject<HTMLDivElement>,\n): number => {\n  if (!controlInnerRef.current || !helperInputFakeElement.current) {\n    return 20;\n  }\n  const fakeElWidth = helperInputFakeElement.current.offsetWidth + 20;\n  const maxWidth = controlInnerRef.current\n    ? controlInnerRef.current.offsetWidth - 15\n    : 2;\n  const width = fakeElWidth > maxWidth ? maxWidth : fakeElWidth;\n  return width;\n};\n"],"mappings":"AAAA,MAAO,IAAMA,wBAAuB,CAAG,yDAAhC,CACP,MAAO,IAAMC,sBAAqB,CAAG,GAA9B,CACP,MAAO,IAAMC,0BAAyB,CAAG,+DAAlC,CAEP,MAAO,IAAMC,cAAa,CAAG,SAC3BC,CAD2B,CAE3BC,CAF2B,CAGhB,CACX,GAAI,CAACD,CAAe,CAACE,OAAjB,EAA4B,CAACD,CAAsB,CAACC,OAAxD,CACE,MAAO,GAAP,CAFS,GAILC,EAAW,CAAGF,CAAsB,CAACC,OAAvB,CAA+BE,WAA/B,CAA6C,EAJtD,CAKLC,CAAQ,CAAGL,CAAe,CAACE,OAAhB,CACbF,CAAe,CAACE,OAAhB,CAAwBE,WAAxB,CAAsC,EADzB,CAEb,CAPO,CAQLE,CAAK,CAAGH,CAAW,CAAGE,CAAd,CAAyBA,CAAzB,CAAoCF,CARvC,CASX,MAAOG,EACR,CAbM"}
+{"version":3,"file":"helpers.js","names":["defaultlabelForNotFound","defaultlabelForCreate","defaultLabelForEmptyItems","getInputWidth","controlInnerRef","helperInputFakeElement","current","fakeElWidth","offsetWidth","maxWidth","width"],"sources":["../../../../../src/components/SelectComponents/helpers.ts"],"sourcesContent":["export const defaultlabelForNotFound = 'Не найдено';\nexport const defaultlabelForCreate = '';\nexport const defaultLabelForEmptyItems = 'Список пуст';\n\nexport const getInputWidth = (\n  controlInnerRef: React.RefObject<HTMLDivElement>,\n  helperInputFakeElement: React.RefObject<HTMLDivElement>,\n): number => {\n  if (!controlInnerRef.current || !helperInputFakeElement.current) {\n    return 20;\n  }\n  const fakeElWidth = helperInputFakeElement.current.offsetWidth + 20;\n  const maxWidth = controlInnerRef.current\n    ? controlInnerRef.current.offsetWidth - 15\n    : 2;\n  const width = fakeElWidth > maxWidth ? maxWidth : fakeElWidth;\n  return width;\n};\n"],"mappings":"AAAA,MAAO,IAAMA,wBAAuB,CAAG,yDAAhC,CACP,MAAO,IAAMC,sBAAqB,CAAG,EAA9B,CACP,MAAO,IAAMC,0BAAyB,CAAG,+DAAlC,CAEP,MAAO,IAAMC,cAAa,CAAG,SAC3BC,CAD2B,CAE3BC,CAF2B,CAGhB,CACX,GAAI,CAACD,CAAe,CAACE,OAAjB,EAA4B,CAACD,CAAsB,CAACC,OAAxD,CACE,MAAO,GAAP,CAFS,GAILC,EAAW,CAAGF,CAAsB,CAACC,OAAvB,CAA+BE,WAA/B,CAA6C,EAJtD,CAKLC,CAAQ,CAAGL,CAAe,CAACE,OAAhB,CACbF,CAAe,CAACE,OAAhB,CAAwBE,WAAxB,CAAsC,EADzB,CAEb,CAPO,CAQLE,CAAK,CAAGH,CAAW,CAAGE,CAAd,CAAyBA,CAAzB,CAAoCF,CARvC,CASX,MAAOG,EACR,CAbM"}

package/__internal__/src/components/TagBase/TagBase.d.ts

@@ -6,7 +6,7 @@ export declare const tagBasePropSizeDefault: "m";
 export declare type TagBasePropSize = typeof tagBasePropSize[number];
 export declare const tagBasePropGroupNumberValue: readonly [1, 2, 3, 4, 5, 6, 7, 8, 9];
 export declare const tagBasePropGroupStringValue: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
-export declare const tagBasePropGroup: ("1" | 1 | 4 | 2 | 3 | 5 | "2" | 7 | "3" | "4" | "5" | 8 | 9 | 6 | "6" | "7" | "8" | "9")[];
+export declare const tagBasePropGroup: ("1" | 1 | 4 | 2 | 3 | 5 | "2" | 7 | "3" | "4" | "5" | 9 | 8 | 6 | "6" | "7" | "8" | "9")[];
 export declare type TagBasePropGroup = typeof tagBasePropGroup[number];
 export declare const tagBasePropView: readonly ["stroked", "filled"];
 export declare const tagBasePropViewDefault: "stroked";

package/__internal__/src/components/UserSelect/UserSelectItem/UserSelectItem.css

@@ -1 +1 @@
-.UserSelectItem{align-items:center;background-color:var(--color-control-bg-clear);color:var(--color-control-typo-default);cursor:pointer;display:flex;font-size:var(--font-size);padding:var(--vertical-space) var(--horizontal-space);position:relative}.UserSelectItem_size_s{--horizontal-space:calc(var(--control-space-s)*0.5);--vertical-space:calc(var(--control-space-s)*0.25);--font-size:var(--control-text-size-s);--sub-info-space:var(--space-xs);--sub-label-font-size:var(--size-text-2xs)}.UserSelectItem_size_m{--horizontal-space:calc(var(--control-space-m)*0.5);--vertical-space:calc(var(--control-space-s)*0.5);--font-size:var(--control-text-size-m);--sub-info-space:var(--space-s);--sub-label-font-size:var(--size-text-xs)}.UserSelectItem_size_l{--horizontal-space:calc(var(--control-space-l)*0.5);--vertical-space:calc(var(--control-space-s)*0.5);--font-size:var(--control-text-size-l);--sub-info-space:var(--space-s);--sub-label-font-size:var(--size-text-s)}.UserSelectItem_disable{color:var(--color-control-typo-disable)}.UserSelectItem_hovered{background-color:var(--color-control-bg-clear-hover)}.UserSelectItem_active{color:var(--color-control-typo-secondary)}.UserSelectItem_indent_increased{padding-left:calc(var(--horizontal-space)*2.6)}.UserSelectItem-AvatarContainer{position:relative}.UserSelectItem-CheckIcon{background-color:var(--color-control-bg-primary);border:1px solid var(--color-control-bg-default);border-radius:50%;bottom:calc(var(--space-2xs)*-1);color:var(--color-control-bg-default);height:var(--graphics-size-xs);padding:0;position:absolute;right:calc(var(--space-2xs)*-1);width:var(--graphics-size-xs)}.UserSelectItem-CheckIcon_animate_entered,.UserSelectItem-CheckIcon_animate_entering,.UserSelectItem-CheckIcon_animate_exited,.UserSelectItem-CheckIcon_animate_exiting{transition:.2s ease;transition-property:opacity,transform}.UserSelectItem-CheckIcon_animate_entered,.UserSelectItem-CheckIcon_animate_entering{opacity:1;transform:scale(1)}.UserSelectItem-CheckIcon_animate_exiting{opacity:0;transform:scale(.25)}.UserSelectItem-CheckIcon_animate_exited{opacity:0;transform:scale(0)}.UserSelectItem-Info{padding-left:var(--sub-info-space)}.UserSelectItem-SubLabel{font-size:var(--sub-label-font-size);opacity:.7}.UserSelectItem-SubLabel_disable{opacity:1}
+.UserSelectItem{align-items:center;background-color:var(--color-control-bg-clear);color:var(--color-control-typo-default);cursor:pointer;display:flex;font-size:var(--font-size);position:relative}.UserSelectItem_size_s{--font-size:var(--control-text-size-s);--sub-info-space:var(--space-xs);--sub-label-font-size:var(--size-text-2xs)}.UserSelectItem_size_m{--font-size:var(--control-text-size-m);--sub-info-space:var(--space-s);--sub-label-font-size:var(--size-text-xs)}.UserSelectItem_size_l{--font-size:var(--control-text-size-l);--sub-info-space:var(--space-s);--sub-label-font-size:var(--size-text-s)}.UserSelectItem_disable{color:var(--color-control-typo-disable)}.UserSelectItem_hovered{background-color:var(--color-control-bg-clear-hover)}.UserSelectItem_active{color:var(--color-control-typo-secondary)}.UserSelectItem_indent_increased{padding-left:calc(var(--horizontal-space)*2.6)}.UserSelectItem-AvatarContainer{position:relative}.UserSelectItem-CheckIcon{background-color:var(--color-control-bg-primary);border:1px solid var(--color-control-bg-default);border-radius:50%;bottom:calc(var(--space-2xs)*-1);color:var(--color-control-bg-default);height:var(--graphics-size-xs);padding:0;position:absolute;right:calc(var(--space-2xs)*-1);width:var(--graphics-size-xs)}.UserSelectItem-CheckIcon_animate_entered,.UserSelectItem-CheckIcon_animate_entering,.UserSelectItem-CheckIcon_animate_exited,.UserSelectItem-CheckIcon_animate_exiting{transition:.2s ease;transition-property:opacity,transform}.UserSelectItem-CheckIcon_animate_entered,.UserSelectItem-CheckIcon_animate_entering{opacity:1;transform:scale(1)}.UserSelectItem-CheckIcon_animate_exiting{opacity:0;transform:scale(.25)}.UserSelectItem-CheckIcon_animate_exited{opacity:0;transform:scale(0)}.UserSelectItem-Info{padding-left:var(--sub-info-space)}.UserSelectItem-SubLabel{font-size:var(--sub-label-font-size);opacity:.7}.UserSelectItem-SubLabel_disable{opacity:1}

package/__internal__/src/components/UserSelect/UserSelectItem/UserSelectItem.d.ts

@@ -1,6 +1,6 @@
 import './UserSelectItem.css';
 import React from 'react';
-import { PropsWithHTMLAttributes } from '../../../utils/types/PropsWithHTMLAttributes';
+import { PropsWithHTMLAttributes } from "../../../utils/types/PropsWithHTMLAttributes";
 declare type UserSelectItemProps = PropsWithHTMLAttributes<{
     label: string;
     active: boolean;

package/__internal__/src/components/UserSelect/UserSelectItem/UserSelectItem.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","label","subLabel","avatarUrl","active","hovered","size","indent","disable","multiple"];import"./UserSelectItem.css";import{IconCheck}from"@consta/icons/IconCheck";import React,{useRef}from"react";import{Transition}from"react-transition-group";import{cn}from"../../../utils/bem";import{cnForCssTransition}from"../../../utils/cnForCssTransition";import{Avatar}from"../../Avatar/Avatar";export var cnUserSelectItem=cn("UserSelectItem");var cnUserSelectItemCheckIconCssTransition=cnForCssTransition(cnUserSelectItem,"CheckIcon");export var UserSelectItem=function(a){var b=a.className,c=a.label,d=a.subLabel,e=a.avatarUrl,f=a.active,g=a.hovered,h=a.size,i=a.indent,j=a.disable,k=a.multiple,l=_objectWithoutProperties(a,_excluded),m=useRef(null);return React.createElement("div",Object.assign({},l,{className:cnUserSelectItem({active:f,hovered:g,size:h,indent:i,disable:j},[b]),"aria-selected":f,role:"option"}),React.createElement("div",{className:cnUserSelectItem("AvatarContainer")},React.createElement(Avatar,{className:cnUserSelectItem("Avatar"),url:e,name:c}),k&&React.createElement(Transition,{in:f,unmountOnExit:!0,classNames:cnUserSelectItemCheckIconCssTransition,timeout:200,nodeRef:m},function(a){return React.createElement(IconCheck,{className:cnUserSelectItem("CheckIcon",{animate:a}),ref:m})}),!k&&f&&React.createElement(IconCheck,{className:cnUserSelectItem("CheckIcon")})),d?React.createElement("div",{className:cnUserSelectItem("Info")},React.createElement("div",null,c),React.createElement("div",{className:cnUserSelectItem("SubLabel",{disable:j})},d)):React.createElement("div",{className:cnUserSelectItem("Info")},c))};
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","label","subLabel","avatarUrl","active","hovered","size","indent","disable","multiple"];import"./UserSelectItem.css";import{IconCheck}from"@consta/icons/IconCheck";import React,{useRef}from"react";import{Transition}from"react-transition-group";import{Avatar}from"../../Avatar/Avatar";import{mapHorisontalSpase,mapHorisontalSpaseIncreased,mapItemVerticalPadding}from"../../ListCanary";import{cnMixSpace}from"../../../mixs/MixSpace";import{cn}from"../../../utils/bem";export var cnUserSelectItem=cn("UserSelectItem");export var UserSelectItem=function(a){var b=a.className,c=a.label,d=a.subLabel,e=a.avatarUrl,f=a.active,g=a.hovered,h=a.size,i=a.indent,j=a.disable,k=a.multiple,l=_objectWithoutProperties(a,_excluded),m=useRef(null);return React.createElement("div",Object.assign({},l,{className:cnUserSelectItem({active:f,hovered:g,size:h,indent:i,disable:j},[cnMixSpace({pH:"increased"===i?mapHorisontalSpaseIncreased[h]:mapHorisontalSpase[h],pV:mapItemVerticalPadding[h]}),b]),"aria-selected":f,role:"option"}),React.createElement("div",{className:cnUserSelectItem("AvatarContainer")},React.createElement(Avatar,{className:cnUserSelectItem("Avatar"),url:e,name:c}),k&&React.createElement(Transition,{in:f,unmountOnExit:!0,timeout:200,nodeRef:m},function(a){return React.createElement(IconCheck,{className:cnUserSelectItem("CheckIcon",{animate:a}),ref:m})}),!k&&f&&React.createElement(IconCheck,{className:cnUserSelectItem("CheckIcon")})),d?React.createElement("div",{className:cnUserSelectItem("Info")},React.createElement("div",null,c),React.createElement("div",{className:cnUserSelectItem("SubLabel",{disable:j})},d)):React.createElement("div",{className:cnUserSelectItem("Info")},c))};
 //# sourceMappingURL=UserSelectItem.js.map

package/__internal__/src/components/UserSelect/UserSelectItem/UserSelectItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserSelectItem.js","names":["IconCheck","React","useRef","Transition","cn","cnForCssTransition","Avatar","cnUserSelectItem","cnUserSelectItemCheckIconCssTransition","UserSelectItem","props","className","label","subLabel","avatarUrl","active","hovered","size","indent","disable","multiple","otherProps","iconRef","animate"],"sources":["../../../../../../src/components/UserSelect/UserSelectItem/UserSelectItem.tsx"],"sourcesContent":["import './UserSelectItem.css';\n\nimport { IconCheck } from '@consta/icons/IconCheck';\nimport React, { useRef } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { cn } from '../../../utils/bem';\nimport { cnForCssTransition } from '../../../utils/cnForCssTransition';\nimport { PropsWithHTMLAttributes } from '../../../utils/types/PropsWithHTMLAttributes';\nimport { Avatar } from '../../Avatar/Avatar';\n\ntype UserSelectItemProps = PropsWithHTMLAttributes<\n  {\n    label: string;\n    active: boolean;\n    hovered: boolean;\n    size: 's' | 'm' | 'l';\n    indent: 'normal' | 'increased';\n    subLabel?: string;\n    avatarUrl?: string;\n    disable?: boolean;\n    multiple?: boolean;\n  },\n  HTMLDivElement\n>;\n\nexport const cnUserSelectItem = cn('UserSelectItem');\n\nconst cnUserSelectItemCheckIconCssTransition = cnForCssTransition(\n  cnUserSelectItem,\n  'CheckIcon',\n);\n\nexport const UserSelectItem: React.FC<UserSelectItemProps> = (props) => {\n  const {\n    className,\n    label,\n    subLabel,\n    avatarUrl,\n    active,\n    hovered,\n    size,\n    indent,\n    disable,\n    multiple,\n    ...otherProps\n  } = props;\n\n  const iconRef = useRef<HTMLSpanElement>(null);\n\n  return (\n    <div\n      {...otherProps}\n      className={cnUserSelectItem({ active, hovered, size, indent, disable }, [\n        className,\n      ])}\n      aria-selected={active}\n      role=\"option\"\n    >\n      <div className={cnUserSelectItem('AvatarContainer')}>\n        <Avatar\n          className={cnUserSelectItem('Avatar')}\n          url={avatarUrl}\n          name={label}\n        />\n        {multiple && (\n          <Transition\n            in={active}\n            unmountOnExit\n            classNames={cnUserSelectItemCheckIconCssTransition}\n            timeout={200}\n            nodeRef={iconRef}\n          >\n            {(animate) => (\n              <IconCheck\n                className={cnUserSelectItem('CheckIcon', { animate })}\n                ref={iconRef}\n              />\n            )}\n          </Transition>\n        )}\n        {!multiple && active && (\n          <IconCheck className={cnUserSelectItem('CheckIcon')} />\n        )}\n      </div>\n      {!subLabel ? (\n        <div className={cnUserSelectItem('Info')}>{label}</div>\n      ) : (\n        <div className={cnUserSelectItem('Info')}>\n          <div>{label}</div>\n          <div className={cnUserSelectItem('SubLabel', { disable })}>\n            {subLabel}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":"wMAAA,6BAEA,OAASA,SAAT,KAA0B,yBAA1B,CACA,MAAOC,MAAP,EAAgBC,MAAhB,KAA8B,OAA9B,CACA,OAASC,UAAT,KAA2B,wBAA3B,CAEA,OAASC,EAAT,0BACA,OAASC,kBAAT,yCAEA,OAASC,MAAT,2BAiBA,MAAO,IAAMC,iBAAgB,CAAGH,EAAE,CAAC,gBAAD,CAA3B,CAEP,GAAMI,uCAAsC,CAAGH,kBAAkB,CAC/DE,gBAD+D,CAE/D,WAF+D,CAAjE,CAKA,MAAO,IAAME,eAA6C,CAAG,SAACC,CAAD,CAAW,IAEpEC,EAFoE,CAalED,CAbkE,CAEpEC,SAFoE,CAGpEC,CAHoE,CAalEF,CAbkE,CAGpEE,KAHoE,CAIpEC,CAJoE,CAalEH,CAbkE,CAIpEG,QAJoE,CAKpEC,CALoE,CAalEJ,CAbkE,CAKpEI,SALoE,CAMpEC,CANoE,CAalEL,CAbkE,CAMpEK,MANoE,CAOpEC,CAPoE,CAalEN,CAbkE,CAOpEM,OAPoE,CAQpEC,CARoE,CAalEP,CAbkE,CAQpEO,IARoE,CASpEC,CAToE,CAalER,CAbkE,CASpEQ,MAToE,CAUpEC,CAVoE,CAalET,CAbkE,CAUpES,OAVoE,CAWpEC,CAXoE,CAalEV,CAbkE,CAWpEU,QAXoE,CAYjEC,CAZiE,0BAalEX,CAbkE,YAehEY,CAAO,CAAGpB,MAAM,CAAkB,IAAlB,CAfgD,CAiBtE,MACE,4CACMmB,CADN,EAEE,SAAS,CAAEd,gBAAgB,CAAC,CAAEQ,MAAM,CAANA,CAAF,CAAUC,OAAO,CAAPA,CAAV,CAAmBC,IAAI,CAAJA,CAAnB,CAAyBC,MAAM,CAANA,CAAzB,CAAiCC,OAAO,CAAPA,CAAjC,CAAD,CAA6C,CACtER,CADsE,CAA7C,CAF7B,CAKE,gBAAeI,CALjB,CAME,IAAI,CAAC,QANP,GAQE,2BAAK,SAAS,CAAER,gBAAgB,CAAC,iBAAD,CAAhC,EACE,oBAAC,MAAD,EACE,SAAS,CAAEA,gBAAgB,CAAC,QAAD,CAD7B,CAEE,GAAG,CAAEO,CAFP,CAGE,IAAI,CAAEF,CAHR,EADF,CAMGQ,CAAQ,EACP,oBAAC,UAAD,EACE,GAAIL,CADN,CAEE,aAAa,GAFf,CAGE,UAAU,CAAEP,sCAHd,CAIE,OAAO,CAAE,GAJX,CAKE,OAAO,CAAEc,CALX,EAOG,SAACC,CAAD,QACC,qBAAC,SAAD,EACE,SAAS,CAAEhB,gBAAgB,CAAC,WAAD,CAAc,CAAEgB,OAAO,CAAPA,CAAF,CAAd,CAD7B,CAEE,GAAG,CAAED,CAFP,EADD,CAPH,CAPJ,CAsBG,CAACF,CAAD,EAAaL,CAAb,EACC,oBAAC,SAAD,EAAW,SAAS,CAAER,gBAAgB,CAAC,WAAD,CAAtC,EAvBJ,CARF,CAkCIM,CAAD,CAGC,2BAAK,SAAS,CAAEN,gBAAgB,CAAC,MAAD,CAAhC,EACE,+BAAMK,CAAN,CADF,CAEE,2BAAK,SAAS,CAAEL,gBAAgB,CAAC,UAAD,CAAa,CAAEY,OAAO,CAAPA,CAAF,CAAb,CAAhC,EACGN,CADH,CAFF,CAHD,CACC,2BAAK,SAAS,CAAEN,gBAAgB,CAAC,MAAD,CAAhC,EAA2CK,CAA3C,CAnCJ,CA8CH,CAhEM"}
+{"version":3,"file":"UserSelectItem.js","names":["IconCheck","React","useRef","Transition","Avatar","mapHorisontalSpase","mapHorisontalSpaseIncreased","mapItemVerticalPadding","cnMixSpace","cn","cnUserSelectItem","UserSelectItem","props","className","label","subLabel","avatarUrl","active","hovered","size","indent","disable","multiple","otherProps","iconRef","pH","pV","animate"],"sources":["../../../../../../src/components/UserSelect/UserSelectItem/UserSelectItem.tsx"],"sourcesContent":["import './UserSelectItem.css';\n\nimport { IconCheck } from '@consta/icons/IconCheck';\nimport React, { useRef } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { Avatar } from '##/components/Avatar/Avatar';\nimport {\n  mapHorisontalSpase,\n  mapHorisontalSpaseIncreased,\n  mapItemVerticalPadding,\n} from '##/components/ListCanary';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cn } from '##/utils/bem';\nimport { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';\n\ntype UserSelectItemProps = PropsWithHTMLAttributes<\n  {\n    label: string;\n    active: boolean;\n    hovered: boolean;\n    size: 's' | 'm' | 'l';\n    indent: 'normal' | 'increased';\n    subLabel?: string;\n    avatarUrl?: string;\n    disable?: boolean;\n    multiple?: boolean;\n  },\n  HTMLDivElement\n>;\n\nexport const cnUserSelectItem = cn('UserSelectItem');\n\nexport const UserSelectItem: React.FC<UserSelectItemProps> = (props) => {\n  const {\n    className,\n    label,\n    subLabel,\n    avatarUrl,\n    active,\n    hovered,\n    size,\n    indent,\n    disable,\n    multiple,\n    ...otherProps\n  } = props;\n\n  const iconRef = useRef<HTMLSpanElement>(null);\n\n  return (\n    <div\n      {...otherProps}\n      className={cnUserSelectItem({ active, hovered, size, indent, disable }, [\n        cnMixSpace({\n          pH:\n            indent === 'increased'\n              ? mapHorisontalSpaseIncreased[size]\n              : mapHorisontalSpase[size],\n          pV: mapItemVerticalPadding[size],\n        }),\n        className,\n      ])}\n      aria-selected={active}\n      role=\"option\"\n    >\n      <div className={cnUserSelectItem('AvatarContainer')}>\n        <Avatar\n          className={cnUserSelectItem('Avatar')}\n          url={avatarUrl}\n          name={label}\n        />\n        {multiple && (\n          <Transition in={active} unmountOnExit timeout={200} nodeRef={iconRef}>\n            {(animate) => (\n              <IconCheck\n                className={cnUserSelectItem('CheckIcon', { animate })}\n                ref={iconRef}\n              />\n            )}\n          </Transition>\n        )}\n        {!multiple && active && (\n          <IconCheck className={cnUserSelectItem('CheckIcon')} />\n        )}\n      </div>\n      {!subLabel ? (\n        <div className={cnUserSelectItem('Info')}>{label}</div>\n      ) : (\n        <div className={cnUserSelectItem('Info')}>\n          <div>{label}</div>\n          <div className={cnUserSelectItem('SubLabel', { disable })}>\n            {subLabel}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":"wMAAA,6BAEA,OAASA,SAAT,KAA0B,yBAA1B,CACA,MAAOC,MAAP,EAAgBC,MAAhB,KAA8B,OAA9B,CACA,OAASC,UAAT,KAA2B,wBAA3B,CAEA,OAASC,MAAT,2BACA,OACEC,kBADF,CAEEC,2BAFF,CAGEC,sBAHF,wBAKA,OAASC,UAAT,8BACA,OAASC,EAAT,0BAkBA,MAAO,IAAMC,iBAAgB,CAAGD,EAAE,CAAC,gBAAD,CAA3B,CAEP,MAAO,IAAME,eAA6C,CAAG,SAACC,CAAD,CAAW,IAEpEC,EAFoE,CAalED,CAbkE,CAEpEC,SAFoE,CAGpEC,CAHoE,CAalEF,CAbkE,CAGpEE,KAHoE,CAIpEC,CAJoE,CAalEH,CAbkE,CAIpEG,QAJoE,CAKpEC,CALoE,CAalEJ,CAbkE,CAKpEI,SALoE,CAMpEC,CANoE,CAalEL,CAbkE,CAMpEK,MANoE,CAOpEC,CAPoE,CAalEN,CAbkE,CAOpEM,OAPoE,CAQpEC,CARoE,CAalEP,CAbkE,CAQpEO,IARoE,CASpEC,CAToE,CAalER,CAbkE,CASpEQ,MAToE,CAUpEC,CAVoE,CAalET,CAbkE,CAUpES,OAVoE,CAWpEC,CAXoE,CAalEV,CAbkE,CAWpEU,QAXoE,CAYjEC,CAZiE,0BAalEX,CAbkE,YAehEY,CAAO,CAAGtB,MAAM,CAAkB,IAAlB,CAfgD,CAiBtE,MACE,4CACMqB,CADN,EAEE,SAAS,CAAEb,gBAAgB,CAAC,CAAEO,MAAM,CAANA,CAAF,CAAUC,OAAO,CAAPA,CAAV,CAAmBC,IAAI,CAAJA,CAAnB,CAAyBC,MAAM,CAANA,CAAzB,CAAiCC,OAAO,CAAPA,CAAjC,CAAD,CAA6C,CACtEb,UAAU,CAAC,CACTiB,EAAE,CACW,WAAX,GAAAL,CAAM,CACFd,2BAA2B,CAACa,CAAD,CADzB,CAEFd,kBAAkB,CAACc,CAAD,CAJf,CAKTO,EAAE,CAAEnB,sBAAsB,CAACY,CAAD,CALjB,CAAD,CAD4D,CAQtEN,CARsE,CAA7C,CAF7B,CAYE,gBAAeI,CAZjB,CAaE,IAAI,CAAC,QAbP,GAeE,2BAAK,SAAS,CAAEP,gBAAgB,CAAC,iBAAD,CAAhC,EACE,oBAAC,MAAD,EACE,SAAS,CAAEA,gBAAgB,CAAC,QAAD,CAD7B,CAEE,GAAG,CAAEM,CAFP,CAGE,IAAI,CAAEF,CAHR,EADF,CAMGQ,CAAQ,EACP,oBAAC,UAAD,EAAY,GAAIL,CAAhB,CAAwB,aAAa,GAArC,CAAsC,OAAO,CAAE,GAA/C,CAAoD,OAAO,CAAEO,CAA7D,EACG,SAACG,CAAD,QACC,qBAAC,SAAD,EACE,SAAS,CAAEjB,gBAAgB,CAAC,WAAD,CAAc,CAAEiB,OAAO,CAAPA,CAAF,CAAd,CAD7B,CAEE,GAAG,CAAEH,CAFP,EADD,CADH,CAPJ,CAgBG,CAACF,CAAD,EAAaL,CAAb,EACC,oBAAC,SAAD,EAAW,SAAS,CAAEP,gBAAgB,CAAC,WAAD,CAAtC,EAjBJ,CAfF,CAmCIK,CAAD,CAGC,2BAAK,SAAS,CAAEL,gBAAgB,CAAC,MAAD,CAAhC,EACE,+BAAMI,CAAN,CADF,CAEE,2BAAK,SAAS,CAAEJ,gBAAgB,CAAC,UAAD,CAAa,CAAEW,OAAO,CAAPA,CAAF,CAAb,CAAhC,EACGN,CADH,CAFF,CAHD,CACC,2BAAK,SAAS,CAAEL,gBAAgB,CAAC,MAAD,CAAhC,EAA2CI,CAA3C,CApCJ,CA+CH,CAjEM"}

package/__internal__/src/hooks/useRefs/useRefs.d.ts

@@ -1,2 +1,4 @@
 /// <reference types="react" />
-export declare const useRefs: <T>(length: number, deps?: unknown[]) => import("react").RefObject<T>[];
+declare type Return<T, E extends number | string[]> = E extends string[] ? Record<E[number], React.RefObject<T>> : Array<React.RefObject<T>>;
+export declare const useRefs: <T, E extends number | string[] = number>(elements: E, deps?: unknown[]) => Return<T, E>;
+export {};

package/__internal__/src/hooks/useRefs/useRefs.js

@@ -1,2 +1,2 @@
-import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import{createRef,useMemo}from"react";export var useRefs=function(a){var b=1<arguments.length&&arguments[1]!==void 0?arguments[1]:[];return useMemo(function(){return Array(a).fill(null).map(function(){return createRef()})},[a].concat(_toConsumableArray(b)))};
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import{createRef,useMemo}from"react";var isNotNumber=function(a){return"number"!=typeof a};export var useRefs=function(a){var b=1<arguments.length&&arguments[1]!==void 0?arguments[1]:[];return useMemo(function(){if(isNotNumber(a)){for(var b,c={},d=0;d<a.length;d++)b=a[d],c[b]=createRef();return c}return Array(a).fill(null).map(function(){return createRef()})},["number"==typeof a?a:a.join("-")].concat(_toConsumableArray(b)))};
 //# sourceMappingURL=useRefs.js.map

package/__internal__/src/hooks/useRefs/useRefs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRefs.js","names":["createRef","useMemo","useRefs","length","deps","Array","fill","map"],"sources":["../../../../../src/hooks/useRefs/useRefs.ts"],"sourcesContent":["import { createRef, useMemo } from 'react';\n\nexport const useRefs = <T>(length: number, deps: unknown[] = []) =>\n  useMemo(\n    () => new Array(length).fill(null).map(() => createRef<T>()),\n    [length, ...deps],\n  );\n"],"mappings":"yEAAA,OAASA,SAAT,CAAoBC,OAApB,KAAmC,OAAnC,CAEA,MAAO,IAAMC,QAAO,CAAG,SAAIC,CAAJ,KAAoBC,EAApB,wDAAsC,EAAtC,OACrBH,QAAO,CACL,iBAAUI,MAAJ,CAAUF,CAAV,EAAkBG,IAAlB,CAAuB,IAAvB,EAA6BC,GAA7B,CAAiC,iBAAMP,UAAS,EAAf,CAAjC,CAAN,CADK,EAEJG,CAFI,4BAEOC,CAFP,GADc,CAAhB"}
+{"version":3,"file":"useRefs.js","names":["createRef","useMemo","isNotNumber","value","useRefs","elements","deps","key","obj","index","length","Array","fill","map","join"],"sources":["../../../../../src/hooks/useRefs/useRefs.ts"],"sourcesContent":["import { createRef, useMemo } from 'react';\n\nconst isNotNumber = <T>(value: T): value is Exclude<T, number> =>\n  typeof value !== 'number';\n\ntype Return<T, E extends number | string[]> = E extends string[]\n  ? Record<E[number], React.RefObject<T>>\n  : Array<React.RefObject<T>>;\n\nexport const useRefs = <T, E extends number | string[] = number>(\n  elements: E,\n  deps: unknown[] = [],\n): Return<T, E> =>\n  useMemo(() => {\n    if (isNotNumber(elements)) {\n      const obj: Record<string, React.RefObject<T>> = {};\n      for (let index = 0; index < elements.length; index++) {\n        const key = elements[index];\n        obj[key] = createRef<T>();\n      }\n\n      return obj as Return<T, E>;\n    }\n\n    return new Array(elements as number)\n      .fill(null)\n      .map(() => createRef<T>()) as unknown as Return<T, E>;\n  }, [typeof elements === 'number' ? elements : elements.join('-'), ...deps]);\n"],"mappings":"yEAAA,OAASA,SAAT,CAAoBC,OAApB,KAAmC,OAAnC,CAEA,GAAMC,YAAW,CAAG,SAAIC,CAAJ,QACD,QAAjB,QAAOA,EADW,CAApB,CAOA,MAAO,IAAMC,QAAO,CAAG,SACrBC,CADqB,KAErBC,EAFqB,wDAEH,EAFG,OAIrBL,QAAO,CAAC,UAAM,CACZ,GAAIC,WAAW,CAACG,CAAD,CAAf,CAA2B,CAEzB,OACQE,EADR,CADMC,CAAuC,CAAG,EAChD,CAASC,CAAK,CAAG,CAAjB,CAAoBA,CAAK,CAAGJ,CAAQ,CAACK,MAArC,CAA6CD,CAAK,EAAlD,CACQF,CADR,CACcF,CAAQ,CAACI,CAAD,CADtB,CAEED,CAAG,CAACD,CAAD,CAAH,CAAWP,SAAS,EAFtB,CAKA,MAAOQ,EACR,CAED,MAAWG,MAAJ,CAAUN,CAAV,EACJO,IADI,CACC,IADD,EAEJC,GAFI,CAEA,iBAAMb,UAAS,EAAf,CAFA,CAGR,CAdM,EAciB,QAApB,QAAOK,EAAP,CAA+BA,CAA/B,CAA0CA,CAAQ,CAACS,IAAT,CAAc,GAAd,CAdvC,4BAc8DR,CAd9D,GAJc,CAAhB"}

package/__internal__/src/hooks/useSelect/useSelect.d.ts

@@ -58,12 +58,7 @@ export declare function useSelect<ITEM, GROUP, MULTIPLE extends boolean>(params:
     isOpen: boolean;
     isFocused: boolean;
     highlightedIndex: number;
-    visibleItems: (OptionForCreate | {
-        items: ITEM[];
-        key: string | number;
-        group?: GROUP | undefined;
-        groupIndex: number;
-    })[];
+    visibleItems: (OptionForCreate | import("../../utils/getGroups").Group<ITEM, GROUP>)[];
     highlightIndex: (indexForHighlight: IndexForHighlight, scrollToHighlighted: boolean) => void;
     getOptionProps: ({ index, item, }: OptionProps<ITEM>) => GetOptionPropsResult;
     handleInputFocus: (e: React.FocusEvent<HTMLInputElement>) => void;

package/__internal__/src/mixs/MixSpace/MixSpace.d.ts

@@ -1,21 +1,21 @@
 import './MixSpace.css';
-declare type PropSpace = 0 | 'auto' | 'm' | '3xs' | '2xs' | 'xs' | 's' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl';
-declare type Props = {
-    p?: PropSpace;
-    m?: PropSpace;
-    pV?: PropSpace;
-    pH?: PropSpace;
-    mV?: PropSpace;
-    mH?: PropSpace;
-    mT?: PropSpace;
-    mL?: PropSpace;
-    mR?: PropSpace;
-    mB?: PropSpace;
-    pT?: PropSpace;
-    pL?: PropSpace;
-    pR?: PropSpace;
-    pB?: PropSpace;
+export declare type Space = 0 | 'auto' | 'm' | '3xs' | '2xs' | 'xs' | 's' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl';
+export declare type MixSpaceProps = {
+    p?: Space;
+    m?: Space;
+    pV?: Space;
+    pH?: Space;
+    mV?: Space;
+    mH?: Space;
+    mT?: Space;
+    mL?: Space;
+    mR?: Space;
+    mB?: Space;
+    pT?: Space;
+    pL?: Space;
+    pR?: Space;
+    pB?: Space;
 };
-declare type CnMixSpace = (props: Props) => string;
+declare type CnMixSpace = (props: MixSpaceProps) => string;
 export declare const cnMixSpace: CnMixSpace;
 export {};

package/__internal__/src/mixs/MixSpace/MixSpace.js.map

@@ -1 +1 @@
-{"version":3,"file":"MixSpace.js","names":["cn","cnSpace","cnMixSpace","props","p","m","pV","pH","mV","mH","mT","mL","mR","mB","pT","pL","pR","pB"],"sources":["../../../../../src/mixs/MixSpace/MixSpace.tsx"],"sourcesContent":["import './MixSpace.css';\n\nimport { cn } from '../../utils/bem';\n\ntype PropSpace =\n  | 0\n  | 'auto'\n  | 'm'\n  | '3xs'\n  | '2xs'\n  | 'xs'\n  | 's'\n  | 'l'\n  | 'xl'\n  | '2xl'\n  | '3xl'\n  | '4xl'\n  | '5xl'\n  | '6xl';\n\ntype Props = {\n  p?: PropSpace;\n  m?: PropSpace;\n  pV?: PropSpace;\n  pH?: PropSpace;\n  mV?: PropSpace;\n  mH?: PropSpace;\n  mT?: PropSpace;\n  mL?: PropSpace;\n  mR?: PropSpace;\n  mB?: PropSpace;\n  pT?: PropSpace;\n  pL?: PropSpace;\n  pR?: PropSpace;\n  pB?: PropSpace;\n};\n\ntype SpaceProps = {\n  pT?: PropSpace;\n  pL?: PropSpace;\n  pR?: PropSpace;\n  pB?: PropSpace;\n  mT?: PropSpace;\n  mL?: PropSpace;\n  mR?: PropSpace;\n  mB?: PropSpace;\n};\n\ntype CnSpace = (\n  elemNameOrBlockMods?: SpaceProps | string | null,\n  elemModsOrBlockMix?: SpaceProps | Array<string | undefined> | null,\n  elemMix?: Array<string | undefined>,\n) => string;\n\ntype CnMixSpace = (props: Props) => string;\n\nconst cnSpace: CnSpace = cn('MixSpace');\n\nexport const cnMixSpace: CnMixSpace = (props) => {\n  const { p, m, pV, pH, mV, mH, mT, mL, mR, mB, pT, pL, pR, pB } = props;\n\n  return cnSpace({\n    pT: pT || pV || p,\n    pL: pL || pH || p,\n    pR: pR || pH || p,\n    pB: pB || pV || p,\n    mT: mT || mV || m,\n    mL: mL || mH || m,\n    mR: mR || mH || m,\n    mB: mB || mV || m,\n  });\n};\n"],"mappings":"AAAA,uBAEA,OAASA,EAAT,uBAsDA,GAAMC,QAAgB,CAAGD,EAAE,CAAC,UAAD,CAA3B,CAEA,MAAO,IAAME,WAAsB,CAAG,SAACC,CAAD,CAAW,CAC/C,GAAQC,EAAR,CAAiED,CAAjE,CAAQC,CAAR,CAAWC,CAAX,CAAiEF,CAAjE,CAAWE,CAAX,CAAcC,CAAd,CAAiEH,CAAjE,CAAcG,EAAd,CAAkBC,CAAlB,CAAiEJ,CAAjE,CAAkBI,EAAlB,CAAsBC,CAAtB,CAAiEL,CAAjE,CAAsBK,EAAtB,CAA0BC,CAA1B,CAAiEN,CAAjE,CAA0BM,EAA1B,CAA8BC,CAA9B,CAAiEP,CAAjE,CAA8BO,EAA9B,CAAkCC,CAAlC,CAAiER,CAAjE,CAAkCQ,EAAlC,CAAsCC,CAAtC,CAAiET,CAAjE,CAAsCS,EAAtC,CAA0CC,CAA1C,CAAiEV,CAAjE,CAA0CU,EAA1C,CAA8CC,CAA9C,CAAiEX,CAAjE,CAA8CW,EAA9C,CAAkDC,CAAlD,CAAiEZ,CAAjE,CAAkDY,EAAlD,CAAsDC,CAAtD,CAAiEb,CAAjE,CAAsDa,EAAtD,CAA0DC,CAA1D,CAAiEd,CAAjE,CAA0Dc,EAA1D,CAEA,MAAOhB,QAAO,CAAC,CACba,EAAE,CAAEA,CAAE,EAAIR,CAAN,EAAYF,CADH,CAEbW,EAAE,CAAEA,CAAE,EAAIR,CAAN,EAAYH,CAFH,CAGbY,EAAE,CAAEA,CAAE,EAAIT,CAAN,EAAYH,CAHH,CAIba,EAAE,CAAEA,CAAE,EAAIX,CAAN,EAAYF,CAJH,CAKbM,EAAE,CAAEA,CAAE,EAAIF,CAAN,EAAYH,CALH,CAMbM,EAAE,CAAEA,CAAE,EAAIF,CAAN,EAAYJ,CANH,CAObO,EAAE,CAAEA,CAAE,EAAIH,CAAN,EAAYJ,CAPH,CAQbQ,EAAE,CAAEA,CAAE,EAAIL,CAAN,EAAYH,CARH,CAAD,CAUf,CAbM"}
+{"version":3,"file":"MixSpace.js","names":["cn","cnSpace","cnMixSpace","props","p","m","pV","pH","mV","mH","mT","mL","mR","mB","pT","pL","pR","pB"],"sources":["../../../../../src/mixs/MixSpace/MixSpace.tsx"],"sourcesContent":["import './MixSpace.css';\n\nimport { cn } from '../../utils/bem';\n\nexport type Space =\n  | 0\n  | 'auto'\n  | 'm'\n  | '3xs'\n  | '2xs'\n  | 'xs'\n  | 's'\n  | 'l'\n  | 'xl'\n  | '2xl'\n  | '3xl'\n  | '4xl'\n  | '5xl'\n  | '6xl';\n\nexport type MixSpaceProps = {\n  p?: Space;\n  m?: Space;\n  pV?: Space;\n  pH?: Space;\n  mV?: Space;\n  mH?: Space;\n  mT?: Space;\n  mL?: Space;\n  mR?: Space;\n  mB?: Space;\n  pT?: Space;\n  pL?: Space;\n  pR?: Space;\n  pB?: Space;\n};\n\ntype CnMixSpace = (props: MixSpaceProps) => string;\n\nconst cnSpace = cn('MixSpace');\n\nexport const cnMixSpace: CnMixSpace = (props) => {\n  const { p, m, pV, pH, mV, mH, mT, mL, mR, mB, pT, pL, pR, pB } = props;\n\n  return cnSpace({\n    pT: pT || pV || p,\n    pL: pL || pH || p,\n    pR: pR || pH || p,\n    pB: pB || pV || p,\n    mT: mT || mV || m,\n    mL: mL || mH || m,\n    mR: mR || mH || m,\n    mB: mB || mV || m,\n  });\n};\n"],"mappings":"AAAA,uBAEA,OAASA,EAAT,uBAqCA,GAAMC,QAAO,CAAGD,EAAE,CAAC,UAAD,CAAlB,CAEA,MAAO,IAAME,WAAsB,CAAG,SAACC,CAAD,CAAW,CAC/C,GAAQC,EAAR,CAAiED,CAAjE,CAAQC,CAAR,CAAWC,CAAX,CAAiEF,CAAjE,CAAWE,CAAX,CAAcC,CAAd,CAAiEH,CAAjE,CAAcG,EAAd,CAAkBC,CAAlB,CAAiEJ,CAAjE,CAAkBI,EAAlB,CAAsBC,CAAtB,CAAiEL,CAAjE,CAAsBK,EAAtB,CAA0BC,CAA1B,CAAiEN,CAAjE,CAA0BM,EAA1B,CAA8BC,CAA9B,CAAiEP,CAAjE,CAA8BO,EAA9B,CAAkCC,CAAlC,CAAiER,CAAjE,CAAkCQ,EAAlC,CAAsCC,CAAtC,CAAiET,CAAjE,CAAsCS,EAAtC,CAA0CC,CAA1C,CAAiEV,CAAjE,CAA0CU,EAA1C,CAA8CC,CAA9C,CAAiEX,CAAjE,CAA8CW,EAA9C,CAAkDC,CAAlD,CAAiEZ,CAAjE,CAAkDY,EAAlD,CAAsDC,CAAtD,CAAiEb,CAAjE,CAAsDa,EAAtD,CAA0DC,CAA1D,CAAiEd,CAAjE,CAA0Dc,EAA1D,CAEA,MAAOhB,QAAO,CAAC,CACba,EAAE,CAAEA,CAAE,EAAIR,CAAN,EAAYF,CADH,CAEbW,EAAE,CAAEA,CAAE,EAAIR,CAAN,EAAYH,CAFH,CAGbY,EAAE,CAAEA,CAAE,EAAIT,CAAN,EAAYH,CAHH,CAIba,EAAE,CAAEA,CAAE,EAAIX,CAAN,EAAYF,CAJH,CAKbM,EAAE,CAAEA,CAAE,EAAIF,CAAN,EAAYH,CALH,CAMbM,EAAE,CAAEA,CAAE,EAAIF,CAAN,EAAYJ,CANH,CAObO,EAAE,CAAEA,CAAE,EAAIH,CAAN,EAAYJ,CAPH,CAQbQ,EAAE,CAAEA,CAAE,EAAIL,CAAN,EAAYH,CARH,CAAD,CAUf,CAbM"}

package/__internal__/src/utils/getGroups.d.ts

@@ -1,4 +1,4 @@
-declare type Group<ITEM, GROUP> = {
+export declare type Group<ITEM, GROUP> = {
     items: ITEM[];
     key: string | number;
     group?: GROUP;

package/__internal__/src/utils/getGroups.js.map

@@ -1 +1 @@
-{"version":3,"file":"getGroups.js","names":["defaultGroupKey","getItemGroupKeyGuard","getter","item","noGroupKey","key","getGroups","items","getItemGroupKey","groups","getGroupKey","sortGroups","groupIndex","resultGroups","itemGroupKey","resultGroupIndex","findIndex","group","push","g","resultGroup","sort","a","b"],"sources":["../../../../src/utils/getGroups.ts"],"sourcesContent":["type Group<ITEM, GROUP> = {\n  items: ITEM[];\n  key: string | number;\n  group?: GROUP;\n  groupIndex: number;\n};\ntype GetItemGroupKey<ITEM> = (item: ITEM) => string | number | undefined;\ntype GetGroupKey<GROUP> = (item: GROUP) => string | number | undefined;\ntype SortGroups<ITEM, GROUP> = (\n  a: Group<ITEM, GROUP>,\n  b: Group<ITEM, GROUP>,\n) => number;\ntype GetGroupsResult<ITEM, GROUP> = Group<ITEM, GROUP>[];\n\nexport const defaultGroupKey = 'no-group';\n\nconst getItemGroupKeyGuard = <ITEM>(\n  getter: GetGroupKey<ITEM>,\n  item: ITEM,\n  noGroupKey: string,\n) => {\n  const key = getter(item);\n\n  return typeof key === 'undefined' ? noGroupKey : key;\n};\n\n/**\n * @param items список который нужно групировать\n * @param getItemGroupKey признак принадлежности к группе\n * @param groups список групп\n * @param getGroupKey результат функции должен вернуть уникальный ключ группы\n * @param sortGroups сортировка групп\n * @param noGroupKey ключ группы которая создаться если item небудет принадлежать ни к одной из групп\n */\n\nexport function getGroups<ITEM, GROUP>(\n  items: ITEM[],\n  getItemGroupKey: GetItemGroupKey<ITEM> | undefined,\n  groups: GROUP[] | undefined,\n  getGroupKey: GetGroupKey<GROUP> | undefined,\n  sortGroups: SortGroups<ITEM, GROUP> | undefined,\n  noGroupKey = defaultGroupKey,\n): GetGroupsResult<ITEM, GROUP> {\n  if (typeof getItemGroupKey !== 'function') {\n    return [{ items, key: noGroupKey, groupIndex: -1 }];\n  }\n\n  const resultGroups: GetGroupsResult<ITEM, GROUP> = [];\n  for (const item of items) {\n    const itemGroupKey = getItemGroupKeyGuard(\n      getItemGroupKey,\n      item,\n      noGroupKey,\n    );\n    const resultGroupIndex = resultGroups.findIndex(\n      (group) => group.key === itemGroupKey,\n    );\n\n    if (resultGroupIndex >= 0) {\n      resultGroups[resultGroupIndex].items.push(item);\n    } else {\n      const groupIndex =\n        getGroupKey && groups\n          ? groups.findIndex((g) => getGroupKey(g) === itemGroupKey)\n          : -1;\n\n      const resultGroup: Group<ITEM, GROUP> = {\n        key: itemGroupKey,\n        items: [item],\n        groupIndex,\n        group: groups ? groups[groupIndex] : undefined,\n      };\n\n      resultGroups.push(resultGroup);\n    }\n  }\n\n  if (typeof sortGroups === 'function') {\n    resultGroups.sort(sortGroups);\n  } else if (groups && getGroupKey) {\n    resultGroups.sort((a, b) => {\n      if (a.groupIndex > b.groupIndex) return 1;\n      if (a.groupIndex < b.groupIndex) return -1;\n      return 0;\n    });\n  }\n\n  return resultGroups;\n}\n"],"mappings":"qpCAcA,MAAO,IAAMA,gBAAe,CAAG,UAAxB,CAEP,GAAMC,qBAAoB,CAAG,SAC3BC,CAD2B,CAE3BC,CAF2B,CAG3BC,CAH2B,CAIxB,CACH,GAAMC,EAAG,CAAGH,CAAM,CAACC,CAAD,CAAlB,CAEA,MAAsB,WAAf,QAAOE,EAAP,CAA6BD,CAA7B,CAA0CC,CAClD,CARD,CAmBA,MAAO,SAASC,UAAT,CACLC,CADK,CAELC,CAFK,CAGLC,CAHK,CAILC,CAJK,CAKLC,CALK,CAOyB,IAD9BP,EAC8B,wDADjBJ,eACiB,CAC9B,GAA+B,UAA3B,QAAOQ,EAAX,CACE,MAAO,CAAC,CAAED,KAAK,CAALA,CAAF,CAASF,GAAG,CAAED,CAAd,CAA0BQ,UAAU,CAAE,CAAC,CAAvC,CAAD,CAAP,CAF4B,MAKxBC,CAA0C,CAAG,EALrB,8BAMXN,CANW,gCAMnBJ,EANmB,SAOtBW,CAAY,CAAGb,oBAAoB,CACvCO,CADuC,CAEvCL,CAFuC,CAGvCC,CAHuC,CAPb,CAYtBW,CAAgB,CAAGF,CAAY,CAACG,SAAb,CACvB,SAACC,CAAD,QAAWA,EAAK,CAACZ,GAAN,GAAcS,CAAzB,CADuB,CAZG,CAgB5B,GAAwB,CAApB,EAAAC,CAAJ,CACEF,CAAY,CAACE,CAAD,CAAZ,CAA+BR,KAA/B,CAAqCW,IAArC,CAA0Cf,CAA1C,CADF,KAEO,IACCS,EAAU,CACdF,CAAW,EAAID,CAAf,CACIA,CAAM,CAACO,SAAP,CAAiB,SAACG,CAAD,QAAOT,EAAW,CAACS,CAAD,CAAX,GAAmBL,CAA1B,CAAjB,CADJ,CAEI,CAAC,CAJF,CAMCM,CAA+B,CAAG,CACtCf,GAAG,CAAES,CADiC,CAEtCP,KAAK,CAAE,CAACJ,CAAD,CAF+B,CAGtCS,UAAU,CAAVA,CAHsC,CAItCK,KAAK,CAAER,CAAM,CAAGA,CAAM,CAACG,CAAD,CAAT,OAJyB,CANnC,CAaLC,CAAY,CAACK,IAAb,CAAkBE,CAAlB,CACD,CAhC2B,EAM9B,8BAN8B,+BA6C9B,MAV0B,UAAtB,QAAOT,EAUX,CATEE,CAAY,CAACQ,IAAb,CAAkBV,CAAlB,CASF,CARWF,CAAM,EAAIC,CAQrB,EAPEG,CAAY,CAACQ,IAAb,CAAkB,SAACC,CAAD,CAAIC,CAAJ,CAAU,OACtBD,EAAC,CAACV,UAAF,CAAeW,CAAC,CAACX,UADK,CACc,CADd,CAEtBU,CAAC,CAACV,UAAF,CAAeW,CAAC,CAACX,UAFK,CAEc,CAAC,CAFf,CAGnB,CACR,CAJD,CAOF,CAAOC,CACR"}
+{"version":3,"file":"getGroups.js","names":["defaultGroupKey","getItemGroupKeyGuard","getter","item","noGroupKey","key","getGroups","items","getItemGroupKey","groups","getGroupKey","sortGroups","groupIndex","resultGroups","itemGroupKey","resultGroupIndex","findIndex","group","push","g","resultGroup","sort","a","b"],"sources":["../../../../src/utils/getGroups.ts"],"sourcesContent":["export type Group<ITEM, GROUP> = {\n  items: ITEM[];\n  key: string | number;\n  group?: GROUP;\n  groupIndex: number;\n};\ntype GetItemGroupKey<ITEM> = (item: ITEM) => string | number | undefined;\ntype GetGroupKey<GROUP> = (item: GROUP) => string | number | undefined;\ntype SortGroups<ITEM, GROUP> = (\n  a: Group<ITEM, GROUP>,\n  b: Group<ITEM, GROUP>,\n) => number;\ntype GetGroupsResult<ITEM, GROUP> = Group<ITEM, GROUP>[];\n\nexport const defaultGroupKey = 'no-group';\n\nconst getItemGroupKeyGuard = <ITEM>(\n  getter: GetGroupKey<ITEM>,\n  item: ITEM,\n  noGroupKey: string,\n) => {\n  const key = getter(item);\n\n  return typeof key === 'undefined' ? noGroupKey : key;\n};\n\n/**\n * @param items список который нужно групировать\n * @param getItemGroupKey признак принадлежности к группе\n * @param groups список групп\n * @param getGroupKey результат функции должен вернуть уникальный ключ группы\n * @param sortGroups сортировка групп\n * @param noGroupKey ключ группы которая создаться если item небудет принадлежать ни к одной из групп\n */\n\nexport function getGroups<ITEM, GROUP>(\n  items: ITEM[],\n  getItemGroupKey: GetItemGroupKey<ITEM> | undefined,\n  groups: GROUP[] | undefined,\n  getGroupKey: GetGroupKey<GROUP> | undefined,\n  sortGroups: SortGroups<ITEM, GROUP> | undefined,\n  noGroupKey = defaultGroupKey,\n): GetGroupsResult<ITEM, GROUP> {\n  if (typeof getItemGroupKey !== 'function') {\n    return [{ items, key: noGroupKey, groupIndex: -1 }];\n  }\n\n  const resultGroups: GetGroupsResult<ITEM, GROUP> = [];\n  for (const item of items) {\n    const itemGroupKey = getItemGroupKeyGuard(\n      getItemGroupKey,\n      item,\n      noGroupKey,\n    );\n    const resultGroupIndex = resultGroups.findIndex(\n      (group) => group.key === itemGroupKey,\n    );\n\n    if (resultGroupIndex >= 0) {\n      resultGroups[resultGroupIndex].items.push(item);\n    } else {\n      const groupIndex =\n        getGroupKey && groups\n          ? groups.findIndex((g) => getGroupKey(g) === itemGroupKey)\n          : -1;\n\n      const resultGroup: Group<ITEM, GROUP> = {\n        key: itemGroupKey,\n        items: [item],\n        groupIndex,\n        group: groups ? groups[groupIndex] : undefined,\n      };\n\n      resultGroups.push(resultGroup);\n    }\n  }\n\n  if (typeof sortGroups === 'function') {\n    resultGroups.sort(sortGroups);\n  } else if (groups && getGroupKey) {\n    resultGroups.sort((a, b) => {\n      if (a.groupIndex > b.groupIndex) return 1;\n      if (a.groupIndex < b.groupIndex) return -1;\n      return 0;\n    });\n  }\n\n  return resultGroups;\n}\n"],"mappings":"qpCAcA,MAAO,IAAMA,gBAAe,CAAG,UAAxB,CAEP,GAAMC,qBAAoB,CAAG,SAC3BC,CAD2B,CAE3BC,CAF2B,CAG3BC,CAH2B,CAIxB,CACH,GAAMC,EAAG,CAAGH,CAAM,CAACC,CAAD,CAAlB,CAEA,MAAsB,WAAf,QAAOE,EAAP,CAA6BD,CAA7B,CAA0CC,CAClD,CARD,CAmBA,MAAO,SAASC,UAAT,CACLC,CADK,CAELC,CAFK,CAGLC,CAHK,CAILC,CAJK,CAKLC,CALK,CAOyB,IAD9BP,EAC8B,wDADjBJ,eACiB,CAC9B,GAA+B,UAA3B,QAAOQ,EAAX,CACE,MAAO,CAAC,CAAED,KAAK,CAALA,CAAF,CAASF,GAAG,CAAED,CAAd,CAA0BQ,UAAU,CAAE,CAAC,CAAvC,CAAD,CAAP,CAF4B,MAKxBC,CAA0C,CAAG,EALrB,8BAMXN,CANW,gCAMnBJ,EANmB,SAOtBW,CAAY,CAAGb,oBAAoB,CACvCO,CADuC,CAEvCL,CAFuC,CAGvCC,CAHuC,CAPb,CAYtBW,CAAgB,CAAGF,CAAY,CAACG,SAAb,CACvB,SAACC,CAAD,QAAWA,EAAK,CAACZ,GAAN,GAAcS,CAAzB,CADuB,CAZG,CAgB5B,GAAwB,CAApB,EAAAC,CAAJ,CACEF,CAAY,CAACE,CAAD,CAAZ,CAA+BR,KAA/B,CAAqCW,IAArC,CAA0Cf,CAA1C,CADF,KAEO,IACCS,EAAU,CACdF,CAAW,EAAID,CAAf,CACIA,CAAM,CAACO,SAAP,CAAiB,SAACG,CAAD,QAAOT,EAAW,CAACS,CAAD,CAAX,GAAmBL,CAA1B,CAAjB,CADJ,CAEI,CAAC,CAJF,CAMCM,CAA+B,CAAG,CACtCf,GAAG,CAAES,CADiC,CAEtCP,KAAK,CAAE,CAACJ,CAAD,CAF+B,CAGtCS,UAAU,CAAVA,CAHsC,CAItCK,KAAK,CAAER,CAAM,CAAGA,CAAM,CAACG,CAAD,CAAT,OAJyB,CANnC,CAaLC,CAAY,CAACK,IAAb,CAAkBE,CAAlB,CACD,CAhC2B,EAM9B,8BAN8B,+BA6C9B,MAV0B,UAAtB,QAAOT,EAUX,CATEE,CAAY,CAACQ,IAAb,CAAkBV,CAAlB,CASF,CARWF,CAAM,EAAIC,CAQrB,EAPEG,CAAY,CAACQ,IAAb,CAAkB,SAACC,CAAD,CAAIC,CAAJ,CAAU,OACtBD,EAAC,CAACV,UAAF,CAAeW,CAAC,CAACX,UADK,CACc,CADd,CAEtBU,CAAC,CAACV,UAAF,CAAeW,CAAC,CAACX,UAFK,CAEc,CAAC,CAFf,CAGnB,CACR,CAJD,CAOF,CAAOC,CACR"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit",
-  "version": "4.6.4",
+  "version": "4.7.1",
   "keywords": [
     "ui-kit",
     "design-system",

package/__internal__/src/components/ContextMenu/ContextMenuItem/ContextMenuItem.css

@@ -1 +0,0 @@
-.ContextMenuItem{--vertical-space:0;align-items:center;cursor:pointer;display:flex;gap:var(--space-xs);padding:var(--vertical-space) var(--space-s);text-decoration:none;transition:background-color .2s;word-break:break-word}.ContextMenuItem:hover,.ContextMenuItem_active{background:var(--color-control-bg-clear-hover)}.ContextMenuItem_size_xs{--vertical-space:var(--space-2xs)}.ContextMenuItem_size_s{--vertical-space:var(--space-xs)}.ContextMenuItem_size_m{--vertical-space:var(--space-s)}.ContextMenuItem_size_l{--vertical-space:var(--space-m)}.ContextMenuItem-Label{flex:1}.ContextMenuItem_disabled.Text{color:var(--color-control-typo-disable);cursor:default}.ContextMenuItem_disabled.Text:hover{background:transparent}.ContextMenuItem-Slot{align-items:center;display:flex}.ContextMenuItem-Slot_position_left,.ContextMenuItem-Slot_position_right{flex:0}.ContextMenuItem-Slot_position_center{flex:1}

package/__internal__/src/components/ContextMenu/ContextMenuItem/ContextMenuItem.d.ts

@@ -1,4 +0,0 @@
-import './ContextMenuItem.css';
-import { ContextMenuItemComponent } from '../types';
-export declare const cnContextMenuItem: import("@bem-react/classname").ClassNameFormatter;
-export declare const ContextMenuItem: ContextMenuItemComponent;

package/__internal__/src/components/ContextMenu/ContextMenuItem/ContextMenuItem.js

@@ -1,2 +0,0 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";var _excluded=["label","rightSide","leftSide","size","as","disabled","status","withSubMenu","className","active","leftIcon","rightIcon"];import"./ContextMenuItem.css";import{IconArrowRight}from"@consta/icons/IconArrowRight";import React from"react";import{cn}from"../../../utils/bem";import{getByMap}from"../../../utils/getByMap";import{Text}from"../../Text/Text";import{sizeMapIcon}from"../helpers";import{contextMenuDefaultSize}from"../types";export var cnContextMenuItem=cn("ContextMenuItem");function renderSide(a,b,c,d,e){var f=a?_toConsumableArray(Array.isArray(a)?a:[a]):[];if(e){var g=React.createElement(e,{size:getByMap(sizeMapIcon,d)});"left"===b&&f.unshift(g),"right"===b&&f.push(g)}c&&f.push(React.createElement(IconArrowRight,{size:"xs",view:"secondary"}));var h=f.map(function(a,c){return React.createElement("div",{className:cnContextMenuItem("Slot",{position:b}),key:cnContextMenuItem("Slot",{position:b,index:c})},a)});return h}var ContextMenuItemRender=function(a,b){var c=a.label,d=a.rightSide,e=a.leftSide,f=a.size,g=void 0===f?contextMenuDefaultSize:f,h=a.as,i=void 0===h?"div":h,j=a.disabled,k=a.status,l=a.withSubMenu,m=a.className,n=a.active,o=a.leftIcon,p=a.rightIcon,q=_objectWithoutProperties(a,_excluded),r=(j?void 0:k)||"primary";return React.createElement(Text,Object.assign({className:cnContextMenuItem({size:g,active:n,disabled:j},[m]),as:i,size:g,view:r,lineHeight:"xs",ref:b},q),renderSide(e,"left",!1,g,o),d||e||l||o||p?React.createElement("div",{className:cnContextMenuItem("Slot",{position:"center"}),key:"center"},c):c,renderSide(d,"right",l,g,p))};export var ContextMenuItem=React.forwardRef(ContextMenuItemRender);
-//# sourceMappingURL=ContextMenuItem.js.map

package/__internal__/src/components/ContextMenu/ContextMenuItem/ContextMenuItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContextMenuItem.js","names":["IconArrowRight","React","cn","getByMap","Text","sizeMapIcon","contextMenuDefaultSize","cnContextMenuItem","renderSide","side","position","withArrow","size","icon","sides","Array","isArray","render","unshift","push","sidesRender","map","item","index","ContextMenuItemRender","props","ref","label","rightSide","leftSide","as","disabled","status","withSubMenu","className","active","leftIcon","rightIcon","otherProps","view","ContextMenuItem","forwardRef"],"sources":["../../../../../../src/components/ContextMenu/ContextMenuItem/ContextMenuItem.tsx"],"sourcesContent":["import './ContextMenuItem.css';\n\nimport { IconComponent } from '@consta/icons/Icon';\nimport { IconArrowRight } from '@consta/icons/IconArrowRight';\nimport React from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { getByMap } from '../../../utils/getByMap';\nimport { Text } from '../../Text/Text';\nimport { sizeMapIcon } from '../helpers';\nimport {\n  contextMenuDefaultSize,\n  ContextMenuItemComponent,\n  ContextMenuItemProps,\n  ContextMenuPropSize,\n} from '../types';\n\nexport const cnContextMenuItem = cn('ContextMenuItem');\n\nfunction renderSide(\n  side: React.ReactNode,\n  position: 'left' | 'right',\n  withArrow: boolean,\n  size: ContextMenuPropSize,\n  icon: IconComponent | undefined,\n): React.ReactNode {\n  const sides = side ? [...(Array.isArray(side) ? side : [side])] : [];\n\n  if (icon) {\n    const Icon = icon;\n    const render = <Icon size={getByMap(sizeMapIcon, size)} />;\n    if (position === 'left') {\n      sides.unshift(render);\n    }\n    if (position === 'right') {\n      sides.push(render);\n    }\n  }\n\n  if (withArrow) {\n    sides.push(<IconArrowRight size=\"xs\" view=\"secondary\" />);\n  }\n\n  const sidesRender: React.ReactNode[] = sides.map((item, index) => (\n    <div\n      className={cnContextMenuItem('Slot', {\n        position,\n      })}\n      key={cnContextMenuItem('Slot', {\n        position,\n        index,\n      })}\n    >\n      {item}\n    </div>\n  ));\n\n  return sidesRender;\n}\n\nconst ContextMenuItemRender = (\n  props: ContextMenuItemProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    label,\n    rightSide,\n    leftSide,\n    size = contextMenuDefaultSize,\n    as = 'div',\n    disabled,\n    status,\n    withSubMenu,\n    className,\n    active,\n    leftIcon,\n    rightIcon,\n    ...otherProps\n  } = props;\n  const view = (disabled ? undefined : status) || 'primary';\n\n  return (\n    <Text\n      className={cnContextMenuItem({ size, active, disabled }, [className])}\n      as={as}\n      size={size}\n      view={view}\n      lineHeight=\"xs\"\n      ref={ref}\n      {...otherProps}\n    >\n      {renderSide(leftSide, 'left', false, size, leftIcon)}\n      {!rightSide && !leftSide && !withSubMenu && !leftIcon && !rightIcon ? (\n        label\n      ) : (\n        <div\n          className={cnContextMenuItem('Slot', { position: 'center' })}\n          key=\"center\"\n        >\n          {label}\n        </div>\n      )}\n      {renderSide(rightSide, 'right', withSubMenu, size, rightIcon)}\n    </Text>\n  );\n};\n\nexport const ContextMenuItem = React.forwardRef(\n  ContextMenuItemRender,\n) as ContextMenuItemComponent;\n"],"mappings":"uSAAA,8BAGA,OAASA,cAAT,KAA+B,8BAA/B,CACA,MAAOC,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,0BACA,OAASC,QAAT,+BACA,OAASC,IAAT,uBACA,OAASC,WAAT,kBACA,OACEC,sBADF,gBAOA,MAAO,IAAMC,kBAAiB,CAAGL,EAAE,CAAC,iBAAD,CAA5B,CAEP,QAASM,WAAT,CACEC,CADF,CAEEC,CAFF,CAGEC,CAHF,CAIEC,CAJF,CAKEC,CALF,CAMmB,CACjB,GAAMC,EAAK,CAAGL,CAAI,oBAAQM,KAAK,CAACC,OAAN,CAAcP,CAAd,EAAsBA,CAAtB,CAA6B,CAACA,CAAD,CAArC,EAAgD,EAAlE,CAEA,GAAII,CAAJ,CAAU,IAEFI,EAAM,CAAG,oBADFJ,CACE,EAAM,IAAI,CAAEV,QAAQ,CAACE,WAAD,CAAcO,CAAd,CAApB,EAFP,CAGS,MAAb,GAAAF,CAHI,EAINI,CAAK,CAACI,OAAN,CAAcD,CAAd,CAJM,CAMS,OAAb,GAAAP,CANI,EAONI,CAAK,CAACK,IAAN,CAAWF,CAAX,CAEH,CAEGN,CAda,EAefG,CAAK,CAACK,IAAN,CAAW,oBAAC,cAAD,EAAgB,IAAI,CAAC,IAArB,CAA0B,IAAI,CAAC,WAA/B,EAAX,CAfe,CAkBjB,GAAMC,EAA8B,CAAGN,CAAK,CAACO,GAAN,CAAU,SAACC,CAAD,CAAOC,CAAP,QAC/C,4BACE,SAAS,CAAEhB,iBAAiB,CAAC,MAAD,CAAS,CACnCG,QAAQ,CAARA,CADmC,CAAT,CAD9B,CAIE,GAAG,CAAEH,iBAAiB,CAAC,MAAD,CAAS,CAC7BG,QAAQ,CAARA,CAD6B,CAE7Ba,KAAK,CAALA,CAF6B,CAAT,CAJxB,EASGD,CATH,CAD+C,CAAV,CAAvC,CAcA,MAAOF,EACR,CAED,GAAMI,sBAAqB,CAAG,SAC5BC,CAD4B,CAE5BC,CAF4B,CAGzB,IAEDC,EAFC,CAeCF,CAfD,CAEDE,KAFC,CAGDC,CAHC,CAeCH,CAfD,CAGDG,SAHC,CAIDC,CAJC,CAeCJ,CAfD,CAIDI,QAJC,GAeCJ,CAfD,CAKDb,IALC,CAKDA,CALC,YAKMN,sBALN,KAeCmB,CAfD,CAMDK,EANC,CAMDA,CANC,YAMI,KANJ,GAODC,CAPC,CAeCN,CAfD,CAODM,QAPC,CAQDC,CARC,CAeCP,CAfD,CAQDO,MARC,CASDC,CATC,CAeCR,CAfD,CASDQ,WATC,CAUDC,CAVC,CAeCT,CAfD,CAUDS,SAVC,CAWDC,CAXC,CAeCV,CAfD,CAWDU,MAXC,CAYDC,CAZC,CAeCX,CAfD,CAYDW,QAZC,CAaDC,CAbC,CAeCZ,CAfD,CAaDY,SAbC,CAcEC,CAdF,0BAeCb,CAfD,YAgBGc,CAAI,CAAG,CAACR,CAAQ,QAAeC,CAAxB,GAAmC,SAhB7C,CAkBH,MACE,qBAAC,IAAD,gBACE,SAAS,CAAEzB,iBAAiB,CAAC,CAAEK,IAAI,CAAJA,CAAF,CAAQuB,MAAM,CAANA,CAAR,CAAgBJ,QAAQ,CAARA,CAAhB,CAAD,CAA6B,CAACG,CAAD,CAA7B,CAD9B,CAEE,EAAE,CAAEJ,CAFN,CAGE,IAAI,CAAElB,CAHR,CAIE,IAAI,CAAE2B,CAJR,CAKE,UAAU,CAAC,IALb,CAME,GAAG,CAAEb,CANP,EAOMY,CAPN,EASG9B,UAAU,CAACqB,CAAD,CAAW,MAAX,IAA0BjB,CAA1B,CAAgCwB,CAAhC,CATb,CAUIR,CAAD,EAAeC,CAAf,EAA4BI,CAA5B,EAA4CG,CAA5C,EAAyDC,CAAzD,CAGC,2BACE,SAAS,CAAE9B,iBAAiB,CAAC,MAAD,CAAS,CAAEG,QAAQ,CAAE,QAAZ,CAAT,CAD9B,CAEE,GAAG,CAAC,QAFN,EAIGiB,CAJH,CAHD,CACCA,CAXJ,CAoBGnB,UAAU,CAACoB,CAAD,CAAY,OAAZ,CAAqBK,CAArB,CAAkCrB,CAAlC,CAAwCyB,CAAxC,CApBb,CAuBH,CA7CD,CA+CA,MAAO,IAAMG,gBAAe,CAAGvC,KAAK,CAACwC,UAAN,CAC7BjB,qBAD6B,CAAxB"}

package/__internal__/src/components/SelectComponents/SelectGroupLabel/SelectGroupLabel.css

@@ -1 +0,0 @@
-.SelectGroupLabel{border-bottom:1px solid var(--color-bg-border);color:var(--color-typo-secondary);font-size:var(--font-size);letter-spacing:.07em;padding:var(--vertical-space) var(--horizontal-space);text-transform:uppercase}.SelectGroupLabel_size_xs{--horizontal-space:calc(var(--control-space-xs)*0.5);--vertical-space:calc(var(--control-space-s)*0.25);--font-size:calc(var(--control-text-size-xs) - 2px)}.SelectGroupLabel_size_s{--horizontal-space:calc(var(--control-space-s)*0.5);--vertical-space:calc(var(--control-space-s)*0.25);--font-size:calc(var(--control-text-size-s) - 4px)}.SelectGroupLabel_size_m{--horizontal-space:calc(var(--control-space-m)*0.5);--vertical-space:calc(var(--control-space-s)*0.5);--font-size:calc(var(--control-text-size-m) - 4px)}.SelectGroupLabel_size_l{--horizontal-space:calc(var(--control-space-l)*0.5);--vertical-space:calc(var(--control-space-s)*0.5);--font-size:calc(var(--control-text-size-l) - 4px)}.SelectGroupLabel_indent_increased{padding-left:calc(var(--horizontal-space)*2.6)}