@consta/uikit 5.26.0 → 5.27.0

package/__internal__/src/components/PortalWithTheme/PortalWithTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"PortalWithTheme.js","names":["React","useEffect","useRef","useState","ReactDOM","useForkRef","Theme","PortalWithThemeProvider","usePortalContext","getZIndex","contextZIndex","propZIndex","isRef","ref","current","HTMLElement","getElement","PortalWithTheme","forwardRef","children","container","window","document","body","styleProp","style","rest","addRefs","zIndexContext","zIndex","portalContainer","setPortalContainer","themeRef","themeRefForked","createPortal"],"sources":["../../../../../src/components/PortalWithTheme/PortalWithTheme.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { Theme, ThemeProps } from '../Theme/Theme';\nimport {\n  PortalWithThemeProvider,\n  usePortalContext,\n} from './PortalWithThemeContext/PortalWithThemeContext';\n\nexport { usePortalContext };\n\ntype Props = {\n  container?: Element | React.RefObject<HTMLElement>;\n} & ThemeProps;\n\nconst getZIndex = (contextZIndex?: number, propZIndex?: number | string) => {\n  if (typeof propZIndex === 'number') {\n    return propZIndex;\n  }\n\n  if (contextZIndex) {\n    return contextZIndex + 1;\n  }\n\n  return undefined;\n};\n\nconst isRef = (\n  ref: React.RefObject<HTMLElement> | Element | undefined,\n): ref is React.RefObject<HTMLElement> =>\n  !!ref && 'current' in ref && ref.current instanceof HTMLElement;\n\nconst getElement = (ref: React.RefObject<HTMLElement> | Element) =>\n  isRef(ref) ? ref.current : ref;\n\nexport const PortalWithTheme = React.forwardRef<HTMLDivElement, Props>(\n  (\n    { children, container = window.document.body, style: styleProp, ...rest },\n    ref,\n  ) => {\n    const { addRefs, zIndex: zIndexContext } = usePortalContext();\n    const [portalContainer, setPortalContainer] = useState<Element | null>(\n      getElement(container),\n    );\n\n    const themeRef = useRef(null);\n\n    const zIndex = getZIndex(zIndexContext, styleProp?.zIndex);\n\n    const themeRefForked = useForkRef([themeRef, ref]);\n\n    useEffect(() => {\n      addRefs && addRefs([themeRef]);\n    }, [themeRef]);\n\n    useEffect(() => {\n      setPortalContainer(getElement(container));\n    }, [getElement(container)]);\n\n    if (!portalContainer) {\n      return null;\n    }\n\n    return ReactDOM.createPortal(\n      <PortalWithThemeProvider zIndex={zIndex}>\n        <Theme\n          {...rest}\n          ref={themeRefForked}\n          style={{\n            ...styleProp,\n            zIndex,\n          }}\n        >\n          {children}\n        </Theme>\n      </PortalWithThemeProvider>,\n      portalContainer,\n    );\n  },\n);\n"],"mappings":"02BAAA,MAAOA,MAAP,EAAgBC,SAAhB,CAA2BC,MAA3B,CAAmCC,QAAnC,KAAmD,OAAnD,CACA,MAAOC,SAAP,KAAqB,WAArB,CAEA,OAASC,UAAT,yCACA,OAASC,KAAT,sBACA,OACEC,uBADF,CAEEC,gBAFF,uDAKA,OAASA,gBAAT,E,GAMMC,UAAS,CAAG,SAACC,CAAD,CAAyBC,CAAzB,CAA0D,OAChD,QAAtB,QAAOA,EAD+D,CAEjEA,CAFiE,CAKtED,CALsE,CAMjEA,CAAa,CAAG,CANiD,OAU3E,C,CAEKE,KAAK,CAAG,SACZC,CADY,QAGZ,CAAC,CAACA,CAAF,EAAS,WAAaA,EAAtB,EAA6BA,CAAG,CAACC,OAAJ,WAAuBC,YAHxC,C,CAKRC,UAAU,CAAG,SAACH,CAAD,QACjBD,MAAK,CAACC,CAAD,CAAL,CAAaA,CAAG,CAACC,OAAjB,CAA2BD,CADV,C,CAGnB,MAAO,IAAMI,gBAAe,CAAGjB,KAAK,CAACkB,UAAN,CAC7B,WAEEL,CAFF,CAGK,IAFDM,EAEC,GAFDA,QAEC,KAFSC,SAET,CAFSA,CAET,YAFqBC,MAAM,CAACC,QAAP,CAAgBC,IAErC,GAFkDC,CAElD,GAF2CC,KAE3C,CAFgEC,CAEhE,yCACwClB,gBAAgB,EADxD,CACKmB,CADL,GACKA,OADL,CACsBC,CADtB,GACcC,MADd,GAE2C1B,QAAQ,CACpDa,UAAU,CAACI,CAAD,CAD0C,CAFnD,uBAEIU,CAFJ,MAEqBC,CAFrB,MAMGC,CAAQ,CAAG9B,MAAM,CAAC,IAAD,CANpB,CAQG2B,CAAM,CAAGpB,SAAS,CAACmB,CAAD,QAAgBJ,CAAhB,WAAgBA,CAAhB,QAAgBA,CAAS,CAAEK,MAA3B,CARrB,CAUGI,CAAc,CAAG5B,UAAU,CAAC,CAAC2B,CAAD,CAAWnB,CAAX,CAAD,CAV9B,OAYHZ,UAAS,CAAC,UAAM,CACd0B,CAAO,EAAIA,CAAO,CAAC,CAACK,CAAD,CAAD,CACnB,CAFQ,CAEN,CAACA,CAAD,CAFM,CAZN,CAgBH/B,SAAS,CAAC,UAAM,CACd8B,CAAkB,CAACf,UAAU,CAACI,CAAD,CAAX,CACnB,CAFQ,CAEN,CAACJ,UAAU,CAACI,CAAD,CAAX,CAFM,CAhBN,CAoBEU,CApBF,CAwBI1B,QAAQ,CAAC8B,YAAT,CACL,oBAAC,uBAAD,EAAyB,MAAM,CAAEL,CAAjC,EACE,oBAAC,KAAD,kBACMH,CADN,EAEE,GAAG,CAAEO,CAFP,CAGE,KAAK,gCACAT,CADA,MAEHK,MAAM,CAANA,CAFG,EAHP,GAQGV,CARH,CADF,CADK,CAaLW,CAbK,CAxBJ,CAqBM,IAkBV,CA3C4B,CAAxB"}
+{"version":3,"file":"PortalWithTheme.js","names":["React","useEffect","useRef","useState","ReactDOM","useForkRef","Theme","PortalWithThemeProvider","usePortalContext","getZIndex","contextZIndex","propZIndex","isRef","ref","getElement","current","PortalWithTheme","forwardRef","children","container","window","document","body","styleProp","style","rest","addRefs","zIndexContext","zIndex","portalContainer","setPortalContainer","themeRef","themeRefForked","createPortal"],"sources":["../../../../../src/components/PortalWithTheme/PortalWithTheme.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { Theme, ThemeProps } from '../Theme/Theme';\nimport {\n  PortalWithThemeProvider,\n  usePortalContext,\n} from './PortalWithThemeContext/PortalWithThemeContext';\n\nexport { usePortalContext };\n\ntype Props = {\n  container?: Element | React.RefObject<HTMLElement>;\n} & ThemeProps;\n\nconst getZIndex = (contextZIndex?: number, propZIndex?: number | string) => {\n  if (typeof propZIndex === 'number') {\n    return propZIndex;\n  }\n\n  if (contextZIndex) {\n    return contextZIndex + 1;\n  }\n\n  return undefined;\n};\n\nconst isRef = (\n  ref: React.RefObject<HTMLElement> | Element | undefined,\n): ref is React.RefObject<HTMLElement> => !!ref && 'current' in ref;\n\nconst getElement = (ref: React.RefObject<HTMLElement> | Element) =>\n  isRef(ref) ? ref.current : ref;\n\nexport const PortalWithTheme = React.forwardRef<HTMLDivElement, Props>(\n  (\n    { children, container = window.document.body, style: styleProp, ...rest },\n    ref,\n  ) => {\n    const { addRefs, zIndex: zIndexContext } = usePortalContext();\n    const [portalContainer, setPortalContainer] = useState<Element | null>(\n      getElement(container),\n    );\n\n    const themeRef = useRef(null);\n\n    const zIndex = getZIndex(zIndexContext, styleProp?.zIndex);\n\n    const themeRefForked = useForkRef([themeRef, ref]);\n\n    useEffect(() => {\n      addRefs && addRefs([themeRef]);\n    }, [themeRef]);\n\n    useEffect(() => {\n      setPortalContainer(getElement(container));\n    }, [getElement(container)]);\n\n    if (!portalContainer) {\n      return null;\n    }\n\n    return ReactDOM.createPortal(\n      <PortalWithThemeProvider zIndex={zIndex}>\n        <Theme\n          {...rest}\n          ref={themeRefForked}\n          style={{\n            ...styleProp,\n            zIndex,\n          }}\n        >\n          {children}\n        </Theme>\n      </PortalWithThemeProvider>,\n      portalContainer,\n    );\n  },\n);\n"],"mappings":"02BAAA,MAAOA,MAAP,EAAgBC,SAAhB,CAA2BC,MAA3B,CAAmCC,QAAnC,KAAmD,OAAnD,CACA,MAAOC,SAAP,KAAqB,WAArB,CAEA,OAASC,UAAT,yCACA,OAASC,KAAT,sBACA,OACEC,uBADF,CAEEC,gBAFF,uDAKA,OAASA,gBAAT,E,GAMMC,UAAS,CAAG,SAACC,CAAD,CAAyBC,CAAzB,CAA0D,OAChD,QAAtB,QAAOA,EAD+D,CAEjEA,CAFiE,CAKtED,CALsE,CAMjEA,CAAa,CAAG,CANiD,OAU3E,C,CAEKE,KAAK,CAAG,SACZC,CADY,QAE4B,CAAC,CAACA,CAAF,EAAS,WAAaA,EAFlD,C,CAIRC,UAAU,CAAG,SAACD,CAAD,QACjBD,MAAK,CAACC,CAAD,CAAL,CAAaA,CAAG,CAACE,OAAjB,CAA2BF,CADV,C,CAGnB,MAAO,IAAMG,gBAAe,CAAGhB,KAAK,CAACiB,UAAN,CAC7B,WAEEJ,CAFF,CAGK,IAFDK,EAEC,GAFDA,QAEC,KAFSC,SAET,CAFSA,CAET,YAFqBC,MAAM,CAACC,QAAP,CAAgBC,IAErC,GAFkDC,CAElD,GAF2CC,KAE3C,CAFgEC,CAEhE,yCACwCjB,gBAAgB,EADxD,CACKkB,CADL,GACKA,OADL,CACsBC,CADtB,GACcC,MADd,GAE2CzB,QAAQ,CACpDW,UAAU,CAACK,CAAD,CAD0C,CAFnD,uBAEIU,CAFJ,MAEqBC,CAFrB,MAMGC,CAAQ,CAAG7B,MAAM,CAAC,IAAD,CANpB,CAQG0B,CAAM,CAAGnB,SAAS,CAACkB,CAAD,QAAgBJ,CAAhB,WAAgBA,CAAhB,QAAgBA,CAAS,CAAEK,MAA3B,CARrB,CAUGI,CAAc,CAAG3B,UAAU,CAAC,CAAC0B,CAAD,CAAWlB,CAAX,CAAD,CAV9B,OAYHZ,UAAS,CAAC,UAAM,CACdyB,CAAO,EAAIA,CAAO,CAAC,CAACK,CAAD,CAAD,CACnB,CAFQ,CAEN,CAACA,CAAD,CAFM,CAZN,CAgBH9B,SAAS,CAAC,UAAM,CACd6B,CAAkB,CAAChB,UAAU,CAACK,CAAD,CAAX,CACnB,CAFQ,CAEN,CAACL,UAAU,CAACK,CAAD,CAAX,CAFM,CAhBN,CAoBEU,CApBF,CAwBIzB,QAAQ,CAAC6B,YAAT,CACL,oBAAC,uBAAD,EAAyB,MAAM,CAAEL,CAAjC,EACE,oBAAC,KAAD,kBACMH,CADN,EAEE,GAAG,CAAEO,CAFP,CAGE,KAAK,gCACAT,CADA,MAEHK,MAAM,CAANA,CAFG,EAHP,GAQGV,CARH,CADF,CADK,CAaLW,CAbK,CAxBJ,CAqBM,IAkBV,CA3C4B,CAAxB"}

