@consta/uikit 5.13.0 → 5.15.0

package/__internal__/src/components/Layout/useFixed.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFixed.js","names":["useCallback","useEffect","useState","verticalAlign","verticalAlignDefault","horizontalAlign","horizontalAlignDefault","getHTMLElement","element","HTMLElement","Window","current","getStationingElement","offsetTop","offsetHeight","offsetLeft","offsetWidth","clientHeight","clientWidth","scrollTop","scrollHeight","innerHeight","innerWidth","scrollY","Math","max","document","body","isElementScrollible","container","anchor","isVerticalFixation","startScroll","positioningElement","layoutStationing","scrollContainerStationing","anchorStationing","stationingData","top","left","width","height","maxWidth","maxHeight","position","scrollContainerPosition","bottom","right","window","scrollX","useFixed","layoutRef","scrollContainer","anchorRef","stationing","setStationing","result","setResult","setTimeout","parentElement","parentContainer","parentStationing","positioning","addEventListener","resizing","removeEventListener"],"sources":["../../../../../src/components/Layout/useFixed.ts"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\n\nexport type UseFixedData = {\n  top?: number;\n  left?: number;\n  width?: number;\n  height?: number;\n  maxWidth?: number;\n  maxHeight?: number;\n  position?: 'unset' | 'fixed';\n};\n\nconst verticalAlign = ['top', 'bottom'] as const;\ntype VerticalAlign = typeof verticalAlign[number];\nconst verticalAlignDefault: VerticalAlign = verticalAlign[0];\n\nconst horizontalAlign = ['left', 'right'] as const;\ntype HorizontalAlign = typeof horizontalAlign[number];\nconst horizontalAlignDefault: HorizontalAlign = horizontalAlign[0];\n\ntype UseFixed = (\n  layoutRef?: React.RefObject<HTMLElement> | null,\n  scrollContainer?: React.RefObject<HTMLElement> | null | HTMLElement | Window,\n  anchorRef?: React.RefObject<HTMLElement> | null,\n  verticalAlign?: VerticalAlign,\n  horizontalAlign?: HorizontalAlign,\n) => UseFixedData;\n\nexport type ElementStationing = {\n  offsetTop: number;\n  offsetHeight: number;\n  offsetLeft: number;\n  offsetWidth: number;\n  clientHeight: number;\n  clientWidth: number;\n  scrollTop: number;\n  scrollHeight: number;\n};\n\ntype GetHTMLFunction = (\n  element: React.RefObject<HTMLElement> | HTMLElement | Window,\n) => HTMLElement | Window | null;\n\ntype PositioningElement = (\n  startScroll?: number,\n  layoutStationing?: ElementStationing,\n  scrollContainerStationing?: ElementStationing,\n  anchorStationing?: ElementStationing,\n  verticalAlign?: VerticalAlign,\n  horizontalAlign?: HorizontalAlign,\n) => UseFixedData;\n\nconst getHTMLElement: GetHTMLFunction = (element) => {\n  if (element && !(element instanceof HTMLElement || element instanceof Window))\n    return element?.current;\n  return element;\n};\n\nconst getStationingElement = (\n  element?: HTMLElement | null | Window,\n): ElementStationing | undefined => {\n  if (element instanceof HTMLElement)\n    return {\n      offsetTop: element.offsetTop,\n      offsetHeight: element.offsetHeight,\n      offsetLeft: element.offsetLeft,\n      offsetWidth: element.offsetWidth,\n      clientHeight: element.clientHeight,\n      clientWidth: element.clientWidth,\n      scrollTop: element.scrollTop,\n      scrollHeight: element.scrollHeight,\n    };\n  if (element instanceof Window) {\n    return {\n      offsetTop: 0,\n      offsetHeight: element.innerHeight,\n      offsetLeft: 0,\n      offsetWidth: element.innerWidth,\n      clientHeight: element.innerHeight,\n      clientWidth: element.innerWidth,\n      scrollTop: element.scrollY,\n      scrollHeight: Math.max(\n        document.body.scrollHeight,\n        document.body.offsetHeight,\n      ),\n    };\n  }\n  return undefined;\n};\n\nconst isElementScrollible = (\n  element: ElementStationing,\n  container: ElementStationing,\n  anchor: ElementStationing | undefined,\n  isVerticalFixation: boolean,\n  startScroll: number,\n): boolean | undefined => {\n  if (isVerticalFixation)\n    return (\n      container.scrollTop >= startScroll &&\n      container.scrollTop <=\n        container.scrollHeight - container.offsetHeight + element.offsetHeight\n    );\n  return anchor\n    ? container.scrollTop + anchor.offsetHeight >= startScroll &&\n        container.scrollTop <=\n          container.scrollHeight - container.offsetHeight + element.offsetHeight\n    : container.scrollTop + container.offsetHeight <=\n        startScroll + element.offsetHeight &&\n        container.scrollTop <= container.scrollHeight - container.offsetHeight;\n};\n\nexport const positioningElement: PositioningElement = (\n  startScroll,\n  layoutStationing,\n  scrollContainerStationing,\n  anchorStationing,\n  verticalAlign,\n  horizontalAlign,\n) => {\n  const stationingData: UseFixedData = {\n    top: 0,\n    left: 0,\n    width: layoutStationing?.offsetWidth,\n    height: layoutStationing?.offsetHeight,\n    maxWidth: scrollContainerStationing?.clientWidth,\n    maxHeight: scrollContainerStationing?.clientHeight,\n    position: 'unset',\n  };\n  if (\n    layoutStationing &&\n    scrollContainerStationing &&\n    typeof startScroll !== 'undefined'\n  ) {\n    const scrollContainerPosition = {\n      top: scrollContainerStationing.offsetTop,\n      bottom:\n        scrollContainerStationing.offsetTop +\n        scrollContainerStationing.clientHeight,\n      left: scrollContainerStationing.offsetLeft,\n      right:\n        scrollContainerStationing.offsetLeft +\n        scrollContainerStationing.clientWidth,\n      width: scrollContainerStationing.clientWidth,\n      height: scrollContainerStationing.clientHeight,\n    };\n    stationingData.width = layoutStationing.offsetWidth;\n    stationingData.height = layoutStationing.offsetHeight;\n    stationingData.maxWidth = scrollContainerPosition.width;\n    stationingData.maxHeight = scrollContainerPosition.height;\n    if (\n      isElementScrollible(\n        layoutStationing,\n        scrollContainerStationing,\n        anchorStationing,\n        verticalAlign === 'top',\n        startScroll,\n      )\n    ) {\n      stationingData.position = 'fixed';\n      if (verticalAlign === 'top')\n        stationingData.top = anchorStationing\n          ? anchorStationing.offsetTop\n          : scrollContainerPosition.top;\n      else\n        stationingData.top = anchorStationing\n          ? anchorStationing.offsetTop + anchorStationing.offsetHeight\n          : scrollContainerPosition.bottom - layoutStationing.offsetHeight;\n      if (horizontalAlign === 'left')\n        stationingData.left = anchorStationing\n          ? anchorStationing.offsetLeft\n          : -window.scrollX + scrollContainerPosition.left;\n      else\n        stationingData.left = anchorStationing\n          ? anchorStationing.offsetLeft +\n            anchorStationing.offsetWidth -\n            layoutStationing.offsetWidth\n          : -window.scrollX +\n            scrollContainerPosition.right -\n            layoutStationing.offsetWidth;\n    } else stationingData.position = 'unset';\n  }\n  return stationingData;\n};\n\nexport const useFixed: UseFixed = (\n  layoutRef,\n  scrollContainer,\n  anchorRef,\n  verticalAlign = verticalAlignDefault,\n  horizontalAlign = horizontalAlignDefault,\n) => {\n  const [stationing, setStationing] = useState<UseFixedData>({});\n  const [result, setResult] = useState<UseFixedData>({});\n\n  useEffect(() => {\n    let startScroll = 0;\n    setTimeout(\n      () => {\n        if (layoutRef && layoutRef.current && layoutRef.current.parentElement) {\n          const parentContainer = scrollContainer\n            ? getHTMLElement(scrollContainer)\n            : layoutRef.current.parentElement;\n          const parentStationing = getStationingElement(parentContainer);\n          if (parentStationing) {\n            startScroll =\n              layoutRef.current.offsetTop - parentStationing.offsetTop >= 0\n                ? layoutRef.current.offsetTop - parentStationing.offsetTop\n                : 0;\n          }\n          positioning(startScroll);\n          document.addEventListener('resize', resizing);\n          if (typeof parentContainer?.addEventListener === 'function') {\n            parentContainer?.addEventListener('resize', resizing);\n            parentContainer?.addEventListener('scroll', () =>\n              positioning(startScroll),\n            );\n          }\n        }\n      },\n      typeof scrollContainer !== 'undefined' ? 0 : 500,\n    );\n    return () => {\n      if (layoutRef && layoutRef.current && layoutRef.current.parentElement) {\n        const parentContainer = scrollContainer\n          ? getHTMLElement(scrollContainer)\n          : layoutRef.current.parentElement;\n        document.removeEventListener('resize', resizing);\n        if (typeof parentContainer?.removeEventListener === 'function') {\n          parentContainer?.removeEventListener('resize', resizing);\n          parentContainer?.removeEventListener('scroll', () =>\n            positioning(startScroll),\n          );\n        }\n      }\n    };\n  }, [verticalAlign, horizontalAlign, layoutRef, scrollContainer, anchorRef]);\n\n  useEffect(() => {\n    setResult({ ...stationing });\n  }, [\n    stationing.top,\n    stationing.left,\n    stationing.position,\n    stationing.width,\n    stationing.height,\n    stationing.maxHeight,\n    stationing.maxWidth,\n  ]);\n\n  const resizing = () => {\n    if (layoutRef && layoutRef.current && layoutRef.current.parentElement) {\n      const parentContainer = scrollContainer\n        ? getHTMLElement(scrollContainer)\n        : layoutRef.current.parentElement;\n      const parentStationing = getStationingElement(parentContainer);\n      setStationing({\n        ...stationing,\n        width: layoutRef.current.offsetWidth,\n        height: layoutRef.current.offsetHeight,\n        maxWidth: parentStationing?.clientWidth,\n        maxHeight: parentStationing?.clientHeight,\n      });\n    }\n  };\n\n  const positioning = useCallback(\n    (startScroll: number) => {\n      if (\n        layoutRef &&\n        layoutRef.current &&\n        layoutRef.current.parentElement &&\n        typeof startScroll === 'number'\n      ) {\n        const parentContainer = scrollContainer\n          ? getHTMLElement(scrollContainer)\n          : layoutRef.current.parentElement;\n        if (scrollContainer) {\n          const stationingData = positioningElement(\n            startScroll,\n            getStationingElement(layoutRef.current),\n            getStationingElement(parentContainer),\n            getStationingElement(anchorRef?.current),\n            verticalAlign,\n            horizontalAlign,\n          );\n          setStationing({ ...stationingData });\n        }\n      }\n    },\n    [stationing],\n  );\n\n  return result;\n};\n"],"mappings":"suBAAA,OAAgBA,WAAhB,CAA6BC,SAA7B,CAAwCC,QAAxC,KAAwD,OAAxD,C,GAYMC,cAAa,CAAG,CAAC,KAAD,CAAQ,QAAR,C,CAEhBC,oBAAmC,CAAGD,aAAa,CAAC,CAAD,C,CAEnDE,eAAe,CAAG,CAAC,MAAD,CAAS,OAAT,C,CAElBC,sBAAuC,CAAGD,eAAe,CAAC,CAAD,C,CAkCzDE,cAA+B,CAAG,SAACC,CAAD,CAAa,OAC/CA,EAAO,EAAI,EAAEA,CAAO,WAAYC,YAAnB,EAAkCD,CAAO,WAAYE,OAAvD,CADoC,QAE1CF,CAF0C,WAE1CA,CAF0C,QAE1CA,CAAO,CAAEG,OAFiC,CAG5CH,CACR,C,CAEKI,oBAAoB,CAAG,SAC3BJ,CAD2B,CAEO,OAC9BA,EAAO,WAAYC,YADW,CAEzB,CACLI,SAAS,CAAEL,CAAO,CAACK,SADd,CAELC,YAAY,CAAEN,CAAO,CAACM,YAFjB,CAGLC,UAAU,CAAEP,CAAO,CAACO,UAHf,CAILC,WAAW,CAAER,CAAO,CAACQ,WAJhB,CAKLC,YAAY,CAAET,CAAO,CAACS,YALjB,CAMLC,WAAW,CAAEV,CAAO,CAACU,WANhB,CAOLC,SAAS,CAAEX,CAAO,CAACW,SAPd,CAQLC,YAAY,CAAEZ,CAAO,CAACY,YARjB,CAFyB,CAY9BZ,CAAO,WAAYE,OAZW,CAazB,CACLG,SAAS,CAAE,CADN,CAELC,YAAY,CAAEN,CAAO,CAACa,WAFjB,CAGLN,UAAU,CAAE,CAHP,CAILC,WAAW,CAAER,CAAO,CAACc,UAJhB,CAKLL,YAAY,CAAET,CAAO,CAACa,WALjB,CAMLH,WAAW,CAAEV,CAAO,CAACc,UANhB,CAOLH,SAAS,CAAEX,CAAO,CAACe,OAPd,CAQLH,YAAY,CAAEI,IAAI,CAACC,GAAL,CACZC,QAAQ,CAACC,IAAT,CAAcP,YADF,CAEZM,QAAQ,CAACC,IAAT,CAAcb,YAFF,CART,CAbyB,OA4BnC,C,CAEKc,mBAAmB,CAAG,SAC1BpB,CAD0B,CAE1BqB,CAF0B,CAG1BC,CAH0B,CAI1BC,CAJ0B,CAK1BC,CAL0B,CAMF,OACpBD,EADoB,CAGpBF,CAAS,CAACV,SAAV,EAAuBa,CAAvB,EACAH,CAAS,CAACV,SAAV,EACEU,CAAS,CAACT,YAAV,CAAyBS,CAAS,CAACf,YAAnC,CAAkDN,CAAO,CAACM,YALxC,CAOjBgB,CAAM,CACTD,CAAS,CAACV,SAAV,CAAsBW,CAAM,CAAChB,YAA7B,EAA6CkB,CAA7C,EACEH,CAAS,CAACV,SAAV,EACEU,CAAS,CAACT,YAAV,CAAyBS,CAAS,CAACf,YAAnC,CAAkDN,CAAO,CAACM,YAHrD,CAITe,CAAS,CAACV,SAAV,CAAsBU,CAAS,CAACf,YAAhC,EACEkB,CAAW,CAAGxB,CAAO,CAACM,YADxB,EAEEe,CAAS,CAACV,SAAV,EAAuBU,CAAS,CAACT,YAAV,CAAyBS,CAAS,CAACf,YACjE,C,CAED,MAAO,IAAMmB,mBAAsC,CAAG,SACpDD,CADoD,CAEpDE,CAFoD,CAGpDC,CAHoD,CAIpDC,CAJoD,CAKpDjC,CALoD,CAMpDE,CANoD,CAOjD,CACH,GAAMgC,EAA4B,CAAG,CACnCC,GAAG,CAAE,CAD8B,CAEnCC,IAAI,CAAE,CAF6B,CAGnCC,KAAK,QAAEN,CAAF,WAAEA,CAAF,QAAEA,CAAgB,CAAElB,WAHU,CAInCyB,MAAM,QAAEP,CAAF,WAAEA,CAAF,QAAEA,CAAgB,CAAEpB,YAJS,CAKnC4B,QAAQ,QAAEP,CAAF,WAAEA,CAAF,QAAEA,CAAyB,CAAEjB,WALF,CAMnCyB,SAAS,QAAER,CAAF,WAAEA,CAAF,QAAEA,CAAyB,CAAElB,YANH,CAOnC2B,QAAQ,CAAE,OAPyB,CAArC,CASA,GACEV,CAAgB,EAChBC,CADA,EAEuB,WAAvB,QAAOH,EAHT,CAIE,CACA,GAAMa,EAAuB,CAAG,CAC9BP,GAAG,CAAEH,CAAyB,CAACtB,SADD,CAE9BiC,MAAM,CACJX,CAAyB,CAACtB,SAA1B,CACAsB,CAAyB,CAAClB,YAJE,CAK9BsB,IAAI,CAAEJ,CAAyB,CAACpB,UALF,CAM9BgC,KAAK,CACHZ,CAAyB,CAACpB,UAA1B,CACAoB,CAAyB,CAACjB,WARE,CAS9BsB,KAAK,CAAEL,CAAyB,CAACjB,WATH,CAU9BuB,MAAM,CAAEN,CAAyB,CAAClB,YAVJ,CAAhC,CAYAoB,CAAc,CAACG,KAAf,CAAuBN,CAAgB,CAAClB,WAbxC,CAcAqB,CAAc,CAACI,MAAf,CAAwBP,CAAgB,CAACpB,YAdzC,CAeAuB,CAAc,CAACK,QAAf,CAA0BG,CAAuB,CAACL,KAflD,CAgBAH,CAAc,CAACM,SAAf,CAA2BE,CAAuB,CAACJ,MAhBnD,CAkBEb,mBAAmB,CACjBM,CADiB,CAEjBC,CAFiB,CAGjBC,CAHiB,CAIC,KAAlB,GAAAjC,CAJiB,CAKjB6B,CALiB,CAlBrB,EA0BEK,CAAc,CAACO,QAAf,CAA0B,OA1B5B,CA4BIP,CAAc,CAACC,GA5BnB,CA2BwB,KAAlB,GAAAnC,CA3BN,CA4ByBiC,CAAgB,CACjCA,CAAgB,CAACvB,SADgB,CAEjCgC,CAAuB,CAACP,GA9BhC,CAgCyBF,CAAgB,CACjCA,CAAgB,CAACvB,SAAjB,CAA6BuB,CAAgB,CAACtB,YADb,CAEjC+B,CAAuB,CAACC,MAAxB,CAAiCZ,CAAgB,CAACpB,YAlC1D,CAoCIuB,CAAc,CAACE,IApCnB,CAmC0B,MAApB,GAAAlC,CAnCN,CAoC0B+B,CAAgB,CAClCA,CAAgB,CAACrB,UADiB,CAElC,CAACiC,MAAM,CAACC,OAAR,CAAkBJ,CAAuB,CAACN,IAtClD,CAwC0BH,CAAgB,CAClCA,CAAgB,CAACrB,UAAjB,CACAqB,CAAgB,CAACpB,WADjB,CAEAkB,CAAgB,CAAClB,WAHiB,CAIlC,CAACgC,MAAM,CAACC,OAAR,CACAJ,CAAuB,CAACE,KADxB,CAEAb,CAAgB,CAAClB,WA9CzB,EA+COqB,CAAc,CAACO,QAAf,CAA0B,OAClC,CACD,MAAOP,EACR,CAvEM,CAyEP,MAAO,IAAMa,SAAkB,CAAG,SAChCC,CADgC,CAEhCC,CAFgC,CAGhCC,CAHgC,CAM7B,IAFHlD,EAEG,wDAFaC,oBAEb,CADHC,CACG,wDADeC,sBACf,GACiCJ,QAAQ,CAAe,EAAf,CADzC,uBACIoD,CADJ,MACgBC,CADhB,QAEyBrD,QAAQ,CAAe,EAAf,CAFjC,uBAEIsD,CAFJ,MAEYC,CAFZ,MAIHxD,SAAS,CAAC,UAAM,CACd,GAAI+B,EAAW,CAAG,CAAlB,CA0BA,MAzBA0B,WAAU,CACR,UAAM,CACJ,GAAIP,CAAS,EAAIA,CAAS,CAACxC,OAAvB,EAAkCwC,CAAS,CAACxC,OAAV,CAAkBgD,aAAxD,CAAuE,IAC/DC,EAAe,CAAGR,CAAe,CACnC7C,cAAc,CAAC6C,CAAD,CADqB,CAEnCD,CAAS,CAACxC,OAAV,CAAkBgD,aAH+C,CAI/DE,CAAgB,CAAGjD,oBAAoB,CAACgD,CAAD,CAJwB,CAKjEC,CALiE,GAMnE7B,CAAW,CACmD,CAA5D,EAAAmB,CAAS,CAACxC,OAAV,CAAkBE,SAAlB,CAA8BgD,CAAgB,CAAChD,SAA/C,CACIsC,CAAS,CAACxC,OAAV,CAAkBE,SAAlB,CAA8BgD,CAAgB,CAAChD,SADnD,CAEI,CAT6D,EAWrEiD,CAAW,CAAC9B,CAAD,CAX0D,CAYrEN,QAAQ,CAACqC,gBAAT,CAA0B,QAA1B,CAAoCC,CAApC,CAZqE,CAapB,UAA7C,gBAAOJ,CAAP,WAAOA,CAAP,QAAOA,CAAe,CAAEG,gBAAxB,CAbiE,UAcnEH,CAdmE,WAcnEA,CAdmE,QAcnEA,CAAe,CAAEG,gBAAjB,CAAkC,QAAlC,CAA4CC,CAA5C,CAdmE,QAenEJ,CAfmE,WAenEA,CAfmE,QAenEA,CAAe,CAAEG,gBAAjB,CAAkC,QAAlC,CAA4C,iBAC1CD,EAAW,CAAC9B,CAAD,CAD+B,CAA5C,CAfmE,CAmBtE,CACF,CAtBO,CAuBmB,WAA3B,QAAOoB,EAAP,CAA6C,GAA7C,CAAyC,CAvBjC,CAyBV,CAAO,UAAM,CACX,GAAID,CAAS,EAAIA,CAAS,CAACxC,OAAvB,EAAkCwC,CAAS,CAACxC,OAAV,CAAkBgD,aAAxD,CAAuE,CACrE,GAAMC,EAAe,CAAGR,CAAe,CACnC7C,cAAc,CAAC6C,CAAD,CADqB,CAEnCD,CAAS,CAACxC,OAAV,CAAkBgD,aAFtB,CAGAjC,QAAQ,CAACuC,mBAAT,CAA6B,QAA7B,CAAuCD,CAAvC,CAJqE,CAKjB,UAAhD,gBAAOJ,CAAP,WAAOA,CAAP,QAAOA,CAAe,CAAEK,mBAAxB,CALiE,UAMnEL,CANmE,WAMnEA,CANmE,QAMnEA,CAAe,CAAEK,mBAAjB,CAAqC,QAArC,CAA+CD,CAA/C,CANmE,QAOnEJ,CAPmE,WAOnEA,CAPmE,QAOnEA,CAAe,CAAEK,mBAAjB,CAAqC,QAArC,CAA+C,iBAC7CH,EAAW,CAAC9B,CAAD,CADkC,CAA/C,CAPmE,CAWtE,CACF,CACF,CAzCQ,CAyCN,CAAC7B,CAAD,CAAgBE,CAAhB,CAAiC8C,CAAjC,CAA4CC,CAA5C,CAA6DC,CAA7D,CAzCM,CAJN,CA+CHpD,SAAS,CAAC,UAAM,CACdwD,CAAS,kBAAMH,CAAN,EACV,CAFQ,CAEN,CACDA,CAAU,CAAChB,GADV,CAEDgB,CAAU,CAACf,IAFV,CAGDe,CAAU,CAACV,QAHV,CAIDU,CAAU,CAACd,KAJV,CAKDc,CAAU,CAACb,MALV,CAMDa,CAAU,CAACX,SANV,CAODW,CAAU,CAACZ,QAPV,CAFM,CA/CN,IA2DGsB,EAAQ,CAAG,UAAM,CACrB,GAAIb,CAAS,EAAIA,CAAS,CAACxC,OAAvB,EAAkCwC,CAAS,CAACxC,OAAV,CAAkBgD,aAAxD,CAAuE,IAC/DC,EAAe,CAAGR,CAAe,CACnC7C,cAAc,CAAC6C,CAAD,CADqB,CAEnCD,CAAS,CAACxC,OAAV,CAAkBgD,aAH+C,CAI/DE,CAAgB,CAAGjD,oBAAoB,CAACgD,CAAD,CAJwB,CAKrEL,CAAa,gCACRD,CADQ,MAEXd,KAAK,CAAEW,CAAS,CAACxC,OAAV,CAAkBK,WAFd,CAGXyB,MAAM,CAAEU,CAAS,CAACxC,OAAV,CAAkBG,YAHf,CAIX4B,QAAQ,QAAEmB,CAAF,WAAEA,CAAF,QAAEA,CAAgB,CAAE3C,WAJjB,CAKXyB,SAAS,QAAEkB,CAAF,WAAEA,CAAF,QAAEA,CAAgB,CAAE5C,YALlB,GAOd,CACF,CAzEE,CA2EG6C,CAAW,CAAG9D,WAAW,CAC7B,SAACgC,CAAD,CAAyB,CACvB,GACEmB,CAAS,EACTA,CAAS,CAACxC,OADV,EAEAwC,CAAS,CAACxC,OAAV,CAAkBgD,aAFlB,EAGuB,QAAvB,QAAO3B,EAJT,CAKE,CACA,GAAM4B,EAAe,CAAGR,CAAe,CACnC7C,cAAc,CAAC6C,CAAD,CADqB,CAEnCD,CAAS,CAACxC,OAAV,CAAkBgD,aAFtB,CAGA,GAAIP,CAAJ,CAAqB,CACnB,GAAMf,EAAc,CAAGJ,kBAAkB,CACvCD,CADuC,CAEvCpB,oBAAoB,CAACuC,CAAS,CAACxC,OAAX,CAFmB,CAGvCC,oBAAoB,CAACgD,CAAD,CAHmB,CAIvChD,oBAAoB,QAACyC,CAAD,WAACA,CAAD,QAACA,CAAS,CAAE1C,OAAZ,CAJmB,CAKvCR,CALuC,CAMvCE,CANuC,CAAzC,CAQAkD,CAAa,kBAAMlB,CAAN,EACd,CACF,CACF,CAvB4B,CAwB7B,CAACiB,CAAD,CAxB6B,CA3E5B,CAsGH,MAAOE,EACR,CA7GM"}
+{"version":3,"file":"useFixed.js","names":["useCallback","useEffect","useState","verticalAlign","verticalAlignDefault","horizontalAlign","horizontalAlignDefault","getHTMLElement","element","HTMLElement","Window","current","getStationingElement","offsetTop","offsetHeight","offsetLeft","offsetWidth","clientHeight","clientWidth","scrollTop","scrollHeight","innerHeight","innerWidth","scrollY","Math","max","document","body","isElementScrollable","container","anchor","isVerticalFixation","startScroll","positioningElement","layoutStationing","scrollContainerStationing","anchorStationing","stationingData","top","left","width","height","maxWidth","maxHeight","position","scrollContainerPosition","bottom","right","window","scrollX","useFixed","layoutRef","scrollContainer","anchorRef","stationing","setStationing","result","setResult","setTimeout","parentElement","parentContainer","parentStationing","positioning","addEventListener","resizing","removeEventListener"],"sources":["../../../../../src/components/Layout/useFixed.ts"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\n\nexport type UseFixedData = {\n  top?: number;\n  left?: number;\n  width?: number;\n  height?: number;\n  maxWidth?: number;\n  maxHeight?: number;\n  position?: 'unset' | 'fixed';\n};\n\nconst verticalAlign = ['top', 'bottom'] as const;\ntype VerticalAlign = typeof verticalAlign[number];\nconst verticalAlignDefault: VerticalAlign = verticalAlign[0];\n\nconst horizontalAlign = ['left', 'right'] as const;\ntype HorizontalAlign = typeof horizontalAlign[number];\nconst horizontalAlignDefault: HorizontalAlign = horizontalAlign[0];\n\ntype UseFixed = (\n  layoutRef?: React.RefObject<HTMLElement> | null,\n  scrollContainer?: React.RefObject<HTMLElement> | null | HTMLElement | Window,\n  anchorRef?: React.RefObject<HTMLElement> | null,\n  verticalAlign?: VerticalAlign,\n  horizontalAlign?: HorizontalAlign,\n) => UseFixedData;\n\nexport type ElementStationing = {\n  offsetTop: number;\n  offsetHeight: number;\n  offsetLeft: number;\n  offsetWidth: number;\n  clientHeight: number;\n  clientWidth: number;\n  scrollTop: number;\n  scrollHeight: number;\n};\n\ntype GetHTMLFunction = (\n  element: React.RefObject<HTMLElement> | HTMLElement | Window,\n) => HTMLElement | Window | null;\n\ntype PositioningElement = (\n  startScroll?: number,\n  layoutStationing?: ElementStationing,\n  scrollContainerStationing?: ElementStationing,\n  anchorStationing?: ElementStationing,\n  verticalAlign?: VerticalAlign,\n  horizontalAlign?: HorizontalAlign,\n) => UseFixedData;\n\nconst getHTMLElement: GetHTMLFunction = (element) => {\n  if (element && !(element instanceof HTMLElement || element instanceof Window))\n    return element?.current;\n  return element;\n};\n\nconst getStationingElement = (\n  element?: HTMLElement | null | Window,\n): ElementStationing | undefined => {\n  if (element instanceof HTMLElement)\n    return {\n      offsetTop: element.offsetTop,\n      offsetHeight: element.offsetHeight,\n      offsetLeft: element.offsetLeft,\n      offsetWidth: element.offsetWidth,\n      clientHeight: element.clientHeight,\n      clientWidth: element.clientWidth,\n      scrollTop: element.scrollTop,\n      scrollHeight: element.scrollHeight,\n    };\n  if (element instanceof Window) {\n    return {\n      offsetTop: 0,\n      offsetHeight: element.innerHeight,\n      offsetLeft: 0,\n      offsetWidth: element.innerWidth,\n      clientHeight: element.innerHeight,\n      clientWidth: element.innerWidth,\n      scrollTop: element.scrollY,\n      scrollHeight: Math.max(\n        document.body.scrollHeight,\n        document.body.offsetHeight,\n      ),\n    };\n  }\n  return undefined;\n};\n\nconst isElementScrollable = (\n  element: ElementStationing,\n  container: ElementStationing,\n  anchor: ElementStationing | undefined,\n  isVerticalFixation: boolean,\n  startScroll: number,\n): boolean | undefined => {\n  if (isVerticalFixation)\n    return (\n      container.scrollTop >= startScroll &&\n      container.scrollTop <=\n        container.scrollHeight - container.offsetHeight + element.offsetHeight\n    );\n  return anchor\n    ? container.scrollTop + anchor.offsetHeight >= startScroll &&\n        container.scrollTop <=\n          container.scrollHeight - container.offsetHeight + element.offsetHeight\n    : container.scrollTop + container.offsetHeight <=\n        startScroll + element.offsetHeight &&\n        container.scrollTop <= container.scrollHeight - container.offsetHeight;\n};\n\nexport const positioningElement: PositioningElement = (\n  startScroll,\n  layoutStationing,\n  scrollContainerStationing,\n  anchorStationing,\n  verticalAlign,\n  horizontalAlign,\n) => {\n  const stationingData: UseFixedData = {\n    top: 0,\n    left: 0,\n    width: layoutStationing?.offsetWidth,\n    height: layoutStationing?.offsetHeight,\n    maxWidth: scrollContainerStationing?.clientWidth,\n    maxHeight: scrollContainerStationing?.clientHeight,\n    position: 'unset',\n  };\n  if (\n    layoutStationing &&\n    scrollContainerStationing &&\n    typeof startScroll !== 'undefined'\n  ) {\n    const scrollContainerPosition = {\n      top: scrollContainerStationing.offsetTop,\n      bottom:\n        scrollContainerStationing.offsetTop +\n        scrollContainerStationing.clientHeight,\n      left: scrollContainerStationing.offsetLeft,\n      right:\n        scrollContainerStationing.offsetLeft +\n        scrollContainerStationing.clientWidth,\n      width: scrollContainerStationing.clientWidth,\n      height: scrollContainerStationing.clientHeight,\n    };\n    stationingData.width = layoutStationing.offsetWidth;\n    stationingData.height = layoutStationing.offsetHeight;\n    stationingData.maxWidth = scrollContainerPosition.width;\n    stationingData.maxHeight = scrollContainerPosition.height;\n    if (\n      isElementScrollable(\n        layoutStationing,\n        scrollContainerStationing,\n        anchorStationing,\n        verticalAlign === 'top',\n        startScroll,\n      )\n    ) {\n      stationingData.position = 'fixed';\n      if (verticalAlign === 'top')\n        stationingData.top = anchorStationing\n          ? anchorStationing.offsetTop\n          : scrollContainerPosition.top;\n      else\n        stationingData.top = anchorStationing\n          ? anchorStationing.offsetTop + anchorStationing.offsetHeight\n          : scrollContainerPosition.bottom - layoutStationing.offsetHeight;\n      if (horizontalAlign === 'left')\n        stationingData.left = anchorStationing\n          ? anchorStationing.offsetLeft\n          : -window.scrollX + scrollContainerPosition.left;\n      else\n        stationingData.left = anchorStationing\n          ? anchorStationing.offsetLeft +\n            anchorStationing.offsetWidth -\n            layoutStationing.offsetWidth\n          : -window.scrollX +\n            scrollContainerPosition.right -\n            layoutStationing.offsetWidth;\n    } else stationingData.position = 'unset';\n  }\n  return stationingData;\n};\n\nexport const useFixed: UseFixed = (\n  layoutRef,\n  scrollContainer,\n  anchorRef,\n  verticalAlign = verticalAlignDefault,\n  horizontalAlign = horizontalAlignDefault,\n) => {\n  const [stationing, setStationing] = useState<UseFixedData>({});\n  const [result, setResult] = useState<UseFixedData>({});\n\n  useEffect(() => {\n    let startScroll = 0;\n    setTimeout(\n      () => {\n        if (layoutRef && layoutRef.current && layoutRef.current.parentElement) {\n          const parentContainer = scrollContainer\n            ? getHTMLElement(scrollContainer)\n            : layoutRef.current.parentElement;\n          const parentStationing = getStationingElement(parentContainer);\n          if (parentStationing) {\n            startScroll =\n              layoutRef.current.offsetTop - parentStationing.offsetTop >= 0\n                ? layoutRef.current.offsetTop - parentStationing.offsetTop\n                : 0;\n          }\n          positioning(startScroll);\n          document.addEventListener('resize', resizing);\n          if (typeof parentContainer?.addEventListener === 'function') {\n            parentContainer?.addEventListener('resize', resizing);\n            parentContainer?.addEventListener('scroll', () =>\n              positioning(startScroll),\n            );\n          }\n        }\n      },\n      typeof scrollContainer !== 'undefined' ? 0 : 500,\n    );\n    return () => {\n      if (layoutRef && layoutRef.current && layoutRef.current.parentElement) {\n        const parentContainer = scrollContainer\n          ? getHTMLElement(scrollContainer)\n          : layoutRef.current.parentElement;\n        document.removeEventListener('resize', resizing);\n        if (typeof parentContainer?.removeEventListener === 'function') {\n          parentContainer?.removeEventListener('resize', resizing);\n          parentContainer?.removeEventListener('scroll', () =>\n            positioning(startScroll),\n          );\n        }\n      }\n    };\n  }, [verticalAlign, horizontalAlign, layoutRef, scrollContainer, anchorRef]);\n\n  useEffect(() => {\n    setResult({ ...stationing });\n  }, [\n    stationing.top,\n    stationing.left,\n    stationing.position,\n    stationing.width,\n    stationing.height,\n    stationing.maxHeight,\n    stationing.maxWidth,\n  ]);\n\n  const resizing = () => {\n    if (layoutRef && layoutRef.current && layoutRef.current.parentElement) {\n      const parentContainer = scrollContainer\n        ? getHTMLElement(scrollContainer)\n        : layoutRef.current.parentElement;\n      const parentStationing = getStationingElement(parentContainer);\n      setStationing({\n        ...stationing,\n        width: layoutRef.current.offsetWidth,\n        height: layoutRef.current.offsetHeight,\n        maxWidth: parentStationing?.clientWidth,\n        maxHeight: parentStationing?.clientHeight,\n      });\n    }\n  };\n\n  const positioning = useCallback(\n    (startScroll: number) => {\n      if (\n        layoutRef &&\n        layoutRef.current &&\n        layoutRef.current.parentElement &&\n        typeof startScroll === 'number'\n      ) {\n        const parentContainer = scrollContainer\n          ? getHTMLElement(scrollContainer)\n          : layoutRef.current.parentElement;\n        if (scrollContainer) {\n          const stationingData = positioningElement(\n            startScroll,\n            getStationingElement(layoutRef.current),\n            getStationingElement(parentContainer),\n            getStationingElement(anchorRef?.current),\n            verticalAlign,\n            horizontalAlign,\n          );\n          setStationing({ ...stationingData });\n        }\n      }\n    },\n    [stationing],\n  );\n\n  return result;\n};\n"],"mappings":"suBAAA,OAAgBA,WAAhB,CAA6BC,SAA7B,CAAwCC,QAAxC,KAAwD,OAAxD,C,GAYMC,cAAa,CAAG,CAAC,KAAD,CAAQ,QAAR,C,CAEhBC,oBAAmC,CAAGD,aAAa,CAAC,CAAD,C,CAEnDE,eAAe,CAAG,CAAC,MAAD,CAAS,OAAT,C,CAElBC,sBAAuC,CAAGD,eAAe,CAAC,CAAD,C,CAkCzDE,cAA+B,CAAG,SAACC,CAAD,CAAa,OAC/CA,EAAO,EAAI,EAAEA,CAAO,WAAYC,YAAnB,EAAkCD,CAAO,WAAYE,OAAvD,CADoC,QAE1CF,CAF0C,WAE1CA,CAF0C,QAE1CA,CAAO,CAAEG,OAFiC,CAG5CH,CACR,C,CAEKI,oBAAoB,CAAG,SAC3BJ,CAD2B,CAEO,OAC9BA,EAAO,WAAYC,YADW,CAEzB,CACLI,SAAS,CAAEL,CAAO,CAACK,SADd,CAELC,YAAY,CAAEN,CAAO,CAACM,YAFjB,CAGLC,UAAU,CAAEP,CAAO,CAACO,UAHf,CAILC,WAAW,CAAER,CAAO,CAACQ,WAJhB,CAKLC,YAAY,CAAET,CAAO,CAACS,YALjB,CAMLC,WAAW,CAAEV,CAAO,CAACU,WANhB,CAOLC,SAAS,CAAEX,CAAO,CAACW,SAPd,CAQLC,YAAY,CAAEZ,CAAO,CAACY,YARjB,CAFyB,CAY9BZ,CAAO,WAAYE,OAZW,CAazB,CACLG,SAAS,CAAE,CADN,CAELC,YAAY,CAAEN,CAAO,CAACa,WAFjB,CAGLN,UAAU,CAAE,CAHP,CAILC,WAAW,CAAER,CAAO,CAACc,UAJhB,CAKLL,YAAY,CAAET,CAAO,CAACa,WALjB,CAMLH,WAAW,CAAEV,CAAO,CAACc,UANhB,CAOLH,SAAS,CAAEX,CAAO,CAACe,OAPd,CAQLH,YAAY,CAAEI,IAAI,CAACC,GAAL,CACZC,QAAQ,CAACC,IAAT,CAAcP,YADF,CAEZM,QAAQ,CAACC,IAAT,CAAcb,YAFF,CART,CAbyB,OA4BnC,C,CAEKc,mBAAmB,CAAG,SAC1BpB,CAD0B,CAE1BqB,CAF0B,CAG1BC,CAH0B,CAI1BC,CAJ0B,CAK1BC,CAL0B,CAMF,OACpBD,EADoB,CAGpBF,CAAS,CAACV,SAAV,EAAuBa,CAAvB,EACAH,CAAS,CAACV,SAAV,EACEU,CAAS,CAACT,YAAV,CAAyBS,CAAS,CAACf,YAAnC,CAAkDN,CAAO,CAACM,YALxC,CAOjBgB,CAAM,CACTD,CAAS,CAACV,SAAV,CAAsBW,CAAM,CAAChB,YAA7B,EAA6CkB,CAA7C,EACEH,CAAS,CAACV,SAAV,EACEU,CAAS,CAACT,YAAV,CAAyBS,CAAS,CAACf,YAAnC,CAAkDN,CAAO,CAACM,YAHrD,CAITe,CAAS,CAACV,SAAV,CAAsBU,CAAS,CAACf,YAAhC,EACEkB,CAAW,CAAGxB,CAAO,CAACM,YADxB,EAEEe,CAAS,CAACV,SAAV,EAAuBU,CAAS,CAACT,YAAV,CAAyBS,CAAS,CAACf,YACjE,C,CAED,MAAO,IAAMmB,mBAAsC,CAAG,SACpDD,CADoD,CAEpDE,CAFoD,CAGpDC,CAHoD,CAIpDC,CAJoD,CAKpDjC,CALoD,CAMpDE,CANoD,CAOjD,CACH,GAAMgC,EAA4B,CAAG,CACnCC,GAAG,CAAE,CAD8B,CAEnCC,IAAI,CAAE,CAF6B,CAGnCC,KAAK,QAAEN,CAAF,WAAEA,CAAF,QAAEA,CAAgB,CAAElB,WAHU,CAInCyB,MAAM,QAAEP,CAAF,WAAEA,CAAF,QAAEA,CAAgB,CAAEpB,YAJS,CAKnC4B,QAAQ,QAAEP,CAAF,WAAEA,CAAF,QAAEA,CAAyB,CAAEjB,WALF,CAMnCyB,SAAS,QAAER,CAAF,WAAEA,CAAF,QAAEA,CAAyB,CAAElB,YANH,CAOnC2B,QAAQ,CAAE,OAPyB,CAArC,CASA,GACEV,CAAgB,EAChBC,CADA,EAEuB,WAAvB,QAAOH,EAHT,CAIE,CACA,GAAMa,EAAuB,CAAG,CAC9BP,GAAG,CAAEH,CAAyB,CAACtB,SADD,CAE9BiC,MAAM,CACJX,CAAyB,CAACtB,SAA1B,CACAsB,CAAyB,CAAClB,YAJE,CAK9BsB,IAAI,CAAEJ,CAAyB,CAACpB,UALF,CAM9BgC,KAAK,CACHZ,CAAyB,CAACpB,UAA1B,CACAoB,CAAyB,CAACjB,WARE,CAS9BsB,KAAK,CAAEL,CAAyB,CAACjB,WATH,CAU9BuB,MAAM,CAAEN,CAAyB,CAAClB,YAVJ,CAAhC,CAYAoB,CAAc,CAACG,KAAf,CAAuBN,CAAgB,CAAClB,WAbxC,CAcAqB,CAAc,CAACI,MAAf,CAAwBP,CAAgB,CAACpB,YAdzC,CAeAuB,CAAc,CAACK,QAAf,CAA0BG,CAAuB,CAACL,KAflD,CAgBAH,CAAc,CAACM,SAAf,CAA2BE,CAAuB,CAACJ,MAhBnD,CAkBEb,mBAAmB,CACjBM,CADiB,CAEjBC,CAFiB,CAGjBC,CAHiB,CAIC,KAAlB,GAAAjC,CAJiB,CAKjB6B,CALiB,CAlBrB,EA0BEK,CAAc,CAACO,QAAf,CAA0B,OA1B5B,CA4BIP,CAAc,CAACC,GA5BnB,CA2BwB,KAAlB,GAAAnC,CA3BN,CA4ByBiC,CAAgB,CACjCA,CAAgB,CAACvB,SADgB,CAEjCgC,CAAuB,CAACP,GA9BhC,CAgCyBF,CAAgB,CACjCA,CAAgB,CAACvB,SAAjB,CAA6BuB,CAAgB,CAACtB,YADb,CAEjC+B,CAAuB,CAACC,MAAxB,CAAiCZ,CAAgB,CAACpB,YAlC1D,CAoCIuB,CAAc,CAACE,IApCnB,CAmC0B,MAApB,GAAAlC,CAnCN,CAoC0B+B,CAAgB,CAClCA,CAAgB,CAACrB,UADiB,CAElC,CAACiC,MAAM,CAACC,OAAR,CAAkBJ,CAAuB,CAACN,IAtClD,CAwC0BH,CAAgB,CAClCA,CAAgB,CAACrB,UAAjB,CACAqB,CAAgB,CAACpB,WADjB,CAEAkB,CAAgB,CAAClB,WAHiB,CAIlC,CAACgC,MAAM,CAACC,OAAR,CACAJ,CAAuB,CAACE,KADxB,CAEAb,CAAgB,CAAClB,WA9CzB,EA+COqB,CAAc,CAACO,QAAf,CAA0B,OAClC,CACD,MAAOP,EACR,CAvEM,CAyEP,MAAO,IAAMa,SAAkB,CAAG,SAChCC,CADgC,CAEhCC,CAFgC,CAGhCC,CAHgC,CAM7B,IAFHlD,EAEG,wDAFaC,oBAEb,CADHC,CACG,wDADeC,sBACf,GACiCJ,QAAQ,CAAe,EAAf,CADzC,uBACIoD,CADJ,MACgBC,CADhB,QAEyBrD,QAAQ,CAAe,EAAf,CAFjC,uBAEIsD,CAFJ,MAEYC,CAFZ,MAIHxD,SAAS,CAAC,UAAM,CACd,GAAI+B,EAAW,CAAG,CAAlB,CA0BA,MAzBA0B,WAAU,CACR,UAAM,CACJ,GAAIP,CAAS,EAAIA,CAAS,CAACxC,OAAvB,EAAkCwC,CAAS,CAACxC,OAAV,CAAkBgD,aAAxD,CAAuE,IAC/DC,EAAe,CAAGR,CAAe,CACnC7C,cAAc,CAAC6C,CAAD,CADqB,CAEnCD,CAAS,CAACxC,OAAV,CAAkBgD,aAH+C,CAI/DE,CAAgB,CAAGjD,oBAAoB,CAACgD,CAAD,CAJwB,CAKjEC,CALiE,GAMnE7B,CAAW,CACmD,CAA5D,EAAAmB,CAAS,CAACxC,OAAV,CAAkBE,SAAlB,CAA8BgD,CAAgB,CAAChD,SAA/C,CACIsC,CAAS,CAACxC,OAAV,CAAkBE,SAAlB,CAA8BgD,CAAgB,CAAChD,SADnD,CAEI,CAT6D,EAWrEiD,CAAW,CAAC9B,CAAD,CAX0D,CAYrEN,QAAQ,CAACqC,gBAAT,CAA0B,QAA1B,CAAoCC,CAApC,CAZqE,CAapB,UAA7C,gBAAOJ,CAAP,WAAOA,CAAP,QAAOA,CAAe,CAAEG,gBAAxB,CAbiE,UAcnEH,CAdmE,WAcnEA,CAdmE,QAcnEA,CAAe,CAAEG,gBAAjB,CAAkC,QAAlC,CAA4CC,CAA5C,CAdmE,QAenEJ,CAfmE,WAenEA,CAfmE,QAenEA,CAAe,CAAEG,gBAAjB,CAAkC,QAAlC,CAA4C,iBAC1CD,EAAW,CAAC9B,CAAD,CAD+B,CAA5C,CAfmE,CAmBtE,CACF,CAtBO,CAuBmB,WAA3B,QAAOoB,EAAP,CAA6C,GAA7C,CAAyC,CAvBjC,CAyBV,CAAO,UAAM,CACX,GAAID,CAAS,EAAIA,CAAS,CAACxC,OAAvB,EAAkCwC,CAAS,CAACxC,OAAV,CAAkBgD,aAAxD,CAAuE,CACrE,GAAMC,EAAe,CAAGR,CAAe,CACnC7C,cAAc,CAAC6C,CAAD,CADqB,CAEnCD,CAAS,CAACxC,OAAV,CAAkBgD,aAFtB,CAGAjC,QAAQ,CAACuC,mBAAT,CAA6B,QAA7B,CAAuCD,CAAvC,CAJqE,CAKjB,UAAhD,gBAAOJ,CAAP,WAAOA,CAAP,QAAOA,CAAe,CAAEK,mBAAxB,CALiE,UAMnEL,CANmE,WAMnEA,CANmE,QAMnEA,CAAe,CAAEK,mBAAjB,CAAqC,QAArC,CAA+CD,CAA/C,CANmE,QAOnEJ,CAPmE,WAOnEA,CAPmE,QAOnEA,CAAe,CAAEK,mBAAjB,CAAqC,QAArC,CAA+C,iBAC7CH,EAAW,CAAC9B,CAAD,CADkC,CAA/C,CAPmE,CAWtE,CACF,CACF,CAzCQ,CAyCN,CAAC7B,CAAD,CAAgBE,CAAhB,CAAiC8C,CAAjC,CAA4CC,CAA5C,CAA6DC,CAA7D,CAzCM,CAJN,CA+CHpD,SAAS,CAAC,UAAM,CACdwD,CAAS,kBAAMH,CAAN,EACV,CAFQ,CAEN,CACDA,CAAU,CAAChB,GADV,CAEDgB,CAAU,CAACf,IAFV,CAGDe,CAAU,CAACV,QAHV,CAIDU,CAAU,CAACd,KAJV,CAKDc,CAAU,CAACb,MALV,CAMDa,CAAU,CAACX,SANV,CAODW,CAAU,CAACZ,QAPV,CAFM,CA/CN,IA2DGsB,EAAQ,CAAG,UAAM,CACrB,GAAIb,CAAS,EAAIA,CAAS,CAACxC,OAAvB,EAAkCwC,CAAS,CAACxC,OAAV,CAAkBgD,aAAxD,CAAuE,IAC/DC,EAAe,CAAGR,CAAe,CACnC7C,cAAc,CAAC6C,CAAD,CADqB,CAEnCD,CAAS,CAACxC,OAAV,CAAkBgD,aAH+C,CAI/DE,CAAgB,CAAGjD,oBAAoB,CAACgD,CAAD,CAJwB,CAKrEL,CAAa,gCACRD,CADQ,MAEXd,KAAK,CAAEW,CAAS,CAACxC,OAAV,CAAkBK,WAFd,CAGXyB,MAAM,CAAEU,CAAS,CAACxC,OAAV,CAAkBG,YAHf,CAIX4B,QAAQ,QAAEmB,CAAF,WAAEA,CAAF,QAAEA,CAAgB,CAAE3C,WAJjB,CAKXyB,SAAS,QAAEkB,CAAF,WAAEA,CAAF,QAAEA,CAAgB,CAAE5C,YALlB,GAOd,CACF,CAzEE,CA2EG6C,CAAW,CAAG9D,WAAW,CAC7B,SAACgC,CAAD,CAAyB,CACvB,GACEmB,CAAS,EACTA,CAAS,CAACxC,OADV,EAEAwC,CAAS,CAACxC,OAAV,CAAkBgD,aAFlB,EAGuB,QAAvB,QAAO3B,EAJT,CAKE,CACA,GAAM4B,EAAe,CAAGR,CAAe,CACnC7C,cAAc,CAAC6C,CAAD,CADqB,CAEnCD,CAAS,CAACxC,OAAV,CAAkBgD,aAFtB,CAGA,GAAIP,CAAJ,CAAqB,CACnB,GAAMf,EAAc,CAAGJ,kBAAkB,CACvCD,CADuC,CAEvCpB,oBAAoB,CAACuC,CAAS,CAACxC,OAAX,CAFmB,CAGvCC,oBAAoB,CAACgD,CAAD,CAHmB,CAIvChD,oBAAoB,QAACyC,CAAD,WAACA,CAAD,QAACA,CAAS,CAAE1C,OAAZ,CAJmB,CAKvCR,CALuC,CAMvCE,CANuC,CAAzC,CAQAkD,CAAa,kBAAMlB,CAAN,EACd,CACF,CACF,CAvB4B,CAwB7B,CAACiB,CAAD,CAxB6B,CA3E5B,CAsGH,MAAOE,EACR,CA7GM"}

package/__internal__/src/components/ListCanary/ListAddItem/ListAddItem.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","innerOffset","underLine"];import{IconAdd}from"@consta/icons/IconAdd";import React,{forwardRef}from"react";import{ListDivider,ListItem}from"..";import{mapGroupVerticalSpaseBottom,mapHorisontalSpase,mapHorisontalSpaseIncreased}from"../maps";import{defaultListPropSize}from"../types";export var ListAddItem=forwardRef(function(a,b){var c=a.size,d=void 0===c?defaultListPropSize:c,e=a.innerOffset,f=a.underLine,g=_objectWithoutProperties(a,_excluded),h="increased"===e?mapHorisontalSpaseIncreased[d]:mapHorisontalSpase[d];return React.createElement(React.Fragment,null,React.createElement(ListItem,Object.assign({},g,{size:d,ref:b,leftIcon:IconAdd,space:{pH:h,pV:mapGroupVerticalSpaseBottom[d]}})),f&&React.createElement(ListDivider,{size:d,space:{mH:h}}))});
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","innerOffset","underLine"];import{IconAdd}from"@consta/icons/IconAdd";import React,{forwardRef}from"react";import{ListDivider,ListItem}from"..";import{mapGroupVerticalSpaceBottom,mapHorizontalSpace,mapHorizontalSpaceIncreased}from"../maps";import{defaultListPropSize}from"../types";export var ListAddItem=forwardRef(function(a,b){var c=a.size,d=void 0===c?defaultListPropSize:c,e=a.innerOffset,f=a.underLine,g=_objectWithoutProperties(a,_excluded),h="increased"===e?mapHorizontalSpaceIncreased[d]:mapHorizontalSpace[d];return React.createElement(React.Fragment,null,React.createElement(ListItem,Object.assign({},g,{size:d,ref:b,leftIcon:IconAdd,space:{pH:h,pV:mapGroupVerticalSpaceBottom[d]}})),f&&React.createElement(ListDivider,{size:d,space:{mH:h}}))});
 //# sourceMappingURL=ListAddItem.js.map

package/__internal__/src/components/ListCanary/ListAddItem/ListAddItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListAddItem.js","names":["IconAdd","React","forwardRef","ListDivider","ListItem","mapGroupVerticalSpaseBottom","mapHorisontalSpase","mapHorisontalSpaseIncreased","defaultListPropSize","ListAddItem","props","ref","size","innerOffset","underLine","otherProps","horisontalSpase","pH","pV","mH"],"sources":["../../../../../../src/components/ListCanary/ListAddItem/ListAddItem.tsx"],"sourcesContent":["import { IconAdd } from '@consta/icons/IconAdd';\nimport React, { forwardRef } from 'react';\n\nimport { ListDivider, ListItem } from '..';\nimport {\n  mapGroupVerticalSpaseBottom,\n  mapHorisontalSpase,\n  mapHorisontalSpaseIncreased,\n} from '../maps';\nimport { defaultListPropSize, ListAddItemProps } from '../types';\n\nexport const ListAddItem = forwardRef<HTMLDivElement, ListAddItemProps>(\n  (props, ref) => {\n    const {\n      size = defaultListPropSize,\n      innerOffset,\n      underLine,\n      ...otherProps\n    } = props;\n\n    const horisontalSpase =\n      innerOffset === 'increased'\n        ? mapHorisontalSpaseIncreased[size]\n        : mapHorisontalSpase[size];\n\n    return (\n      <>\n        <ListItem\n          {...otherProps}\n          size={size}\n          ref={ref}\n          leftIcon={IconAdd}\n          space={{\n            pH: horisontalSpase,\n            pV: mapGroupVerticalSpaseBottom[size],\n          }}\n        />\n        {underLine && (\n          <ListDivider size={size} space={{ mH: horisontalSpase }} />\n        )}\n      </>\n    );\n  },\n);\n"],"mappings":"sIAAA,OAASA,OAAT,KAAwB,uBAAxB,CACA,MAAOC,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,WAAT,CAAsBC,QAAtB,KAAsC,IAAtC,CACA,OACEC,2BADF,CAEEC,kBAFF,CAGEC,2BAHF,eAKA,OAASC,mBAAT,gBAEA,MAAO,IAAMC,YAAW,CAAGP,UAAU,CACnC,SAACQ,CAAD,CAAQC,CAAR,CAAgB,OAMVD,CANU,CAEZE,IAFY,CAEZA,CAFY,YAELJ,mBAFK,GAGZK,CAHY,CAMVH,CANU,CAGZG,WAHY,CAIZC,CAJY,CAMVJ,CANU,CAIZI,SAJY,CAKTC,CALS,0BAMVL,CANU,YAQRM,CAAe,CACH,WAAhB,GAAAH,CAAW,CACPN,2BAA2B,CAACK,CAAD,CADpB,CAEPN,kBAAkB,CAACM,CAAD,CAXV,CAad,MACE,yCACE,oBAAC,QAAD,kBACMG,CADN,EAEE,IAAI,CAAEH,CAFR,CAGE,GAAG,CAAED,CAHP,CAIE,QAAQ,CAAEX,OAJZ,CAKE,KAAK,CAAE,CACLiB,EAAE,CAAED,CADC,CAELE,EAAE,CAAEb,2BAA2B,CAACO,CAAD,CAF1B,CALT,GADF,CAWGE,CAAS,EACR,oBAAC,WAAD,EAAa,IAAI,CAAEF,CAAnB,CAAyB,KAAK,CAAE,CAAEO,EAAE,CAAEH,CAAN,CAAhC,EAZJ,CAgBH,CA/BkC,CAA9B"}
+{"version":3,"file":"ListAddItem.js","names":["IconAdd","React","forwardRef","ListDivider","ListItem","mapGroupVerticalSpaceBottom","mapHorizontalSpace","mapHorizontalSpaceIncreased","defaultListPropSize","ListAddItem","props","ref","size","innerOffset","underLine","otherProps","horizontalSpace","pH","pV","mH"],"sources":["../../../../../../src/components/ListCanary/ListAddItem/ListAddItem.tsx"],"sourcesContent":["import { IconAdd } from '@consta/icons/IconAdd';\nimport React, { forwardRef } from 'react';\n\nimport { ListDivider, ListItem } from '..';\nimport {\n  mapGroupVerticalSpaceBottom,\n  mapHorizontalSpace,\n  mapHorizontalSpaceIncreased,\n} from '../maps';\nimport { defaultListPropSize, ListAddItemProps } from '../types';\n\nexport const ListAddItem = forwardRef<HTMLDivElement, ListAddItemProps>(\n  (props, ref) => {\n    const {\n      size = defaultListPropSize,\n      innerOffset,\n      underLine,\n      ...otherProps\n    } = props;\n\n    const horizontalSpace =\n      innerOffset === 'increased'\n        ? mapHorizontalSpaceIncreased[size]\n        : mapHorizontalSpace[size];\n\n    return (\n      <>\n        <ListItem\n          {...otherProps}\n          size={size}\n          ref={ref}\n          leftIcon={IconAdd}\n          space={{\n            pH: horizontalSpace,\n            pV: mapGroupVerticalSpaceBottom[size],\n          }}\n        />\n        {underLine && (\n          <ListDivider size={size} space={{ mH: horizontalSpace }} />\n        )}\n      </>\n    );\n  },\n);\n"],"mappings":"sIAAA,OAASA,OAAT,KAAwB,uBAAxB,CACA,MAAOC,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,WAAT,CAAsBC,QAAtB,KAAsC,IAAtC,CACA,OACEC,2BADF,CAEEC,kBAFF,CAGEC,2BAHF,eAKA,OAASC,mBAAT,gBAEA,MAAO,IAAMC,YAAW,CAAGP,UAAU,CACnC,SAACQ,CAAD,CAAQC,CAAR,CAAgB,OAMVD,CANU,CAEZE,IAFY,CAEZA,CAFY,YAELJ,mBAFK,GAGZK,CAHY,CAMVH,CANU,CAGZG,WAHY,CAIZC,CAJY,CAMVJ,CANU,CAIZI,SAJY,CAKTC,CALS,0BAMVL,CANU,YAQRM,CAAe,CACH,WAAhB,GAAAH,CAAW,CACPN,2BAA2B,CAACK,CAAD,CADpB,CAEPN,kBAAkB,CAACM,CAAD,CAXV,CAad,MACE,yCACE,oBAAC,QAAD,kBACMG,CADN,EAEE,IAAI,CAAEH,CAFR,CAGE,GAAG,CAAED,CAHP,CAIE,QAAQ,CAAEX,OAJZ,CAKE,KAAK,CAAE,CACLiB,EAAE,CAAED,CADC,CAELE,EAAE,CAAEb,2BAA2B,CAACO,CAAD,CAF1B,CALT,GADF,CAWGE,CAAS,EACR,oBAAC,WAAD,EAAa,IAAI,CAAEF,CAAnB,CAAyB,KAAK,CAAE,CAAEO,EAAE,CAAEH,CAAN,CAAhC,EAZJ,CAgBH,CA/BkC,CAA9B"}

package/__internal__/src/components/ListCanary/ListBox/ListBox.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","form","border","shadow","className"];import React,{forwardRef}from"react";import{cnMixScrollBar}from"../../../mixs/MixScrollBar";import{cnMixSpace}from"../../../mixs/MixSpace";import{defaultListPropSize}from"../types";import{cnListBox}from"./cnListBox";import{mapVerticalSpase}from"./mapVerticalSpase";export var ListBox=forwardRef(function(a,b){var c=a.size,d=void 0===c?defaultListPropSize:c,e=a.form,f=a.border,g=a.shadow,h=a.className,i=_objectWithoutProperties(a,_excluded);return React.createElement("div",Object.assign({},i,{ref:b,className:cnListBox({size:d,form:e,border:f,shadow:g},[cnMixSpace({pV:mapVerticalSpase[d]}),cnMixScrollBar(),h])}))});
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","form","border","shadow","className"];import React,{forwardRef}from"react";import{cnMixScrollBar}from"../../../mixs/MixScrollBar";import{cnMixSpace}from"../../../mixs/MixSpace";import{defaultListPropSize}from"../types";import{cnListBox}from"./cnListBox";import{mapVerticalSpace}from"./mapVerticalSpace";export var ListBox=forwardRef(function(a,b){var c=a.size,d=void 0===c?defaultListPropSize:c,e=a.form,f=a.border,g=a.shadow,h=a.className,i=_objectWithoutProperties(a,_excluded);return React.createElement("div",Object.assign({},i,{ref:b,className:cnListBox({size:d,form:e,border:f,shadow:g},[cnMixSpace({pV:mapVerticalSpace[d]}),cnMixScrollBar(),h])}))});
 //# sourceMappingURL=ListBox.js.map

package/__internal__/src/components/ListCanary/ListBox/ListBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListBox.js","names":["React","forwardRef","cnMixScrollBar","cnMixSpace","defaultListPropSize","cnListBox","mapVerticalSpase","ListBox","props","ref","size","form","border","shadow","className","otherProps","pV"],"sources":["../../../../../../src/components/ListCanary/ListBox/ListBox.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\nimport { cnMixSpace } from '##/mixs/MixSpace';\n\nimport { defaultListPropSize, ListBoxProps } from '../types';\nimport { cnListBox } from './cnListBox';\nimport { mapVerticalSpase } from './mapVerticalSpase';\n\nexport const ListBox = forwardRef<HTMLDivElement, ListBoxProps>(\n  (props, ref) => {\n    const {\n      size = defaultListPropSize,\n      form,\n      border,\n      shadow,\n      className,\n      ...otherProps\n    } = props;\n\n    return (\n      <div\n        {...otherProps}\n        ref={ref}\n        className={cnListBox({ size, form, border, shadow }, [\n          cnMixSpace({\n            pV: mapVerticalSpase[size],\n          }),\n          cnMixScrollBar(),\n          className,\n        ])}\n      />\n    );\n  },\n);\n"],"mappings":"iJAAA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,cAAT,kCACA,OAASC,UAAT,8BAEA,OAASC,mBAAT,gBACA,OAASC,SAAT,mBACA,OAASC,gBAAT,0BAEA,MAAO,IAAMC,QAAO,CAAGN,UAAU,CAC/B,SAACO,CAAD,CAAQC,CAAR,CAAgB,CACd,MAOID,CAPJ,CACEE,IADF,CACEA,CADF,YACSN,mBADT,GAEEO,CAFF,CAOIH,CAPJ,CAEEG,IAFF,CAGEC,CAHF,CAOIJ,CAPJ,CAGEI,MAHF,CAIEC,CAJF,CAOIL,CAPJ,CAIEK,MAJF,CAKEC,CALF,CAOIN,CAPJ,CAKEM,SALF,CAMKC,CANL,0BAOIP,CAPJ,YASA,MACE,4CACMO,CADN,EAEE,GAAG,CAAEN,CAFP,CAGE,SAAS,CAAEJ,SAAS,CAAC,CAAEK,IAAI,CAAJA,CAAF,CAAQC,IAAI,CAAJA,CAAR,CAAcC,MAAM,CAANA,CAAd,CAAsBC,MAAM,CAANA,CAAtB,CAAD,CAAiC,CACnDV,UAAU,CAAC,CACTa,EAAE,CAAEV,gBAAgB,CAACI,CAAD,CADX,CAAD,CADyC,CAInDR,cAAc,EAJqC,CAKnDY,CALmD,CAAjC,CAHtB,GAYH,CAxB8B,CAA1B"}
+{"version":3,"file":"ListBox.js","names":["React","forwardRef","cnMixScrollBar","cnMixSpace","defaultListPropSize","cnListBox","mapVerticalSpace","ListBox","props","ref","size","form","border","shadow","className","otherProps","pV"],"sources":["../../../../../../src/components/ListCanary/ListBox/ListBox.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\nimport { cnMixSpace } from '##/mixs/MixSpace';\n\nimport { defaultListPropSize, ListBoxProps } from '../types';\nimport { cnListBox } from './cnListBox';\nimport { mapVerticalSpace } from './mapVerticalSpace';\n\nexport const ListBox = forwardRef<HTMLDivElement, ListBoxProps>(\n  (props, ref) => {\n    const {\n      size = defaultListPropSize,\n      form,\n      border,\n      shadow,\n      className,\n      ...otherProps\n    } = props;\n\n    return (\n      <div\n        {...otherProps}\n        ref={ref}\n        className={cnListBox({ size, form, border, shadow }, [\n          cnMixSpace({\n            pV: mapVerticalSpace[size],\n          }),\n          cnMixScrollBar(),\n          className,\n        ])}\n      />\n    );\n  },\n);\n"],"mappings":"iJAAA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,cAAT,kCACA,OAASC,UAAT,8BAEA,OAASC,mBAAT,gBACA,OAASC,SAAT,mBACA,OAASC,gBAAT,0BAEA,MAAO,IAAMC,QAAO,CAAGN,UAAU,CAC/B,SAACO,CAAD,CAAQC,CAAR,CAAgB,CACd,MAOID,CAPJ,CACEE,IADF,CACEA,CADF,YACSN,mBADT,GAEEO,CAFF,CAOIH,CAPJ,CAEEG,IAFF,CAGEC,CAHF,CAOIJ,CAPJ,CAGEI,MAHF,CAIEC,CAJF,CAOIL,CAPJ,CAIEK,MAJF,CAKEC,CALF,CAOIN,CAPJ,CAKEM,SALF,CAMKC,CANL,0BAOIP,CAPJ,YASA,MACE,4CACMO,CADN,EAEE,GAAG,CAAEN,CAFP,CAGE,SAAS,CAAEJ,SAAS,CAAC,CAAEK,IAAI,CAAJA,CAAF,CAAQC,IAAI,CAAJA,CAAR,CAAcC,MAAM,CAANA,CAAd,CAAsBC,MAAM,CAANA,CAAtB,CAAD,CAAiC,CACnDV,UAAU,CAAC,CACTa,EAAE,CAAEV,gBAAgB,CAACI,CAAD,CADX,CAAD,CADyC,CAInDR,cAAc,EAJqC,CAKnDY,CALmD,CAAjC,CAHtB,GAYH,CAxB8B,CAA1B"}

package/__internal__/src/components/ListCanary/ListBox/index.d.ts

@@ -1,3 +1,3 @@
 export * from './ListBox';
 export * from './cnListBox';
-export * from './mapVerticalSpase';
+export * from './mapVerticalSpace';

package/__internal__/src/components/ListCanary/ListBox/index.js

@@ -1,2 +1,2 @@
-export*from"./ListBox";export*from"./cnListBox";export*from"./mapVerticalSpase";
+export*from"./ListBox";export*from"./cnListBox";export*from"./mapVerticalSpace";
 //# sourceMappingURL=index.js.map

package/__internal__/src/components/ListCanary/ListBox/index.js.map

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

package/__internal__/src/components/ListCanary/ListBox/{mapVerticalSpase.d.ts → mapVerticalSpace.d.ts}

@@ -1,3 +1,3 @@
 import { Space } from "../../../mixs/MixSpace";
 import { ListPropSize } from '../types';
-export declare const mapVerticalSpase: Record<ListPropSize, Space>;
+export declare const mapVerticalSpace: Record<ListPropSize, Space>;

package/__internal__/src/components/ListCanary/ListBox/mapVerticalSpace.js

@@ -0,0 +1,2 @@
+export var mapVerticalSpace={xs:"2xs",s:"2xs",m:"xs",l:"xs"};
+//# sourceMappingURL=mapVerticalSpace.js.map

package/__internal__/src/components/ListCanary/ListBox/mapVerticalSpace.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapVerticalSpace.js","names":["mapVerticalSpace","xs","s","m","l"],"sources":["../../../../../../src/components/ListCanary/ListBox/mapVerticalSpace.ts"],"sourcesContent":["import { Space } from '##/mixs/MixSpace';\n\nimport { ListPropSize } from '../types';\n\nexport const mapVerticalSpace: Record<ListPropSize, Space> = {\n  xs: '2xs',\n  s: '2xs',\n  m: 'xs',\n  l: 'xs',\n};\n"],"mappings":"AAIA,MAAO,IAAMA,iBAA6C,CAAG,CAC3DC,EAAE,CAAE,KADuD,CAE3DC,CAAC,CAAE,KAFwD,CAG3DC,CAAC,CAAE,IAHwD,CAI3DC,CAAC,CAAE,IAJwD,CAAtD"}

package/__internal__/src/components/ListCanary/ListCanary.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";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 React,{useMemo}from"react";import{cn}from"../../utils/bem";import{getGroups}from"../../utils/getGroups";import{withDefaultGetters}from"./helper";import{ListItem}from"./ListItem";import{renderHeader}from"./renderHeader";import{defaultListPropInnerOffset,defaultListPropSize}from"./types";export var cnList=cn("List");export var List=function(a){var b=withDefaultGetters(a),c=b.items,d=b.onItemClick,e=b.groups,f=b.disabled,g=b.itemSpase,h=b.groupLabelSpase,i=b.dividerSpase,j=b.getItemLabel,k=b.getItemLeftIcon,l=b.getItemLeftSide,m=b.getItemRightIcon,n=b.getItemRightSide,o=b.getItemAs,p=b.getItemAttributes,q=b.getItemGroupKey,r=b.getItemDisabled,s=b.getItemActive,t=b.getItemChecked,u=b.getItemOnClick,v=b.getItemRef,w=b.getItemStatus,x=b.getItemAdditionalClassName,y=b.getGroupKey,z=b.getGroupLabel,A=b.getGroupRightSide,B=b.getGroupAdditionalClassName,C=b.renderItem,D=b.innerOffset,E=void 0===D?defaultListPropInnerOffset:D,F=b.size,G=void 0===F?defaultListPropSize:F,H=b.sortGroup,I=useMemo(function(){return getGroups(c,q,e,y,H)},[e,c]),J=function(a){var b,c,h=u(a),i=null!==(b=r(a))&&void 0!==b?b:f,q=!i&&(h||d)?function(b){null===h||void 0===h?void 0:h(b),null===d||void 0===d?void 0:d(a,{e:b,item:a})}:void 0,y=_objectSpread(_objectSpread({},null!==(c=null===p||void 0===p?void 0:p(a))&&void 0!==c?c:{}),{},{label:j(a),disabled:i,leftSide:l(a),leftIcon:k(a),rightSide:n(a),rightIcon:m(a),active:s(a),checked:t(a),status:w(a),as:null===o||void 0===o?void 0:o(a),size:G,onClick:q,innerOffset:E,ref:(null===v||void 0===v?void 0:v(a))||void 0,space:g,className:null===x||void 0===x?void 0:x(a)});return React.createElement(ListItem,y)};return React.createElement(React.Fragment,null,I.map(function(a,b){return React.createElement(React.Fragment,{key:a.key},renderHeader(a.group&&z(a.group),0===b,G,a.group&&A(a.group),h,i,B&&a.group&&B(a.group)),a.items.map(function(b,c){return React.createElement(React.Fragment,{key:"".concat(a.key,"-").concat(c)},(null!==C&&void 0!==C?C:J)(b))}))}))};
+import _defineProperty from"@babel/runtime/helpers/defineProperty";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 React,{useMemo}from"react";import{cn}from"../../utils/bem";import{getGroups}from"../../utils/getGroups";import{withDefaultGetters}from"./helper";import{ListItem}from"./ListItem";import{renderHeader}from"./renderHeader";import{defaultListPropInnerOffset,defaultListPropSize}from"./types";export var cnList=cn("List");export var List=function(a){var b=withDefaultGetters(a),c=b.items,d=b.onItemClick,e=b.groups,f=b.disabled,g=b.itemSpace,h=b.groupLabelSpace,i=b.dividerSpace,j=b.getItemLabel,k=b.getItemLeftIcon,l=b.getItemLeftSide,m=b.getItemRightIcon,n=b.getItemRightSide,o=b.getItemAs,p=b.getItemAttributes,q=b.getItemGroupKey,r=b.getItemDisabled,s=b.getItemActive,t=b.getItemChecked,u=b.getItemOnClick,v=b.getItemRef,w=b.getItemStatus,x=b.getItemAdditionalClassName,y=b.getGroupKey,z=b.getGroupLabel,A=b.getGroupRightSide,B=b.getGroupAdditionalClassName,C=b.renderItem,D=b.innerOffset,E=void 0===D?defaultListPropInnerOffset:D,F=b.size,G=void 0===F?defaultListPropSize:F,H=b.sortGroup,I=useMemo(function(){return getGroups(c,q,e,y,H)},[e,c]),J=function(a){var b,c,h=u(a),i=null!==(b=r(a))&&void 0!==b?b:f,q=!i&&(h||d)?function(b){null===h||void 0===h?void 0:h(b),null===d||void 0===d?void 0:d(a,{e:b,item:a})}:void 0,y=_objectSpread(_objectSpread({},null!==(c=null===p||void 0===p?void 0:p(a))&&void 0!==c?c:{}),{},{label:j(a),disabled:i,leftSide:l(a),leftIcon:k(a),rightSide:n(a),rightIcon:m(a),active:s(a),checked:t(a),status:w(a),as:null===o||void 0===o?void 0:o(a),size:G,onClick:q,innerOffset:E,ref:(null===v||void 0===v?void 0:v(a))||void 0,space:g,className:null===x||void 0===x?void 0:x(a)});return React.createElement(ListItem,y)};return React.createElement(React.Fragment,null,I.map(function(a,b){return React.createElement(React.Fragment,{key:a.key},renderHeader(a.group&&z(a.group),0===b,G,a.group&&A(a.group),h,i,B&&a.group&&B(a.group)),a.items.map(function(b,c){return React.createElement(React.Fragment,{key:"".concat(a.key,"-").concat(c)},(null!==C&&void 0!==C?C:J)(b))}))}))};
 //# sourceMappingURL=ListCanary.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ListCanary.js","names":["React","useMemo","cn","getGroups","withDefaultGetters","ListItem","renderHeader","defaultListPropInnerOffset","defaultListPropSize","cnList","List","props","items","onItemClick","groupsProp","groups","disabledProp","disabled","itemSpase","groupLabelSpase","dividerSpase","getItemLabel","getItemLeftIcon","getItemLeftSide","getItemRightIcon","getItemRightSide","getItemAs","getItemAttributes","getItemGroupKey","getItemDisabled","getItemActive","getItemChecked","getItemOnClick","getItemRef","getItemStatus","getItemAdditionalClassName","getGroupKey","getGroupLabel","getGroupRightSide","getGroupAdditionalClassName","renderItem","innerOffset","size","sortGroup","renderItemDefault","item","onClick","handleClick","e","params","label","leftSide","leftIcon","rightSide","rightIcon","active","checked","status","as","ref","space","className","map","group","groupIndex","key","index"],"sources":["../../../../../src/components/ListCanary/ListCanary.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\n\nimport { cn } from '##/utils/bem';\nimport { getGroups } from '##/utils/getGroups';\n\nimport { withDefaultGetters } from './helper';\nimport { ListItem } from './ListItem';\nimport { renderHeader } from './renderHeader';\nimport {\n  defaultListPropInnerOffset,\n  defaultListPropSize,\n  ListComponent,\n  ListPropRenderItem,\n} from './types';\n\nexport const cnList = cn('List');\n\nexport const List: ListComponent = (props) => {\n  const {\n    items,\n    onItemClick,\n    groups: groupsProp,\n    disabled: disabledProp,\n    itemSpase,\n    groupLabelSpase,\n    dividerSpase,\n    getItemLabel,\n    getItemLeftIcon,\n    getItemLeftSide,\n    getItemRightIcon,\n    getItemRightSide,\n    getItemAs,\n    getItemAttributes,\n    getItemGroupKey,\n    getItemDisabled,\n    getItemActive,\n    getItemChecked,\n    getItemOnClick,\n    getItemRef,\n    getItemStatus,\n    getItemAdditionalClassName,\n    getGroupKey,\n    getGroupLabel,\n    getGroupRightSide,\n    getGroupAdditionalClassName,\n    renderItem,\n    innerOffset = defaultListPropInnerOffset,\n    size = defaultListPropSize,\n    sortGroup,\n  } = withDefaultGetters(props);\n\n  const groups = useMemo(\n    () => getGroups(items, getItemGroupKey, groupsProp, getGroupKey, sortGroup),\n    [groupsProp, items],\n  );\n\n  type ITEM = typeof items[number];\n\n  const renderItemDefault: ListPropRenderItem<ITEM> = (item) => {\n    const onClick = getItemOnClick(item);\n    const disabled = getItemDisabled(item) ?? disabledProp;\n\n    const handleClick: React.MouseEventHandler<HTMLElement> | undefined =\n      !disabled && (onClick || onItemClick)\n        ? (e) => {\n            onClick?.(e);\n            onItemClick?.(item, { e, item });\n          }\n        : undefined;\n\n    const params = {\n      ...(getItemAttributes?.(item) ?? {}),\n      label: getItemLabel(item),\n      disabled,\n      leftSide: getItemLeftSide(item),\n      leftIcon: getItemLeftIcon(item),\n      rightSide: getItemRightSide(item),\n      rightIcon: getItemRightIcon(item),\n      active: getItemActive(item),\n      checked: getItemChecked(item),\n      status: getItemStatus(item),\n      as: getItemAs?.(item),\n      size,\n      onClick: handleClick,\n      innerOffset,\n      ref: (getItemRef?.(item) as React.RefObject<HTMLDivElement>) || undefined,\n      space: itemSpase,\n      className: getItemAdditionalClassName?.(item),\n    };\n\n    return <ListItem {...params} />;\n  };\n\n  return (\n    <>\n      {groups.map((group, groupIndex) => {\n        return (\n          <React.Fragment key={group.key}>\n            {renderHeader(\n              group.group && getGroupLabel(group.group),\n              groupIndex === 0,\n              size,\n              group.group && getGroupRightSide(group.group),\n              groupLabelSpase,\n              dividerSpase,\n              getGroupAdditionalClassName &&\n                group.group &&\n                getGroupAdditionalClassName(group.group),\n            )}\n            {group.items.map((item, index) => {\n              return (\n                <React.Fragment key={`${group.key}-${index}`}>\n                  {(renderItem ?? renderItemDefault)(item)}\n                </React.Fragment>\n              );\n            })}\n          </React.Fragment>\n        );\n      })}\n    </>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"ListCanary.js","names":["React","useMemo","cn","getGroups","withDefaultGetters","ListItem","renderHeader","defaultListPropInnerOffset","defaultListPropSize","cnList","List","props","items","onItemClick","groupsProp","groups","disabledProp","disabled","itemSpace","groupLabelSpace","dividerSpace","getItemLabel","getItemLeftIcon","getItemLeftSide","getItemRightIcon","getItemRightSide","getItemAs","getItemAttributes","getItemGroupKey","getItemDisabled","getItemActive","getItemChecked","getItemOnClick","getItemRef","getItemStatus","getItemAdditionalClassName","getGroupKey","getGroupLabel","getGroupRightSide","getGroupAdditionalClassName","renderItem","innerOffset","size","sortGroup","renderItemDefault","item","onClick","handleClick","e","params","label","leftSide","leftIcon","rightSide","rightIcon","active","checked","status","as","ref","space","className","map","group","groupIndex","key","index"],"sources":["../../../../../src/components/ListCanary/ListCanary.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\n\nimport { cn } from '##/utils/bem';\nimport { getGroups } from '##/utils/getGroups';\n\nimport { withDefaultGetters } from './helper';\nimport { ListItem } from './ListItem';\nimport { renderHeader } from './renderHeader';\nimport {\n  defaultListPropInnerOffset,\n  defaultListPropSize,\n  ListComponent,\n  ListPropRenderItem,\n} from './types';\n\nexport const cnList = cn('List');\n\nexport const List: ListComponent = (props) => {\n  const {\n    items,\n    onItemClick,\n    groups: groupsProp,\n    disabled: disabledProp,\n    itemSpace,\n    groupLabelSpace,\n    dividerSpace,\n    getItemLabel,\n    getItemLeftIcon,\n    getItemLeftSide,\n    getItemRightIcon,\n    getItemRightSide,\n    getItemAs,\n    getItemAttributes,\n    getItemGroupKey,\n    getItemDisabled,\n    getItemActive,\n    getItemChecked,\n    getItemOnClick,\n    getItemRef,\n    getItemStatus,\n    getItemAdditionalClassName,\n    getGroupKey,\n    getGroupLabel,\n    getGroupRightSide,\n    getGroupAdditionalClassName,\n    renderItem,\n    innerOffset = defaultListPropInnerOffset,\n    size = defaultListPropSize,\n    sortGroup,\n  } = withDefaultGetters(props);\n\n  const groups = useMemo(\n    () => getGroups(items, getItemGroupKey, groupsProp, getGroupKey, sortGroup),\n    [groupsProp, items],\n  );\n\n  type ITEM = typeof items[number];\n\n  const renderItemDefault: ListPropRenderItem<ITEM> = (item) => {\n    const onClick = getItemOnClick(item);\n    const disabled = getItemDisabled(item) ?? disabledProp;\n\n    const handleClick: React.MouseEventHandler<HTMLElement> | undefined =\n      !disabled && (onClick || onItemClick)\n        ? (e) => {\n            onClick?.(e);\n            onItemClick?.(item, { e, item });\n          }\n        : undefined;\n\n    const params = {\n      ...(getItemAttributes?.(item) ?? {}),\n      label: getItemLabel(item),\n      disabled,\n      leftSide: getItemLeftSide(item),\n      leftIcon: getItemLeftIcon(item),\n      rightSide: getItemRightSide(item),\n      rightIcon: getItemRightIcon(item),\n      active: getItemActive(item),\n      checked: getItemChecked(item),\n      status: getItemStatus(item),\n      as: getItemAs?.(item),\n      size,\n      onClick: handleClick,\n      innerOffset,\n      ref: (getItemRef?.(item) as React.RefObject<HTMLDivElement>) || undefined,\n      space: itemSpace,\n      className: getItemAdditionalClassName?.(item),\n    };\n\n    return <ListItem {...params} />;\n  };\n\n  return (\n    <>\n      {groups.map((group, groupIndex) => {\n        return (\n          <React.Fragment key={group.key}>\n            {renderHeader(\n              group.group && getGroupLabel(group.group),\n              groupIndex === 0,\n              size,\n              group.group && getGroupRightSide(group.group),\n              groupLabelSpace,\n              dividerSpace,\n              getGroupAdditionalClassName &&\n                group.group &&\n                getGroupAdditionalClassName(group.group),\n            )}\n            {group.items.map((item, index) => {\n              return (\n                <React.Fragment key={`${group.key}-${index}`}>\n                  {(renderItem ?? renderItemDefault)(item)}\n                </React.Fragment>\n              );\n            })}\n          </React.Fragment>\n        );\n      })}\n    </>\n  );\n};\n"],"mappings":"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"}

package/__internal__/src/components/ListCanary/ListDivider/ListDivider.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","innerOffset","className","space"];import"./ListDivider.css";import React,{forwardRef}from"react";import{cnMixSpace}from"../../../mixs/MixSpace";import{cn}from"../../../utils/bem";import{mapDividerVerticalSpace,mapHorisontalSpase,mapHorisontalSpaseIncreased}from"../maps";import{defaultListPropSize}from"../types";export var cnListDivider=cn("ListDivider");export var ListDivider=forwardRef(function(a,b){var c=a.size,d=void 0===c?defaultListPropSize:c,e=a.innerOffset,f=a.className,g=a.space,h=_objectWithoutProperties(a,_excluded);return React.createElement("div",Object.assign({},h,{ref:b,className:cnListDivider(null,[cnMixSpace(g||{mH:"increased"===e?mapHorisontalSpaseIncreased[d]:mapHorisontalSpase[d],mV:mapDividerVerticalSpace[d]}),f])}))});
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","innerOffset","className","space"];import"./ListDivider.css";import React,{forwardRef}from"react";import{cnMixSpace}from"../../../mixs/MixSpace";import{cn}from"../../../utils/bem";import{mapDividerVerticalSpace,mapHorizontalSpace,mapHorizontalSpaceIncreased}from"../maps";import{defaultListPropSize}from"../types";export var cnListDivider=cn("ListDivider");export var ListDivider=forwardRef(function(a,b){var c=a.size,d=void 0===c?defaultListPropSize:c,e=a.innerOffset,f=a.className,g=a.space,h=_objectWithoutProperties(a,_excluded);return React.createElement("div",Object.assign({},h,{ref:b,className:cnListDivider(null,[cnMixSpace(g||{mH:"increased"===e?mapHorizontalSpaceIncreased[d]:mapHorizontalSpace[d],mV:mapDividerVerticalSpace[d]}),f])}))});
 //# sourceMappingURL=ListDivider.js.map

package/__internal__/src/components/ListCanary/ListDivider/ListDivider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListDivider.js","names":["React","forwardRef","cnMixSpace","cn","mapDividerVerticalSpace","mapHorisontalSpase","mapHorisontalSpaseIncreased","defaultListPropSize","cnListDivider","ListDivider","props","ref","size","innerOffset","className","space","otherProps","mH","mV"],"sources":["../../../../../../src/components/ListCanary/ListDivider/ListDivider.tsx"],"sourcesContent":["import './ListDivider.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cn } from '##/utils/bem';\n\nimport {\n  mapDividerVerticalSpace,\n  mapHorisontalSpase,\n  mapHorisontalSpaseIncreased,\n} from '../maps';\nimport { defaultListPropSize, ListDividerProps } from '../types';\n\nexport const cnListDivider = cn('ListDivider');\n\nexport const ListDivider = forwardRef<HTMLDivElement, ListDividerProps>(\n  (props, ref) => {\n    const {\n      size = defaultListPropSize,\n      innerOffset,\n      className,\n      space,\n      ...otherProps\n    } = props;\n\n    return (\n      <div\n        {...otherProps}\n        ref={ref}\n        className={cnListDivider(null, [\n          cnMixSpace(\n            space || {\n              mH:\n                innerOffset === 'increased'\n                  ? mapHorisontalSpaseIncreased[size]\n                  : mapHorisontalSpase[size],\n              mV: mapDividerVerticalSpace[size],\n            },\n          ),\n          className,\n        ])}\n      />\n    );\n  },\n);\n"],"mappings":"8IAAA,0BAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,UAAT,8BACA,OAASC,EAAT,0BAEA,OACEC,uBADF,CAEEC,kBAFF,CAGEC,2BAHF,eAKA,OAASC,mBAAT,gBAEA,MAAO,IAAMC,cAAa,CAAGL,EAAE,CAAC,aAAD,CAAxB,CAEP,MAAO,IAAMM,YAAW,CAAGR,UAAU,CACnC,SAACS,CAAD,CAAQC,CAAR,CAAgB,CACd,MAMID,CANJ,CACEE,IADF,CACEA,CADF,YACSL,mBADT,GAEEM,CAFF,CAMIH,CANJ,CAEEG,WAFF,CAGEC,CAHF,CAMIJ,CANJ,CAGEI,SAHF,CAIEC,CAJF,CAMIL,CANJ,CAIEK,KAJF,CAKKC,CALL,0BAMIN,CANJ,YAQA,MACE,4CACMM,CADN,EAEE,GAAG,CAAEL,CAFP,CAGE,SAAS,CAAEH,aAAa,CAAC,IAAD,CAAO,CAC7BN,UAAU,CACRa,CAAK,EAAI,CACPE,EAAE,CACgB,WAAhB,GAAAJ,CAAW,CACPP,2BAA2B,CAACM,CAAD,CADpB,CAEPP,kBAAkB,CAACO,CAAD,CAJjB,CAKPM,EAAE,CAAEd,uBAAuB,CAACQ,CAAD,CALpB,CADD,CADmB,CAU7BE,CAV6B,CAAP,CAH1B,GAiBH,CA5BkC,CAA9B"}
+{"version":3,"file":"ListDivider.js","names":["React","forwardRef","cnMixSpace","cn","mapDividerVerticalSpace","mapHorizontalSpace","mapHorizontalSpaceIncreased","defaultListPropSize","cnListDivider","ListDivider","props","ref","size","innerOffset","className","space","otherProps","mH","mV"],"sources":["../../../../../../src/components/ListCanary/ListDivider/ListDivider.tsx"],"sourcesContent":["import './ListDivider.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cn } from '##/utils/bem';\n\nimport {\n  mapDividerVerticalSpace,\n  mapHorizontalSpace,\n  mapHorizontalSpaceIncreased,\n} from '../maps';\nimport { defaultListPropSize, ListDividerProps } from '../types';\n\nexport const cnListDivider = cn('ListDivider');\n\nexport const ListDivider = forwardRef<HTMLDivElement, ListDividerProps>(\n  (props, ref) => {\n    const {\n      size = defaultListPropSize,\n      innerOffset,\n      className,\n      space,\n      ...otherProps\n    } = props;\n\n    return (\n      <div\n        {...otherProps}\n        ref={ref}\n        className={cnListDivider(null, [\n          cnMixSpace(\n            space || {\n              mH:\n                innerOffset === 'increased'\n                  ? mapHorizontalSpaceIncreased[size]\n                  : mapHorizontalSpace[size],\n              mV: mapDividerVerticalSpace[size],\n            },\n          ),\n          className,\n        ])}\n      />\n    );\n  },\n);\n"],"mappings":"8IAAA,0BAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,UAAT,8BACA,OAASC,EAAT,0BAEA,OACEC,uBADF,CAEEC,kBAFF,CAGEC,2BAHF,eAKA,OAASC,mBAAT,gBAEA,MAAO,IAAMC,cAAa,CAAGL,EAAE,CAAC,aAAD,CAAxB,CAEP,MAAO,IAAMM,YAAW,CAAGR,UAAU,CACnC,SAACS,CAAD,CAAQC,CAAR,CAAgB,CACd,MAMID,CANJ,CACEE,IADF,CACEA,CADF,YACSL,mBADT,GAEEM,CAFF,CAMIH,CANJ,CAEEG,WAFF,CAGEC,CAHF,CAMIJ,CANJ,CAGEI,SAHF,CAIEC,CAJF,CAMIL,CANJ,CAIEK,KAJF,CAKKC,CALL,0BAMIN,CANJ,YAQA,MACE,4CACMM,CADN,EAEE,GAAG,CAAEL,CAFP,CAGE,SAAS,CAAEH,aAAa,CAAC,IAAD,CAAO,CAC7BN,UAAU,CACRa,CAAK,EAAI,CACPE,EAAE,CACgB,WAAhB,GAAAJ,CAAW,CACPP,2BAA2B,CAACM,CAAD,CADpB,CAEPP,kBAAkB,CAACO,CAAD,CAJjB,CAKPM,EAAE,CAAEd,uBAAuB,CAACQ,CAAD,CALpB,CADD,CADmB,CAU7BE,CAV6B,CAAP,CAH1B,GAiBH,CA5BkC,CAA9B"}

package/__internal__/src/components/ListCanary/ListGroupLabel/ListGroupLabel.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["rightSide","size","label","innerOffset","className","space"];import"./ListGroupLabel.css";import React,{forwardRef}from"react";import{Text}from"../../Text";import{cnMixSpace}from"../../../mixs/MixSpace";import{cn}from"../../../utils/bem";import{cnListItemGrid,renderSlot}from"../ListItemGrid";import{mapGroupVerticalSpaseBottom,mapGroupVerticalSpaseTop,mapHorisontalSpase,mapHorisontalSpaseIncreased}from"../maps";import{defaultListPropSize}from"../types";export var cnListGroupLabel=cn("ListGroupLabel");var mapFontSize={xs:"2xs",s:"2xs",m:"xs",l:"s"};export var ListGroupLabel=forwardRef(function(a,b){var c=a.rightSide,d=a.size,e=void 0===d?defaultListPropSize:d,f=a.label,g=a.innerOffset,h=a.className,i=a.space,j=_objectWithoutProperties(a,_excluded);return React.createElement(Text,Object.assign({},j,{ref:b,className:cnListGroupLabel(null,[cnListItemGrid(),cnMixSpace(i||{mH:"increased"===g?mapHorisontalSpaseIncreased[e]:mapHorisontalSpase[e],pT:mapGroupVerticalSpaseTop[e],pB:mapGroupVerticalSpaseBottom[e]}),h]),size:mapFontSize[e],view:"secondary",lineHeight:"xs",spacing:"xs",transform:"uppercase"}),c?React.createElement("span",{className:cnListItemGrid("Slot",{position:"center"})},f):f,renderSlot(c,"right",e,void 0))});
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["rightSide","size","label","innerOffset","className","space"];import"./ListGroupLabel.css";import React,{forwardRef}from"react";import{Text}from"../../Text";import{cnMixSpace}from"../../../mixs/MixSpace";import{cn}from"../../../utils/bem";import{cnListItemGrid,renderSlot}from"../ListItemGrid";import{mapGroupVerticalSpaceBottom,mapGroupVerticalSpaceTop,mapHorizontalSpace,mapHorizontalSpaceIncreased}from"../maps";import{defaultListPropSize}from"../types";export var cnListGroupLabel=cn("ListGroupLabel");var mapFontSize={xs:"2xs",s:"2xs",m:"xs",l:"s"};export var ListGroupLabel=forwardRef(function(a,b){var c=a.rightSide,d=a.size,e=void 0===d?defaultListPropSize:d,f=a.label,g=a.innerOffset,h=a.className,i=a.space,j=_objectWithoutProperties(a,_excluded);return React.createElement(Text,Object.assign({},j,{ref:b,className:cnListGroupLabel(null,[cnListItemGrid(),cnMixSpace(i||{mH:"increased"===g?mapHorizontalSpaceIncreased[e]:mapHorizontalSpace[e],pT:mapGroupVerticalSpaceTop[e],pB:mapGroupVerticalSpaceBottom[e]}),h]),size:mapFontSize[e],view:"secondary",lineHeight:"xs",spacing:"xs",transform:"uppercase"}),c?React.createElement("span",{className:cnListItemGrid("Slot",{position:"center"})},f):f,renderSlot(c,"right",e,void 0))});
 //# sourceMappingURL=ListGroupLabel.js.map

package/__internal__/src/components/ListCanary/ListGroupLabel/ListGroupLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListGroupLabel.js","names":["React","forwardRef","Text","cnMixSpace","cn","cnListItemGrid","renderSlot","mapGroupVerticalSpaseBottom","mapGroupVerticalSpaseTop","mapHorisontalSpase","mapHorisontalSpaseIncreased","defaultListPropSize","cnListGroupLabel","mapFontSize","xs","s","m","l","ListGroupLabel","props","ref","rightSide","size","label","innerOffset","className","space","otherProps","mH","pT","pB","position"],"sources":["../../../../../../src/components/ListCanary/ListGroupLabel/ListGroupLabel.tsx"],"sourcesContent":["import './ListGroupLabel.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { Text, TextPropSize } from '##/components/Text';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cn } from '##/utils/bem';\n\nimport { cnListItemGrid, renderSlot } from '../ListItemGrid';\nimport {\n  mapGroupVerticalSpaseBottom,\n  mapGroupVerticalSpaseTop,\n  mapHorisontalSpase,\n  mapHorisontalSpaseIncreased,\n} from '../maps';\nimport {\n  defaultListPropSize,\n  ListGroupLabelProps,\n  ListPropSize,\n} from '../types';\n\nexport const cnListGroupLabel = cn('ListGroupLabel');\n\nconst mapFontSize: Record<ListPropSize, TextPropSize> = {\n  xs: '2xs',\n  s: '2xs',\n  m: 'xs',\n  l: 's',\n};\n\nexport const ListGroupLabel = forwardRef<HTMLDivElement, ListGroupLabelProps>(\n  (props, ref) => {\n    const {\n      rightSide,\n      size = defaultListPropSize,\n      label,\n      innerOffset,\n      className,\n      space,\n      ...otherProps\n    } = props;\n\n    return (\n      <Text\n        {...otherProps}\n        ref={ref}\n        className={cnListGroupLabel(null, [\n          cnListItemGrid(),\n          cnMixSpace(\n            space || {\n              mH:\n                innerOffset === 'increased'\n                  ? mapHorisontalSpaseIncreased[size]\n                  : mapHorisontalSpase[size],\n              pT: mapGroupVerticalSpaseTop[size],\n              pB: mapGroupVerticalSpaseBottom[size],\n            },\n          ),\n          className,\n        ])}\n        size={mapFontSize[size]}\n        view=\"secondary\"\n        lineHeight=\"xs\"\n        spacing=\"xs\"\n        transform=\"uppercase\"\n      >\n        {!rightSide ? (\n          label\n        ) : (\n          <span className={cnListItemGrid('Slot', { position: 'center' })}>\n            {label}\n          </span>\n        )}\n        {renderSlot(rightSide, 'right', size, undefined)}\n      </Text>\n    );\n  },\n);\n"],"mappings":"kKAAA,6BAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,IAAT,kBACA,OAASC,UAAT,8BACA,OAASC,EAAT,0BAEA,OAASC,cAAT,CAAyBC,UAAzB,uBACA,OACEC,2BADF,CAEEC,wBAFF,CAGEC,kBAHF,CAIEC,2BAJF,eAMA,OACEC,mBADF,gBAMA,MAAO,IAAMC,iBAAgB,CAAGR,EAAE,CAAC,gBAAD,CAA3B,CAEP,GAAMS,YAA+C,CAAG,CACtDC,EAAE,CAAE,KADkD,CAEtDC,CAAC,CAAE,KAFmD,CAGtDC,CAAC,CAAE,IAHmD,CAItDC,CAAC,CAAE,GAJmD,CAAxD,CAOA,MAAO,IAAMC,eAAc,CAAGjB,UAAU,CACtC,SAACkB,CAAD,CAAQC,CAAR,CAAgB,CACd,GACEC,EADF,CAQIF,CARJ,CACEE,SADF,GAQIF,CARJ,CAEEG,IAFF,CAEEA,CAFF,YAESX,mBAFT,GAGEY,CAHF,CAQIJ,CARJ,CAGEI,KAHF,CAIEC,CAJF,CAQIL,CARJ,CAIEK,WAJF,CAKEC,CALF,CAQIN,CARJ,CAKEM,SALF,CAMEC,CANF,CAQIP,CARJ,CAMEO,KANF,CAOKC,CAPL,0BAQIR,CARJ,YAUA,MACE,qBAAC,IAAD,kBACMQ,CADN,EAEE,GAAG,CAAEP,CAFP,CAGE,SAAS,CAAER,gBAAgB,CAAC,IAAD,CAAO,CAChCP,cAAc,EADkB,CAEhCF,UAAU,CACRuB,CAAK,EAAI,CACPE,EAAE,CACgB,WAAhB,GAAAJ,CAAW,CACPd,2BAA2B,CAACY,CAAD,CADpB,CAEPb,kBAAkB,CAACa,CAAD,CAJjB,CAKPO,EAAE,CAAErB,wBAAwB,CAACc,CAAD,CALrB,CAMPQ,EAAE,CAAEvB,2BAA2B,CAACe,CAAD,CANxB,CADD,CAFsB,CAYhCG,CAZgC,CAAP,CAH7B,CAiBE,IAAI,CAAEZ,WAAW,CAACS,CAAD,CAjBnB,CAkBE,IAAI,CAAC,WAlBP,CAmBE,UAAU,CAAC,IAnBb,CAoBE,OAAO,CAAC,IApBV,CAqBE,SAAS,CAAC,WArBZ,GAuBID,CAAD,CAGC,4BAAM,SAAS,CAAEhB,cAAc,CAAC,MAAD,CAAS,CAAE0B,QAAQ,CAAE,QAAZ,CAAT,CAA/B,EACGR,CADH,CAHD,CACCA,CAxBJ,CA8BGjB,UAAU,CAACe,CAAD,CAAY,OAAZ,CAAqBC,CAArB,QA9Bb,CAiCH,CA9CqC,CAAjC"}
+{"version":3,"file":"ListGroupLabel.js","names":["React","forwardRef","Text","cnMixSpace","cn","cnListItemGrid","renderSlot","mapGroupVerticalSpaceBottom","mapGroupVerticalSpaceTop","mapHorizontalSpace","mapHorizontalSpaceIncreased","defaultListPropSize","cnListGroupLabel","mapFontSize","xs","s","m","l","ListGroupLabel","props","ref","rightSide","size","label","innerOffset","className","space","otherProps","mH","pT","pB","position"],"sources":["../../../../../../src/components/ListCanary/ListGroupLabel/ListGroupLabel.tsx"],"sourcesContent":["import './ListGroupLabel.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { Text, TextPropSize } from '##/components/Text';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cn } from '##/utils/bem';\n\nimport { cnListItemGrid, renderSlot } from '../ListItemGrid';\nimport {\n  mapGroupVerticalSpaceBottom,\n  mapGroupVerticalSpaceTop,\n  mapHorizontalSpace,\n  mapHorizontalSpaceIncreased,\n} from '../maps';\nimport {\n  defaultListPropSize,\n  ListGroupLabelProps,\n  ListPropSize,\n} from '../types';\n\nexport const cnListGroupLabel = cn('ListGroupLabel');\n\nconst mapFontSize: Record<ListPropSize, TextPropSize> = {\n  xs: '2xs',\n  s: '2xs',\n  m: 'xs',\n  l: 's',\n};\n\nexport const ListGroupLabel = forwardRef<HTMLDivElement, ListGroupLabelProps>(\n  (props, ref) => {\n    const {\n      rightSide,\n      size = defaultListPropSize,\n      label,\n      innerOffset,\n      className,\n      space,\n      ...otherProps\n    } = props;\n\n    return (\n      <Text\n        {...otherProps}\n        ref={ref}\n        className={cnListGroupLabel(null, [\n          cnListItemGrid(),\n          cnMixSpace(\n            space || {\n              mH:\n                innerOffset === 'increased'\n                  ? mapHorizontalSpaceIncreased[size]\n                  : mapHorizontalSpace[size],\n              pT: mapGroupVerticalSpaceTop[size],\n              pB: mapGroupVerticalSpaceBottom[size],\n            },\n          ),\n          className,\n        ])}\n        size={mapFontSize[size]}\n        view=\"secondary\"\n        lineHeight=\"xs\"\n        spacing=\"xs\"\n        transform=\"uppercase\"\n      >\n        {!rightSide ? (\n          label\n        ) : (\n          <span className={cnListItemGrid('Slot', { position: 'center' })}>\n            {label}\n          </span>\n        )}\n        {renderSlot(rightSide, 'right', size, undefined)}\n      </Text>\n    );\n  },\n);\n"],"mappings":"kKAAA,6BAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,IAAT,kBACA,OAASC,UAAT,8BACA,OAASC,EAAT,0BAEA,OAASC,cAAT,CAAyBC,UAAzB,uBACA,OACEC,2BADF,CAEEC,wBAFF,CAGEC,kBAHF,CAIEC,2BAJF,eAMA,OACEC,mBADF,gBAMA,MAAO,IAAMC,iBAAgB,CAAGR,EAAE,CAAC,gBAAD,CAA3B,CAEP,GAAMS,YAA+C,CAAG,CACtDC,EAAE,CAAE,KADkD,CAEtDC,CAAC,CAAE,KAFmD,CAGtDC,CAAC,CAAE,IAHmD,CAItDC,CAAC,CAAE,GAJmD,CAAxD,CAOA,MAAO,IAAMC,eAAc,CAAGjB,UAAU,CACtC,SAACkB,CAAD,CAAQC,CAAR,CAAgB,CACd,GACEC,EADF,CAQIF,CARJ,CACEE,SADF,GAQIF,CARJ,CAEEG,IAFF,CAEEA,CAFF,YAESX,mBAFT,GAGEY,CAHF,CAQIJ,CARJ,CAGEI,KAHF,CAIEC,CAJF,CAQIL,CARJ,CAIEK,WAJF,CAKEC,CALF,CAQIN,CARJ,CAKEM,SALF,CAMEC,CANF,CAQIP,CARJ,CAMEO,KANF,CAOKC,CAPL,0BAQIR,CARJ,YAUA,MACE,qBAAC,IAAD,kBACMQ,CADN,EAEE,GAAG,CAAEP,CAFP,CAGE,SAAS,CAAER,gBAAgB,CAAC,IAAD,CAAO,CAChCP,cAAc,EADkB,CAEhCF,UAAU,CACRuB,CAAK,EAAI,CACPE,EAAE,CACgB,WAAhB,GAAAJ,CAAW,CACPd,2BAA2B,CAACY,CAAD,CADpB,CAEPb,kBAAkB,CAACa,CAAD,CAJjB,CAKPO,EAAE,CAAErB,wBAAwB,CAACc,CAAD,CALrB,CAMPQ,EAAE,CAAEvB,2BAA2B,CAACe,CAAD,CANxB,CADD,CAFsB,CAYhCG,CAZgC,CAAP,CAH7B,CAiBE,IAAI,CAAEZ,WAAW,CAACS,CAAD,CAjBnB,CAkBE,IAAI,CAAC,WAlBP,CAmBE,UAAU,CAAC,IAnBb,CAoBE,OAAO,CAAC,IApBV,CAqBE,SAAS,CAAC,WArBZ,GAuBID,CAAD,CAGC,4BAAM,SAAS,CAAEhB,cAAc,CAAC,MAAD,CAAS,CAAE0B,QAAQ,CAAE,QAAZ,CAAT,CAA/B,EACGR,CADH,CAHD,CACCA,CAxBJ,CA8BGjB,UAAU,CAACe,CAAD,CAAY,OAAZ,CAAqBC,CAArB,QA9Bb,CAiCH,CA9CqC,CAAjC"}

package/__internal__/src/components/ListCanary/ListItem/ListItem.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","active","label","innerOffset","disabled","className","leftSide","rightSide","rightIcon","leftIcon","as","checked","onClick","status","space","iconSize"];import"./ListItem.css";import React,{forwardRef}from"react";import{cnText,textPropViewDefault}from"../../Text";import{cnMixSpace}from"../../../mixs/MixSpace";import{cn}from"../../../utils/bem";import{cnListItemGrid,renderSlot}from"../ListItemGrid";import{mapHorisontalSpase,mapHorisontalSpaseIncreased,mapItemVerticalPadding}from"../maps";import{defaultListPropSize}from"../types";export var cnListItem=cn("ListItem");var ListItemRender=function(a,b){var c=a.size,d=void 0===c?defaultListPropSize:c,e=a.active,f=a.label,g=a.innerOffset,h=a.disabled,i=a.className,j=a.leftSide,k=a.rightSide,l=a.rightIcon,m=a.leftIcon,n=a.as,o=void 0===n?"div":n,p=a.checked,q=a.onClick,r=a.status,s=void 0===r?textPropViewDefault:r,t=a.space,u=a.iconSize,v=_objectWithoutProperties(a,_excluded),w=q&&!h?q:void 0;return React.createElement(o,Object.assign({},v,{className:cnListItem({active:e,disabled:h,checked:p,interactive:!!w},[cnText({lineHeight:"xs",size:d,view:s}),cnMixSpace(t||{pH:"increased"===g?mapHorisontalSpaseIncreased[d]:mapHorisontalSpase[d],pV:mapItemVerticalPadding[d]}),cnListItemGrid(),i]),onClick:w,ref:b}),renderSlot(j,"left",d,m,u),l||k||j||m?f&&React.createElement("span",{className:cnListItemGrid("Slot",{position:"center"})},f):f,renderSlot(k,"right",d,l,u))};export var ListItem=forwardRef(ListItemRender);
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","active","label","innerOffset","disabled","className","leftSide","rightSide","rightIcon","leftIcon","as","checked","onClick","status","space","iconSize"];import"./ListItem.css";import React,{forwardRef}from"react";import{cnText,textPropViewDefault}from"../../Text";import{cnMixSpace}from"../../../mixs/MixSpace";import{cn}from"../../../utils/bem";import{cnListItemGrid,renderSlot}from"../ListItemGrid";import{mapHorizontalSpace,mapHorizontalSpaceIncreased,mapItemVerticalPadding}from"../maps";import{defaultListPropSize}from"../types";export var cnListItem=cn("ListItem");var ListItemRender=function(a,b){var c=a.size,d=void 0===c?defaultListPropSize:c,e=a.active,f=a.label,g=a.innerOffset,h=a.disabled,i=a.className,j=a.leftSide,k=a.rightSide,l=a.rightIcon,m=a.leftIcon,n=a.as,o=void 0===n?"div":n,p=a.checked,q=a.onClick,r=a.status,s=void 0===r?textPropViewDefault:r,t=a.space,u=a.iconSize,v=_objectWithoutProperties(a,_excluded),w=q&&!h?q:void 0;return React.createElement(o,Object.assign({},v,{className:cnListItem({active:e,disabled:h,checked:p,interactive:!!w},[cnText({lineHeight:"xs",size:d,view:s}),cnMixSpace(t||{pH:"increased"===g?mapHorizontalSpaceIncreased[d]:mapHorizontalSpace[d],pV:mapItemVerticalPadding[d]}),cnListItemGrid(),i]),onClick:w,ref:b}),renderSlot(j,"left",d,m,u),l||k||j||m?f&&React.createElement("span",{className:cnListItemGrid("Slot",{position:"center"})},f):f,renderSlot(k,"right",d,l,u))};export var ListItem=forwardRef(ListItemRender);
 //# sourceMappingURL=ListItem.js.map

package/__internal__/src/components/ListCanary/ListItem/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","names":["React","forwardRef","cnText","textPropViewDefault","cnMixSpace","cn","cnListItemGrid","renderSlot","mapHorisontalSpase","mapHorisontalSpaseIncreased","mapItemVerticalPadding","defaultListPropSize","cnListItem","ListItemRender","props","ref","size","active","label","innerOffset","disabled","className","leftSide","rightSide","rightIcon","leftIcon","as","Tag","checked","onClick","status","space","iconSize","otherProps","handleClick","interactive","lineHeight","view","pH","pV","position","ListItem"],"sources":["../../../../../../src/components/ListCanary/ListItem/ListItem.tsx"],"sourcesContent":["import './ListItem.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { cnText, textPropViewDefault } from '##/components/Text';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cn } from '##/utils/bem';\n\nimport { cnListItemGrid, renderSlot } from '../ListItemGrid';\nimport {\n  mapHorisontalSpase,\n  mapHorisontalSpaseIncreased,\n  mapItemVerticalPadding,\n} from '../maps';\nimport {\n  defaultListPropSize,\n  ListItemComponent,\n  ListItemProps,\n} from '../types';\n\nexport const cnListItem = cn('ListItem');\n\nconst ListItemRender = (\n  props: ListItemProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    size = defaultListPropSize,\n    active,\n    label,\n    innerOffset,\n    disabled,\n    className,\n    leftSide,\n    rightSide,\n    rightIcon,\n    leftIcon,\n    as: Tag = 'div',\n    checked,\n    onClick,\n    status = textPropViewDefault,\n    space,\n    iconSize,\n    ...otherProps\n  } = props;\n\n  const handleClick: React.MouseEventHandler<HTMLDivElement> | undefined =\n    onClick && !disabled ? onClick : undefined;\n\n  return (\n    <Tag\n      {...otherProps}\n      className={cnListItem(\n        { active, disabled, checked, interactive: !!handleClick },\n        [\n          cnText({\n            lineHeight: 'xs',\n            size,\n            view: status,\n          }),\n          cnMixSpace(\n            space || {\n              pH:\n                innerOffset === 'increased'\n                  ? mapHorisontalSpaseIncreased[size]\n                  : mapHorisontalSpase[size],\n              pV: mapItemVerticalPadding[size],\n            },\n          ),\n          cnListItemGrid(),\n          className,\n        ],\n      )}\n      onClick={handleClick}\n      ref={ref}\n    >\n      {renderSlot(leftSide, 'left', size, leftIcon, iconSize)}\n      {!rightIcon && !rightSide && !leftSide && !leftIcon\n        ? label\n        : label && (\n            <span className={cnListItemGrid('Slot', { position: 'center' })}>\n              {label}\n            </span>\n          )}\n      {renderSlot(rightSide, 'right', size, rightIcon, iconSize)}\n    </Tag>\n  );\n};\n\nexport const ListItem = forwardRef(ListItemRender) as ListItemComponent;\n"],"mappings":"qQAAA,uBAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,MAAT,CAAiBC,mBAAjB,kBACA,OAASC,UAAT,8BACA,OAASC,EAAT,0BAEA,OAASC,cAAT,CAAyBC,UAAzB,uBACA,OACEC,kBADF,CAEEC,2BAFF,CAGEC,sBAHF,eAKA,OACEC,mBADF,gBAMA,MAAO,IAAMC,WAAU,CAAGP,EAAE,CAAC,UAAD,CAArB,CAEP,GAAMQ,eAAc,CAAG,SACrBC,CADqB,CAErBC,CAFqB,CAGlB,OAmBCD,CAnBD,CAEDE,IAFC,CAEDA,CAFC,YAEML,mBAFN,GAGDM,CAHC,CAmBCH,CAnBD,CAGDG,MAHC,CAIDC,CAJC,CAmBCJ,CAnBD,CAIDI,KAJC,CAKDC,CALC,CAmBCL,CAnBD,CAKDK,WALC,CAMDC,CANC,CAmBCN,CAnBD,CAMDM,QANC,CAODC,CAPC,CAmBCP,CAnBD,CAODO,SAPC,CAQDC,CARC,CAmBCR,CAnBD,CAQDQ,QARC,CASDC,CATC,CAmBCT,CAnBD,CASDS,SATC,CAUDC,CAVC,CAmBCV,CAnBD,CAUDU,SAVC,CAWDC,CAXC,CAmBCX,CAnBD,CAWDW,QAXC,GAmBCX,CAnBD,CAYDY,EAZC,CAYGC,CAZH,YAYS,KAZT,GAaDC,CAbC,CAmBCd,CAnBD,CAaDc,OAbC,CAcDC,CAdC,CAmBCf,CAnBD,CAcDe,OAdC,GAmBCf,CAnBD,CAeDgB,MAfC,CAeDA,CAfC,YAeQ3B,mBAfR,GAgBD4B,CAhBC,CAmBCjB,CAnBD,CAgBDiB,KAhBC,CAiBDC,CAjBC,CAmBClB,CAnBD,CAiBDkB,QAjBC,CAkBEC,CAlBF,0BAmBCnB,CAnBD,YAqBGoB,CAAgE,CACpEL,CAAO,EAAI,CAACT,CAAZ,CAAuBS,CAAvB,OAtBC,CAwBH,MACE,qBAAC,CAAD,kBACMI,CADN,EAEE,SAAS,CAAErB,UAAU,CACnB,CAAEK,MAAM,CAANA,CAAF,CAAUG,QAAQ,CAARA,CAAV,CAAoBQ,OAAO,CAAPA,CAApB,CAA6BO,WAAW,CAAE,CAAC,CAACD,CAA5C,CADmB,CAEnB,CACEhC,MAAM,CAAC,CACLkC,UAAU,CAAE,IADP,CAELpB,IAAI,CAAJA,CAFK,CAGLqB,IAAI,CAAEP,CAHD,CAAD,CADR,CAME1B,UAAU,CACR2B,CAAK,EAAI,CACPO,EAAE,CACgB,WAAhB,GAAAnB,CAAW,CACPV,2BAA2B,CAACO,CAAD,CADpB,CAEPR,kBAAkB,CAACQ,CAAD,CAJjB,CAKPuB,EAAE,CAAE7B,sBAAsB,CAACM,CAAD,CALnB,CADD,CANZ,CAeEV,cAAc,EAfhB,CAgBEe,CAhBF,CAFmB,CAFvB,CAuBE,OAAO,CAAEa,CAvBX,CAwBE,GAAG,CAAEnB,CAxBP,GA0BGR,UAAU,CAACe,CAAD,CAAW,MAAX,CAAmBN,CAAnB,CAAyBS,CAAzB,CAAmCO,CAAnC,CA1Bb,CA2BIR,CAAD,EAAeD,CAAf,EAA6BD,CAA7B,EAA0CG,CAA1C,CAEGP,CAAK,EACH,4BAAM,SAAS,CAAEZ,cAAc,CAAC,MAAD,CAAS,CAAEkC,QAAQ,CAAE,QAAZ,CAAT,CAA/B,EACGtB,CADH,CAHL,CACGA,CA5BN,CAkCGX,UAAU,CAACgB,CAAD,CAAY,OAAZ,CAAqBP,CAArB,CAA2BQ,CAA3B,CAAsCQ,CAAtC,CAlCb,CAqCH,CAjED,CAmEA,MAAO,IAAMS,SAAQ,CAAGxC,UAAU,CAACY,cAAD,CAA3B"}
+{"version":3,"file":"ListItem.js","names":["React","forwardRef","cnText","textPropViewDefault","cnMixSpace","cn","cnListItemGrid","renderSlot","mapHorizontalSpace","mapHorizontalSpaceIncreased","mapItemVerticalPadding","defaultListPropSize","cnListItem","ListItemRender","props","ref","size","active","label","innerOffset","disabled","className","leftSide","rightSide","rightIcon","leftIcon","as","Tag","checked","onClick","status","space","iconSize","otherProps","handleClick","interactive","lineHeight","view","pH","pV","position","ListItem"],"sources":["../../../../../../src/components/ListCanary/ListItem/ListItem.tsx"],"sourcesContent":["import './ListItem.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { cnText, textPropViewDefault } from '##/components/Text';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cn } from '##/utils/bem';\n\nimport { cnListItemGrid, renderSlot } from '../ListItemGrid';\nimport {\n  mapHorizontalSpace,\n  mapHorizontalSpaceIncreased,\n  mapItemVerticalPadding,\n} from '../maps';\nimport {\n  defaultListPropSize,\n  ListItemComponent,\n  ListItemProps,\n} from '../types';\n\nexport const cnListItem = cn('ListItem');\n\nconst ListItemRender = (\n  props: ListItemProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    size = defaultListPropSize,\n    active,\n    label,\n    innerOffset,\n    disabled,\n    className,\n    leftSide,\n    rightSide,\n    rightIcon,\n    leftIcon,\n    as: Tag = 'div',\n    checked,\n    onClick,\n    status = textPropViewDefault,\n    space,\n    iconSize,\n    ...otherProps\n  } = props;\n\n  const handleClick: React.MouseEventHandler<HTMLDivElement> | undefined =\n    onClick && !disabled ? onClick : undefined;\n\n  return (\n    <Tag\n      {...otherProps}\n      className={cnListItem(\n        { active, disabled, checked, interactive: !!handleClick },\n        [\n          cnText({\n            lineHeight: 'xs',\n            size,\n            view: status,\n          }),\n          cnMixSpace(\n            space || {\n              pH:\n                innerOffset === 'increased'\n                  ? mapHorizontalSpaceIncreased[size]\n                  : mapHorizontalSpace[size],\n              pV: mapItemVerticalPadding[size],\n            },\n          ),\n          cnListItemGrid(),\n          className,\n        ],\n      )}\n      onClick={handleClick}\n      ref={ref}\n    >\n      {renderSlot(leftSide, 'left', size, leftIcon, iconSize)}\n      {!rightIcon && !rightSide && !leftSide && !leftIcon\n        ? label\n        : label && (\n            <span className={cnListItemGrid('Slot', { position: 'center' })}>\n              {label}\n            </span>\n          )}\n      {renderSlot(rightSide, 'right', size, rightIcon, iconSize)}\n    </Tag>\n  );\n};\n\nexport const ListItem = forwardRef(ListItemRender) as ListItemComponent;\n"],"mappings":"qQAAA,uBAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,MAAT,CAAiBC,mBAAjB,kBACA,OAASC,UAAT,8BACA,OAASC,EAAT,0BAEA,OAASC,cAAT,CAAyBC,UAAzB,uBACA,OACEC,kBADF,CAEEC,2BAFF,CAGEC,sBAHF,eAKA,OACEC,mBADF,gBAMA,MAAO,IAAMC,WAAU,CAAGP,EAAE,CAAC,UAAD,CAArB,CAEP,GAAMQ,eAAc,CAAG,SACrBC,CADqB,CAErBC,CAFqB,CAGlB,OAmBCD,CAnBD,CAEDE,IAFC,CAEDA,CAFC,YAEML,mBAFN,GAGDM,CAHC,CAmBCH,CAnBD,CAGDG,MAHC,CAIDC,CAJC,CAmBCJ,CAnBD,CAIDI,KAJC,CAKDC,CALC,CAmBCL,CAnBD,CAKDK,WALC,CAMDC,CANC,CAmBCN,CAnBD,CAMDM,QANC,CAODC,CAPC,CAmBCP,CAnBD,CAODO,SAPC,CAQDC,CARC,CAmBCR,CAnBD,CAQDQ,QARC,CASDC,CATC,CAmBCT,CAnBD,CASDS,SATC,CAUDC,CAVC,CAmBCV,CAnBD,CAUDU,SAVC,CAWDC,CAXC,CAmBCX,CAnBD,CAWDW,QAXC,GAmBCX,CAnBD,CAYDY,EAZC,CAYGC,CAZH,YAYS,KAZT,GAaDC,CAbC,CAmBCd,CAnBD,CAaDc,OAbC,CAcDC,CAdC,CAmBCf,CAnBD,CAcDe,OAdC,GAmBCf,CAnBD,CAeDgB,MAfC,CAeDA,CAfC,YAeQ3B,mBAfR,GAgBD4B,CAhBC,CAmBCjB,CAnBD,CAgBDiB,KAhBC,CAiBDC,CAjBC,CAmBClB,CAnBD,CAiBDkB,QAjBC,CAkBEC,CAlBF,0BAmBCnB,CAnBD,YAqBGoB,CAAgE,CACpEL,CAAO,EAAI,CAACT,CAAZ,CAAuBS,CAAvB,OAtBC,CAwBH,MACE,qBAAC,CAAD,kBACMI,CADN,EAEE,SAAS,CAAErB,UAAU,CACnB,CAAEK,MAAM,CAANA,CAAF,CAAUG,QAAQ,CAARA,CAAV,CAAoBQ,OAAO,CAAPA,CAApB,CAA6BO,WAAW,CAAE,CAAC,CAACD,CAA5C,CADmB,CAEnB,CACEhC,MAAM,CAAC,CACLkC,UAAU,CAAE,IADP,CAELpB,IAAI,CAAJA,CAFK,CAGLqB,IAAI,CAAEP,CAHD,CAAD,CADR,CAME1B,UAAU,CACR2B,CAAK,EAAI,CACPO,EAAE,CACgB,WAAhB,GAAAnB,CAAW,CACPV,2BAA2B,CAACO,CAAD,CADpB,CAEPR,kBAAkB,CAACQ,CAAD,CAJjB,CAKPuB,EAAE,CAAE7B,sBAAsB,CAACM,CAAD,CALnB,CADD,CANZ,CAeEV,cAAc,EAfhB,CAgBEe,CAhBF,CAFmB,CAFvB,CAuBE,OAAO,CAAEa,CAvBX,CAwBE,GAAG,CAAEnB,CAxBP,GA0BGR,UAAU,CAACe,CAAD,CAAW,MAAX,CAAmBN,CAAnB,CAAyBS,CAAzB,CAAmCO,CAAnC,CA1Bb,CA2BIR,CAAD,EAAeD,CAAf,EAA6BD,CAA7B,EAA0CG,CAA1C,CAEGP,CAAK,EACH,4BAAM,SAAS,CAAEZ,cAAc,CAAC,MAAD,CAAS,CAAEkC,QAAQ,CAAE,QAAZ,CAAT,CAA/B,EACGtB,CADH,CAHL,CACGA,CA5BN,CAkCGX,UAAU,CAACgB,CAAD,CAAY,OAAZ,CAAqBP,CAArB,CAA2BQ,CAA3B,CAAsCQ,CAAtC,CAlCb,CAqCH,CAjED,CAmEA,MAAO,IAAMS,SAAQ,CAAGxC,UAAU,CAACY,cAAD,CAA3B"}

package/__internal__/src/components/ListCanary/ListLoader/ListLoader.js

@@ -1,2 +1,2 @@
-import"./ListLoader.css";import React,{forwardRef}from"react";import{Loader}from"../../LoaderDeprecated";import{cnMixSpace}from"../../../mixs/MixSpace";import{cn}from"../../../utils/bem";import{mapHorisontalSpase,mapHorisontalSpaseIncreased}from"../maps";import{defaultListPropInnerOffset,defaultListPropSize}from"../types";var cnListLoader=cn("ListLoader");export var ListLoader=forwardRef(function(a,b){var c=a.size,d=void 0===c?defaultListPropSize:c,e=a.innerOffset,f=void 0===e?defaultListPropInnerOffset:e,g=a.className;return React.createElement("div",{ref:b,className:cnListLoader({size:d},[cnMixSpace({pH:"increased"===f?mapHorisontalSpaseIncreased[d]:mapHorisontalSpase[d]}),g])},React.createElement("div",{className:cnListLoader("Container")},React.createElement(Loader,{size:"s",className:cnListLoader("Loader")})))});
+import"./ListLoader.css";import React,{forwardRef}from"react";import{Loader}from"../../LoaderDeprecated";import{cnMixSpace}from"../../../mixs/MixSpace";import{cn}from"../../../utils/bem";import{mapHorizontalSpace,mapHorizontalSpaceIncreased}from"../maps";import{defaultListPropInnerOffset,defaultListPropSize}from"../types";var cnListLoader=cn("ListLoader");export var ListLoader=forwardRef(function(a,b){var c=a.size,d=void 0===c?defaultListPropSize:c,e=a.innerOffset,f=void 0===e?defaultListPropInnerOffset:e,g=a.className;return React.createElement("div",{ref:b,className:cnListLoader({size:d},[cnMixSpace({pH:"increased"===f?mapHorizontalSpaceIncreased[d]:mapHorizontalSpace[d]}),g])},React.createElement("div",{className:cnListLoader("Container")},React.createElement(Loader,{size:"s",className:cnListLoader("Loader")})))});
 //# sourceMappingURL=ListLoader.js.map

package/__internal__/src/components/ListCanary/ListLoader/ListLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListLoader.js","names":["React","forwardRef","Loader","cnMixSpace","cn","mapHorisontalSpase","mapHorisontalSpaseIncreased","defaultListPropInnerOffset","defaultListPropSize","cnListLoader","ListLoader","ref","size","innerOffset","className","pH"],"sources":["../../../../../../src/components/ListCanary/ListLoader/ListLoader.tsx"],"sourcesContent":["import './ListLoader.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { Loader } from '##/components/LoaderDeprecated';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cn } from '##/utils/bem';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { mapHorisontalSpase, mapHorisontalSpaseIncreased } from '../maps';\nimport {\n  defaultListPropInnerOffset,\n  defaultListPropSize,\n  ListPropInnerOffset,\n  ListPropSize,\n} from '../types';\n\nconst cnListLoader = cn('ListLoader');\n\ntype Props = PropsWithHTMLAttributesAndRef<\n  { size?: ListPropSize; innerOffset?: ListPropInnerOffset },\n  HTMLDivElement\n>;\n\nexport const ListLoader = forwardRef<HTMLDivElement, Props>(\n  (\n    {\n      size = defaultListPropSize,\n      innerOffset = defaultListPropInnerOffset,\n      className,\n    },\n    ref,\n  ) => {\n    return (\n      <div\n        ref={ref}\n        className={cnListLoader({ size }, [\n          cnMixSpace({\n            pH:\n              innerOffset === 'increased'\n                ? mapHorisontalSpaseIncreased[size]\n                : mapHorisontalSpase[size],\n          }),\n          className,\n        ])}\n      >\n        <div className={cnListLoader('Container')}>\n          <Loader size=\"s\" className={cnListLoader('Loader')} />\n        </div>\n      </div>\n    );\n  },\n);\n"],"mappings":"AAAA,yBAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,MAAT,8BACA,OAASC,UAAT,8BACA,OAASC,EAAT,0BAGA,OAASC,kBAAT,CAA6BC,2BAA7B,eACA,OACEC,0BADF,CAEEC,mBAFF,gBAOA,GAAMC,aAAY,CAAGL,EAAE,CAAC,YAAD,CAAvB,CAOA,MAAO,IAAMM,WAAU,CAAGT,UAAU,CAClC,WAMEU,CANF,CAOK,SALDC,IAKC,CALDA,CAKC,YALMJ,mBAKN,OAJDK,WAIC,CAJDA,CAIC,YAJaN,0BAIb,GAHDO,CAGC,GAHDA,SAGC,CACH,MACE,4BACE,GAAG,CAAEH,CADP,CAEE,SAAS,CAAEF,YAAY,CAAC,CAAEG,IAAI,CAAJA,CAAF,CAAD,CAAW,CAChCT,UAAU,CAAC,CACTY,EAAE,CACgB,WAAhB,GAAAF,CAAW,CACPP,2BAA2B,CAACM,CAAD,CADpB,CAEPP,kBAAkB,CAACO,CAAD,CAJf,CAAD,CADsB,CAOhCE,CAPgC,CAAX,CAFzB,EAYE,2BAAK,SAAS,CAAEL,YAAY,CAAC,WAAD,CAA5B,EACE,oBAAC,MAAD,EAAQ,IAAI,CAAC,GAAb,CAAiB,SAAS,CAAEA,YAAY,CAAC,QAAD,CAAxC,EADF,CAZF,CAiBH,CA3BiC,CAA7B"}
+{"version":3,"file":"ListLoader.js","names":["React","forwardRef","Loader","cnMixSpace","cn","mapHorizontalSpace","mapHorizontalSpaceIncreased","defaultListPropInnerOffset","defaultListPropSize","cnListLoader","ListLoader","ref","size","innerOffset","className","pH"],"sources":["../../../../../../src/components/ListCanary/ListLoader/ListLoader.tsx"],"sourcesContent":["import './ListLoader.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { Loader } from '##/components/LoaderDeprecated';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cn } from '##/utils/bem';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { mapHorizontalSpace, mapHorizontalSpaceIncreased } from '../maps';\nimport {\n  defaultListPropInnerOffset,\n  defaultListPropSize,\n  ListPropInnerOffset,\n  ListPropSize,\n} from '../types';\n\nconst cnListLoader = cn('ListLoader');\n\ntype Props = PropsWithHTMLAttributesAndRef<\n  { size?: ListPropSize; innerOffset?: ListPropInnerOffset },\n  HTMLDivElement\n>;\n\nexport const ListLoader = forwardRef<HTMLDivElement, Props>(\n  (\n    {\n      size = defaultListPropSize,\n      innerOffset = defaultListPropInnerOffset,\n      className,\n    },\n    ref,\n  ) => {\n    return (\n      <div\n        ref={ref}\n        className={cnListLoader({ size }, [\n          cnMixSpace({\n            pH:\n              innerOffset === 'increased'\n                ? mapHorizontalSpaceIncreased[size]\n                : mapHorizontalSpace[size],\n          }),\n          className,\n        ])}\n      >\n        <div className={cnListLoader('Container')}>\n          <Loader size=\"s\" className={cnListLoader('Loader')} />\n        </div>\n      </div>\n    );\n  },\n);\n"],"mappings":"AAAA,yBAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,MAAT,8BACA,OAASC,UAAT,8BACA,OAASC,EAAT,0BAGA,OAASC,kBAAT,CAA6BC,2BAA7B,eACA,OACEC,0BADF,CAEEC,mBAFF,gBAOA,GAAMC,aAAY,CAAGL,EAAE,CAAC,YAAD,CAAvB,CAOA,MAAO,IAAMM,WAAU,CAAGT,UAAU,CAClC,WAMEU,CANF,CAOK,SALDC,IAKC,CALDA,CAKC,YALMJ,mBAKN,OAJDK,WAIC,CAJDA,CAIC,YAJaN,0BAIb,GAHDO,CAGC,GAHDA,SAGC,CACH,MACE,4BACE,GAAG,CAAEH,CADP,CAEE,SAAS,CAAEF,YAAY,CAAC,CAAEG,IAAI,CAAJA,CAAF,CAAD,CAAW,CAChCT,UAAU,CAAC,CACTY,EAAE,CACgB,WAAhB,GAAAF,CAAW,CACPP,2BAA2B,CAACM,CAAD,CADpB,CAEPP,kBAAkB,CAACO,CAAD,CAJf,CAAD,CADsB,CAOhCE,CAPgC,CAAX,CAFzB,EAYE,2BAAK,SAAS,CAAEL,YAAY,CAAC,WAAD,CAA5B,EACE,oBAAC,MAAD,EAAQ,IAAI,CAAC,GAAb,CAAiB,SAAS,CAAEA,YAAY,CAAC,QAAD,CAAxC,EADF,CAZF,CAiBH,CA3BiC,CAA7B"}

package/__internal__/src/components/ListCanary/helper.d.ts

@@ -4,9 +4,9 @@ export declare function withDefaultGetters<ITEM = DefaultListItem, GROUP = Defau
     size?: "s" | "m" | "xs" | "l" | undefined;
     items: ITEM[];
     innerOffset?: "normal" | "increased" | undefined;
-    itemSpase?: import("../../mixs/MixSpace").MixSpaceProps | undefined;
-    groupLabelSpase?: import("../../mixs/MixSpace").MixSpaceProps | undefined;
-    dividerSpase?: import("../../mixs/MixSpace").MixSpaceProps | undefined;
+    itemSpace?: import("../../mixs/MixSpace").MixSpaceProps | undefined;
+    groupLabelSpace?: import("../../mixs/MixSpace").MixSpaceProps | undefined;
+    dividerSpace?: import("../../mixs/MixSpace").MixSpaceProps | undefined;
     onItemClick?: import("./types").ListPropOnItemClick<ITEM> | undefined;
     getItemLabel?: ListPropGetItemLabel<ITEM> | undefined;
     getItemDisabled?: ListPropGetItemDisabled<ITEM> | undefined;

package/__internal__/src/components/ListCanary/maps.d.ts

@@ -1,10 +1,10 @@
 import { IconPropSize } from '@consta/icons/Icon';
 import { Space } from "../../mixs/MixSpace";
 import { ListPropSize } from './types';
-export declare const mapHorisontalSpase: Record<ListPropSize, Space>;
-export declare const mapHorisontalSpaseIncreased: Record<ListPropSize, Space>;
-export declare const mapGroupVerticalSpaseTop: Record<ListPropSize, Space>;
-export declare const mapGroupVerticalSpaseBottom: Record<ListPropSize, Space>;
+export declare const mapHorizontalSpace: Record<ListPropSize, Space>;
+export declare const mapHorizontalSpaceIncreased: Record<ListPropSize, Space>;
+export declare const mapGroupVerticalSpaceTop: Record<ListPropSize, Space>;
+export declare const mapGroupVerticalSpaceBottom: Record<ListPropSize, Space>;
 export declare const mapItemVerticalPadding: Record<ListPropSize, Space>;
 export declare const mapIconSize: Record<ListPropSize, IconPropSize>;
 export declare const mapDividerVerticalSpace: Record<ListPropSize, Space>;

package/__internal__/src/components/ListCanary/maps.js

@@ -1,2 +1,2 @@
-export var mapHorisontalSpase={xs:"xs",s:"xs",m:"s",l:"s"};export var mapHorisontalSpaseIncreased={xs:"s",s:"s",m:"m",l:"l"};export var mapGroupVerticalSpaseTop={xs:"s",s:"m",m:"m",l:"l"};export var mapGroupVerticalSpaseBottom={xs:"2xs",s:"2xs",m:"xs",l:"s"};export var mapItemVerticalPadding={xs:"2xs",s:"2xs",m:"xs",l:"xs"};export var mapIconSize={xs:"xs",s:"xs",m:"s",l:"s"};export var mapDividerVerticalSpace={l:"m",m:"s",s:"xs",xs:"2xs"};
+export var mapHorizontalSpace={xs:"xs",s:"xs",m:"s",l:"s"};export var mapHorizontalSpaceIncreased={xs:"s",s:"s",m:"m",l:"l"};export var mapGroupVerticalSpaceTop={xs:"s",s:"m",m:"m",l:"l"};export var mapGroupVerticalSpaceBottom={xs:"2xs",s:"2xs",m:"xs",l:"s"};export var mapItemVerticalPadding={xs:"2xs",s:"2xs",m:"xs",l:"xs"};export var mapIconSize={xs:"xs",s:"xs",m:"s",l:"s"};export var mapDividerVerticalSpace={l:"m",m:"s",s:"xs",xs:"2xs"};
 //# sourceMappingURL=maps.js.map

package/__internal__/src/components/ListCanary/maps.js.map

@@ -1 +1 @@
-{"version":3,"file":"maps.js","names":["mapHorisontalSpase","xs","s","m","l","mapHorisontalSpaseIncreased","mapGroupVerticalSpaseTop","mapGroupVerticalSpaseBottom","mapItemVerticalPadding","mapIconSize","mapDividerVerticalSpace"],"sources":["../../../../../src/components/ListCanary/maps.ts"],"sourcesContent":["import { IconPropSize } from '@consta/icons/Icon';\n\nimport { Space } from '##/mixs/MixSpace';\n\nimport { ListPropSize } from './types';\n\nexport const mapHorisontalSpase: Record<ListPropSize, Space> = {\n  xs: 'xs',\n  s: 'xs',\n  m: 's',\n  l: 's',\n};\n\nexport const mapHorisontalSpaseIncreased: Record<ListPropSize, Space> = {\n  xs: 's',\n  s: 's',\n  m: 'm',\n  l: 'l',\n};\n\nexport const mapGroupVerticalSpaseTop: Record<ListPropSize, Space> = {\n  xs: 's',\n  s: 'm',\n  m: 'm',\n  l: 'l',\n};\n\nexport const mapGroupVerticalSpaseBottom: Record<ListPropSize, Space> = {\n  xs: '2xs',\n  s: '2xs',\n  m: 'xs',\n  l: 's',\n};\n\nexport const mapItemVerticalPadding: Record<ListPropSize, Space> = {\n  xs: '2xs',\n  s: '2xs',\n  m: 'xs',\n  l: 'xs',\n};\n\nexport const mapIconSize: Record<ListPropSize, IconPropSize> = {\n  xs: 'xs',\n  s: 'xs',\n  m: 's',\n  l: 's',\n};\n\nexport const mapDividerVerticalSpace: Record<ListPropSize, Space> = {\n  l: 'm',\n  m: 's',\n  s: 'xs',\n  xs: '2xs',\n};\n"],"mappings":"AAMA,MAAO,IAAMA,mBAA+C,CAAG,CAC7DC,EAAE,CAAE,IADyD,CAE7DC,CAAC,CAAE,IAF0D,CAG7DC,CAAC,CAAE,GAH0D,CAI7DC,CAAC,CAAE,GAJ0D,CAAxD,CAOP,MAAO,IAAMC,4BAAwD,CAAG,CACtEJ,EAAE,CAAE,GADkE,CAEtEC,CAAC,CAAE,GAFmE,CAGtEC,CAAC,CAAE,GAHmE,CAItEC,CAAC,CAAE,GAJmE,CAAjE,CAOP,MAAO,IAAME,yBAAqD,CAAG,CACnEL,EAAE,CAAE,GAD+D,CAEnEC,CAAC,CAAE,GAFgE,CAGnEC,CAAC,CAAE,GAHgE,CAInEC,CAAC,CAAE,GAJgE,CAA9D,CAOP,MAAO,IAAMG,4BAAwD,CAAG,CACtEN,EAAE,CAAE,KADkE,CAEtEC,CAAC,CAAE,KAFmE,CAGtEC,CAAC,CAAE,IAHmE,CAItEC,CAAC,CAAE,GAJmE,CAAjE,CAOP,MAAO,IAAMI,uBAAmD,CAAG,CACjEP,EAAE,CAAE,KAD6D,CAEjEC,CAAC,CAAE,KAF8D,CAGjEC,CAAC,CAAE,IAH8D,CAIjEC,CAAC,CAAE,IAJ8D,CAA5D,CAOP,MAAO,IAAMK,YAA+C,CAAG,CAC7DR,EAAE,CAAE,IADyD,CAE7DC,CAAC,CAAE,IAF0D,CAG7DC,CAAC,CAAE,GAH0D,CAI7DC,CAAC,CAAE,GAJ0D,CAAxD,CAOP,MAAO,IAAMM,wBAAoD,CAAG,CAClEN,CAAC,CAAE,GAD+D,CAElED,CAAC,CAAE,GAF+D,CAGlED,CAAC,CAAE,IAH+D,CAIlED,EAAE,CAAE,KAJ8D,CAA7D"}
+{"version":3,"file":"maps.js","names":["mapHorizontalSpace","xs","s","m","l","mapHorizontalSpaceIncreased","mapGroupVerticalSpaceTop","mapGroupVerticalSpaceBottom","mapItemVerticalPadding","mapIconSize","mapDividerVerticalSpace"],"sources":["../../../../../src/components/ListCanary/maps.ts"],"sourcesContent":["import { IconPropSize } from '@consta/icons/Icon';\n\nimport { Space } from '##/mixs/MixSpace';\n\nimport { ListPropSize } from './types';\n\nexport const mapHorizontalSpace: Record<ListPropSize, Space> = {\n  xs: 'xs',\n  s: 'xs',\n  m: 's',\n  l: 's',\n};\n\nexport const mapHorizontalSpaceIncreased: Record<ListPropSize, Space> = {\n  xs: 's',\n  s: 's',\n  m: 'm',\n  l: 'l',\n};\n\nexport const mapGroupVerticalSpaceTop: Record<ListPropSize, Space> = {\n  xs: 's',\n  s: 'm',\n  m: 'm',\n  l: 'l',\n};\n\nexport const mapGroupVerticalSpaceBottom: Record<ListPropSize, Space> = {\n  xs: '2xs',\n  s: '2xs',\n  m: 'xs',\n  l: 's',\n};\n\nexport const mapItemVerticalPadding: Record<ListPropSize, Space> = {\n  xs: '2xs',\n  s: '2xs',\n  m: 'xs',\n  l: 'xs',\n};\n\nexport const mapIconSize: Record<ListPropSize, IconPropSize> = {\n  xs: 'xs',\n  s: 'xs',\n  m: 's',\n  l: 's',\n};\n\nexport const mapDividerVerticalSpace: Record<ListPropSize, Space> = {\n  l: 'm',\n  m: 's',\n  s: 'xs',\n  xs: '2xs',\n};\n"],"mappings":"AAMA,MAAO,IAAMA,mBAA+C,CAAG,CAC7DC,EAAE,CAAE,IADyD,CAE7DC,CAAC,CAAE,IAF0D,CAG7DC,CAAC,CAAE,GAH0D,CAI7DC,CAAC,CAAE,GAJ0D,CAAxD,CAOP,MAAO,IAAMC,4BAAwD,CAAG,CACtEJ,EAAE,CAAE,GADkE,CAEtEC,CAAC,CAAE,GAFmE,CAGtEC,CAAC,CAAE,GAHmE,CAItEC,CAAC,CAAE,GAJmE,CAAjE,CAOP,MAAO,IAAME,yBAAqD,CAAG,CACnEL,EAAE,CAAE,GAD+D,CAEnEC,CAAC,CAAE,GAFgE,CAGnEC,CAAC,CAAE,GAHgE,CAInEC,CAAC,CAAE,GAJgE,CAA9D,CAOP,MAAO,IAAMG,4BAAwD,CAAG,CACtEN,EAAE,CAAE,KADkE,CAEtEC,CAAC,CAAE,KAFmE,CAGtEC,CAAC,CAAE,IAHmE,CAItEC,CAAC,CAAE,GAJmE,CAAjE,CAOP,MAAO,IAAMI,uBAAmD,CAAG,CACjEP,EAAE,CAAE,KAD6D,CAEjEC,CAAC,CAAE,KAF8D,CAGjEC,CAAC,CAAE,IAH8D,CAIjEC,CAAC,CAAE,IAJ8D,CAA5D,CAOP,MAAO,IAAMK,YAA+C,CAAG,CAC7DR,EAAE,CAAE,IADyD,CAE7DC,CAAC,CAAE,IAF0D,CAG7DC,CAAC,CAAE,GAH0D,CAI7DC,CAAC,CAAE,GAJ0D,CAAxD,CAOP,MAAO,IAAMM,wBAAoD,CAAG,CAClEN,CAAC,CAAE,GAD+D,CAElED,CAAC,CAAE,GAF+D,CAGlED,CAAC,CAAE,IAH+D,CAIlED,EAAE,CAAE,KAJ8D,CAA7D"}

package/__internal__/src/components/ListCanary/renderHeader.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { MixSpaceProps } from "../../mixs/MixSpace";
 import { ListPropSize } from './types';
-export declare const renderHeader: (label: string | undefined, first: boolean, size: ListPropSize, rightSide: React.ReactNode, labelSpace: MixSpaceProps | undefined, dividerSpase: MixSpaceProps | undefined, className: string | undefined) => React.ReactNode | null;
+export declare const renderHeader: (label: string | undefined, first: boolean, size: ListPropSize, rightSide: React.ReactNode, labelSpace: MixSpaceProps | undefined, dividerSpace: MixSpaceProps | undefined, className: string | undefined) => React.ReactNode | null;

package/__internal__/src/components/ListCanary/renderHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderHeader.js","names":["React","ListDivider","ListGroupLabel","renderHeader","label","first","size","rightSide","labelSpace","dividerSpase","className"],"sources":["../../../../../src/components/ListCanary/renderHeader.tsx"],"sourcesContent":["import React from 'react';\n\nimport { MixSpaceProps } from '##/mixs/MixSpace';\n\nimport { ListDivider } from './ListDivider';\nimport { ListGroupLabel } from './ListGroupLabel';\nimport { ListPropSize } from './types';\n\nexport const renderHeader = (\n  label: string | undefined,\n  first: boolean,\n  size: ListPropSize,\n  rightSide: React.ReactNode,\n  labelSpace: MixSpaceProps | undefined,\n  dividerSpase: MixSpaceProps | undefined,\n  className: string | undefined,\n): React.ReactNode | null => {\n  if (label) {\n    return (\n      <ListGroupLabel\n        size={size}\n        label={label}\n        rightSide={rightSide}\n        space={labelSpace}\n        className={className}\n      />\n    );\n  }\n\n  if (!label && !first) {\n    return (\n      <ListDivider size={size} space={dividerSpase} className={className} />\n    );\n  }\n\n  return null;\n};\n"],"mappings":"AAAA,MAAOA,MAAP,KAAkB,OAAlB,CAIA,OAASC,WAAT,qBACA,OAASC,cAAT,wBAGA,MAAO,IAAMC,aAAY,CAAG,SAC1BC,CAD0B,CAE1BC,CAF0B,CAG1BC,CAH0B,CAI1BC,CAJ0B,CAK1BC,CAL0B,CAM1BC,CAN0B,CAO1BC,CAP0B,CAQC,OACvBN,EADuB,CAGvB,oBAAC,cAAD,EACE,IAAI,CAAEE,CADR,CAEE,KAAK,CAAEF,CAFT,CAGE,SAAS,CAAEG,CAHb,CAIE,KAAK,CAAEC,CAJT,CAKE,SAAS,CAAEE,CALb,EAHuB,CAatBN,CAAD,EAAWC,CAbY,CAmBpB,IAnBoB,CAevB,oBAAC,WAAD,EAAa,IAAI,CAAEC,CAAnB,CAAyB,KAAK,CAAEG,CAAhC,CAA8C,SAAS,CAAEC,CAAzD,EAKL,CA5BM"}
+{"version":3,"file":"renderHeader.js","names":["React","ListDivider","ListGroupLabel","renderHeader","label","first","size","rightSide","labelSpace","dividerSpace","className"],"sources":["../../../../../src/components/ListCanary/renderHeader.tsx"],"sourcesContent":["import React from 'react';\n\nimport { MixSpaceProps } from '##/mixs/MixSpace';\n\nimport { ListDivider } from './ListDivider';\nimport { ListGroupLabel } from './ListGroupLabel';\nimport { ListPropSize } from './types';\n\nexport const renderHeader = (\n  label: string | undefined,\n  first: boolean,\n  size: ListPropSize,\n  rightSide: React.ReactNode,\n  labelSpace: MixSpaceProps | undefined,\n  dividerSpace: MixSpaceProps | undefined,\n  className: string | undefined,\n): React.ReactNode | null => {\n  if (label) {\n    return (\n      <ListGroupLabel\n        size={size}\n        label={label}\n        rightSide={rightSide}\n        space={labelSpace}\n        className={className}\n      />\n    );\n  }\n\n  if (!label && !first) {\n    return (\n      <ListDivider size={size} space={dividerSpace} className={className} />\n    );\n  }\n\n  return null;\n};\n"],"mappings":"AAAA,MAAOA,MAAP,KAAkB,OAAlB,CAIA,OAASC,WAAT,qBACA,OAASC,cAAT,wBAGA,MAAO,IAAMC,aAAY,CAAG,SAC1BC,CAD0B,CAE1BC,CAF0B,CAG1BC,CAH0B,CAI1BC,CAJ0B,CAK1BC,CAL0B,CAM1BC,CAN0B,CAO1BC,CAP0B,CAQC,OACvBN,EADuB,CAGvB,oBAAC,cAAD,EACE,IAAI,CAAEE,CADR,CAEE,KAAK,CAAEF,CAFT,CAGE,SAAS,CAAEG,CAHb,CAIE,KAAK,CAAEC,CAJT,CAKE,SAAS,CAAEE,CALb,EAHuB,CAatBN,CAAD,EAAWC,CAbY,CAmBpB,IAnBoB,CAevB,oBAAC,WAAD,EAAa,IAAI,CAAEC,CAAnB,CAAyB,KAAK,CAAEG,CAAhC,CAA8C,SAAS,CAAEC,CAAzD,EAKL,CA5BM"}

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

@@ -63,9 +63,9 @@ export declare type ListProps<ITEM = DefaultListItem, GROUP = DefaultListGroup>
     size?: ListPropSize;
     items: ITEM[];
     innerOffset?: ListPropInnerOffset;
-    itemSpase?: MixSpaceProps;
-    groupLabelSpase?: MixSpaceProps;
-    dividerSpase?: MixSpaceProps;
+    itemSpace?: MixSpaceProps;
+    groupLabelSpace?: MixSpaceProps;
+    dividerSpace?: MixSpaceProps;
     onItemClick?: ListPropOnItemClick<ITEM>;
     getItemLabel?: ListPropGetItemLabel<ITEM>;
     getItemDisabled?: ListPropGetItemDisabled<ITEM>;

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["listPropSize","defaultListPropSize","listPropInnerOffset","defaultListPropInnerOffset","listPropStatus","listPropForm","defaultListPropForm"],"sources":["../../../../../src/components/ListCanary/types.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { MixSpaceProps } from '##/mixs/MixSpace';\nimport { Group } from '##/utils/getGroups';\nimport { AsAttributes, AsTags } from '##/utils/types/AsTags';\nimport { PropsWithAsAttributes } from '##/utils/types/PropsWithAsAttributes';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport const listPropSize = ['m', 'xs', 's', 'l'] as const;\nexport type ListPropSize = typeof listPropSize[number];\nexport const defaultListPropSize = listPropSize[0];\n\nexport const listPropInnerOffset = ['normal', 'increased'] as const;\nexport type ListPropInnerOffset = typeof listPropInnerOffset[number];\nexport const defaultListPropInnerOffset = listPropInnerOffset[0];\n\nexport const listPropStatus = ['alert', 'success', 'warning'] as const;\nexport type ListPropStatus = typeof listPropStatus[number];\n\nexport const listPropForm = ['default', 'brick', 'round'] as const;\nexport type ListPropForm = typeof listPropForm[number];\nexport const defaultListPropForm = listPropForm[0];\n\nexport type DefaultListGroup = {\n  id: string | number;\n  label?: string;\n  rightSide?: React.ReactNode;\n};\n\nexport type DefaultListItem = {\n  label: React.ReactNode;\n  disabled?: boolean;\n  active?: boolean;\n  checked?: boolean;\n  status?: ListPropStatus;\n  groupId?: string | number;\n  leftSide?: React.ReactNode;\n  leftIcon?: IconComponent;\n  rightSide?: React.ReactNode;\n  rightIcon?: IconComponent;\n  onClick?: React.MouseEventHandler;\n};\n\nexport type ListPropOnItemClick<ITEM> = (\n  item: ITEM,\n  params: {\n    e: React.MouseEvent;\n    item: ITEM;\n  },\n) => void;\n\nexport type ListPropRenderItem<ITEM> = (\n  item: ITEM,\n) => React.ReactElement | null;\n\n// ITEMS\n\nexport type ListPropGetItemLabel<ITEM> = (item: ITEM) => React.ReactNode;\n\nexport type ListPropGetItemAdditionalClassName<ITEM> = (item: ITEM) => string;\n\nexport type ListPropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;\n\nexport type ListPropGetItemActive<ITEM> = (item: ITEM) => boolean | undefined;\n\nexport type ListPropGetItemChecked<ITEM> = (item: ITEM) => boolean | undefined;\n\nexport type ListPropGetItemStatus<ITEM> = (\n  item: ITEM,\n) => ListPropStatus | undefined;\n\nexport type ListPropGetItemGroupId<ITEM> = (\n  item: ITEM,\n) => string | number | undefined;\n\nexport type ListPropGetItemLeftSide<ITEM> = (\n  item: ITEM,\n) => React.ReactNode | undefined;\n\nexport type ListPropGetItemLeftIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\n\nexport type ListPropGetItemRightSide<ITEM> = (\n  item: ITEM,\n) => React.ReactNode | undefined;\n\nexport type ListPropGetItemRightIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\n\nexport type ListPropGetItemAs<ITEM> = (item: ITEM) => AsTags | undefined;\n\nexport type ListPropGetItemAttributes<ITEM> = (\n  item: ITEM,\n) => AsAttributes | undefined;\n\nexport type ListPropGetItemOnClick<ITEM> = (\n  item: ITEM,\n) => React.MouseEventHandler | undefined;\n\nexport type ListPropSortGroup<ITEM, GROUP> = (\n  a: Group<ITEM, GROUP>,\n  b: Group<ITEM, GROUP>,\n) => number;\n\n// GROUPS\nexport type ListPropGetGroupKey<GROUP> = (item: GROUP) => string | number;\nexport type ListPropGetGroupAdditionalClassName<GROUP> = (\n  item: GROUP,\n) => string;\n\nexport type ListPropGetGroupLabel<GROUP> = (item: GROUP) => string | undefined;\nexport type ListPropGetGroupRightSide<GROUP> = (\n  item: GROUP,\n) => React.ReactNode | undefined;\n\nexport type ListPropGetItemRef<ITEM> = (\n  item: ITEM,\n) => React.RefObject<HTMLElement> | undefined;\n\nexport type ListProps<ITEM = DefaultListItem, GROUP = DefaultListGroup> = {\n  size?: ListPropSize;\n  items: ITEM[];\n  innerOffset?: ListPropInnerOffset;\n  itemSpase?: MixSpaceProps;\n  groupLabelSpase?: MixSpaceProps;\n  dividerSpase?: MixSpaceProps;\n  onItemClick?: ListPropOnItemClick<ITEM>;\n  getItemLabel?: ListPropGetItemLabel<ITEM>;\n  getItemDisabled?: ListPropGetItemDisabled<ITEM>;\n  getItemActive?: ListPropGetItemActive<ITEM>;\n  getItemChecked?: ListPropGetItemActive<ITEM>;\n  getItemLeftSide?: ListPropGetItemLeftSide<ITEM>;\n  getItemLeftIcon?: ListPropGetItemLeftIcon<ITEM>;\n  getItemRightSide?: ListPropGetItemRightSide<ITEM>;\n  getItemRightIcon?: ListPropGetItemRightIcon<ITEM>;\n  getItemGroupKey?: ListPropGetItemGroupId<ITEM>;\n  getItemOnClick?: ListPropGetItemOnClick<ITEM>;\n  getItemStatus?: ListPropGetItemStatus<ITEM>;\n  getItemAs?: ListPropGetItemAs<ITEM>;\n  getItemAttributes?: ListPropGetItemAttributes<ITEM>;\n  getItemRef?: ListPropGetItemRef<ITEM>;\n  getItemAdditionalClassName?: ListPropGetItemAdditionalClassName<ITEM>;\n  renderItem?: ListPropRenderItem<ITEM>;\n  groups?: GROUP[];\n  getGroupKey?: ListPropGetGroupKey<GROUP>;\n  getGroupLabel?: ListPropGetGroupLabel<GROUP>;\n  getGroupRightSide?: ListPropGetGroupRightSide<GROUP>;\n  sortGroup?: ListPropSortGroup<ITEM, GROUP>;\n  getGroupAdditionalClassName?: ListPropGetGroupAdditionalClassName<GROUP>;\n  disabled?: boolean;\n} & (ITEM extends { label: DefaultListItem['label'] }\n  ? {}\n  : { getItemLabel: ListPropGetItemLabel<ITEM> }) &\n  (GROUP extends { id: DefaultListGroup['id'] }\n    ? {}\n    : { getGroupKey: ListPropGetGroupKey<GROUP> });\n\nexport type ListComponent = <ITEM = DefaultListItem, GROUP = DefaultListGroup>(\n  props: ListProps<ITEM, GROUP>,\n) => React.ReactElement | null;\n\nexport type ListItemProps<AS extends AsTags = 'div'> = PropsWithAsAttributes<\n  Omit<DefaultListItem, 'id' | 'groupId' | 'attributes' | 'onClick'> & {\n    size?: ListPropSize;\n    innerOffset?: 'normal' | 'increased';\n    space?: MixSpaceProps;\n    iconSize?: IconPropSize;\n  },\n  AS\n>;\n\nexport type ListItemComponent = <AS extends AsTags = 'div'>(\n  props: ListItemProps<AS>,\n) => React.ReactElement | null;\n\nexport type ListGroupLabelProps = PropsWithHTMLAttributesAndRef<\n  {\n    size?: ListPropSize;\n    label: string;\n    innerOffset?: ListPropInnerOffset;\n    rightSide?: React.ReactNode;\n    space?: MixSpaceProps;\n  },\n  HTMLDivElement\n>;\n\nexport type ListDividerProps = PropsWithHTMLAttributesAndRef<\n  {\n    size?: ListPropSize;\n    innerOffset?: ListPropInnerOffset;\n    space?: MixSpaceProps;\n  },\n  HTMLDivElement\n>;\n\nexport type ListBoxProps = PropsWithHTMLAttributesAndRef<\n  {\n    size?: ListPropSize;\n    form?: ListPropForm;\n    border?: boolean;\n    shadow?: boolean;\n  },\n  HTMLDivElement\n>;\n\nexport type ListAddItemProps = PropsWithHTMLAttributesAndRef<\n  {\n    size?: ListPropSize;\n    label: React.ReactNode;\n    innerOffset?: ListPropInnerOffset;\n    active?: boolean;\n    underLine?: boolean;\n  },\n  HTMLDivElement\n>;\n"],"mappings":"AASA,MAAO,IAAMA,aAAY,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAAiB,GAAjB,CAArB,CAEP,MAAO,IAAMC,oBAAmB,CAAGD,YAAY,CAAC,CAAD,CAAxC,CAEP,MAAO,IAAME,oBAAmB,CAAG,CAAC,QAAD,CAAW,WAAX,CAA5B,CAEP,MAAO,IAAMC,2BAA0B,CAAGD,mBAAmB,CAAC,CAAD,CAAtD,CAEP,MAAO,IAAME,eAAc,CAAG,CAAC,OAAD,CAAU,SAAV,CAAqB,SAArB,CAAvB,CAGP,MAAO,IAAMC,aAAY,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAqB,OAArB,CAArB,CAEP,MAAO,IAAMC,oBAAmB,CAAGD,YAAY,CAAC,CAAD,CAAxC"}
+{"version":3,"file":"types.js","names":["listPropSize","defaultListPropSize","listPropInnerOffset","defaultListPropInnerOffset","listPropStatus","listPropForm","defaultListPropForm"],"sources":["../../../../../src/components/ListCanary/types.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { MixSpaceProps } from '##/mixs/MixSpace';\nimport { Group } from '##/utils/getGroups';\nimport { AsAttributes, AsTags } from '##/utils/types/AsTags';\nimport { PropsWithAsAttributes } from '##/utils/types/PropsWithAsAttributes';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport const listPropSize = ['m', 'xs', 's', 'l'] as const;\nexport type ListPropSize = typeof listPropSize[number];\nexport const defaultListPropSize = listPropSize[0];\n\nexport const listPropInnerOffset = ['normal', 'increased'] as const;\nexport type ListPropInnerOffset = typeof listPropInnerOffset[number];\nexport const defaultListPropInnerOffset = listPropInnerOffset[0];\n\nexport const listPropStatus = ['alert', 'success', 'warning'] as const;\nexport type ListPropStatus = typeof listPropStatus[number];\n\nexport const listPropForm = ['default', 'brick', 'round'] as const;\nexport type ListPropForm = typeof listPropForm[number];\nexport const defaultListPropForm = listPropForm[0];\n\nexport type DefaultListGroup = {\n  id: string | number;\n  label?: string;\n  rightSide?: React.ReactNode;\n};\n\nexport type DefaultListItem = {\n  label: React.ReactNode;\n  disabled?: boolean;\n  active?: boolean;\n  checked?: boolean;\n  status?: ListPropStatus;\n  groupId?: string | number;\n  leftSide?: React.ReactNode;\n  leftIcon?: IconComponent;\n  rightSide?: React.ReactNode;\n  rightIcon?: IconComponent;\n  onClick?: React.MouseEventHandler;\n};\n\nexport type ListPropOnItemClick<ITEM> = (\n  item: ITEM,\n  params: {\n    e: React.MouseEvent;\n    item: ITEM;\n  },\n) => void;\n\nexport type ListPropRenderItem<ITEM> = (\n  item: ITEM,\n) => React.ReactElement | null;\n\n// ITEMS\n\nexport type ListPropGetItemLabel<ITEM> = (item: ITEM) => React.ReactNode;\n\nexport type ListPropGetItemAdditionalClassName<ITEM> = (item: ITEM) => string;\n\nexport type ListPropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;\n\nexport type ListPropGetItemActive<ITEM> = (item: ITEM) => boolean | undefined;\n\nexport type ListPropGetItemChecked<ITEM> = (item: ITEM) => boolean | undefined;\n\nexport type ListPropGetItemStatus<ITEM> = (\n  item: ITEM,\n) => ListPropStatus | undefined;\n\nexport type ListPropGetItemGroupId<ITEM> = (\n  item: ITEM,\n) => string | number | undefined;\n\nexport type ListPropGetItemLeftSide<ITEM> = (\n  item: ITEM,\n) => React.ReactNode | undefined;\n\nexport type ListPropGetItemLeftIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\n\nexport type ListPropGetItemRightSide<ITEM> = (\n  item: ITEM,\n) => React.ReactNode | undefined;\n\nexport type ListPropGetItemRightIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\n\nexport type ListPropGetItemAs<ITEM> = (item: ITEM) => AsTags | undefined;\n\nexport type ListPropGetItemAttributes<ITEM> = (\n  item: ITEM,\n) => AsAttributes | undefined;\n\nexport type ListPropGetItemOnClick<ITEM> = (\n  item: ITEM,\n) => React.MouseEventHandler | undefined;\n\nexport type ListPropSortGroup<ITEM, GROUP> = (\n  a: Group<ITEM, GROUP>,\n  b: Group<ITEM, GROUP>,\n) => number;\n\n// GROUPS\nexport type ListPropGetGroupKey<GROUP> = (item: GROUP) => string | number;\nexport type ListPropGetGroupAdditionalClassName<GROUP> = (\n  item: GROUP,\n) => string;\n\nexport type ListPropGetGroupLabel<GROUP> = (item: GROUP) => string | undefined;\nexport type ListPropGetGroupRightSide<GROUP> = (\n  item: GROUP,\n) => React.ReactNode | undefined;\n\nexport type ListPropGetItemRef<ITEM> = (\n  item: ITEM,\n) => React.RefObject<HTMLElement> | undefined;\n\nexport type ListProps<ITEM = DefaultListItem, GROUP = DefaultListGroup> = {\n  size?: ListPropSize;\n  items: ITEM[];\n  innerOffset?: ListPropInnerOffset;\n  itemSpace?: MixSpaceProps;\n  groupLabelSpace?: MixSpaceProps;\n  dividerSpace?: MixSpaceProps;\n  onItemClick?: ListPropOnItemClick<ITEM>;\n  getItemLabel?: ListPropGetItemLabel<ITEM>;\n  getItemDisabled?: ListPropGetItemDisabled<ITEM>;\n  getItemActive?: ListPropGetItemActive<ITEM>;\n  getItemChecked?: ListPropGetItemActive<ITEM>;\n  getItemLeftSide?: ListPropGetItemLeftSide<ITEM>;\n  getItemLeftIcon?: ListPropGetItemLeftIcon<ITEM>;\n  getItemRightSide?: ListPropGetItemRightSide<ITEM>;\n  getItemRightIcon?: ListPropGetItemRightIcon<ITEM>;\n  getItemGroupKey?: ListPropGetItemGroupId<ITEM>;\n  getItemOnClick?: ListPropGetItemOnClick<ITEM>;\n  getItemStatus?: ListPropGetItemStatus<ITEM>;\n  getItemAs?: ListPropGetItemAs<ITEM>;\n  getItemAttributes?: ListPropGetItemAttributes<ITEM>;\n  getItemRef?: ListPropGetItemRef<ITEM>;\n  getItemAdditionalClassName?: ListPropGetItemAdditionalClassName<ITEM>;\n  renderItem?: ListPropRenderItem<ITEM>;\n  groups?: GROUP[];\n  getGroupKey?: ListPropGetGroupKey<GROUP>;\n  getGroupLabel?: ListPropGetGroupLabel<GROUP>;\n  getGroupRightSide?: ListPropGetGroupRightSide<GROUP>;\n  sortGroup?: ListPropSortGroup<ITEM, GROUP>;\n  getGroupAdditionalClassName?: ListPropGetGroupAdditionalClassName<GROUP>;\n  disabled?: boolean;\n} & (ITEM extends { label: DefaultListItem['label'] }\n  ? {}\n  : { getItemLabel: ListPropGetItemLabel<ITEM> }) &\n  (GROUP extends { id: DefaultListGroup['id'] }\n    ? {}\n    : { getGroupKey: ListPropGetGroupKey<GROUP> });\n\nexport type ListComponent = <ITEM = DefaultListItem, GROUP = DefaultListGroup>(\n  props: ListProps<ITEM, GROUP>,\n) => React.ReactElement | null;\n\nexport type ListItemProps<AS extends AsTags = 'div'> = PropsWithAsAttributes<\n  Omit<DefaultListItem, 'id' | 'groupId' | 'attributes' | 'onClick'> & {\n    size?: ListPropSize;\n    innerOffset?: 'normal' | 'increased';\n    space?: MixSpaceProps;\n    iconSize?: IconPropSize;\n  },\n  AS\n>;\n\nexport type ListItemComponent = <AS extends AsTags = 'div'>(\n  props: ListItemProps<AS>,\n) => React.ReactElement | null;\n\nexport type ListGroupLabelProps = PropsWithHTMLAttributesAndRef<\n  {\n    size?: ListPropSize;\n    label: string;\n    innerOffset?: ListPropInnerOffset;\n    rightSide?: React.ReactNode;\n    space?: MixSpaceProps;\n  },\n  HTMLDivElement\n>;\n\nexport type ListDividerProps = PropsWithHTMLAttributesAndRef<\n  {\n    size?: ListPropSize;\n    innerOffset?: ListPropInnerOffset;\n    space?: MixSpaceProps;\n  },\n  HTMLDivElement\n>;\n\nexport type ListBoxProps = PropsWithHTMLAttributesAndRef<\n  {\n    size?: ListPropSize;\n    form?: ListPropForm;\n    border?: boolean;\n    shadow?: boolean;\n  },\n  HTMLDivElement\n>;\n\nexport type ListAddItemProps = PropsWithHTMLAttributesAndRef<\n  {\n    size?: ListPropSize;\n    label: React.ReactNode;\n    innerOffset?: ListPropInnerOffset;\n    active?: boolean;\n    underLine?: boolean;\n  },\n  HTMLDivElement\n>;\n"],"mappings":"AASA,MAAO,IAAMA,aAAY,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAAiB,GAAjB,CAArB,CAEP,MAAO,IAAMC,oBAAmB,CAAGD,YAAY,CAAC,CAAD,CAAxC,CAEP,MAAO,IAAME,oBAAmB,CAAG,CAAC,QAAD,CAAW,WAAX,CAA5B,CAEP,MAAO,IAAMC,2BAA0B,CAAGD,mBAAmB,CAAC,CAAD,CAAtD,CAEP,MAAO,IAAME,eAAc,CAAG,CAAC,OAAD,CAAU,SAAV,CAAqB,SAArB,CAAvB,CAGP,MAAO,IAAMC,aAAY,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAqB,OAArB,CAArB,CAEP,MAAO,IAAMC,oBAAmB,CAAGD,YAAY,CAAC,CAAD,CAAxC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","names":["React","forwardRef","useCallback","useForkRef","useMutableRef","cn","defaultGetItemClickable","defaultGetItemKey","guardCurrentPage","paginationArrowIconsMap","PaginationArrow","PaginationList","PaginationNumberInput","PaginationSizeCalculateHelper","paginationPropFormDefault","paginationPropSizeDefault","paginationPropTypeDefault","usePaginationItems","cnPagination","PaginationRender","props","ref","items","valueProp","value","onChange","size","form","type","containerEventListener","window","getTotalLabel","outerMostArrows","arrows","hotKeys","showFirstPage","showLastPage","visibleCount","className","style","getItemAs","getItemAttributes","getItemRef","otherProps","valueRef","onChangeRef","onItemClick","key","e","current","handleNext","Math","min","handlePrevious","max","handlefirst","handleLast","pages","refs","symbolSize","rootRef","renderArrow","item","hotKey","onClick","flag","orientation","label","icon","toString","clickable","Pagination"],"sources":["../../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import './Pagination.css';\n\nimport React, { forwardRef, useCallback } from 'react';\n\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { useMutableRef } from '##/hooks/useMutableRef';\nimport { cn } from '##/utils/bem';\n\nimport {\n  defaultGetItemClickable,\n  defaultGetItemKey,\n  guardCurrentPage,\n  paginationArrowIconsMap,\n} from './helpers';\nimport { PaginationArrow } from './PaginationArrow';\nimport { PaginationList } from './PaginationList';\nimport { PaginationNumberInput } from './PaginationNumberInput';\nimport { PaginationSizeCalculateHelper } from './PaginationSizeCalculateHelper';\nimport {\n  PaginationArrowTypes,\n  PaginationComponent,\n  PaginationItem,\n  PaginationPropArrow,\n  paginationPropFormDefault,\n  PaginationPropHotKey,\n  PaginationPropOnItemClick,\n  PaginationProps,\n  paginationPropSizeDefault,\n  PaginationPropType,\n  paginationPropTypeDefault,\n} from './types';\nimport { usePaginationItems } from './usePaginationItems';\n\nconst cnPagination = cn('Pagination');\n\nconst PaginationRender = <TYPE extends PaginationPropType>(\n  props: PaginationProps<TYPE>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    items = 0,\n    value: valueProp,\n    onChange,\n    size = paginationPropSizeDefault,\n    form = paginationPropFormDefault,\n    type = paginationPropTypeDefault,\n    containerEventListener = window,\n    getTotalLabel,\n    outerMostArrows,\n    arrows,\n    hotKeys,\n    showFirstPage,\n    showLastPage,\n    visibleCount,\n    className,\n    style,\n    getItemAs,\n    getItemAttributes,\n    getItemRef,\n    ...otherProps\n  } = props;\n\n  const valueRef = useMutableRef(guardCurrentPage(valueProp, items));\n  const onChangeRef = useMutableRef(onChange);\n\n  const onItemClick: PaginationPropOnItemClick<PaginationItem> = useCallback(\n    ({ key }, { e }) => {\n      if (key !== valueRef.current && typeof key === 'number') {\n        onChangeRef.current?.(key, { e });\n      }\n    },\n    [],\n  );\n\n  const handleNext = useCallback(\n    (e: React.MouseEvent | KeyboardEvent) => {\n      onChangeRef.current?.(Math.min(valueRef.current + 1, items), { e });\n    },\n    [items],\n  );\n\n  const handlePrevious = useCallback((e: React.MouseEvent | KeyboardEvent) => {\n    onChangeRef.current?.(Math.max(valueRef.current - 1, 1), { e });\n  }, []);\n\n  const handlefirst = useCallback((e: React.MouseEvent | KeyboardEvent) => {\n    onChangeRef.current?.(1, { e });\n  }, []);\n\n  const handleLast = useCallback(\n    (e: React.MouseEvent | KeyboardEvent) => {\n      onChangeRef.current?.(items, { e });\n    },\n    [items],\n  );\n\n  const [pages, refs, symbolSize] = usePaginationItems({\n    showFirstPage,\n    showLastPage,\n    items,\n    visibleCount,\n    size,\n    value: valueRef.current,\n    containerEventListener,\n    hotKeys,\n    outerMostArrows,\n    type,\n    arrows,\n    handleNext,\n    handlePrevious,\n  });\n\n  const rootRef = useForkRef([refs[4], ref]);\n\n  const renderArrow = (\n    item: PaginationPropArrow,\n    type: PaginationArrowTypes,\n    ref: React.Ref<HTMLButtonElement> | undefined,\n    hotKey: PaginationPropHotKey | undefined,\n    onClick?: React.MouseEventHandler,\n  ) => {\n    const flag =\n      type === 'first' || type === 'previous'\n        ? valueRef.current > 1\n        : valueRef.current < items;\n    const orientation =\n      type === 'first' || type === 'previous' ? 'start' : 'end';\n    if (typeof item === 'object') {\n      const { label, icon = paginationArrowIconsMap[type] } = item;\n\n      return (\n        <PaginationArrow\n          label={label}\n          icon={icon}\n          disabled={!flag}\n          size={size}\n          form={form}\n          ref={ref}\n          orientation={orientation}\n          caption={hotKey?.label}\n          onClick={onClick}\n        />\n      );\n    }\n    return (\n      <PaginationArrow\n        orientation={orientation}\n        icon={typeof item === 'function' ? item : paginationArrowIconsMap[type]}\n        disabled={!flag}\n        size={size}\n        form={form}\n        ref={ref}\n        onClick={onClick}\n      />\n    );\n  };\n\n  if (items <= 0) {\n    return null;\n  }\n\n  return (\n    <nav\n      {...otherProps}\n      className={cnPagination({ type }, [className])}\n      ref={rootRef}\n      style={{\n        ['--pagination-symbol-size' as string]: `${symbolSize}px`,\n        ...style,\n      }}\n    >\n      {(outerMostArrows?.[0] || arrows?.[0]) && (\n        <>\n          {outerMostArrows?.[0] &&\n            renderArrow(\n              outerMostArrows[0],\n              'first',\n              refs[0] as unknown as React.RefObject<HTMLButtonElement>,\n              undefined,\n              handlefirst,\n            )}\n          {arrows?.[0] &&\n            renderArrow(\n              arrows[0],\n              'previous',\n              refs[1] as unknown as React.RefObject<HTMLButtonElement>,\n              hotKeys?.[0],\n              handlePrevious,\n            )}\n        </>\n      )}\n\n      {type === 'default' ? (\n        <PaginationList\n          items={pages}\n          form={form}\n          size={size}\n          onItemClick={onItemClick}\n          value={{\n            key: valueRef.current,\n            label: valueRef.current.toString(),\n            clickable: true,\n          }}\n          getItemKey={defaultGetItemKey}\n          getItemClickable={defaultGetItemClickable}\n          getItemAs={getItemAs}\n          getItemAttributes={getItemAttributes}\n          getItemRef={getItemRef}\n        />\n      ) : (\n        <PaginationNumberInput\n          form={form}\n          size={size}\n          total={items}\n          value={valueRef.current}\n          onChange={onChange}\n          getTotalLabel={getTotalLabel}\n        />\n      )}\n      {(arrows?.[1] || outerMostArrows?.[1]) && (\n        <>\n          {arrows?.[1] &&\n            renderArrow(\n              arrows[1],\n              'next',\n              refs[2] as unknown as React.RefObject<HTMLButtonElement>,\n              hotKeys?.[1],\n              handleNext,\n            )}\n          {outerMostArrows?.[1] &&\n            renderArrow(\n              outerMostArrows[1],\n              'last',\n              refs[3] as unknown as React.RefObject<HTMLButtonElement>,\n              undefined,\n              handleLast,\n            )}\n        </>\n      )}\n      {type === 'default' && (\n        <PaginationSizeCalculateHelper refs={refs} size={size} />\n      )}\n    </nav>\n  );\n};\n\nexport const Pagination = forwardRef(PaginationRender) as PaginationComponent;\n"],"mappings":"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"}
+{"version":3,"file":"Pagination.js","names":["React","forwardRef","useCallback","useForkRef","useMutableRef","cn","defaultGetItemClickable","defaultGetItemKey","guardCurrentPage","paginationArrowIconsMap","PaginationArrow","PaginationList","PaginationNumberInput","PaginationSizeCalculateHelper","paginationPropFormDefault","paginationPropSizeDefault","paginationPropTypeDefault","usePaginationItems","cnPagination","PaginationRender","props","ref","items","valueProp","value","onChange","size","form","type","containerEventListener","window","getTotalLabel","outerMostArrows","arrows","hotKeys","showFirstPage","showLastPage","visibleCount","className","style","getItemAs","getItemAttributes","getItemRef","otherProps","valueRef","onChangeRef","onItemClick","key","e","current","handleNext","Math","min","handlePrevious","max","handleFirst","handleLast","pages","refs","symbolSize","rootRef","renderArrow","item","hotKey","onClick","flag","orientation","label","icon","toString","clickable","Pagination"],"sources":["../../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import './Pagination.css';\n\nimport React, { forwardRef, useCallback } from 'react';\n\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { useMutableRef } from '##/hooks/useMutableRef';\nimport { cn } from '##/utils/bem';\n\nimport {\n  defaultGetItemClickable,\n  defaultGetItemKey,\n  guardCurrentPage,\n  paginationArrowIconsMap,\n} from './helpers';\nimport { PaginationArrow } from './PaginationArrow';\nimport { PaginationList } from './PaginationList';\nimport { PaginationNumberInput } from './PaginationNumberInput';\nimport { PaginationSizeCalculateHelper } from './PaginationSizeCalculateHelper';\nimport {\n  PaginationArrowTypes,\n  PaginationComponent,\n  PaginationItem,\n  PaginationPropArrow,\n  paginationPropFormDefault,\n  PaginationPropHotKey,\n  PaginationPropOnItemClick,\n  PaginationProps,\n  paginationPropSizeDefault,\n  PaginationPropType,\n  paginationPropTypeDefault,\n} from './types';\nimport { usePaginationItems } from './usePaginationItems';\n\nconst cnPagination = cn('Pagination');\n\nconst PaginationRender = <TYPE extends PaginationPropType>(\n  props: PaginationProps<TYPE>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    items = 0,\n    value: valueProp,\n    onChange,\n    size = paginationPropSizeDefault,\n    form = paginationPropFormDefault,\n    type = paginationPropTypeDefault,\n    containerEventListener = window,\n    getTotalLabel,\n    outerMostArrows,\n    arrows,\n    hotKeys,\n    showFirstPage,\n    showLastPage,\n    visibleCount,\n    className,\n    style,\n    getItemAs,\n    getItemAttributes,\n    getItemRef,\n    ...otherProps\n  } = props;\n\n  const valueRef = useMutableRef(guardCurrentPage(valueProp, items));\n  const onChangeRef = useMutableRef(onChange);\n\n  const onItemClick: PaginationPropOnItemClick<PaginationItem> = useCallback(\n    ({ key }, { e }) => {\n      if (key !== valueRef.current && typeof key === 'number') {\n        onChangeRef.current?.(key, { e });\n      }\n    },\n    [],\n  );\n\n  const handleNext = useCallback(\n    (e: React.MouseEvent | KeyboardEvent) => {\n      onChangeRef.current?.(Math.min(valueRef.current + 1, items), { e });\n    },\n    [items],\n  );\n\n  const handlePrevious = useCallback((e: React.MouseEvent | KeyboardEvent) => {\n    onChangeRef.current?.(Math.max(valueRef.current - 1, 1), { e });\n  }, []);\n\n  const handleFirst = useCallback((e: React.MouseEvent | KeyboardEvent) => {\n    onChangeRef.current?.(1, { e });\n  }, []);\n\n  const handleLast = useCallback(\n    (e: React.MouseEvent | KeyboardEvent) => {\n      onChangeRef.current?.(items, { e });\n    },\n    [items],\n  );\n\n  const [pages, refs, symbolSize] = usePaginationItems({\n    showFirstPage,\n    showLastPage,\n    items,\n    visibleCount,\n    size,\n    value: valueRef.current,\n    containerEventListener,\n    hotKeys,\n    outerMostArrows,\n    type,\n    arrows,\n    handleNext,\n    handlePrevious,\n  });\n\n  const rootRef = useForkRef([refs[4], ref]);\n\n  const renderArrow = (\n    item: PaginationPropArrow,\n    type: PaginationArrowTypes,\n    ref: React.Ref<HTMLButtonElement> | undefined,\n    hotKey: PaginationPropHotKey | undefined,\n    onClick?: React.MouseEventHandler,\n  ) => {\n    const flag =\n      type === 'first' || type === 'previous'\n        ? valueRef.current > 1\n        : valueRef.current < items;\n    const orientation =\n      type === 'first' || type === 'previous' ? 'start' : 'end';\n    if (typeof item === 'object') {\n      const { label, icon = paginationArrowIconsMap[type] } = item;\n\n      return (\n        <PaginationArrow\n          label={label}\n          icon={icon}\n          disabled={!flag}\n          size={size}\n          form={form}\n          ref={ref}\n          orientation={orientation}\n          caption={hotKey?.label}\n          onClick={onClick}\n        />\n      );\n    }\n    return (\n      <PaginationArrow\n        orientation={orientation}\n        icon={typeof item === 'function' ? item : paginationArrowIconsMap[type]}\n        disabled={!flag}\n        size={size}\n        form={form}\n        ref={ref}\n        onClick={onClick}\n      />\n    );\n  };\n\n  if (items <= 0) {\n    return null;\n  }\n\n  return (\n    <nav\n      {...otherProps}\n      className={cnPagination({ type }, [className])}\n      ref={rootRef}\n      style={{\n        ['--pagination-symbol-size' as string]: `${symbolSize}px`,\n        ...style,\n      }}\n    >\n      {(outerMostArrows?.[0] || arrows?.[0]) && (\n        <>\n          {outerMostArrows?.[0] &&\n            renderArrow(\n              outerMostArrows[0],\n              'first',\n              refs[0] as unknown as React.RefObject<HTMLButtonElement>,\n              undefined,\n              handleFirst,\n            )}\n          {arrows?.[0] &&\n            renderArrow(\n              arrows[0],\n              'previous',\n              refs[1] as unknown as React.RefObject<HTMLButtonElement>,\n              hotKeys?.[0],\n              handlePrevious,\n            )}\n        </>\n      )}\n\n      {type === 'default' ? (\n        <PaginationList\n          items={pages}\n          form={form}\n          size={size}\n          onItemClick={onItemClick}\n          value={{\n            key: valueRef.current,\n            label: valueRef.current.toString(),\n            clickable: true,\n          }}\n          getItemKey={defaultGetItemKey}\n          getItemClickable={defaultGetItemClickable}\n          getItemAs={getItemAs}\n          getItemAttributes={getItemAttributes}\n          getItemRef={getItemRef}\n        />\n      ) : (\n        <PaginationNumberInput\n          form={form}\n          size={size}\n          total={items}\n          value={valueRef.current}\n          onChange={onChange}\n          getTotalLabel={getTotalLabel}\n        />\n      )}\n      {(arrows?.[1] || outerMostArrows?.[1]) && (\n        <>\n          {arrows?.[1] &&\n            renderArrow(\n              arrows[1],\n              'next',\n              refs[2] as unknown as React.RefObject<HTMLButtonElement>,\n              hotKeys?.[1],\n              handleNext,\n            )}\n          {outerMostArrows?.[1] &&\n            renderArrow(\n              outerMostArrows[1],\n              'last',\n              refs[3] as unknown as React.RefObject<HTMLButtonElement>,\n              undefined,\n              handleLast,\n            )}\n        </>\n      )}\n      {type === 'default' && (\n        <PaginationSizeCalculateHelper refs={refs} size={size} />\n      )}\n    </nav>\n  );\n};\n\nexport const Pagination = forwardRef(PaginationRender) as PaginationComponent;\n"],"mappings":"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"}

package/__internal__/src/components/Pagination/PaginationList/PaginationList.css

@@ -1 +1 @@
-.PaginationList{display:flex;gap:var(--pagination-gap);width:-moz-max-content;width:max-content}.PaginationList-Item.Button.PaginationItem{width:calc(var(--pagination-item-label-lenght)*var(--pagination-symbol-size) + var(--pagination-item-ph)*2)}
+.PaginationList{display:flex;gap:var(--pagination-gap);width:-moz-max-content;width:max-content}.PaginationList-Item.Button.PaginationItem{width:calc(var(--pagination-item-label-length)*var(--pagination-symbol-size) + var(--pagination-item-ph)*2)}