package/__internal__/src/components/RadioGroup/RadioGroup.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["value","items","getItemLabel","getItemKey","getItemDisabled","onChange","name","direction","size","view","align","disabled","className"];import"./RadioGroup.css";import React,{forwardRef}from"react";import{useChoiceGroup}from"../../hooks/useChoiceGroup/useChoiceGroup";import{cn}from"../../utils/bem";import{Radio}from"../Radio/Radio";import{withDefaultGetters}from"./helper";import{radioGroupDefaultDirection,radioGroupDefaultSize,radioGroupDefaultView,radioGroupPropAlignDefault}from"./types";export var cnRadioGroup=cn("RadioGroup");var RadioGroupRender=function(a,b){var c=withDefaultGetters(a),d=c.value,e=void 0===d?null:d,f=c.items,g=c.getItemLabel,h=c.getItemKey,i=c.getItemDisabled,j=c.onChange,k=c.name,l=c.direction,m=void 0===l?radioGroupDefaultDirection:l,n=c.size,o=void 0===n?radioGroupDefaultSize:n,p=c.view,q=void 0===p?radioGroupDefaultView:p,r=c.align,s=void 0===r?radioGroupPropAlignDefault:r,t=c.disabled,u=c.className,v=_objectWithoutProperties(c,_excluded),w=useChoiceGroup({value:e,getKey:function getKey(a){var b;return null!==(b=h(a))&&void 0!==b?b:g(a)},callBack:j,multiple:!1}),x=w.getOnChange,y=w.getChecked;return React.createElement("div",Object.assign({},v,{ref:b,className:cnRadioGroup({direction:m,size:o,view:q},[u])}),f.map(function(a){var b;return React.createElement(Radio,{align:s,key:null!==(b=h(a))&&void 0!==b?b:g(a),label:g(a),size:o,view:q,name:k,disabled:void 0!==t&&t||!!i&&i(a),checked:y(a),onChange:x(a),className:cnRadioGroup("Item")})}))};export var RadioGroup=forwardRef(RadioGroupRender);export*from"./types";
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["value","items","getItemLabel","getItemKey","getItemDisabled","onChange","name","direction","size","view","align","disabled","className","id"];import"./RadioGroup.css";import React,{forwardRef}from"react";import{useChoiceGroup}from"../../hooks/useChoiceGroup/useChoiceGroup";import{cn}from"../../utils/bem";import{Radio}from"../Radio/Radio";import{withDefaultGetters}from"./helper";import{radioGroupDefaultDirection,radioGroupDefaultSize,radioGroupDefaultView,radioGroupPropAlignDefault}from"./types";export var cnRadioGroup=cn("RadioGroup");var RadioGroupRender=function(a,b){var c=withDefaultGetters(a),d=c.value,e=void 0===d?null:d,f=c.items,g=c.getItemLabel,h=c.getItemKey,i=c.getItemDisabled,j=c.onChange,k=c.name,l=c.direction,m=void 0===l?radioGroupDefaultDirection:l,n=c.size,o=void 0===n?radioGroupDefaultSize:n,p=c.view,q=void 0===p?radioGroupDefaultView:p,r=c.align,s=void 0===r?radioGroupPropAlignDefault:r,t=c.disabled,u=c.className,v=c.id,w=_objectWithoutProperties(c,_excluded),x=useChoiceGroup({value:e,getKey:function getKey(a){var b;return null!==(b=h(a))&&void 0!==b?b:g(a)},callBack:j,multiple:!1}),y=x.getOnChange,z=x.getChecked;return React.createElement("div",Object.assign({},w,{ref:b,className:cnRadioGroup({direction:m,size:o,view:q},[u])}),f.map(function(a){var b;return React.createElement(Radio,{align:s,key:null!==(b=h(a))&&void 0!==b?b:g(a),label:g(a),size:o,view:q,name:k,disabled:void 0!==t&&t||!!i&&i(a),checked:z(a),onChange:y(a),className:cnRadioGroup("Item")})}))};export var RadioGroup=forwardRef(RadioGroupRender);export*from"./types";
 //# sourceMappingURL=RadioGroup.js.map

package/__internal__/src/components/RadioGroup/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","names":["React","forwardRef","useChoiceGroup","cn","Radio","withDefaultGetters","radioGroupDefaultDirection","radioGroupDefaultSize","radioGroupDefaultView","radioGroupPropAlignDefault","cnRadioGroup","RadioGroupRender","props","ref","value","items","getItemLabel","getItemKey","getItemDisabled","onChange","name","direction","size","view","align","disabled","className","otherProps","getKey","item","callBack","multiple","getOnChange","getChecked","map","RadioGroup"],"sources":["../../../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import './RadioGroup.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { useChoiceGroup } from '../../hooks/useChoiceGroup/useChoiceGroup';\nimport { cn } from '../../utils/bem';\nimport { Radio } from '../Radio/Radio';\nimport { withDefaultGetters } from './helper';\nimport {\n  RadioGroupComponent,\n  radioGroupDefaultDirection,\n  radioGroupDefaultSize,\n  radioGroupDefaultView,\n  radioGroupPropAlignDefault,\n  RadioGroupProps,\n} from './types';\n\nexport const cnRadioGroup = cn('RadioGroup');\n\nconst RadioGroupRender = (\n  props: RadioGroupProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    value = null,\n    items,\n    getItemLabel,\n    getItemKey,\n    getItemDisabled,\n    onChange,\n    name,\n    direction = radioGroupDefaultDirection,\n    size = radioGroupDefaultSize,\n    view = radioGroupDefaultView,\n    align = radioGroupPropAlignDefault,\n    disabled = false,\n    className,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const { getOnChange, getChecked } = useChoiceGroup({\n    value,\n    getKey: (item) => getItemKey(item) ?? getItemLabel(item),\n    callBack: onChange,\n    multiple: false,\n  });\n\n  return (\n    <div\n      {...otherProps}\n      ref={ref}\n      className={cnRadioGroup({ direction, size, view }, [className])}\n    >\n      {items.map((item) => (\n        <Radio\n          align={align}\n          key={getItemKey(item) ?? getItemLabel(item)}\n          label={getItemLabel(item)}\n          size={size}\n          view={view}\n          name={name}\n          disabled={disabled || (!!getItemDisabled && getItemDisabled(item))}\n          checked={getChecked(item)}\n          onChange={getOnChange(item)}\n          className={cnRadioGroup('Item')}\n        />\n      ))}\n    </div>\n  );\n};\n\nexport const RadioGroup = forwardRef(RadioGroupRender) as RadioGroupComponent;\n\nexport * from './types';\n"],"mappings":"8OAAA,yBAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,cAAT,iDACA,OAASC,EAAT,uBACA,OAASC,KAAT,sBACA,OAASC,kBAAT,gBACA,OAEEC,0BAFF,CAGEC,qBAHF,CAIEC,qBAJF,CAKEC,0BALF,eASA,MAAO,IAAMC,aAAY,CAAGP,EAAE,CAAC,YAAD,CAAvB,CAEP,GAAMQ,iBAAgB,CAAG,SACvBC,CADuB,CAEvBC,CAFuB,CAGpB,OAgBCR,kBAAkB,CAACO,CAAD,CAhBnB,KAEDE,KAFC,CAEDA,CAFC,YAEO,IAFP,GAGDC,CAHC,GAGDA,KAHC,CAIDC,CAJC,GAIDA,YAJC,CAKDC,CALC,GAKDA,UALC,CAMDC,CANC,GAMDA,eANC,CAODC,CAPC,GAODA,QAPC,CAQDC,CARC,GAQDA,IARC,KASDC,SATC,CASDA,CATC,YASWf,0BATX,OAUDgB,IAVC,CAUDA,CAVC,YAUMf,qBAVN,OAWDgB,IAXC,CAWDA,CAXC,YAWMf,qBAXN,OAYDgB,KAZC,CAYDA,CAZC,YAYOf,0BAZP,OAaDgB,QAbC,CAcDC,CAdC,GAcDA,SAdC,CAeEC,CAfF,yCAkBiCzB,cAAc,CAAC,CACjDY,KAAK,CAALA,CADiD,CAEjDc,MAAM,CAAE,gBAACC,CAAD,yBAAUZ,CAAU,CAACY,CAAD,CAApB,gBAA8Bb,CAAY,CAACa,CAAD,CAA1C,CAFyC,CAGjDC,QAAQ,CAAEX,CAHuC,CAIjDY,QAAQ,GAJyC,CAAD,CAlB/C,CAkBKC,CAlBL,GAkBKA,WAlBL,CAkBkBC,CAlBlB,GAkBkBA,UAlBlB,CAyBH,MACE,4CACMN,CADN,EAEE,GAAG,CAAEd,CAFP,CAGE,SAAS,CAAEH,YAAY,CAAC,CAAEW,SAAS,CAATA,CAAF,CAAaC,IAAI,CAAJA,CAAb,CAAmBC,IAAI,CAAJA,CAAnB,CAAD,CAA4B,CAACG,CAAD,CAA5B,CAHzB,GAKGX,CAAK,CAACmB,GAAN,CAAU,SAACL,CAAD,cACT,qBAAC,KAAD,EACE,KAAK,CAAEL,CADT,CAEE,GAAG,WAAEP,CAAU,CAACY,CAAD,CAAZ,gBAAsBb,CAAY,CAACa,CAAD,CAFvC,CAGE,KAAK,CAAEb,CAAY,CAACa,CAAD,CAHrB,CAIE,IAAI,CAAEP,CAJR,CAKE,IAAI,CAAEC,CALR,CAME,IAAI,CAAEH,CANR,CAOE,QAAQ,CAAE,eAAa,CAAC,CAACF,CAAF,EAAqBA,CAAe,CAACW,CAAD,CAP7D,CAQE,OAAO,CAAEI,CAAU,CAACJ,CAAD,CARrB,CASE,QAAQ,CAAEG,CAAW,CAACH,CAAD,CATvB,CAUE,SAAS,CAAEnB,YAAY,CAAC,MAAD,CAVzB,EADS,CAAV,CALH,CAqBH,CAlDD,CAoDA,MAAO,IAAMyB,WAAU,CAAGlC,UAAU,CAACU,gBAAD,CAA7B,CAEP"}
+{"version":3,"file":"RadioGroup.js","names":["React","forwardRef","useChoiceGroup","cn","Radio","withDefaultGetters","radioGroupDefaultDirection","radioGroupDefaultSize","radioGroupDefaultView","radioGroupPropAlignDefault","cnRadioGroup","RadioGroupRender","props","ref","value","items","getItemLabel","getItemKey","getItemDisabled","onChange","name","direction","size","view","align","disabled","className","id","otherProps","getKey","item","callBack","multiple","getOnChange","getChecked","map","RadioGroup"],"sources":["../../../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import './RadioGroup.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { useChoiceGroup } from '../../hooks/useChoiceGroup/useChoiceGroup';\nimport { cn } from '../../utils/bem';\nimport { Radio } from '../Radio/Radio';\nimport { withDefaultGetters } from './helper';\nimport {\n  RadioGroupComponent,\n  radioGroupDefaultDirection,\n  radioGroupDefaultSize,\n  radioGroupDefaultView,\n  radioGroupPropAlignDefault,\n  RadioGroupProps,\n} from './types';\n\nexport const cnRadioGroup = cn('RadioGroup');\n\nconst RadioGroupRender = (\n  props: RadioGroupProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    value = null,\n    items,\n    getItemLabel,\n    getItemKey,\n    getItemDisabled,\n    onChange,\n    name,\n    direction = radioGroupDefaultDirection,\n    size = radioGroupDefaultSize,\n    view = radioGroupDefaultView,\n    align = radioGroupPropAlignDefault,\n    disabled = false,\n    className,\n    id,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const { getOnChange, getChecked } = useChoiceGroup({\n    value,\n    getKey: (item) => getItemKey(item) ?? getItemLabel(item),\n    callBack: onChange,\n    multiple: false,\n  });\n\n  return (\n    <div\n      {...otherProps}\n      ref={ref}\n      className={cnRadioGroup({ direction, size, view }, [className])}\n    >\n      {items.map((item) => (\n        <Radio\n          align={align}\n          key={getItemKey(item) ?? getItemLabel(item)}\n          label={getItemLabel(item)}\n          size={size}\n          view={view}\n          name={name}\n          disabled={disabled || (!!getItemDisabled && getItemDisabled(item))}\n          checked={getChecked(item)}\n          onChange={getOnChange(item)}\n          className={cnRadioGroup('Item')}\n        />\n      ))}\n    </div>\n  );\n};\n\nexport const RadioGroup = forwardRef(RadioGroupRender) as RadioGroupComponent;\n\nexport * from './types';\n"],"mappings":"mPAAA,yBAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,cAAT,iDACA,OAASC,EAAT,uBACA,OAASC,KAAT,sBACA,OAASC,kBAAT,gBACA,OAEEC,0BAFF,CAGEC,qBAHF,CAIEC,qBAJF,CAKEC,0BALF,eASA,MAAO,IAAMC,aAAY,CAAGP,EAAE,CAAC,YAAD,CAAvB,CAEP,GAAMQ,iBAAgB,CAAG,SACvBC,CADuB,CAEvBC,CAFuB,CAGpB,OAiBCR,kBAAkB,CAACO,CAAD,CAjBnB,KAEDE,KAFC,CAEDA,CAFC,YAEO,IAFP,GAGDC,CAHC,GAGDA,KAHC,CAIDC,CAJC,GAIDA,YAJC,CAKDC,CALC,GAKDA,UALC,CAMDC,CANC,GAMDA,eANC,CAODC,CAPC,GAODA,QAPC,CAQDC,CARC,GAQDA,IARC,KASDC,SATC,CASDA,CATC,YASWf,0BATX,OAUDgB,IAVC,CAUDA,CAVC,YAUMf,qBAVN,OAWDgB,IAXC,CAWDA,CAXC,YAWMf,qBAXN,OAYDgB,KAZC,CAYDA,CAZC,YAYOf,0BAZP,OAaDgB,QAbC,CAcDC,CAdC,GAcDA,SAdC,CAeDC,CAfC,GAeDA,EAfC,CAgBEC,CAhBF,yCAmBiC1B,cAAc,CAAC,CACjDY,KAAK,CAALA,CADiD,CAEjDe,MAAM,CAAE,gBAACC,CAAD,yBAAUb,CAAU,CAACa,CAAD,CAApB,gBAA8Bd,CAAY,CAACc,CAAD,CAA1C,CAFyC,CAGjDC,QAAQ,CAAEZ,CAHuC,CAIjDa,QAAQ,GAJyC,CAAD,CAnB/C,CAmBKC,CAnBL,GAmBKA,WAnBL,CAmBkBC,CAnBlB,GAmBkBA,UAnBlB,CA0BH,MACE,4CACMN,CADN,EAEE,GAAG,CAAEf,CAFP,CAGE,SAAS,CAAEH,YAAY,CAAC,CAAEW,SAAS,CAATA,CAAF,CAAaC,IAAI,CAAJA,CAAb,CAAmBC,IAAI,CAAJA,CAAnB,CAAD,CAA4B,CAACG,CAAD,CAA5B,CAHzB,GAKGX,CAAK,CAACoB,GAAN,CAAU,SAACL,CAAD,cACT,qBAAC,KAAD,EACE,KAAK,CAAEN,CADT,CAEE,GAAG,WAAEP,CAAU,CAACa,CAAD,CAAZ,gBAAsBd,CAAY,CAACc,CAAD,CAFvC,CAGE,KAAK,CAAEd,CAAY,CAACc,CAAD,CAHrB,CAIE,IAAI,CAAER,CAJR,CAKE,IAAI,CAAEC,CALR,CAME,IAAI,CAAEH,CANR,CAOE,QAAQ,CAAE,eAAa,CAAC,CAACF,CAAF,EAAqBA,CAAe,CAACY,CAAD,CAP7D,CAQE,OAAO,CAAEI,CAAU,CAACJ,CAAD,CARrB,CASE,QAAQ,CAAEG,CAAW,CAACH,CAAD,CATvB,CAUE,SAAS,CAAEpB,YAAY,CAAC,MAAD,CAVzB,EADS,CAAV,CALH,CAqBH,CAnDD,CAqDA,MAAO,IAAM0B,WAAU,CAAGnC,UAAU,CAACU,gBAAD,CAA7B,CAEP"}

package/__internal__/src/components/Sidebar/Sidebar.css

@@ -1 +1 @@
-.Sidebar{--sidebar-size-s:260px;--sidebar-size-m:320px;--sidebar-size-l:480px;--sidebar-size-1-of-4:25;--sidebar-size-3-of-4:75;--sidebar-size-1-of-2:50;--sidebar-size-1-of-3:33.33333;--sidebar-size-2-of-3:66.66667;--sidebar-size-full:100;bottom:0;display:flex;left:0;overflow:hidden;position:fixed;right:0;top:0}.Sidebar:not(.Sidebar_hasOverlay){pointer-events:none}.Sidebar_position_top{flex-direction:column}.Sidebar_position_bottom{flex-direction:column;justify-content:flex-end}.Sidebar_position_right{justify-content:flex-end}.Sidebar-Overlay{background:var(--color-bg-tone);border:none;bottom:0;left:0;padding:0;position:absolute;right:0;top:0}.Sidebar-Overlay_animate_exited,.Sidebar-Overlay_animate_exiting{opacity:0}.Sidebar-Overlay_animate_entered,.Sidebar-Overlay_animate_entering{opacity:1}.Sidebar-Overlay_animate_entered,.Sidebar-Overlay_animate_entering,.Sidebar-Overlay_animate_exited,.Sidebar-Overlay_animate_exiting{transition:opacity .24s ease}.Sidebar-Window{background-color:var(--color-bg-default);box-shadow:var(--shadow-modal);display:flex;flex-direction:column;pointer-events:auto;position:absolute}.Sidebar-Window_position_right{--sidebar-transform:translate3d(100%,0,0);height:100vh;width:var(--sidebar-width)}.Sidebar-Window_position_bottom{--sidebar-transform:translate3d(0,100%,0);height:var(--sidebar-height);width:100vw}.Sidebar-Window_position_left{--sidebar-transform:translate3d(-100%,0,0);height:100vh;width:var(--sidebar-width)}.Sidebar-Window_position_top{--sidebar-transform:translate3d(0,-100%,0);height:var(--sidebar-height);width:100vw}.Sidebar-Window_size_s{--sidebar-width:var(--sidebar-size-s);--sidebar-height:var(--sidebar-size-s)}.Sidebar-Window_size_m{--sidebar-width:var(--sidebar-size-m);--sidebar-height:var(--sidebar-size-m)}.Sidebar-Window_size_l{--sidebar-width:var(--sidebar-size-l);--sidebar-height:var(--sidebar-size-l)}.Sidebar-Window_size_full{--sidebar-width:calc(var(--sidebar-size-full)*1vw);--sidebar-height:calc(var(--sidebar-size-full)*1vh)}.Sidebar-Window_size_1\/4{--sidebar-width:calc(var(--sidebar-size-1-of-4)*1vw);--sidebar-height:calc(var(--sidebar-size-1-of-4)*1vh)}.Sidebar-Window_size_3\/4{--sidebar-width:calc(var(--sidebar-size-3-of-4)*1vw);--sidebar-height:calc(var(--sidebar-size-3-of-4)*1vh)}.Sidebar-Window_size_1\/2{--sidebar-width:calc(var(--sidebar-size-1-of-2)*1vw);--sidebar-height:calc(var(--sidebar-size-1-of-2)*1vh)}.Sidebar-Window_size_1\/3{--sidebar-width:calc(var(--sidebar-size-1-of-3)*1vw);--sidebar-height:calc(var(--sidebar-size-1-of-3)*1vh)}.Sidebar-Window_size_2\/3{--sidebar-width:calc(var(--sidebar-size-2-of-3)*1vw);--sidebar-height:calc(var(--sidebar-size-2-of-3)*1vh)}.Sidebar-Window_animate_exited,.Sidebar-Window_animate_exiting{transform:var(--sidebar-transform)}.Sidebar-Window_animate_entered,.Sidebar-Window_animate_entering{transform:translateZ(0)}.Sidebar-Window_animate_entered,.Sidebar-Window_animate_entering,.Sidebar-Window_animate_exited,.Sidebar-Window_animate_exiting{transition:transform .24s ease}.Sidebar-Content{flex:1;overflow:auto}.Sidebar-Actions{border-top:1px solid var(--color-bg-border);flex-shrink:0}
+.Sidebar{bottom:0;box-sizing:border-box;display:flex;left:0;overflow:hidden;position:fixed;right:0;top:0}.Sidebar:not(.Sidebar_hasOverlay){pointer-events:none}.Sidebar_position_top{flex-direction:column}.Sidebar_position_bottom{flex-direction:column;justify-content:flex-end}.Sidebar_position_right{justify-content:flex-end}.Sidebar-Overlay{background:var(--color-bg-tone);border:none;bottom:0;left:0;padding:0;position:absolute;right:0;top:0}.Sidebar-Overlay_animate_exited,.Sidebar-Overlay_animate_exiting{opacity:0}.Sidebar-Overlay_animate_entered,.Sidebar-Overlay_animate_entering{opacity:1}.Sidebar-Overlay_animate_entered,.Sidebar-Overlay_animate_entering,.Sidebar-Overlay_animate_exited,.Sidebar-Overlay_animate_exiting{transition:opacity var(--sidebar-animate-timeout) ease}.Sidebar-Window{--sidebar-border:none;background-color:var(--color-bg-default);box-shadow:var(--sidebar-modal-shadow);display:flex;flex-direction:column;max-height:100%;max-width:100%;pointer-events:auto;position:absolute}.Sidebar-Window_border{--sidebar-border:1px solid var(--color-bg-border)}.Sidebar-Window_position_right{--sidebar-transform:translate3d(100%,0,0);border-left:var(--sidebar-border);height:100%;width:var(--sidebar-size)}.Sidebar-Window_position_bottom{--sidebar-transform:translate3d(0,100%,0);border-top:var(--sidebar-border);height:var(--sidebar-size);width:100%}.Sidebar-Window_position_left{--sidebar-transform:translate3d(-100%,0,0);border-right:var(--sidebar-border);height:100%;width:var(--sidebar-size)}.Sidebar-Window_position_top{--sidebar-transform:translate3d(0,-100%,0);border-bottom:var(--sidebar-border);height:var(--sidebar-size);width:100%}.Sidebar-Window_size_s{--sidebar-size:260px}.Sidebar-Window_size_m{--sidebar-size:320px}.Sidebar-Window_size_l{--sidebar-size:480px}.Sidebar-Window_size_full{--sidebar-size:100%}.Sidebar-Window_size_1\/4{--sidebar-size:25%}.Sidebar-Window_size_3\/4{--sidebar-size:75%}.Sidebar-Window_size_1\/2{--sidebar-size:50%}.Sidebar-Window_size_1\/3{--sidebar-size:33.33333%}.Sidebar-Window_size_2\/3{--sidebar-size:66.66667%}.Sidebar-Window_animate_exited,.Sidebar-Window_animate_exiting{--sidebar-modal-shadow:0 0 0 transparent,0 0 0 transparent;transform:var(--sidebar-transform)}.Sidebar-Window_animate_entered,.Sidebar-Window_animate_entering{--sidebar-modal-shadow:var(--shadow-modal);transform:translateZ(0)}.Sidebar-Window_animate_entered,.Sidebar-Window_animate_entering,.Sidebar-Window_animate_exited,.Sidebar-Window_animate_exiting{transition:transform var(--sidebar-animate-timeout),box-shadow var(--sidebar-animate-timeout) ease-in}.Sidebar-Content,.Sidebar-Scroll{display:flex;flex:1;flex-direction:column}.Sidebar-Scroll{height:100%;overflow:auto}.Sidebar-Actions{border-top:1px solid var(--color-bg-border);flex-shrink:0}

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

@@ -1,39 +1,4 @@
 import './Sidebar.css';
-import React from 'react';
-import { AsTagAttribute } from '../../utils/types/AsTags';
-import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';
-declare const sidebarPropPosition: readonly ["right", "bottom", "left", "top"];
-type SidebarPropPosition = typeof sidebarPropPosition[number];
-export declare const sidebarPropSize: readonly ["s", "m", "l", "full", "1/2", "1/3", "1/4", "2/3", "3/4"];
-export type SidebarPropSize = typeof sidebarPropSize[number];
-export type SidebarProps = PropsWithHTMLAttributes<{
-    isOpen?: boolean;
-    onClose?: () => void;
-    onOpen?: () => void;
-    hasOverlay?: boolean;
-    onClickOutside?: (event: MouseEvent) => void;
-    onEsc?: (event: KeyboardEvent) => void;
-    position?: SidebarPropPosition;
-    size?: SidebarPropSize;
-    rootClassName?: string;
-    children?: React.ReactNode;
-    container?: HTMLDivElement | undefined;
-    afterClose?: () => void;
-}, HTMLDivElement>;
-type SidebarContentProps = {
-    className?: string;
-    children: React.ReactNode;
-};
-type SidebarActionsProps = {
-    className?: string;
-    children: React.ReactNode;
-};
+import { SidebarComponent } from './types';
 export declare const cnSidebar: import("@bem-react/classname").ClassNameFormatter;
-declare const SidebarContent: React.FC<SidebarContentProps>;
-declare const SidebarActions: React.FC<SidebarActionsProps>;
-interface SidebarComponent extends React.FC<SidebarProps>, AsTagAttribute<'div'> {
-    Content: typeof SidebarContent;
-    Actions: typeof SidebarActions;
-}
 export declare const Sidebar: SidebarComponent;
-export {};

package/__internal__/src/components/Sidebar/Sidebar.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","children"],_excluded2=["className","children"],_excluded3=["isOpen","onClose","onOpen","hasOverlay","onClickOutside","onEsc","position","size","className","children","container","style","rootClassName","afterClose"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./Sidebar.css";import React,{useEffect,useRef}from"react";import{Transition}from"react-transition-group";import{PortalWithTheme,PortalWithThemeConsumer}from"../PortalWithTheme";import{useTheme}from"../Theme/Theme";import{useGlobalKeys}from"../../hooks/useGlobalKeys";import{cnMixScrollBar}from"../../mixs/MixScrollBar";import{cn}from"../../utils/bem";var sidebarPropPosition=["right","bottom","left","top"],sidebarPropPositionDefault=sidebarPropPosition[0];export var sidebarPropSize=["s","m","l","full","1/2","1/3","1/4","2/3","3/4"];var sidebarPropSizeDefault=sidebarPropSize[1];export var cnSidebar=cn("Sidebar");var SidebarContent=function(a){var b=a.className,c=a.children,d=_objectWithoutProperties(a,_excluded);return React.createElement("div",Object.assign({className:cnSidebar("Content",[b,cnMixScrollBar()])},d),c)},SidebarActions=function(a){var b=a.className,c=a.children,d=_objectWithoutProperties(a,_excluded2);return React.createElement("div",Object.assign({className:cnSidebar("Actions",[b])},d),c)};export var Sidebar=function(a){var b=a.isOpen,c=a.onClose,d=a.onOpen,e=a.hasOverlay,f=void 0===e||e,g=a.onClickOutside,h=a.onEsc,i=a.position,j=void 0===i?sidebarPropPositionDefault:i,k=a.size,l=void 0===k?sidebarPropSizeDefault:k,m=a.className,n=a.children,o=a.container,p=void 0===o?window.document.body:o,q=a.style,r=a.rootClassName,s=a.afterClose,t=_objectWithoutProperties(a,_excluded3),u=useRef(null),v=useRef(null),w=useTheme(),x=w.theme;return useEffect(function(){b?null===d||void 0===d?void 0:d():null===c||void 0===c?void 0:c()},[b]),useGlobalKeys({Escape:function Escape(a){return b&&h&&h(a)}}),React.createElement(Transition,{in:b,unmountOnExit:!0,timeout:240,nodeRef:v,onExiting:s},function(a){return React.createElement(PortalWithTheme,{preset:x,ref:v,container:p,className:cnSidebar({position:j,hasOverlay:f},[r]),style:"number"==typeof(null===q||void 0===q?void 0:q.zIndex)?{zIndex:q.zIndex}:void 0},f&&React.createElement("div",{className:cnSidebar("Overlay",{animate:a}),"aria-label":"Overlay"}),React.createElement("div",Object.assign({},t,{style:_objectSpread(_objectSpread({},q),{},{zIndex:void 0}),className:cnSidebar("Window",{size:l,position:j,animate:a},[m]),ref:u}),React.createElement(PortalWithThemeConsumer,{onClickOutside:g,ignoreClicksInsideRefs:[u]},n)))})};Sidebar.Content=SidebarContent,Sidebar.Actions=SidebarActions;
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","children"],_excluded2=["className","children"],_excluded3=["isOpen","onClose","onOpen","hasOverlay","onClickOutside","onEsc","position","size","className","children","container","style","rootClassName","afterClose","ignoreOutsideClicksRefs","border"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./Sidebar.css";import React,{forwardRef}from"react";import{Transition}from"react-transition-group";import{useModal}from"../Modal/useModal";import{PortalWithTheme,PortalWithThemeConsumer}from"../PortalWithTheme";import{cnMixScrollBar}from"../../mixs/MixScrollBar";import{cn}from"../../utils/bem";import{withCtx}from"../../utils/state";import{useAnimateTimeout}from"./useAnimateTimeout";export var cnSidebar=cn("Sidebar");var SidebarContent=function(a){var b=a.className,c=a.children,d=_objectWithoutProperties(a,_excluded);return React.createElement("div",Object.assign({className:cnSidebar("Content",[b,cnMixScrollBar()])},d),c)},SidebarActions=function(a){var b=a.className,c=a.children,d=_objectWithoutProperties(a,_excluded2);return React.createElement("div",Object.assign({className:cnSidebar("Actions",[b])},d),c)};export var Sidebar=withCtx(forwardRef(function(a,b){var c=a.isOpen,d=a.onClose,e=a.onOpen,f=a.hasOverlay,g=!(void 0!==f)||f,h=a.onClickOutside,i=a.onEsc,j=a.position,k=void 0===j?"right":j,l=a.size,m=void 0===l?"m":l,n=a.className,o=a.children,p=a.container,q=void 0===p?window.document.body:p,r=a.style,s=a.rootClassName,t=a.afterClose,u=a.ignoreOutsideClicksRefs,v=a.border,w=_objectWithoutProperties(a,_excluded3),x=useModal({ref:b,isOpen:c,onEsc:i,onOpen:e,onClose:d,ignoreOutsideClicksRefs:u}),y=x.shadowHeader,z=x.shadowFooter,A=x.scrollable,B=x.theme,C=x.portalRef,D=x.windowRef,E=x.contentRef,F=x.scrollRef,G=x.ignoreOutsideClicksRefs,H=x.windowElAtom,I=useAnimateTimeout(H,k);return React.createElement(Transition,{in:c,unmountOnExit:!0,timeout:I,nodeRef:C,onExiting:t},function(a){return React.createElement(PortalWithTheme,{preset:B,ref:C,container:q,className:cnSidebar({position:k,hasOverlay:g},[s]),style:_objectSpread(_objectSpread(_objectSpread(_objectSpread({},(null===r||void 0===r?void 0:r.zIndex)&&{zIndex:r.zIndex}),{},_defineProperty({},"--sidebar-animate-timeout","".concat(I,"ms")),y&&_defineProperty({},"--modal-layout-header-color-shadow","var(--color-shadow-group-2)")),z&&_defineProperty({},"--modal-layout-footer-color-shadow","var(--color-shadow-group-2)")),(null===r||void 0===r?void 0:r.zIndex)&&_defineProperty({},"--modal-layout-z-index-for-fixed-slot",r.zIndex))},g&&React.createElement("div",{className:cnSidebar("Overlay",{animate:a}),"aria-label":"Overlay"}),React.createElement("div",Object.assign({},w,{style:_objectSpread(_objectSpread({},r),{},{zIndex:void 0}),className:cnSidebar("Window",{size:m,position:k,animate:a,scrollable:A,border:v},[n]),ref:D}),React.createElement("div",{className:cnSidebar("Scroll",cnMixScrollBar({size:"s"})),ref:F},React.createElement("div",{className:cnSidebar("Content"),ref:E},React.createElement(PortalWithThemeConsumer,{onClickOutside:h,ignoreClicksInsideRefs:G},o)))))})}));Sidebar.Actions=SidebarActions,Sidebar.Content=SidebarContent;
 //# sourceMappingURL=Sidebar.js.map

package/__internal__/src/components/Sidebar/Sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.js","names":["React","useEffect","useRef","Transition","PortalWithTheme","PortalWithThemeConsumer","useTheme","useGlobalKeys","cnMixScrollBar","cn","sidebarPropPosition","sidebarPropPositionDefault","sidebarPropSize","sidebarPropSizeDefault","cnSidebar","SidebarContent","className","children","rest","SidebarActions","Sidebar","props","isOpen","onClose","onOpen","hasOverlay","onClickOutside","onEsc","position","size","container","window","document","body","style","rootClassName","afterClose","otherProps","ref","portalRef","theme","Escape","e","animate","zIndex","Content","Actions"],"sources":["../../../../../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["import './Sidebar.css';\n\nimport React, { useEffect, useRef } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport {\n  PortalWithTheme,\n  PortalWithThemeConsumer,\n} from '##/components/PortalWithTheme';\nimport { useTheme } from '##/components/Theme/Theme';\nimport { useGlobalKeys } from '##/hooks/useGlobalKeys';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\nimport { cn } from '##/utils/bem';\nimport { AsTagAttribute } from '##/utils/types/AsTags';\nimport { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';\n\nconst sidebarPropPosition = ['right', 'bottom', 'left', 'top'] as const;\ntype SidebarPropPosition = typeof sidebarPropPosition[number];\nconst sidebarPropPositionDefault: SidebarPropPosition = sidebarPropPosition[0];\n\nexport const sidebarPropSize = [\n  's',\n  'm',\n  'l',\n  'full',\n  '1/2',\n  '1/3',\n  '1/4',\n  '2/3',\n  '3/4',\n] as const;\n\nexport type SidebarPropSize = typeof sidebarPropSize[number];\nconst sidebarPropSizeDefault: SidebarPropSize = sidebarPropSize[1];\n\nexport type SidebarProps = PropsWithHTMLAttributes<\n  {\n    isOpen?: boolean;\n    onClose?: () => void;\n    onOpen?: () => void;\n    hasOverlay?: boolean;\n    onClickOutside?: (event: MouseEvent) => void;\n    onEsc?: (event: KeyboardEvent) => void;\n    position?: SidebarPropPosition;\n    size?: SidebarPropSize;\n    rootClassName?: string;\n    children?: React.ReactNode;\n    container?: HTMLDivElement | undefined;\n    afterClose?: () => void;\n  },\n  HTMLDivElement\n>;\n\ntype SidebarContentProps = {\n  className?: string;\n  children: React.ReactNode;\n};\n\ntype SidebarActionsProps = {\n  className?: string;\n  children: React.ReactNode;\n};\n\nexport const cnSidebar = cn('Sidebar');\n\nconst SidebarContent: React.FC<SidebarContentProps> = ({\n  className,\n  children,\n  ...rest\n}) => (\n  <div\n    className={cnSidebar('Content', [className, cnMixScrollBar()])}\n    {...rest}\n  >\n    {children}\n  </div>\n);\n\nconst SidebarActions: React.FC<SidebarActionsProps> = ({\n  className,\n  children,\n  ...rest\n}) => (\n  <div className={cnSidebar('Actions', [className])} {...rest}>\n    {children}\n  </div>\n);\n\ninterface SidebarComponent\n  extends React.FC<SidebarProps>,\n    AsTagAttribute<'div'> {\n  Content: typeof SidebarContent;\n  Actions: typeof SidebarActions;\n}\n\nexport const Sidebar: SidebarComponent = (props) => {\n  const {\n    isOpen,\n    onClose,\n    onOpen,\n    hasOverlay = true,\n    onClickOutside,\n    onEsc,\n    position = sidebarPropPositionDefault,\n    size = sidebarPropSizeDefault,\n    className,\n    children,\n    container = window.document.body,\n    style,\n    rootClassName,\n    afterClose,\n    ...otherProps\n  } = props;\n\n  const ref = useRef<HTMLDivElement | null>(null);\n\n  const portalRef = useRef<HTMLDivElement>(null);\n\n  const { theme } = useTheme();\n\n  useEffect(() => {\n    if (isOpen) {\n      onOpen?.();\n    } else {\n      onClose?.();\n    }\n  }, [isOpen]);\n\n  useGlobalKeys({\n    Escape: (e) => isOpen && onEsc && onEsc(e),\n  });\n\n  return (\n    <Transition\n      in={isOpen}\n      unmountOnExit\n      timeout={240}\n      nodeRef={portalRef}\n      onExiting={afterClose}\n    >\n      {(animate) => (\n        <PortalWithTheme\n          preset={theme}\n          ref={portalRef}\n          container={container}\n          className={cnSidebar({ position, hasOverlay }, [rootClassName])}\n          style={\n            typeof style?.zIndex === 'number'\n              ? { zIndex: style.zIndex }\n              : undefined\n          }\n        >\n          {hasOverlay && (\n            <div\n              className={cnSidebar('Overlay', { animate })}\n              aria-label=\"Overlay\"\n            />\n          )}\n          <div\n            {...otherProps}\n            style={{\n              ...style,\n              zIndex: undefined,\n            }}\n            className={cnSidebar('Window', { size, position, animate }, [\n              className,\n            ])}\n            ref={ref}\n          >\n            <PortalWithThemeConsumer\n              onClickOutside={onClickOutside}\n              ignoreClicksInsideRefs={[ref]}\n            >\n              {children}\n            </PortalWithThemeConsumer>\n          </div>\n        </PortalWithTheme>\n      )}\n    </Transition>\n  );\n};\n\nSidebar.Content = SidebarContent;\nSidebar.Actions = SidebarActions;\n"],"mappings":"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"}
+{"version":3,"file":"Sidebar.js","names":["React","forwardRef","Transition","useModal","PortalWithTheme","PortalWithThemeConsumer","cnMixScrollBar","cn","withCtx","useAnimateTimeout","cnSidebar","SidebarContent","className","children","rest","SidebarActions","Sidebar","props","ref","isOpen","onClose","onOpen","hasOverlay","onClickOutside","onEsc","position","size","container","window","document","body","style","rootClassName","afterClose","ignoreOutsideClicksRefsProp","ignoreOutsideClicksRefs","border","otherProps","shadowHeader","shadowFooter","scrollable","theme","portalRef","windowRef","contentRef","scrollRef","windowElAtom","animateTimeout","animate","zIndex","Actions","Content"],"sources":["../../../../../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["import './Sidebar.css';\n\nimport React, { forwardRef } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { useModal } from '##/components/Modal/useModal';\nimport {\n  PortalWithTheme,\n  PortalWithThemeConsumer,\n} from '##/components/PortalWithTheme';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\nimport { cn } from '##/utils/bem';\nimport { withCtx } from '##/utils/state';\n\nimport {\n  SidebarActionsProps,\n  SidebarComponent,\n  SidebarContentProps,\n  SidebarProps,\n} from './types';\nimport { useAnimateTimeout } from './useAnimateTimeout';\n\nexport const cnSidebar = cn('Sidebar');\n\nconst SidebarContent: React.FC<SidebarContentProps> = ({\n  className,\n  children,\n  ...rest\n}) => (\n  <div\n    className={cnSidebar('Content', [className, cnMixScrollBar()])}\n    {...rest}\n  >\n    {children}\n  </div>\n);\n\nconst SidebarActions: React.FC<SidebarActionsProps> = ({\n  className,\n  children,\n  ...rest\n}) => (\n  <div className={cnSidebar('Actions', [className])} {...rest}>\n    {children}\n  </div>\n);\n\nexport const Sidebar = withCtx(\n  forwardRef<HTMLDivElement, SidebarProps>((props, ref) => {\n    const {\n      isOpen,\n      onClose,\n      onOpen,\n      hasOverlay = true,\n      onClickOutside,\n      onEsc,\n      position = 'right',\n      size = 'm',\n      className,\n      children,\n      container = window.document.body,\n      style,\n      rootClassName,\n      afterClose,\n      ignoreOutsideClicksRefs: ignoreOutsideClicksRefsProp,\n      border,\n      ...otherProps\n    } = props;\n\n    const {\n      shadowHeader,\n      shadowFooter,\n      scrollable,\n      theme,\n      portalRef,\n      windowRef,\n      contentRef,\n      scrollRef,\n      ignoreOutsideClicksRefs,\n      windowElAtom,\n    } = useModal({\n      ref,\n      isOpen,\n      onEsc,\n      onOpen,\n      onClose,\n      ignoreOutsideClicksRefs: ignoreOutsideClicksRefsProp,\n    });\n\n    const animateTimeout = useAnimateTimeout(windowElAtom, position);\n\n    return (\n      <Transition\n        in={isOpen}\n        unmountOnExit\n        timeout={animateTimeout}\n        nodeRef={portalRef}\n        onExiting={afterClose}\n      >\n        {(animate) => (\n          <PortalWithTheme\n            preset={theme}\n            ref={portalRef}\n            container={container}\n            className={cnSidebar({ position, hasOverlay }, [rootClassName])}\n            style={{\n              ...(style?.zIndex && {\n                zIndex: style.zIndex,\n              }),\n              ['--sidebar-animate-timeout' as string]: `${animateTimeout}ms`,\n              ...(shadowHeader && {\n                ['--modal-layout-header-color-shadow' as string]:\n                  'var(--color-shadow-group-2)',\n              }),\n              ...(shadowFooter && {\n                ['--modal-layout-footer-color-shadow' as string]:\n                  'var(--color-shadow-group-2)',\n              }),\n              ...(style?.zIndex && {\n                ['--modal-layout-z-index-for-fixed-slot' as string]:\n                  style.zIndex,\n              }),\n            }}\n          >\n            {hasOverlay && (\n              <div\n                className={cnSidebar('Overlay', { animate })}\n                aria-label=\"Overlay\"\n              />\n            )}\n            <div\n              {...otherProps}\n              style={{\n                ...style,\n                zIndex: undefined,\n              }}\n              className={cnSidebar(\n                'Window',\n                {\n                  size,\n                  position,\n                  animate,\n                  scrollable,\n                  border,\n                },\n                [className],\n              )}\n              ref={windowRef}\n            >\n              <div\n                className={cnSidebar('Scroll', cnMixScrollBar({ size: 's' }))}\n                ref={scrollRef}\n              >\n                <div className={cnSidebar('Content')} ref={contentRef}>\n                  <PortalWithThemeConsumer\n                    onClickOutside={onClickOutside}\n                    ignoreClicksInsideRefs={ignoreOutsideClicksRefs}\n                  >\n                    {children}\n                  </PortalWithThemeConsumer>\n                </div>\n              </div>\n            </div>\n          </PortalWithTheme>\n        )}\n      </Transition>\n    );\n  }),\n) as SidebarComponent;\n/**\n * @deprecated use actions\n */\nSidebar.Actions = SidebarActions;\n\n/**\n * @deprecated use actions\n */\nSidebar.Content = SidebarContent;\n"],"mappings":"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"}

package/__internal__/src/components/Sidebar/index.d.ts

@@ -1 +1,2 @@
 export * from './Sidebar';
+export * from './types';

package/__internal__/src/components/Sidebar/index.js

@@ -1,2 +1,2 @@
-export*from"./Sidebar";
+export*from"./Sidebar";export*from"./types";
 //# sourceMappingURL=index.js.map

package/__internal__/src/components/Sidebar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Sidebar/index.ts"],"sourcesContent":["export * from './Sidebar';\n"],"mappings":"AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Sidebar/index.ts"],"sourcesContent":["export * from './Sidebar';\nexport * from './types';\n"],"mappings":"AAAA,uBACA"}

package/__internal__/src/components/Sidebar/types.d.ts

@@ -0,0 +1,47 @@
+import { AsTagAttribute } from '../../utils/types/AsTags';
+import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';
+declare const sidebarPropPosition: readonly ["right", "bottom", "left", "top"];
+export type SidebarPropPosition = typeof sidebarPropPosition[number];
+export declare const sidebarPropSize: readonly ["s", "m", "l", "full", "none", "1/2", "1/3", "1/4", "2/3", "3/4"];
+export type SidebarPropSize = typeof sidebarPropSize[number];
+export type SidebarProps = PropsWithHTMLAttributes<{
+    isOpen?: boolean;
+    onClose?: () => void;
+    onOpen?: () => void;
+    hasOverlay?: boolean;
+    onClickOutside?: (event: MouseEvent) => void;
+    onEsc?: (event: KeyboardEvent) => void;
+    position?: SidebarPropPosition;
+    size?: SidebarPropSize;
+    rootClassName?: string;
+    children?: React.ReactNode;
+    container?: HTMLDivElement | React.RefObject<HTMLDivElement>;
+    afterClose?: () => void;
+    ignoreOutsideClicksRefs?: React.RefObject<HTMLElement>[];
+    border?: boolean;
+}, HTMLDivElement>;
+/**
+ * @deprecated
+ */
+export type SidebarContentProps = {
+    className?: string;
+    children: React.ReactNode;
+};
+/**
+ * @deprecated
+ */
+export type SidebarActionsProps = {
+    className?: string;
+    children: React.ReactNode;
+};
+export interface SidebarComponent extends React.ForwardRefExoticComponent<SidebarProps>, AsTagAttribute<'div'> {
+    /**
+     * @deprecated
+     */
+    Content: React.FC<SidebarContentProps>;
+    /**
+     * @deprecated
+     */
+    Actions: React.FC<SidebarActionsProps>;
+}
+export {};

package/__internal__/src/components/Sidebar/types.js

@@ -0,0 +1,2 @@
+var sidebarPropPosition=["right","bottom","left","top"];export var sidebarPropSize=["s","m","l","full","none","1/2","1/3","1/4","2/3","3/4"];
+//# sourceMappingURL=types.js.map

package/__internal__/src/components/Sidebar/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["sidebarPropPosition","sidebarPropSize"],"sources":["../../../../../src/components/Sidebar/types.ts"],"sourcesContent":["import { AsTagAttribute } from '##/utils/types/AsTags';\nimport { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';\n\nconst sidebarPropPosition = ['right', 'bottom', 'left', 'top'] as const;\nexport type SidebarPropPosition = typeof sidebarPropPosition[number];\n\nexport const sidebarPropSize = [\n  's',\n  'm',\n  'l',\n  'full',\n  'none',\n  '1/2',\n  '1/3',\n  '1/4',\n  '2/3',\n  '3/4',\n] as const;\n\nexport type SidebarPropSize = typeof sidebarPropSize[number];\n\nexport type SidebarProps = PropsWithHTMLAttributes<\n  {\n    isOpen?: boolean;\n    onClose?: () => void;\n    onOpen?: () => void;\n    hasOverlay?: boolean;\n    onClickOutside?: (event: MouseEvent) => void;\n    onEsc?: (event: KeyboardEvent) => void;\n    position?: SidebarPropPosition;\n    size?: SidebarPropSize;\n    rootClassName?: string;\n    children?: React.ReactNode;\n    container?: HTMLDivElement | React.RefObject<HTMLDivElement>;\n    afterClose?: () => void;\n    ignoreOutsideClicksRefs?: React.RefObject<HTMLElement>[];\n    border?: boolean;\n  },\n  HTMLDivElement\n>;\n\n/**\n * @deprecated\n */\nexport type SidebarContentProps = {\n  className?: string;\n  children: React.ReactNode;\n};\n\n/**\n * @deprecated\n */\nexport type SidebarActionsProps = {\n  className?: string;\n  children: React.ReactNode;\n};\n\nexport interface SidebarComponent\n  extends React.ForwardRefExoticComponent<SidebarProps>,\n    AsTagAttribute<'div'> {\n  /**\n   * @deprecated\n   */\n  Content: React.FC<SidebarContentProps>;\n  /**\n   * @deprecated\n   */\n  Actions: React.FC<SidebarActionsProps>;\n}\n"],"mappings":"AAGA,GAAMA,oBAAmB,CAAG,CAAC,OAAD,CAAU,QAAV,CAAoB,MAApB,CAA4B,KAA5B,CAA5B,CAGA,MAAO,IAAMC,gBAAe,CAAG,CAC7B,GAD6B,CAE7B,GAF6B,CAG7B,GAH6B,CAI7B,MAJ6B,CAK7B,MAL6B,CAM7B,KAN6B,CAO7B,KAP6B,CAQ7B,KAR6B,CAS7B,KAT6B,CAU7B,KAV6B,CAAxB"}

package/__internal__/src/components/Sidebar/useAnimateTimeout.d.ts

@@ -0,0 +1,2 @@
+import { AtomMut } from '@reatom/core';
+export declare const useAnimateTimeout: (windowElAtom: AtomMut<HTMLDivElement | null>, position: "right" | "bottom" | "left" | "top") => number;

package/__internal__/src/components/Sidebar/useAnimateTimeout.js

@@ -0,0 +1,2 @@
+import{useAtom}from"@reatom/npm-react";import{getElementSize}from"../../hooks/useResizeObserved";import{useCreateAtom}from"../../utils/state/useCreateAtom";import{useResizeObservedAtom}from"../../utils/state/useResizeObservedAtom";import{useSendToAtom}from"../../utils/state/useSendToAtom";var coefficient=60;export var useAnimateTimeout=function(a,b){var c=useResizeObservedAtom(useCreateAtom(function(b){return[b.spy(a)]}),getElementSize),d=useSendToAtom(b),e=useCreateAtom(function(a){var b=a.spy(c)[0]||{width:0,height:0},e=a.spy(d),f="right"===e||"left"===e?b.width:b.height,g=Math.ceil(f/100*coefficient);return 150>g?150:Math.min(g,400)});return useAtom(e)[0]};
+//# sourceMappingURL=useAnimateTimeout.js.map

package/__internal__/src/components/Sidebar/useAnimateTimeout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAnimateTimeout.js","names":["useAtom","getElementSize","useCreateAtom","useResizeObservedAtom","useSendToAtom","coefficient","useAnimateTimeout","windowElAtom","position","dimensionsAtom","ctx","spy","positionAtom","useAnimateTimeoutAtom","dimensions","width","height","size","timeout","Math","ceil","min"],"sources":["../../../../../src/components/Sidebar/useAnimateTimeout.ts"],"sourcesContent":["import { AtomMut } from '@reatom/core';\nimport { useAtom } from '@reatom/npm-react';\n\nimport { getElementSize } from '##/hooks/useResizeObserved';\nimport { useCreateAtom } from '##/utils/state/useCreateAtom';\nimport { useResizeObservedAtom } from '##/utils/state/useResizeObservedAtom';\nimport { useSendToAtom } from '##/utils/state/useSendToAtom';\n\nconst coefficient = 60;\n\nexport const useAnimateTimeout = (\n  windowElAtom: AtomMut<HTMLDivElement | null>,\n  position: 'right' | 'bottom' | 'left' | 'top',\n) => {\n  const dimensionsAtom = useResizeObservedAtom(\n    useCreateAtom((ctx) => [ctx.spy(windowElAtom)]),\n    getElementSize,\n  );\n\n  const positionAtom = useSendToAtom(position);\n\n  const useAnimateTimeoutAtom = useCreateAtom((ctx) => {\n    const dimensions = ctx.spy(dimensionsAtom)[0] || { width: 0, height: 0 };\n    const position = ctx.spy(positionAtom);\n\n    const size =\n      position === 'right' || position === 'left'\n        ? dimensions.width\n        : dimensions.height;\n\n    const timeout = Math.ceil((size / 100) * coefficient);\n\n    return timeout < 150 ? 150 : Math.min(timeout, 400);\n  });\n\n  return useAtom(useAnimateTimeoutAtom)[0];\n};\n"],"mappings":"AACA,OAASA,OAAT,KAAwB,mBAAxB,CAEA,OAASC,cAAT,qCACA,OAASC,aAAT,uCACA,OAASC,qBAAT,+CACA,OAASC,aAAT,uCAEA,GAAMC,YAAW,CAAG,EAApB,CAEA,MAAO,IAAMC,kBAAiB,CAAG,SAC/BC,CAD+B,CAE/BC,CAF+B,CAG5B,IACGC,EAAc,CAAGN,qBAAqB,CAC1CD,aAAa,CAAC,SAACQ,CAAD,QAAS,CAACA,CAAG,CAACC,GAAJ,CAAQJ,CAAR,CAAD,CAAT,CAAD,CAD6B,CAE1CN,cAF0C,CADzC,CAMGW,CAAY,CAAGR,aAAa,CAACI,CAAD,CAN/B,CAQGK,CAAqB,CAAGX,aAAa,CAAC,SAACQ,CAAD,CAAS,IAC7CI,EAAU,CAAGJ,CAAG,CAACC,GAAJ,CAAQF,CAAR,EAAwB,CAAxB,GAA8B,CAAEM,KAAK,CAAE,CAAT,CAAYC,MAAM,CAAE,CAApB,CADE,CAE7CR,CAAQ,CAAGE,CAAG,CAACC,GAAJ,CAAQC,CAAR,CAFkC,CAI7CK,CAAI,CACK,OAAb,GAAAT,CAAQ,EAA6B,MAAb,GAAAA,CAAxB,CACIM,CAAU,CAACC,KADf,CAEID,CAAU,CAACE,MAPkC,CAS7CE,CAAO,CAAGC,IAAI,CAACC,IAAL,CAAWH,CAAI,CAAG,GAAR,CAAeZ,WAAzB,CATmC,CAWnD,MAAiB,IAAV,CAAAa,CAAO,CAAS,GAAT,CAAeC,IAAI,CAACE,GAAL,CAASH,CAAT,CAAkB,GAAlB,CAC9B,CAZ0C,CARxC,CAsBH,MAAOlB,QAAO,CAACa,CAAD,CAAP,CAA+B,CAA/B,CACR,CA1BM"}

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

@@ -1,2 +1,2 @@
 import { ComponentSize } from './types';
-export declare const useComponentSize: (ref: React.RefObject<HTMLElement | SVGGraphicsElement>) => ComponentSize;
+export declare const useComponentSize: (ref: React.RefObject<HTMLElement | SVGGraphicsElement>, deps?: unknown[]) => ComponentSize;

package/__internal__/src/hooks/useComponentSize/useComponentSize.js

@@ -1,2 +1,2 @@
-import{useMemo}from"react";import{getElementSize,useResizeObserved}from"../useResizeObserved";export var useComponentSize=function(a){return useResizeObserved(useMemo(function(){return[a]},[a.current]),getElementSize)[0]};
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import{useMemo}from"react";import{getElementSize,useResizeObserved}from"../useResizeObserved";export var useComponentSize=function(a){var b=1<arguments.length&&arguments[1]!==void 0?arguments[1]:[];return useResizeObserved(useMemo(function(){return[a]},[a.current].concat(_toConsumableArray(b))),getElementSize)[0]};
 //# sourceMappingURL=useComponentSize.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useComponentSize.js","names":["useMemo","getElementSize","useResizeObserved","useComponentSize","ref","current"],"sources":["../../../../../src/hooks/useComponentSize/useComponentSize.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { getElementSize, useResizeObserved } from '##/hooks/useResizeObserved';\n\nimport { ComponentSize } from './types';\n\nexport const useComponentSize = (\n  ref: React.RefObject<HTMLElement | SVGGraphicsElement>,\n): ComponentSize =>\n  useResizeObserved(\n    useMemo(\n      () => [ref],\n      // Если реф начал указывать на другой элемент, нужно обновить подписки\n      [ref.current],\n    ),\n    getElementSize,\n  )[0];\n"],"mappings":"AAAA,OAASA,OAAT,KAAwB,OAAxB,CAEA,OAASC,cAAT,CAAyBC,iBAAzB,4BAIA,MAAO,IAAMC,iBAAgB,CAAG,SAC9BC,CAD8B,QAG9BF,kBAAiB,CACfF,OAAO,CACL,iBAAM,CAACI,CAAD,CAAN,CADK,CAGL,CAACA,CAAG,CAACC,OAAL,CAHK,CADQ,CAMfJ,cANe,CAAjB,CAOE,CAPF,CAH8B,CAAzB"}
+{"version":3,"file":"useComponentSize.js","names":["useMemo","getElementSize","useResizeObserved","useComponentSize","ref","deps","current"],"sources":["../../../../../src/hooks/useComponentSize/useComponentSize.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { getElementSize, useResizeObserved } from '##/hooks/useResizeObserved';\n\nimport { ComponentSize } from './types';\n\nexport const useComponentSize = (\n  ref: React.RefObject<HTMLElement | SVGGraphicsElement>,\n  deps: unknown[] = [],\n): ComponentSize =>\n  useResizeObserved(\n    useMemo(\n      () => [ref],\n      // Если реф начал указывать на другой элемент, нужно обновить подписки\n      [ref.current, ...deps],\n    ),\n    getElementSize,\n  )[0];\n"],"mappings":"yEAAA,OAASA,OAAT,KAAwB,OAAxB,CAEA,OAASC,cAAT,CAAyBC,iBAAzB,4BAIA,MAAO,IAAMC,iBAAgB,CAAG,SAC9BC,CAD8B,KAE9BC,EAF8B,wDAEZ,EAFY,OAI9BH,kBAAiB,CACfF,OAAO,CACL,iBAAM,CAACI,CAAD,CAAN,CADK,EAGJA,CAAG,CAACE,OAHA,4BAGYD,CAHZ,GADQ,CAMfJ,cANe,CAAjB,CAOE,CAPF,CAJ8B,CAAzB"}

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

@@ -10,7 +10,7 @@ export declare const mixFlexPropWrap: readonly ["nowrap", "wrap", "wrap-reverse"
 export type MixFlexPropWrap = typeof mixFlexPropWrap[number];
 export declare const mixFlexPropDirection: readonly ["row", "row-reverse", "column", "column-reverse"];
 export type MixFlexPropDirection = typeof mixFlexPropDirection[number];
-type Props = {
+export type CnMixFlexProps = {
     align?: MixFlexPropAlign;
     justify?: MixFlexPropJustify;
     flex?: MixFlexPropFlex;
@@ -19,6 +19,6 @@ type Props = {
     gap?: Space;
     order?: -1 | 0 | 1;
 };
-type CnMixFlex = (props: Props, classNames?: Array<string | undefined>) => string;
+type CnMixFlex = (props: CnMixFlexProps, classNames?: Array<string | undefined>) => string;
 export declare const cnMixFlex: CnMixFlex;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"MixFlex.js","names":["cn","mixFlexPropAlign","mixFlexPropJustify","mixFlexPropFlex","mixFlexPropWrap","mixFlexPropDirection","cnFlex","cnMixFlex","props","classNames"],"sources":["../../../../../src/mixs/MixFlex/MixFlex.ts"],"sourcesContent":["import './MixFlex.css';\n\nimport { cn } from '##/utils/bem';\n\nimport { Space } from '../MixSpace';\n\nexport const mixFlexPropAlign = [\n  'flex-start',\n  'flex-end',\n  'center',\n  'baseline',\n  'stretch',\n] as const;\nexport type MixFlexPropAlign = typeof mixFlexPropAlign[number];\n\nexport const mixFlexPropJustify = [\n  'flex-start',\n  'flex-end',\n  'center',\n  'space-between',\n  'space-around',\n  'space-evenly',\n] as const;\nexport type MixFlexPropJustify = typeof mixFlexPropJustify[number];\n\nexport const mixFlexPropFlex = ['flex', 'inline-flex'] as const;\nexport type MixFlexPropFlex = typeof mixFlexPropFlex[number];\n\nexport const mixFlexPropWrap = ['nowrap', 'wrap', 'wrap-reverse'] as const;\nexport type MixFlexPropWrap = typeof mixFlexPropWrap[number];\n\nexport const mixFlexPropDirection = [\n  'row',\n  'row-reverse',\n  'column',\n  'column-reverse',\n] as const;\nexport type MixFlexPropDirection = typeof mixFlexPropDirection[number];\n\ntype Props = {\n  align?: MixFlexPropAlign;\n  justify?: MixFlexPropJustify;\n  flex?: MixFlexPropFlex;\n  wrap?: MixFlexPropWrap;\n  direction?: MixFlexPropDirection;\n  gap?: Space;\n  order?: -1 | 0 | 1;\n};\n\ntype CnMixFlex = (\n  props: Props,\n  classNames?: Array<string | undefined>,\n) => string;\n\nconst cnFlex = cn('MixFlex');\n\nexport const cnMixFlex: CnMixFlex = (props, classNames = []) =>\n  cnFlex(props, classNames);\n"],"mappings":"AAAA,sBAEA,OAASA,EAAT,uBAIA,MAAO,IAAMC,iBAAgB,CAAG,CAC9B,YAD8B,CAE9B,UAF8B,CAG9B,QAH8B,CAI9B,UAJ8B,CAK9B,SAL8B,CAAzB,CASP,MAAO,IAAMC,mBAAkB,CAAG,CAChC,YADgC,CAEhC,UAFgC,CAGhC,QAHgC,CAIhC,eAJgC,CAKhC,cALgC,CAMhC,cANgC,CAA3B,CAUP,MAAO,IAAMC,gBAAe,CAAG,CAAC,MAAD,CAAS,aAAT,CAAxB,CAGP,MAAO,IAAMC,gBAAe,CAAG,CAAC,QAAD,CAAW,MAAX,CAAmB,cAAnB,CAAxB,CAGP,MAAO,IAAMC,qBAAoB,CAAG,CAClC,KADkC,CAElC,aAFkC,CAGlC,QAHkC,CAIlC,gBAJkC,CAA7B,CAuBP,GAAMC,OAAM,CAAGN,EAAE,CAAC,SAAD,CAAjB,CAEA,MAAO,IAAMO,UAAoB,CAAG,SAACC,CAAD,KAAQC,EAAR,wDAAqB,EAArB,OAClCH,OAAM,CAACE,CAAD,CAAQC,CAAR,CAD4B,CAA7B"}
+{"version":3,"file":"MixFlex.js","names":["cn","mixFlexPropAlign","mixFlexPropJustify","mixFlexPropFlex","mixFlexPropWrap","mixFlexPropDirection","cnFlex","cnMixFlex","props","classNames"],"sources":["../../../../../src/mixs/MixFlex/MixFlex.ts"],"sourcesContent":["import './MixFlex.css';\n\nimport { cn } from '##/utils/bem';\n\nimport { Space } from '../MixSpace';\n\nexport const mixFlexPropAlign = [\n  'flex-start',\n  'flex-end',\n  'center',\n  'baseline',\n  'stretch',\n] as const;\nexport type MixFlexPropAlign = typeof mixFlexPropAlign[number];\n\nexport const mixFlexPropJustify = [\n  'flex-start',\n  'flex-end',\n  'center',\n  'space-between',\n  'space-around',\n  'space-evenly',\n] as const;\nexport type MixFlexPropJustify = typeof mixFlexPropJustify[number];\n\nexport const mixFlexPropFlex = ['flex', 'inline-flex'] as const;\nexport type MixFlexPropFlex = typeof mixFlexPropFlex[number];\n\nexport const mixFlexPropWrap = ['nowrap', 'wrap', 'wrap-reverse'] as const;\nexport type MixFlexPropWrap = typeof mixFlexPropWrap[number];\n\nexport const mixFlexPropDirection = [\n  'row',\n  'row-reverse',\n  'column',\n  'column-reverse',\n] as const;\nexport type MixFlexPropDirection = typeof mixFlexPropDirection[number];\n\nexport type CnMixFlexProps = {\n  align?: MixFlexPropAlign;\n  justify?: MixFlexPropJustify;\n  flex?: MixFlexPropFlex;\n  wrap?: MixFlexPropWrap;\n  direction?: MixFlexPropDirection;\n  gap?: Space;\n  order?: -1 | 0 | 1;\n};\n\ntype CnMixFlex = (\n  props: CnMixFlexProps,\n  classNames?: Array<string | undefined>,\n) => string;\n\nconst cnFlex = cn('MixFlex');\n\nexport const cnMixFlex: CnMixFlex = (props, classNames = []) =>\n  cnFlex(props, classNames);\n"],"mappings":"AAAA,sBAEA,OAASA,EAAT,uBAIA,MAAO,IAAMC,iBAAgB,CAAG,CAC9B,YAD8B,CAE9B,UAF8B,CAG9B,QAH8B,CAI9B,UAJ8B,CAK9B,SAL8B,CAAzB,CASP,MAAO,IAAMC,mBAAkB,CAAG,CAChC,YADgC,CAEhC,UAFgC,CAGhC,QAHgC,CAIhC,eAJgC,CAKhC,cALgC,CAMhC,cANgC,CAA3B,CAUP,MAAO,IAAMC,gBAAe,CAAG,CAAC,MAAD,CAAS,aAAT,CAAxB,CAGP,MAAO,IAAMC,gBAAe,CAAG,CAAC,QAAD,CAAW,MAAX,CAAmB,cAAnB,CAAxB,CAGP,MAAO,IAAMC,qBAAoB,CAAG,CAClC,KADkC,CAElC,aAFkC,CAGlC,QAHkC,CAIlC,gBAJkC,CAA7B,CAuBP,GAAMC,OAAM,CAAGN,EAAE,CAAC,SAAD,CAAjB,CAEA,MAAO,IAAMO,UAAoB,CAAG,SAACC,CAAD,KAAQC,EAAR,wDAAqB,EAArB,OAClCH,OAAM,CAACE,CAAD,CAAQC,CAAR,CAD4B,CAA7B"}

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

@@ -1,5 +1,5 @@
 import './MixSpace.css';
 import { MixSpaceProps } from './types';
-type CnMixSpace = (props: MixSpaceProps) => string;
+type CnMixSpace = (props?: MixSpaceProps) => string;
 export declare const cnMixSpace: CnMixSpace;
 export {};

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

@@ -1,2 +1,2 @@
-import"./MixSpace.css";import{cn}from"../../utils/bem";var cnSpace=cn("MixSpace");export var cnMixSpace=function(a){var b=a.p,c=a.m,d=a.pV,e=a.pH,f=a.mV,g=a.mH,h=a.mT,i=a.mL,j=a.mR,k=a.mB,l=a.pT,m=a.pL,n=a.pR,o=a.pB;return cnSpace({pT:l||d||b,pL:m||e||b,pR:n||e||b,pB:o||d||b,mT:h||f||c,mL:i||g||c,mR:j||g||c,mB:k||f||c})};
+import"./MixSpace.css";import{cn}from"../../utils/bem";var cnSpace=cn("MixSpace");export var cnMixSpace=function(a){if(!a)return"";var b=a.p,c=a.m,d=a.pV,e=a.pH,f=a.mV,g=a.mH,h=a.mT,i=a.mL,j=a.mR,k=a.mB,l=a.pT,m=a.pL,n=a.pR,o=a.pB;return cnSpace({pT:l||d||b,pL:m||e||b,pR:n||e||b,pB:o||d||b,mT:h||f||c,mL:i||g||c,mR:j||g||c,mB:k||f||c})};
 //# sourceMappingURL=MixSpace.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MixSpace.js","names":["cn","cnSpace","cnMixSpace","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\nimport { MixSpaceProps } from './types';\n\ntype CnMixSpace = (props: MixSpaceProps) => string;\n\nconst cnSpace = cn('MixSpace');\n\nexport const cnMixSpace: CnMixSpace = ({\n  p,\n  m,\n  pV,\n  pH,\n  mV,\n  mH,\n  mT,\n  mL,\n  mR,\n  mB,\n  pT,\n  pL,\n  pR,\n  pB,\n}) =>\n  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"],"mappings":"AAAA,uBAEA,OAASA,EAAT,uBAMA,GAAMC,QAAO,CAAGD,EAAE,CAAC,UAAD,CAAlB,CAEA,MAAO,IAAME,WAAsB,CAAG,eACpCC,EADoC,GACpCA,CADoC,CAEpCC,CAFoC,GAEpCA,CAFoC,CAGpCC,CAHoC,GAGpCA,EAHoC,CAIpCC,CAJoC,GAIpCA,EAJoC,CAKpCC,CALoC,GAKpCA,EALoC,CAMpCC,CANoC,GAMpCA,EANoC,CAOpCC,CAPoC,GAOpCA,EAPoC,CAQpCC,CARoC,GAQpCA,EARoC,CASpCC,CAToC,GASpCA,EAToC,CAUpCC,CAVoC,GAUpCA,EAVoC,CAWpCC,CAXoC,GAWpCA,EAXoC,CAYpCC,CAZoC,GAYpCA,EAZoC,CAapCC,CAboC,GAapCA,EAboC,CAcpCC,CAdoC,GAcpCA,EAdoC,OAgBpCf,QAAO,CAAC,CACNY,EAAE,CAAEA,CAAE,EAAIR,CAAN,EAAYF,CADV,CAENW,EAAE,CAAEA,CAAE,EAAIR,CAAN,EAAYH,CAFV,CAGNY,EAAE,CAAEA,CAAE,EAAIT,CAAN,EAAYH,CAHV,CAINa,EAAE,CAAEA,CAAE,EAAIX,CAAN,EAAYF,CAJV,CAKNM,EAAE,CAAEA,CAAE,EAAIF,CAAN,EAAYH,CALV,CAMNM,EAAE,CAAEA,CAAE,EAAIF,CAAN,EAAYJ,CANV,CAONO,EAAE,CAAEA,CAAE,EAAIH,CAAN,EAAYJ,CAPV,CAQNQ,EAAE,CAAEA,CAAE,EAAIL,CAAN,EAAYH,CARV,CAAD,CAhB6B,CAA/B"}
+{"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\nimport { MixSpaceProps } from './types';\n\ntype CnMixSpace = (props?: MixSpaceProps) => string;\n\nconst cnSpace = cn('MixSpace');\n\nexport const cnMixSpace: CnMixSpace = (props) => {\n  if (!props) return '';\n  const { p, m, pV, pH, mV, mH, mT, mL, mR, mB, pT, pL, pR, pB } = props;\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,uBAMA,GAAMC,QAAO,CAAGD,EAAE,CAAC,UAAD,CAAlB,CAEA,MAAO,IAAME,WAAsB,CAAG,SAACC,CAAD,CAAW,CAC/C,GAAI,CAACA,CAAL,CAAY,MAAO,EAAP,CACZ,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,CACA,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/state/useComponentSizeAtom/getElementSize.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @deprecated use import { getElementSize } from '@consta/uikit/useResizeObserved'
+ */
+export declare const getElementSize: (el: HTMLElement | SVGGraphicsElement | null) => import("../../../hooks/useResizeObserved/getElementSize").ComponentSize;

package/__internal__/src/utils/state/useComponentSizeAtom/getElementSize.js

@@ -0,0 +1,2 @@
+import{getElementSize as fn}from"../../../hooks/useResizeObserved/getElementSize";export var getElementSize=fn;
+//# sourceMappingURL=getElementSize.js.map

package/__internal__/src/utils/state/useComponentSizeAtom/getElementSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getElementSize.js","names":["getElementSize","fn"],"sources":["../../../../../../src/utils/state/useComponentSizeAtom/getElementSize.ts"],"sourcesContent":["import { getElementSize as fn } from '##/hooks/useResizeObserved/getElementSize';\n\n/**\n * @deprecated use import { getElementSize } from '@consta/uikit/useResizeObserved'\n */\nexport const getElementSize = fn;\n"],"mappings":"AAAA,OAASA,cAAc,GAAIC,GAA3B,uDAKA,MAAO,IAAMD,eAAc,CAAGC,EAAvB"}

package/__internal__/src/utils/state/useComponentSizeAtom/index.d.ts

@@ -0,0 +1,3 @@
+export * from './useComponentSize';
+export * from './getElementSize';
+export * from './types';

package/__internal__/src/utils/state/useComponentSizeAtom/index.js

@@ -0,0 +1,2 @@
+export*from"./useComponentSize";export*from"./getElementSize";export*from"./types";
+//# sourceMappingURL=index.js.map

package/__internal__/src/utils/state/useComponentSizeAtom/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/utils/state/useComponentSizeAtom/index.ts"],"sourcesContent":["export * from './useComponentSize';\nexport * from './getElementSize';\nexport * from './types';\n"],"mappings":"AAAA,gCACA,8BACA"}

package/__internal__/src/utils/state/useComponentSizeAtom/types.d.ts

@@ -0,0 +1,4 @@
+export type ComponentSize = {
+    width: number;
+    height: number;
+};

package/__internal__/src/utils/state/useComponentSizeAtom/types.js

@@ -0,0 +1,2 @@
+export{};
+//# sourceMappingURL=types.js.map

package/__internal__/src/utils/state/useComponentSizeAtom/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/utils/state/useComponentSizeAtom/types.ts"],"sourcesContent":["export type ComponentSize = {\n  width: number;\n  height: number;\n};\n"],"mappings":""}

package/__internal__/src/utils/state/useComponentSizeAtom/useComponentSize.d.ts

@@ -0,0 +1,2 @@
+import { ComponentSize } from './types';
+export declare const useComponentSize: (ref: React.RefObject<HTMLElement | SVGGraphicsElement>, deps?: unknown[]) => ComponentSize;

package/__internal__/src/utils/state/useComponentSizeAtom/useComponentSize.js

@@ -0,0 +1,2 @@
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import{useMemo}from"react";import{getElementSize,useResizeObserved}from"../../../hooks/useResizeObserved";export var useComponentSize=function(a){var b=1<arguments.length&&arguments[1]!==void 0?arguments[1]:[];return useResizeObserved(useMemo(function(){return[a]},[a.current].concat(_toConsumableArray(b))),getElementSize)[0]};
+//# sourceMappingURL=useComponentSize.js.map

package/__internal__/src/utils/state/useComponentSizeAtom/useComponentSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useComponentSize.js","names":["useMemo","getElementSize","useResizeObserved","useComponentSize","ref","deps","current"],"sources":["../../../../../../src/utils/state/useComponentSizeAtom/useComponentSize.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { getElementSize, useResizeObserved } from '##/hooks/useResizeObserved';\n\nimport { ComponentSize } from './types';\n\nexport const useComponentSize = (\n  ref: React.RefObject<HTMLElement | SVGGraphicsElement>,\n  deps: unknown[] = [],\n): ComponentSize =>\n  useResizeObserved(\n    useMemo(\n      () => [ref],\n      // Если реф начал указывать на другой элемент, нужно обновить подписки\n      [ref.current, ...deps],\n    ),\n    getElementSize,\n  )[0];\n"],"mappings":"yEAAA,OAASA,OAAT,KAAwB,OAAxB,CAEA,OAASC,cAAT,CAAyBC,iBAAzB,wCAIA,MAAO,IAAMC,iBAAgB,CAAG,SAC9BC,CAD8B,KAE9BC,EAF8B,wDAEZ,EAFY,OAI9BH,kBAAiB,CACfF,OAAO,CACL,iBAAM,CAACI,CAAD,CAAN,CADK,EAGJA,CAAG,CAACE,OAHA,4BAGYD,CAHZ,GADQ,CAMfJ,cANe,CAAjB,CAOE,CAPF,CAJ8B,CAAzB"}

package/__internal__/src/utils/state/useResizeObservedAtom/index.d.ts

@@ -0,0 +1 @@
+export * from './useResizeObservedAtom';

package/__internal__/src/utils/state/useResizeObservedAtom/index.js

@@ -0,0 +1,2 @@
+export*from"./useResizeObservedAtom";
+//# sourceMappingURL=index.js.map

package/__internal__/src/utils/state/useResizeObservedAtom/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/utils/state/useResizeObservedAtom/index.ts"],"sourcesContent":["export * from './useResizeObservedAtom';\n"],"mappings":"AAAA"}

package/__internal__/src/utils/state/useResizeObservedAtom/useResizeObservedAtom.d.ts

@@ -0,0 +1,2 @@
+import { AtomMut } from '@reatom/framework';
+export declare const useResizeObservedAtom: <ELEMENT extends HTMLElement | null, RETURN_TYPE>(elementsAtom: AtomMut<ELEMENT[]>, mapper: (el: ELEMENT | null) => RETURN_TYPE) => AtomMut<(RETURN_TYPE | undefined)[]>;

package/__internal__/src/utils/state/useResizeObservedAtom/useResizeObservedAtom.js

@@ -0,0 +1,2 @@
+function _createForOfIteratorHelper(a,b){var c="undefined"!=typeof Symbol&&a[Symbol.iterator]||a["@@iterator"];if(!c){if(Array.isArray(a)||(c=_unsupportedIterableToArray(a))||b&&a&&"number"==typeof a.length){c&&(a=c);var d=0,e=function(){};return{s:e,n:function n(){return d>=a.length?{done:!0}:{done:!1,value:a[d++]}},e:function e(a){throw a},f:e}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var f,g=!0,h=!1;return{s:function s(){c=c.call(a)},n:function n(){var a=c.next();return g=a.done,a},e:function e(a){h=!0,f=a},f:function f(){try{g||null==c["return"]||c["return"]()}finally{if(h)throw f}}}}function _unsupportedIterableToArray(a,b){if(a){if("string"==typeof a)return _arrayLikeToArray(a,b);var c=Object.prototype.toString.call(a).slice(8,-1);return"Object"===c&&a.constructor&&(c=a.constructor.name),"Map"===c||"Set"===c?Array.from(a):"Arguments"===c||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(c)?_arrayLikeToArray(a,b):void 0}}function _arrayLikeToArray(a,b){(null==b||b>a.length)&&(b=a.length);for(var c=0,d=Array(b);c<b;c++)d[c]=a[c];return d}import{useAction,useUpdate}from"@reatom/npm-react";import{useEffect,useMemo}from"react";import{useCreateAtom}from"../useCreateAtom";import{useSendToAtom}from"../useSendToAtom";export var useResizeObservedAtom=function(a,b){var c=useSendToAtom([b]),d=useCreateAtom([]),e=useAction(function(b){return d(b,b.get(a).map(function(a){return b.get(c)[0](a)}))}),f=useMemo(function(){return new ResizeObserver(e)},[]);return useUpdate(function(a,b){e(),f.disconnect();var c,d=_createForOfIteratorHelper(b);try{for(d.s();!(c=d.n()).done;){var g=c.value;g&&f.observe(g)}}catch(a){d.e(a)}finally{d.f()}},[a]),useEffect(function(){return function(){f.disconnect()}},[]),d};
+//# sourceMappingURL=useResizeObservedAtom.js.map

package/__internal__/src/utils/state/useResizeObservedAtom/useResizeObservedAtom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizeObservedAtom.js","names":["useAction","useUpdate","useEffect","useMemo","useCreateAtom","useSendToAtom","useResizeObservedAtom","elementsAtom","mapper","mapperAtom","stateAtom","update","ctx","get","map","el","resizeObserver","ResizeObserver","elements","disconnect","observe"],"sources":["../../../../../../src/utils/state/useResizeObservedAtom/useResizeObservedAtom.ts"],"sourcesContent":["import { AtomMut } from '@reatom/framework';\nimport { useAction, useUpdate } from '@reatom/npm-react';\nimport { useEffect, useMemo } from 'react';\n\nimport { useCreateAtom } from '##/utils/state/useCreateAtom';\nimport { useSendToAtom } from '##/utils/state/useSendToAtom';\n\nexport const useResizeObservedAtom = <\n  ELEMENT extends HTMLElement | null,\n  RETURN_TYPE,\n>(\n  elementsAtom: AtomMut<ELEMENT[]>,\n  mapper: (el: ELEMENT | null) => RETURN_TYPE,\n) => {\n  const mapperAtom = useSendToAtom([mapper]);\n  const stateAtom = useCreateAtom<(RETURN_TYPE | undefined)[]>([]);\n\n  const update = useAction((ctx) =>\n    stateAtom(\n      ctx,\n      ctx.get(elementsAtom).map((el) => ctx.get(mapperAtom)[0](el)),\n    ),\n  );\n\n  const resizeObserver = useMemo(() => new ResizeObserver(update), []);\n\n  useUpdate(\n    (ctx, elements) => {\n      update();\n      resizeObserver.disconnect();\n      for (const el of elements) {\n        el && resizeObserver.observe(el);\n      }\n    },\n    [elementsAtom],\n  );\n\n  useEffect(() => {\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, []);\n\n  return stateAtom;\n};\n"],"mappings":"qpCACA,OAASA,SAAT,CAAoBC,SAApB,KAAqC,mBAArC,CACA,OAASC,SAAT,CAAoBC,OAApB,KAAmC,OAAnC,CAEA,OAASC,aAAT,wBACA,OAASC,aAAT,wBAEA,MAAO,IAAMC,sBAAqB,CAAG,SAInCC,CAJmC,CAKnCC,CALmC,CAMhC,IACGC,EAAU,CAAGJ,aAAa,CAAC,CAACG,CAAD,CAAD,CAD7B,CAEGE,CAAS,CAAGN,aAAa,CAA8B,EAA9B,CAF5B,CAIGO,CAAM,CAAGX,SAAS,CAAC,SAACY,CAAD,QACvBF,EAAS,CACPE,CADO,CAEPA,CAAG,CAACC,GAAJ,CAAQN,CAAR,EAAsBO,GAAtB,CAA0B,SAACC,CAAD,QAAQH,EAAG,CAACC,GAAJ,CAAQJ,CAAR,EAAoB,CAApB,EAAuBM,CAAvB,CAAR,CAA1B,CAFO,CADc,CAAD,CAJrB,CAWGC,CAAc,CAAGb,OAAO,CAAC,iBAAM,IAAIc,eAAJ,CAAmBN,CAAnB,CAAN,CAAD,CAAmC,EAAnC,CAX3B,CA8BH,MAjBAV,UAAS,CACP,SAACW,CAAD,CAAMM,CAAN,CAAmB,CACjBP,CAAM,EADW,CAEjBK,CAAc,CAACG,UAAf,EAFiB,oCAGAD,CAHA,MAGjB,2BAA2B,IAAhBH,EAAgB,SACzBA,CAAE,EAAIC,CAAc,CAACI,OAAf,CAAuBL,CAAvB,CACP,CALgB,+BAMlB,CAPM,CAQP,CAACR,CAAD,CARO,CAiBT,CANAL,SAAS,CAAC,UAAM,CACd,MAAO,WAAM,CACXc,CAAc,CAACG,UAAf,EACD,CACF,CAJQ,CAIN,EAJM,CAMT,CAAOT,CACR,CArCM"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit",
-  "version": "5.26.0",
+  "version": "5.27.0",
   "keywords": [
     "ui-kit",
     "design-system",
@@ -16,7 +16,8 @@
   "peerDependencies": {
     "@bem-react/classname": "^1.6.0",
     "@bem-react/classnames": "^1.3.10",
-    "@consta/icons": "^1.0.0",
+    "@consta/icons": "^1.3.0",
+    "@consta/table": "^0.7.0",
     "@reatom/core": "^3.10.1",
     "@reatom/npm-react": "^3.10.6",
     "compute-scroll-into-view": "^3.1.1",