@vkontakte/vkui 8.0.2 → 8.1.0

package/dist/cssm/components/CarouselBase/helpers.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/CarouselBase/helpers.ts"],"sourcesContent":["/* eslint-disable jsdoc/require-jsdoc */\nimport { getRequiredValueByKey } from '../../helpers/getValueByKey';\nimport type { AlignType } from '../../types';\nimport { SLIDE_THRESHOLD } from './constants';\nimport type { GallerySlidesState, LayoutState, LoopPoint, SlidesManagerState } from './types';\n\nexport const revertRtlValue = (n: number, isRtl: boolean) => {\n  return isRtl ? -n : n;\n};\n\nexport const isBigger = (a: number, b: number, isRtl: boolean) => (isRtl ? a < b : a > b);\nexport const isBiggerOrEqual = (a: number, b: number, isRtl: boolean) => (isRtl ? a <= b : a >= b);\n\nexport const isLower = (a: number, b: number, isRtl: boolean) => (isRtl ? a > b : a < b);\nexport const isLowerOrEqual = (a: number, b: number, isRtl: boolean) => (isRtl ? a >= b : a <= b);\n\n/*\n * Считает отступ слоя галереи во время драга\n * Используется только для looped=false галереи\n * так как только у нее есть пределы по краям\n */\nexport const validateIndent = (\n  slidesManager: SlidesManagerState,\n  value: number,\n  isRtl: boolean,\n  bounded = true,\n) => {\n  const localMax = slidesManager.max ?? 0;\n  const localMin = slidesManager.min ?? 0;\n\n  const moreThanMax = isBigger(value, localMax, isRtl);\n  if (moreThanMax) {\n    if (bounded) {\n      return localMax;\n    } else {\n      return localMax + Number((value - localMax) / 3);\n    }\n  }\n\n  const lessThanMin = isLower(value, localMin, isRtl);\n  if (lessThanMin) {\n    if (bounded) {\n      return localMin;\n    } else {\n      return localMin + Number((value - localMin) / 3);\n    }\n  }\n\n  return value;\n};\n\n/*\n * Считает отступ слоя галереи\n */\nexport function calculateIndent({\n  targetIndex,\n  slidesManager,\n  isCenter,\n  looped = false,\n  isRtl = false,\n}: {\n  targetIndex: number;\n  slidesManager: SlidesManagerState;\n  isCenter: boolean;\n  looped: boolean;\n  isRtl: boolean;\n}): number {\n  if (!slidesManager.slides.length) {\n    return 0;\n  }\n\n  const targetSlide = slidesManager.slides[targetIndex];\n\n  if (targetSlide) {\n    const { coordX, width } = targetSlide;\n\n    if (isCenter) {\n      return revertRtlValue(slidesManager.containerWidth / 2 - coordX - width / 2, isRtl);\n    }\n    const indent = revertRtlValue(-1 * coordX, isRtl);\n    return looped ? indent : validateIndent(slidesManager, indent, isRtl);\n  }\n\n  return 0;\n}\n\n/**\n * Вычисляем индексы слайдов, которые необходимо смещать.\n */\nexport function getShiftedIndexes(\n  direction: 1 | -1,\n  slides: GallerySlidesState[],\n  availableWidth: number,\n): number[] {\n  let gap = availableWidth;\n  const shiftedSlideIndexes = [];\n  const startIndex = direction === 1 ? 0 : slides.length - 1;\n  const endIndex = direction === 1 ? slides.length - 1 : 0;\n\n  for (\n    let i = startIndex;\n    (direction === 1 ? i <= endIndex : i >= endIndex) && gap > 0;\n    i += direction\n  ) {\n    const slideWidth = slides[i].width;\n\n    if (gap > 0) {\n      shiftedSlideIndexes.push(i);\n    }\n    gap -= slideWidth;\n  }\n\n  return shiftedSlideIndexes;\n}\n\nfunction calculateLoopPoints(\n  indexes: number[],\n  edge: 'start' | 'end',\n  slidesManager: SlidesManagerState,\n  containerWidth: number,\n  isRtl: boolean,\n): LoopPoint[] {\n  const { contentSize, slides, snaps } = slidesManager;\n  const isStartEdge = edge === 'start';\n  const offset = isStartEdge ? -contentSize : contentSize;\n\n  return indexes.map((index) => {\n    const initial = revertRtlValue(isStartEdge ? 0 : -contentSize, isRtl);\n    const altered = revertRtlValue(isStartEdge ? contentSize : 0, isRtl);\n\n    const snap = revertRtlValue(snaps[index], isRtl);\n    const firstSnap = revertRtlValue(snaps[0], isRtl);\n    const loopPoint = revertRtlValue(\n      isStartEdge\n        ? snap + containerWidth + offset\n        : snap - slides[index].width + offset - firstSnap,\n      isRtl,\n    );\n\n    return {\n      index,\n      target: (currentLocation) =>\n        isBiggerOrEqual(currentLocation, loopPoint, isRtl) ? initial : altered,\n    };\n  });\n}\n\n/**\n * Вычисляем \"ключевые\" точки, на которых должно происходить смещение слайдов.\n */\nexport function getLoopPoints(\n  slidesManager: SlidesManagerState,\n  containerWidth: number,\n  isRtl = false,\n): LoopPoint[] {\n  const { slides, snaps } = slidesManager;\n  const firstSnap = revertRtlValue(snaps[0], isRtl);\n  const startShiftedIndexes = getShiftedIndexes(-1, slides, firstSnap);\n  const endShiftedIndexes = getShiftedIndexes(1, slides, containerWidth - firstSnap);\n\n  return [\n    ...calculateLoopPoints(endShiftedIndexes, 'start', slidesManager, containerWidth, isRtl),\n    ...calculateLoopPoints(startShiftedIndexes, 'end', slidesManager, containerWidth, isRtl),\n  ];\n}\n\n/*\n * Получает индекс слайда, к которому будет осуществлен переход\n */\nexport function getTargetIndex({\n  slides,\n  slideIndex,\n  currentShiftX,\n  currentShiftXDelta,\n  looped = false,\n  max = null,\n  isRtl = false,\n}: {\n  slides: GallerySlidesState[];\n  slideIndex: number;\n  currentShiftX: number;\n  currentShiftXDelta: number;\n  looped: boolean;\n  max?: number | null;\n  isRtl?: boolean;\n}): number {\n  max = max ?? 0;\n  // Инвертируем значения смещения для RTL режима\n  const shift = revertRtlValue(currentShiftX + currentShiftXDelta - max, isRtl);\n\n  // Инвертируем направление для RTL режима\n  const direction = isLower(currentShiftXDelta, 0, isRtl) ? 1 : -1;\n\n  // Находим ближайшую границу слайда к текущему отступу\n  let targetIndex = slides.reduce((val: number, item: GallerySlidesState, index: number) => {\n    // Инвертируем координаты для RTL режима\n    const previousCoordX = slides[val].coordX;\n    const currentCoordX = item.coordX;\n\n    const previousValue = Math.abs(previousCoordX + shift);\n    const currentValue = Math.abs(currentCoordX + shift);\n\n    return previousValue < currentValue ? val : index;\n  }, slideIndex);\n\n  if (targetIndex === slideIndex) {\n    let targetSlide = slideIndex + direction;\n\n    if (targetSlide >= 0 && targetSlide < slides.length) {\n      if (Math.abs(currentShiftXDelta) > slides[targetSlide].width * SLIDE_THRESHOLD) {\n        return targetSlide;\n      }\n      return targetIndex;\n    }\n    if (!looped) {\n      return direction < 0 ? Math.max(targetIndex, 0) : Math.min(targetIndex, slides.length - 1);\n    }\n\n    return direction < 0\n      ? (targetSlide + slides.length) % slides.length\n      : targetSlide % slides.length;\n  }\n\n  return targetIndex;\n}\n\ninterface CalcMin extends Partial<LayoutState> {\n  isRtl?: boolean;\n  align: AlignType;\n}\n\nexport const calcMin = ({\n  containerWidth = 0,\n  layerWidth = 0,\n  slides = [],\n  viewportOffsetWidth = 0,\n  isFullyVisible,\n  align,\n  isRtl = false,\n}: CalcMin): number => {\n  if (align !== 'center' && isFullyVisible) {\n    return 0;\n  }\n  const result = getRequiredValueByKey(align, {\n    left: () => containerWidth - layerWidth,\n    right: () => viewportOffsetWidth - layerWidth,\n    center: () => {\n      const { coordX, width } = slides[slides.length - 1];\n      return containerWidth / 2 - coordX - width / 2;\n    },\n  })();\n  return revertRtlValue(result, isRtl);\n};\n\ninterface CalcMax extends Partial<LayoutState> {\n  isRtl?: boolean;\n  isCenterAlign: boolean;\n}\n\nexport const calcMax = ({\n  slides = [],\n  containerWidth = 0,\n  isCenterAlign,\n  isRtl = false,\n}: CalcMax): number => {\n  if (isCenterAlign && slides.length) {\n    const { width, coordX } = slides[0];\n    const result = containerWidth / 2 - coordX - width / 2;\n    return revertRtlValue(result, isRtl);\n  }\n  return 0;\n};\n"],"names":["getRequiredValueByKey","SLIDE_THRESHOLD","revertRtlValue","n","isRtl","isBigger","a","b","isBiggerOrEqual","isLower","isLowerOrEqual","validateIndent","slidesManager","value","bounded","localMax","max","localMin","min","moreThanMax","Number","lessThanMin","calculateIndent","targetIndex","isCenter","looped","slides","length","targetSlide","coordX","width","containerWidth","indent","getShiftedIndexes","direction","availableWidth","gap","shiftedSlideIndexes","startIndex","endIndex","i","slideWidth","push","calculateLoopPoints","indexes","edge","contentSize","snaps","isStartEdge","offset","map","index","initial","altered","snap","firstSnap","loopPoint","target","currentLocation","getLoopPoints","startShiftedIndexes","endShiftedIndexes","getTargetIndex","slideIndex","currentShiftX","currentShiftXDelta","shift","reduce","val","item","previousCoordX","currentCoordX","previousValue","Math","abs","currentValue","calcMin","layerWidth","viewportOffsetWidth","isFullyVisible","align","result","left","right","center","calcMax","isCenterAlign"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/CarouselBase/helpers.ts"],"sourcesContent":["/* eslint-disable jsdoc/require-jsdoc */\nimport { getRequiredValueByKey } from '../../helpers/getValueByKey';\nimport type { AlignType } from '../../types';\nimport { SLIDE_THRESHOLD } from './constants';\nimport type { GallerySlidesState, LayoutState, LoopPoint, SlidesManagerState } from './types';\n\nexport const revertRtlValue = (n: number, isRtl: boolean) => {\n  return isRtl ? -n : n;\n};\n\nexport const isBigger = (a: number, b: number, isRtl: boolean) => (isRtl ? a < b : a > b);\nexport const isBiggerOrEqual = (a: number, b: number, isRtl: boolean) => (isRtl ? a <= b : a >= b);\n\nexport const isLower = (a: number, b: number, isRtl: boolean) => (isRtl ? a > b : a < b);\nexport const isLowerOrEqual = (a: number, b: number, isRtl: boolean) => (isRtl ? a >= b : a <= b);\n\n/*\n * Считает отступ слоя галереи во время драга\n * Используется только для looped=false галереи\n * так как только у нее есть пределы по краям\n */\nexport const validateIndent = (\n  slidesManager: SlidesManagerState,\n  value: number,\n  isRtl: boolean,\n  bounded = true,\n) => {\n  const localMax = slidesManager.max ?? 0;\n  const localMin = slidesManager.min ?? 0;\n\n  const moreThanMax = isBigger(value, localMax, isRtl);\n  if (moreThanMax) {\n    if (bounded) {\n      return localMax;\n    } else {\n      return localMax + Number((value - localMax) / 3);\n    }\n  }\n\n  const lessThanMin = isLower(value, localMin, isRtl);\n  if (lessThanMin) {\n    if (bounded) {\n      return localMin;\n    } else {\n      return localMin + Number((value - localMin) / 3);\n    }\n  }\n\n  return value;\n};\n\n/*\n * Считает отступ слоя галереи\n */\nexport function calculateIndent({\n  targetIndex,\n  slidesManager,\n  isCenter,\n  looped = false,\n  isRtl = false,\n}: {\n  targetIndex: number;\n  slidesManager: SlidesManagerState;\n  isCenter: boolean;\n  looped: boolean;\n  isRtl: boolean;\n}): number {\n  if (!slidesManager.slides.length) {\n    return 0;\n  }\n\n  const targetSlide = slidesManager.slides[targetIndex];\n\n  if (targetSlide) {\n    const { coordX, width } = targetSlide;\n\n    if (isCenter) {\n      return revertRtlValue(slidesManager.containerWidth / 2 - coordX - width / 2, isRtl);\n    }\n    const indent = revertRtlValue(-1 * coordX, isRtl);\n    return looped ? indent : validateIndent(slidesManager, indent, isRtl);\n  }\n\n  return 0;\n}\n\n/**\n * Вычисляем индексы слайдов, которые необходимо смещать.\n */\nexport function getShiftedIndexes(\n  direction: 1 | -1,\n  slides: GallerySlidesState[],\n  availableWidth: number,\n): number[] {\n  let gap = availableWidth;\n  const shiftedSlideIndexes = [];\n  const startIndex = direction === 1 ? 0 : slides.length - 1;\n  const endIndex = direction === 1 ? slides.length - 1 : 0;\n\n  for (\n    let i = startIndex;\n    (direction === 1 ? i <= endIndex : i >= endIndex) && gap > 0;\n    i += direction\n  ) {\n    const slideWidth = slides[i].width;\n\n    if (gap > 0) {\n      shiftedSlideIndexes.push(i);\n    }\n    gap -= slideWidth;\n  }\n\n  return shiftedSlideIndexes;\n}\n\nfunction calculateLoopPoints(\n  indexes: number[],\n  edge: 'start' | 'end',\n  slidesManager: SlidesManagerState,\n  containerWidth: number,\n  isRtl: boolean,\n): LoopPoint[] {\n  const { contentSize, slides, snaps } = slidesManager;\n  const isStartEdge = edge === 'start';\n  const offset = isStartEdge ? -contentSize : contentSize;\n\n  return indexes.map((index) => {\n    const initial = revertRtlValue(isStartEdge ? 0 : -contentSize, isRtl);\n    const altered = revertRtlValue(isStartEdge ? contentSize : 0, isRtl);\n\n    const snap = revertRtlValue(snaps[index], isRtl);\n    const firstSnap = revertRtlValue(snaps[0], isRtl);\n    const loopPoint = revertRtlValue(\n      isStartEdge\n        ? snap + containerWidth + offset\n        : snap - slides[index].width + offset - firstSnap,\n      isRtl,\n    );\n\n    return {\n      index,\n      target: (currentLocation) =>\n        isBiggerOrEqual(currentLocation, loopPoint, isRtl) ? initial : altered,\n    };\n  });\n}\n\n/**\n * Вычисляем \"ключевые\" точки, на которых должно происходить смещение слайдов.\n */\nexport function getLoopPoints(\n  slidesManager: SlidesManagerState,\n  containerWidth: number,\n  isRtl = false,\n): LoopPoint[] {\n  const { slides, snaps } = slidesManager;\n  const firstSnap = revertRtlValue(snaps[0], isRtl);\n  const startShiftedIndexes = getShiftedIndexes(-1, slides, firstSnap);\n  const endShiftedIndexes = getShiftedIndexes(1, slides, containerWidth - firstSnap);\n\n  return [\n    ...calculateLoopPoints(endShiftedIndexes, 'start', slidesManager, containerWidth, isRtl),\n    ...calculateLoopPoints(startShiftedIndexes, 'end', slidesManager, containerWidth, isRtl),\n  ];\n}\n\n/*\n * Получает индекс слайда, к которому будет осуществлен переход\n */\nexport function getTargetIndex({\n  slides,\n  slideIndex,\n  currentShiftX,\n  currentShiftXDelta,\n  looped = false,\n  max = null,\n  isRtl = false,\n}: {\n  slides: GallerySlidesState[];\n  slideIndex: number;\n  currentShiftX: number;\n  currentShiftXDelta: number;\n  looped: boolean;\n  max?: number | null | undefined;\n  isRtl?: boolean | undefined;\n}): number {\n  max = max ?? 0;\n  // Инвертируем значения смещения для RTL режима\n  const shift = revertRtlValue(currentShiftX + currentShiftXDelta - max, isRtl);\n\n  // Инвертируем направление для RTL режима\n  const direction = isLower(currentShiftXDelta, 0, isRtl) ? 1 : -1;\n\n  // Находим ближайшую границу слайда к текущему отступу\n  let targetIndex = slides.reduce((val: number, item: GallerySlidesState, index: number) => {\n    // Инвертируем координаты для RTL режима\n    const previousCoordX = slides[val].coordX;\n    const currentCoordX = item.coordX;\n\n    const previousValue = Math.abs(previousCoordX + shift);\n    const currentValue = Math.abs(currentCoordX + shift);\n\n    return previousValue < currentValue ? val : index;\n  }, slideIndex);\n\n  if (targetIndex === slideIndex) {\n    let targetSlide = slideIndex + direction;\n\n    if (targetSlide >= 0 && targetSlide < slides.length) {\n      if (Math.abs(currentShiftXDelta) > slides[targetSlide].width * SLIDE_THRESHOLD) {\n        return targetSlide;\n      }\n      return targetIndex;\n    }\n    if (!looped) {\n      return direction < 0 ? Math.max(targetIndex, 0) : Math.min(targetIndex, slides.length - 1);\n    }\n\n    return direction < 0\n      ? (targetSlide + slides.length) % slides.length\n      : targetSlide % slides.length;\n  }\n\n  return targetIndex;\n}\n\ninterface CalcMin extends Partial<LayoutState> {\n  isRtl?: boolean | undefined;\n  align: AlignType;\n}\n\nexport const calcMin = ({\n  containerWidth = 0,\n  layerWidth = 0,\n  slides = [],\n  viewportOffsetWidth = 0,\n  isFullyVisible,\n  align,\n  isRtl = false,\n}: CalcMin): number => {\n  if (align !== 'center' && isFullyVisible) {\n    return 0;\n  }\n  const result = getRequiredValueByKey(align, {\n    left: () => containerWidth - layerWidth,\n    right: () => viewportOffsetWidth - layerWidth,\n    center: () => {\n      const { coordX, width } = slides[slides.length - 1];\n      return containerWidth / 2 - coordX - width / 2;\n    },\n  })();\n  return revertRtlValue(result, isRtl);\n};\n\ninterface CalcMax extends Partial<LayoutState> {\n  isRtl?: boolean | undefined;\n  isCenterAlign: boolean;\n}\n\nexport const calcMax = ({\n  slides = [],\n  containerWidth = 0,\n  isCenterAlign,\n  isRtl = false,\n}: CalcMax): number => {\n  if (isCenterAlign && slides.length) {\n    const { width, coordX } = slides[0];\n    const result = containerWidth / 2 - coordX - width / 2;\n    return revertRtlValue(result, isRtl);\n  }\n  return 0;\n};\n"],"names":["getRequiredValueByKey","SLIDE_THRESHOLD","revertRtlValue","n","isRtl","isBigger","a","b","isBiggerOrEqual","isLower","isLowerOrEqual","validateIndent","slidesManager","value","bounded","localMax","max","localMin","min","moreThanMax","Number","lessThanMin","calculateIndent","targetIndex","isCenter","looped","slides","length","targetSlide","coordX","width","containerWidth","indent","getShiftedIndexes","direction","availableWidth","gap","shiftedSlideIndexes","startIndex","endIndex","i","slideWidth","push","calculateLoopPoints","indexes","edge","contentSize","snaps","isStartEdge","offset","map","index","initial","altered","snap","firstSnap","loopPoint","target","currentLocation","getLoopPoints","startShiftedIndexes","endShiftedIndexes","getTargetIndex","slideIndex","currentShiftX","currentShiftXDelta","shift","reduce","val","item","previousCoordX","currentCoordX","previousValue","Math","abs","currentValue","calcMin","layerWidth","viewportOffsetWidth","isFullyVisible","align","result","left","right","center","calcMax","isCenterAlign"],"mappings":"AAAA,sCAAsC,GACtC,SAASA,qBAAqB,QAAQ,iCAA8B;AAEpE,SAASC,eAAe,QAAQ,iBAAc;AAG9C,OAAO,MAAMC,iBAAiB,CAACC,GAAWC;IACxC,OAAOA,QAAQ,CAACD,IAAIA;AACtB,EAAE;AAEF,OAAO,MAAME,WAAW,CAACC,GAAWC,GAAWH,QAAoBA,QAAQE,IAAIC,IAAID,IAAIC,EAAG;AAC1F,OAAO,MAAMC,kBAAkB,CAACF,GAAWC,GAAWH,QAAoBA,QAAQE,KAAKC,IAAID,KAAKC,EAAG;AAEnG,OAAO,MAAME,UAAU,CAACH,GAAWC,GAAWH,QAAoBA,QAAQE,IAAIC,IAAID,IAAIC,EAAG;AACzF,OAAO,MAAMG,iBAAiB,CAACJ,GAAWC,GAAWH,QAAoBA,QAAQE,KAAKC,IAAID,KAAKC,EAAG;AAElG;;;;CAIC,GACD,OAAO,MAAMI,iBAAiB,CAC5BC,eACAC,OACAT,OACAU,UAAU,IAAI;IAEd,MAAMC,WAAWH,cAAcI,GAAG,IAAI;IACtC,MAAMC,WAAWL,cAAcM,GAAG,IAAI;IAEtC,MAAMC,cAAcd,SAASQ,OAAOE,UAAUX;IAC9C,IAAIe,aAAa;QACf,IAAIL,SAAS;YACX,OAAOC;QACT,OAAO;YACL,OAAOA,WAAWK,OAAO,AAACP,CAAAA,QAAQE,QAAO,IAAK;QAChD;IACF;IAEA,MAAMM,cAAcZ,QAAQI,OAAOI,UAAUb;IAC7C,IAAIiB,aAAa;QACf,IAAIP,SAAS;YACX,OAAOG;QACT,OAAO;YACL,OAAOA,WAAWG,OAAO,AAACP,CAAAA,QAAQI,QAAO,IAAK;QAChD;IACF;IAEA,OAAOJ;AACT,EAAE;AAEF;;CAEC,GACD,OAAO,SAASS,gBAAgB,EAC9BC,WAAW,EACXX,aAAa,EACbY,QAAQ,EACRC,SAAS,KAAK,EACdrB,QAAQ,KAAK,EAOd;IACC,IAAI,CAACQ,cAAcc,MAAM,CAACC,MAAM,EAAE;QAChC,OAAO;IACT;IAEA,MAAMC,cAAchB,cAAcc,MAAM,CAACH,YAAY;IAErD,IAAIK,aAAa;QACf,MAAM,EAAEC,MAAM,EAAEC,KAAK,EAAE,GAAGF;QAE1B,IAAIJ,UAAU;YACZ,OAAOtB,eAAeU,cAAcmB,cAAc,GAAG,IAAIF,SAASC,QAAQ,GAAG1B;QAC/E;QACA,MAAM4B,SAAS9B,eAAe,CAAC,IAAI2B,QAAQzB;QAC3C,OAAOqB,SAASO,SAASrB,eAAeC,eAAeoB,QAAQ5B;IACjE;IAEA,OAAO;AACT;AAEA;;CAEC,GACD,OAAO,SAAS6B,kBACdC,SAAiB,EACjBR,MAA4B,EAC5BS,cAAsB;IAEtB,IAAIC,MAAMD;IACV,MAAME,sBAAsB,EAAE;IAC9B,MAAMC,aAAaJ,cAAc,IAAI,IAAIR,OAAOC,MAAM,GAAG;IACzD,MAAMY,WAAWL,cAAc,IAAIR,OAAOC,MAAM,GAAG,IAAI;IAEvD,IACE,IAAIa,IAAIF,YACR,AAACJ,CAAAA,cAAc,IAAIM,KAAKD,WAAWC,KAAKD,QAAO,KAAMH,MAAM,GAC3DI,KAAKN,UACL;QACA,MAAMO,aAAaf,MAAM,CAACc,EAAE,CAACV,KAAK;QAElC,IAAIM,MAAM,GAAG;YACXC,oBAAoBK,IAAI,CAACF;QAC3B;QACAJ,OAAOK;IACT;IAEA,OAAOJ;AACT;AAEA,SAASM,oBACPC,OAAiB,EACjBC,IAAqB,EACrBjC,aAAiC,EACjCmB,cAAsB,EACtB3B,KAAc;IAEd,MAAM,EAAE0C,WAAW,EAAEpB,MAAM,EAAEqB,KAAK,EAAE,GAAGnC;IACvC,MAAMoC,cAAcH,SAAS;IAC7B,MAAMI,SAASD,cAAc,CAACF,cAAcA;IAE5C,OAAOF,QAAQM,GAAG,CAAC,CAACC;QAClB,MAAMC,UAAUlD,eAAe8C,cAAc,IAAI,CAACF,aAAa1C;QAC/D,MAAMiD,UAAUnD,eAAe8C,cAAcF,cAAc,GAAG1C;QAE9D,MAAMkD,OAAOpD,eAAe6C,KAAK,CAACI,MAAM,EAAE/C;QAC1C,MAAMmD,YAAYrD,eAAe6C,KAAK,CAAC,EAAE,EAAE3C;QAC3C,MAAMoD,YAAYtD,eAChB8C,cACIM,OAAOvB,iBAAiBkB,SACxBK,OAAO5B,MAAM,CAACyB,MAAM,CAACrB,KAAK,GAAGmB,SAASM,WAC1CnD;QAGF,OAAO;YACL+C;YACAM,QAAQ,CAACC,kBACPlD,gBAAgBkD,iBAAiBF,WAAWpD,SAASgD,UAAUC;QACnE;IACF;AACF;AAEA;;CAEC,GACD,OAAO,SAASM,cACd/C,aAAiC,EACjCmB,cAAsB,EACtB3B,QAAQ,KAAK;IAEb,MAAM,EAAEsB,MAAM,EAAEqB,KAAK,EAAE,GAAGnC;IAC1B,MAAM2C,YAAYrD,eAAe6C,KAAK,CAAC,EAAE,EAAE3C;IAC3C,MAAMwD,sBAAsB3B,kBAAkB,CAAC,GAAGP,QAAQ6B;IAC1D,MAAMM,oBAAoB5B,kBAAkB,GAAGP,QAAQK,iBAAiBwB;IAExE,OAAO;WACFZ,oBAAoBkB,mBAAmB,SAASjD,eAAemB,gBAAgB3B;WAC/EuC,oBAAoBiB,qBAAqB,OAAOhD,eAAemB,gBAAgB3B;KACnF;AACH;AAEA;;CAEC,GACD,OAAO,SAAS0D,eAAe,EAC7BpC,MAAM,EACNqC,UAAU,EACVC,aAAa,EACbC,kBAAkB,EAClBxC,SAAS,KAAK,EACdT,MAAM,IAAI,EACVZ,QAAQ,KAAK,EASd;IACCY,MAAMA,OAAO;IACb,+CAA+C;IAC/C,MAAMkD,QAAQhE,eAAe8D,gBAAgBC,qBAAqBjD,KAAKZ;IAEvE,yCAAyC;IACzC,MAAM8B,YAAYzB,QAAQwD,oBAAoB,GAAG7D,SAAS,IAAI,CAAC;IAE/D,sDAAsD;IACtD,IAAImB,cAAcG,OAAOyC,MAAM,CAAC,CAACC,KAAaC,MAA0BlB;QACtE,wCAAwC;QACxC,MAAMmB,iBAAiB5C,MAAM,CAAC0C,IAAI,CAACvC,MAAM;QACzC,MAAM0C,gBAAgBF,KAAKxC,MAAM;QAEjC,MAAM2C,gBAAgBC,KAAKC,GAAG,CAACJ,iBAAiBJ;QAChD,MAAMS,eAAeF,KAAKC,GAAG,CAACH,gBAAgBL;QAE9C,OAAOM,gBAAgBG,eAAeP,MAAMjB;IAC9C,GAAGY;IAEH,IAAIxC,gBAAgBwC,YAAY;QAC9B,IAAInC,cAAcmC,aAAa7B;QAE/B,IAAIN,eAAe,KAAKA,cAAcF,OAAOC,MAAM,EAAE;YACnD,IAAI8C,KAAKC,GAAG,CAACT,sBAAsBvC,MAAM,CAACE,YAAY,CAACE,KAAK,GAAG7B,iBAAiB;gBAC9E,OAAO2B;YACT;YACA,OAAOL;QACT;QACA,IAAI,CAACE,QAAQ;YACX,OAAOS,YAAY,IAAIuC,KAAKzD,GAAG,CAACO,aAAa,KAAKkD,KAAKvD,GAAG,CAACK,aAAaG,OAAOC,MAAM,GAAG;QAC1F;QAEA,OAAOO,YAAY,IACf,AAACN,CAAAA,cAAcF,OAAOC,MAAM,AAAD,IAAKD,OAAOC,MAAM,GAC7CC,cAAcF,OAAOC,MAAM;IACjC;IAEA,OAAOJ;AACT;AAOA,OAAO,MAAMqD,UAAU,CAAC,EACtB7C,iBAAiB,CAAC,EAClB8C,aAAa,CAAC,EACdnD,SAAS,EAAE,EACXoD,sBAAsB,CAAC,EACvBC,cAAc,EACdC,KAAK,EACL5E,QAAQ,KAAK,EACL;IACR,IAAI4E,UAAU,YAAYD,gBAAgB;QACxC,OAAO;IACT;IACA,MAAME,SAASjF,sBAAsBgF,OAAO;QAC1CE,MAAM,IAAMnD,iBAAiB8C;QAC7BM,OAAO,IAAML,sBAAsBD;QACnCO,QAAQ;YACN,MAAM,EAAEvD,MAAM,EAAEC,KAAK,EAAE,GAAGJ,MAAM,CAACA,OAAOC,MAAM,GAAG,EAAE;YACnD,OAAOI,iBAAiB,IAAIF,SAASC,QAAQ;QAC/C;IACF;IACA,OAAO5B,eAAe+E,QAAQ7E;AAChC,EAAE;AAOF,OAAO,MAAMiF,UAAU,CAAC,EACtB3D,SAAS,EAAE,EACXK,iBAAiB,CAAC,EAClBuD,aAAa,EACblF,QAAQ,KAAK,EACL;IACR,IAAIkF,iBAAiB5D,OAAOC,MAAM,EAAE;QAClC,MAAM,EAAEG,KAAK,EAAED,MAAM,EAAE,GAAGH,MAAM,CAAC,EAAE;QACnC,MAAMuD,SAASlD,iBAAiB,IAAIF,SAASC,QAAQ;QACrD,OAAO5B,eAAe+E,QAAQ7E;IAChC;IACA,OAAO;AACT,EAAE"}

package/dist/cssm/components/CarouselBase/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/CarouselBase/types.ts"],"sourcesContent":["/* eslint-disable jsdoc/require-jsdoc */\nimport type * as React from 'react';\nimport type { HasAlign, HasRef, HTMLAttributesWithRootRef, LiteralUnion } from '../../types';\nimport type { ScrollArrowProps } from '../ScrollArrow/ScrollArrow';\nimport type { CustomTouchEvent, CustomTouchEventHandler } from '../Touch/Touch';\nimport type { BulletsTestIds } from './Bullets';\nimport type { ScrollArrowsTestIds } from './ScrollArrows';\n\nexport interface GallerySlidesState {\n  coordX: number;\n  width: number;\n}\n\nexport interface LayoutState {\n  containerWidth: number;\n  viewportOffsetWidth: number;\n  layerWidth: number;\n  min?: number;\n  max: number;\n  slides: GallerySlidesState[];\n  isFullyVisible: boolean;\n}\n\nexport interface LoopPoint {\n  /**\n   * Индекс слайда.\n   */\n  index: number;\n  /**\n   * Функция, которая по текущему сдвигу галереи определяет нужный сдвиг слайда.\n   */\n  target: (this: void, location: number) => void;\n}\n\nexport interface ControlElementsState {\n  /**\n   * Отвечает за отображение стрелки влево.\n   */\n  canSlideLeft: boolean;\n  /**\n   * Отвечает за отображение стрелки вправо.\n   */\n  canSlideRight: boolean;\n  /**\n   * Возможность листать слайды drag'ом.\n   */\n  isDraggable: boolean;\n}\n\nexport interface SlidesManagerState {\n  /**\n   * Общая ширина всех слайдов.\n   */\n  contentSize: number;\n  /**\n   * Массив с пограничными точками слайдов, которые необходимо смещать, чтобы они всегда были в области видимости\n   * (пример: для последнего слайда это n-первых слайдов, необходимых для заполнения оставшейся ширины,\n   * или для первого слайда это n-последних слайдов при выравнивании по центру).\n   */\n  loopPoints: LoopPoint[];\n  /**\n   * Массив с правыми границами слайдов.\n   */\n  snaps: number[];\n  /**\n   * Ширина видимой области слайдов.\n   */\n  viewportOffsetWidth: number;\n  /**\n   * Массив слайдов с координатой начала слайда и шириной.\n   */\n  slides: GallerySlidesState[];\n  /**\n   * Все слайды видимы без скрола.\n   */\n  isFullyVisible: boolean;\n  min: number | null;\n  max: number | null;\n  containerWidth: number;\n  layerWidth: number;\n}\n\nexport type PredefinedEasingType = 'linear' | 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out';\nexport type CubicBezierEasingType = [number, number, number, number];\n\nexport interface BaseGalleryProps\n  extends Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'onChange' | 'onDragStart' | 'onDragEnd'>,\n    HasAlign,\n    HasRef<HTMLElement>,\n    BulletsTestIds,\n    ScrollArrowsTestIds {\n  /**\n   * Размер слайда.\n   *\n   * Значение `\"custom\"` используется, если ширина у слайдов разная.\n   */\n  slideWidth?: LiteralUnion<'custom', string> | number;\n  slideIndex?: number;\n  onDragStart?: CustomTouchEventHandler;\n  onDragEnd?: (e: CustomTouchEvent, targetIndex: number) => void;\n  onChange?: (current: number) => void;\n  /**\n   * Будет вызвано при нажатии на кнопку-стрелку влево.\n   */\n  onPrevClick?: (event: React.MouseEvent) => void;\n  /**\n   * Будет вызвано при нажатии на кнопку-стрелку вправо.\n   */\n  onNextClick?: (event: React.MouseEvent) => void;\n  bullets?: 'dark' | 'light' | false;\n  /**\n   * Позволяет отключить реагирование на тач-события.\n   */\n  dragDisabled?: boolean;\n  showArrows?: boolean;\n  /**\n   * Размер активной зоны стрелок (в пикселях).\n   * Определяет область вокруг стрелок, реагирующую на взаимодействие пользователя. В дизайне свойство называется `arrowArea`.\n   */\n  arrowAreaHeight?: 'stretch' | 'fit';\n  hasPointer?: boolean;\n  arrowSize?: ScrollArrowProps['size'];\n  /**\n   * Текст для кнопки-стрелки влево (назад). Делает ее доступной для ассистивных технологий.\n   */\n  arrowPrevLabel?: string;\n  /**\n   * Текст для кнопки-стрелки вправо (вперед). Делает ее доступной для ассистивных технологий.\n   */\n  arrowNextLabel?: string;\n  /**\n   * Текст для слайда. Делает его доступным для ассистивных технологий. Может быть функцией.\n   * По умолчанию устанавливает `aria-label` вида `${Номер слайда} из ${Количества слайдов}`.\n   */\n  slideLabel?: string | ((index: number, slidesCount: number) => string);\n  /**\n   * Описание роли для слайда, для лучше понимания пользователей скринридеров. По умолчанию - `Слайд`.\n   */\n  slideRoleDescription?: string;\n  /**\n   * Передает атрибут `data-testid` для слайда.\n   */\n  slideTestId?: (index: number) => string;\n  /**\n   * Включает зацикленность слайдов.\n   */\n  looped?: boolean;\n  /**\n   * Тип источника для отслеживания размера:\n   * - `window`: пересчет позиции слайдов будет происходить при изменении размеров `window`\n   * - `element`: пересчет позиции слайдов будет происходить при изменении размеров компонента.\n   */\n  resizeSource?: 'window' | 'element';\n  /**\n   * Длительность анимации смены слайда в миллисекундах.\n   */\n  animationDuration?: number;\n  /**\n   * Функция для анимации.\n   *\n   * Принимает одно из предопределённых значений или параметры функции [cubic-bezier](https://developer.mozilla.org/en-US/docs/Web/CSS/easing-function/cubic-bezier).\n   */\n  animationEasing?: PredefinedEasingType | CubicBezierEasingType;\n}\n"],"names":[],"mappings":"AAAA,sCAAsC,GAqFtC,WA8EC"}
+{"version":3,"sources":["../../../../src/components/CarouselBase/types.ts"],"sourcesContent":["/* eslint-disable jsdoc/require-jsdoc */\nimport type * as React from 'react';\nimport type { HasAlign, HasRef, HTMLAttributesWithRootRef, LiteralUnion } from '../../types';\nimport type { ScrollArrowProps } from '../ScrollArrow/ScrollArrow';\nimport type { CustomTouchEvent, CustomTouchEventHandler } from '../Touch/Touch';\nimport type { BulletsTestIds } from './Bullets';\nimport type { ScrollArrowsTestIds } from './ScrollArrows';\n\nexport interface GallerySlidesState {\n  coordX: number;\n  width: number;\n}\n\nexport interface LayoutState {\n  containerWidth: number;\n  viewportOffsetWidth: number;\n  layerWidth: number;\n  min?: number | undefined;\n  max: number;\n  slides: GallerySlidesState[];\n  isFullyVisible: boolean;\n}\n\nexport interface LoopPoint {\n  /**\n   * Индекс слайда.\n   */\n  index: number;\n  /**\n   * Функция, которая по текущему сдвигу галереи определяет нужный сдвиг слайда.\n   */\n  target: (this: void, location: number) => void;\n}\n\nexport interface ControlElementsState {\n  /**\n   * Отвечает за отображение стрелки влево.\n   */\n  canSlideLeft: boolean;\n  /**\n   * Отвечает за отображение стрелки вправо.\n   */\n  canSlideRight: boolean;\n  /**\n   * Возможность листать слайды drag'ом.\n   */\n  isDraggable: boolean;\n}\n\nexport interface SlidesManagerState {\n  /**\n   * Общая ширина всех слайдов.\n   */\n  contentSize: number;\n  /**\n   * Массив с пограничными точками слайдов, которые необходимо смещать, чтобы они всегда были в области видимости\n   * (пример: для последнего слайда это n-первых слайдов, необходимых для заполнения оставшейся ширины,\n   * или для первого слайда это n-последних слайдов при выравнивании по центру).\n   */\n  loopPoints: LoopPoint[];\n  /**\n   * Массив с правыми границами слайдов.\n   */\n  snaps: number[];\n  /**\n   * Ширина видимой области слайдов.\n   */\n  viewportOffsetWidth: number;\n  /**\n   * Массив слайдов с координатой начала слайда и шириной.\n   */\n  slides: GallerySlidesState[];\n  /**\n   * Все слайды видимы без скрола.\n   */\n  isFullyVisible: boolean;\n  min: number | null;\n  max: number | null;\n  containerWidth: number;\n  layerWidth: number;\n}\n\nexport type PredefinedEasingType = 'linear' | 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out';\nexport type CubicBezierEasingType = [number, number, number, number];\n\nexport interface BaseGalleryProps\n  extends Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'onChange' | 'onDragStart' | 'onDragEnd'>,\n    HasAlign,\n    HasRef<HTMLElement>,\n    BulletsTestIds,\n    ScrollArrowsTestIds {\n  /**\n   * Размер слайда.\n   *\n   * Значение `\"custom\"` используется, если ширина у слайдов разная.\n   */\n  slideWidth?: LiteralUnion<'custom' | undefined, string> | number | undefined;\n  slideIndex?: number | undefined;\n  onDragStart?: CustomTouchEventHandler | undefined;\n  onDragEnd?: ((e: CustomTouchEvent | undefined, targetIndex: number) => void) | undefined;\n  onChange?: ((current: number) => void) | undefined;\n  /**\n   * Будет вызвано при нажатии на кнопку-стрелку влево.\n   */\n  onPrevClick?: ((event: React.MouseEvent) => void) | undefined;\n  /**\n   * Будет вызвано при нажатии на кнопку-стрелку вправо.\n   */\n  onNextClick?: ((event: React.MouseEvent) => void) | undefined;\n  bullets?: 'dark' | 'light' | false | undefined;\n  /**\n   * Позволяет отключить реагирование на тач-события.\n   */\n  dragDisabled?: boolean | undefined;\n  showArrows?: boolean | undefined;\n  /**\n   * Размер активной зоны стрелок (в пикселях).\n   * Определяет область вокруг стрелок, реагирующую на взаимодействие пользователя. В дизайне свойство называется `arrowArea`.\n   */\n  arrowAreaHeight?: 'stretch' | 'fit' | undefined;\n  hasPointer?: boolean | undefined;\n  arrowSize?: ScrollArrowProps['size'] | undefined;\n  /**\n   * Текст для кнопки-стрелки влево (назад). Делает ее доступной для ассистивных технологий.\n   */\n  arrowPrevLabel?: string | undefined;\n  /**\n   * Текст для кнопки-стрелки вправо (вперед). Делает ее доступной для ассистивных технологий.\n   */\n  arrowNextLabel?: string | undefined;\n  /**\n   * Текст для слайда. Делает его доступным для ассистивных технологий. Может быть функцией.\n   * По умолчанию устанавливает `aria-label` вида `${Номер слайда} из ${Количества слайдов}`.\n   */\n  slideLabel?: string | ((index: number, slidesCount: number) => string) | undefined;\n  /**\n   * Описание роли для слайда, для лучше понимания пользователей скринридеров. По умолчанию - `Слайд`.\n   */\n  slideRoleDescription?: string | undefined;\n  /**\n   * Передает атрибут `data-testid` для слайда.\n   */\n  slideTestId?: ((index: number) => string) | undefined;\n  /**\n   * Включает зацикленность слайдов.\n   */\n  looped?: boolean | undefined;\n  /**\n   * Тип источника для отслеживания размера:\n   * - `window`: пересчет позиции слайдов будет происходить при изменении размеров `window`\n   * - `element`: пересчет позиции слайдов будет происходить при изменении размеров компонента.\n   */\n  resizeSource?: 'window' | 'element' | undefined;\n  /**\n   * Длительность анимации смены слайда в миллисекундах.\n   */\n  animationDuration?: number | undefined;\n  /**\n   * Функция для анимации.\n   *\n   * Принимает одно из предопределённых значений или параметры функции [cubic-bezier](https://developer.mozilla.org/en-US/docs/Web/CSS/easing-function/cubic-bezier).\n   */\n  animationEasing?: PredefinedEasingType | CubicBezierEasingType | undefined;\n}\n"],"names":[],"mappings":"AAAA,sCAAsC,GAqFtC,WA8EC"}

package/dist/cssm/components/Cell/Cell.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Cell/Cell.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { SwappedItemRange } from '../../hooks/useDraggableWithDomApi';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport type { HasRootRef } from '../../types';\nimport { Removable, type RemovableProps } from '../Removable/Removable';\nimport { SimpleCell, type SimpleCellProps } from '../SimpleCell/SimpleCell';\nimport { CellCheckbox, type CellCheckboxProps } from './CellCheckbox/CellCheckbox';\nimport { CellDragger } from './CellDragger/CellDragger';\nimport { DEFAULT_DRAGGABLE_LABEL } from './constants';\nimport styles from './Cell.module.css';\n\nexport interface CellProps\n  extends Omit<SimpleCellProps, 'getRootRef'>,\n    RemovableProps,\n    HasRootRef<HTMLDivElement> {\n  /**\n   * Режим отображения ячейки:\n   *\n   * - \"removable\": добавляется кнопка для удаления\n   * - \"selectable\": добавляется чекбокс для выбора.\n   */\n  mode?: 'removable' | 'selectable';\n  /**\n   * В режиме перетаскивания ячейка перестает реагировать на нажатие, то есть при нажатии переданный `onClick` вызываться не будет.\n   */\n  draggable?: boolean;\n  /**\n   * Имя для `input` в режиме `selectable`.\n   */\n  name?: string;\n  /**\n   * В режиме `selectable` реагирует на входящие значения пропса `cheсked`, как зависящий напрямую от входящего значения.\n   */\n  checked?: boolean;\n  /**\n   * В режиме `selectable` реагирует на входящие значения пропса `defaultChecked` как неконтролируемый компонент.\n   */\n  defaultChecked?: boolean;\n  /**\n   * Обработчик, срабатывающий при завершении перетаскивания.\n   * **Важно:** режим перетаскивания не меняет порядок ячеек в DOM. В обработчике есть объект с полями `from` и `to`.\n   * Эти числа нужны для того, чтобы разработчик понимал, с какого индекса на какой произошел переход. В песочнице\n   * есть рабочий пример с обработкой этих чисел и перерисовкой списка.\n   */\n  onDragFinish?: (swappedItemRange: SwappedItemRange) => void;\n  /**\n   * Текст для кнопки перетаскивания ячейки.\n   */\n  draggerLabel?: string;\n  /**\n   * Передает атрибут `data-testid` для кнопки перетаскивания ячейки.\n   */\n  draggerTestId?: string;\n}\n\n/**\n * @see https://vkui.io/components/cell\n */\nexport const Cell: React.FC<CellProps> & {\n  Checkbox: typeof CellCheckbox;\n} = ({\n  mode,\n  onRemove,\n  removePlaceholder = 'Удалить',\n  onDragFinish,\n  before,\n  after,\n  disabled,\n  draggable,\n  Component: ComponentProps,\n  onChange,\n  name,\n  value,\n  checked,\n  defaultChecked,\n  getRootRef,\n  draggerLabel = DEFAULT_DRAGGABLE_LABEL,\n  className,\n  style,\n  toggleButtonTestId,\n  removeButtonTestId,\n  draggerTestId,\n  href: hrefProp,\n  ...restProps\n}: CellProps) => {\n  const [dragging, setDragging] = React.useState(false);\n  const selectable = mode === 'selectable';\n  const removable = mode === 'removable';\n  const Component = selectable ? 'label' : ComponentProps;\n  const href = selectable ? undefined : hrefProp;\n\n  const platform = usePlatform();\n\n  const rootElRef = useExternRef(getRootRef);\n\n  const dragger = draggable ? (\n    <CellDragger\n      elRef={rootElRef}\n      className={classNames(styles.dragger, !before && !selectable && styles.controlNoBefore)}\n      onDragStateChange={setDragging}\n      onDragFinish={onDragFinish}\n      data-testid={draggerTestId}\n    >\n      {draggerLabel}\n    </CellDragger>\n  ) : null;\n\n  let checkbox;\n  if (selectable) {\n    const checkboxProps: CellCheckboxProps = {\n      name,\n      value,\n      defaultChecked,\n      checked,\n      disabled,\n      onChange,\n    };\n    checkbox = (\n      <CellCheckbox\n        className={classNames(styles.checkbox, !before && styles.controlNoBefore)}\n        {...checkboxProps}\n      />\n    );\n  }\n\n  const hasActive = !disabled && !dragging;\n\n  const cellClasses = classNames(\n    styles.host,\n    dragging && styles.dragging,\n    platform === 'ios' && styles.ios,\n    removable && styles.removable,\n  );\n\n  const simpleCellProps: SimpleCellProps = {\n    hasActive: hasActive,\n    hasHover: hasActive && !removable,\n    disabled,\n    href,\n    ...restProps,\n    className: styles.content,\n    // чтобы свойство, если не определено, не присутствовало в\n    // restProps явно как {'Component': undefined} и ниже не переопределяло\n    // возможное значение commonProps.Component = 'a' при слиянии двух объектов, как\n    // {...commonProps, ...restProps}\n    ...(Component && { Component }),\n    before: (\n      <React.Fragment>\n        {draggable && platform !== 'ios' && dragger}\n        {selectable && checkbox}\n        {before}\n      </React.Fragment>\n    ),\n    after: (\n      <React.Fragment>\n        {draggable && platform === 'ios' && dragger}\n        {after}\n      </React.Fragment>\n    ),\n  };\n\n  if (removable) {\n    return (\n      <Removable\n        className={classNames(cellClasses, className)}\n        style={style}\n        getRootRef={rootElRef}\n        removePlaceholder={removePlaceholder}\n        onRemove={(e) => onRemove?.(e, rootElRef.current)}\n        toggleButtonTestId={toggleButtonTestId}\n        removeButtonTestId={removeButtonTestId}\n        disabled={disabled}\n      >\n        {platform === 'ios' ? (\n          ({ isRemoving }) => {\n            return (\n              <SimpleCell {...simpleCellProps} {...(isRemoving ? { onClick: undefined } : {})} />\n            );\n          }\n        ) : (\n          <SimpleCell {...simpleCellProps} />\n        )}\n      </Removable>\n    );\n  }\n\n  return (\n    <div className={classNames(cellClasses, className)} style={style} ref={rootElRef}>\n      <SimpleCell {...simpleCellProps} />\n    </div>\n  );\n};\n\nCell.Checkbox = CellCheckbox;\n"],"names":["React","classNames","useExternRef","usePlatform","Removable","SimpleCell","CellCheckbox","CellDragger","DEFAULT_DRAGGABLE_LABEL","styles","Cell","mode","onRemove","removePlaceholder","onDragFinish","before","after","disabled","draggable","Component","ComponentProps","onChange","name","value","checked","defaultChecked","getRootRef","draggerLabel","className","style","toggleButtonTestId","removeButtonTestId","draggerTestId","href","hrefProp","restProps","dragging","setDragging","useState","selectable","removable","undefined","platform","rootElRef","dragger","elRef","controlNoBefore","onDragStateChange","data-testid","checkbox","checkboxProps","hasActive","cellClasses","host","ios","simpleCellProps","hasHover","content","Fragment","e","current","isRemoving","onClick","div","ref","Checkbox"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/Cell/Cell.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { SwappedItemRange } from '../../hooks/useDraggableWithDomApi';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport type { HasRootRef } from '../../types';\nimport { Removable, type RemovableProps } from '../Removable/Removable';\nimport { SimpleCell, type SimpleCellProps } from '../SimpleCell/SimpleCell';\nimport { CellCheckbox, type CellCheckboxProps } from './CellCheckbox/CellCheckbox';\nimport { CellDragger } from './CellDragger/CellDragger';\nimport { DEFAULT_DRAGGABLE_LABEL } from './constants';\nimport styles from './Cell.module.css';\n\nexport interface CellProps\n  extends Omit<SimpleCellProps, 'getRootRef'>,\n    RemovableProps,\n    HasRootRef<HTMLDivElement> {\n  /**\n   * Режим отображения ячейки:\n   *\n   * - \"removable\": добавляется кнопка для удаления\n   * - \"selectable\": добавляется чекбокс для выбора.\n   */\n  mode?: 'removable' | 'selectable' | undefined;\n  /**\n   * В режиме перетаскивания ячейка перестает реагировать на нажатие, то есть при нажатии переданный `onClick` вызываться не будет.\n   */\n  draggable?: boolean | undefined;\n  /**\n   * Имя для `input` в режиме `selectable`.\n   */\n  name?: string | undefined;\n  /**\n   * В режиме `selectable` реагирует на входящие значения пропса `cheсked`, как зависящий напрямую от входящего значения.\n   */\n  checked?: boolean | undefined;\n  /**\n   * В режиме `selectable` реагирует на входящие значения пропса `defaultChecked` как неконтролируемый компонент.\n   */\n  defaultChecked?: boolean | undefined;\n  /**\n   * Обработчик, срабатывающий при завершении перетаскивания.\n   * **Важно:** режим перетаскивания не меняет порядок ячеек в DOM. В обработчике есть объект с полями `from` и `to`.\n   * Эти числа нужны для того, чтобы разработчик понимал, с какого индекса на какой произошел переход. В песочнице\n   * есть рабочий пример с обработкой этих чисел и перерисовкой списка.\n   */\n  onDragFinish?: ((swappedItemRange: SwappedItemRange) => void) | undefined;\n  /**\n   * Текст для кнопки перетаскивания ячейки.\n   */\n  draggerLabel?: string | undefined;\n  /**\n   * Передает атрибут `data-testid` для кнопки перетаскивания ячейки.\n   */\n  draggerTestId?: string | undefined;\n}\n\n/**\n * @see https://vkui.io/components/cell\n */\nexport const Cell: React.FC<CellProps> & {\n  Checkbox: typeof CellCheckbox;\n} = ({\n  mode,\n  onRemove,\n  removePlaceholder = 'Удалить',\n  onDragFinish,\n  before,\n  after,\n  disabled,\n  draggable,\n  Component: ComponentProps,\n  onChange,\n  name,\n  value,\n  checked,\n  defaultChecked,\n  getRootRef,\n  draggerLabel = DEFAULT_DRAGGABLE_LABEL,\n  className,\n  style,\n  toggleButtonTestId,\n  removeButtonTestId,\n  draggerTestId,\n  href: hrefProp,\n  ...restProps\n}: CellProps) => {\n  const [dragging, setDragging] = React.useState(false);\n  const selectable = mode === 'selectable';\n  const removable = mode === 'removable';\n  const Component = selectable ? 'label' : ComponentProps;\n  const href = selectable ? undefined : hrefProp;\n\n  const platform = usePlatform();\n\n  const rootElRef = useExternRef(getRootRef);\n\n  const dragger = draggable ? (\n    <CellDragger\n      elRef={rootElRef}\n      className={classNames(styles.dragger, !before && !selectable && styles.controlNoBefore)}\n      onDragStateChange={setDragging}\n      onDragFinish={onDragFinish}\n      data-testid={draggerTestId}\n    >\n      {draggerLabel}\n    </CellDragger>\n  ) : null;\n\n  let checkbox;\n  if (selectable) {\n    const checkboxProps: CellCheckboxProps = {\n      name,\n      value,\n      defaultChecked,\n      checked,\n      disabled,\n      onChange,\n    };\n    checkbox = (\n      <CellCheckbox\n        className={classNames(styles.checkbox, !before && styles.controlNoBefore)}\n        {...checkboxProps}\n      />\n    );\n  }\n\n  const hasActive = !disabled && !dragging;\n\n  const cellClasses = classNames(\n    styles.host,\n    dragging && styles.dragging,\n    platform === 'ios' && styles.ios,\n    removable && styles.removable,\n  );\n\n  const simpleCellProps: SimpleCellProps = {\n    hasActive: hasActive,\n    hasHover: hasActive && !removable,\n    disabled,\n    href,\n    ...restProps,\n    className: styles.content,\n    // чтобы свойство, если не определено, не присутствовало в\n    // restProps явно как {'Component': undefined} и ниже не переопределяло\n    // возможное значение commonProps.Component = 'a' при слиянии двух объектов, как\n    // {...commonProps, ...restProps}\n    ...(Component && { Component }),\n    before: (\n      <React.Fragment>\n        {draggable && platform !== 'ios' && dragger}\n        {selectable && checkbox}\n        {before}\n      </React.Fragment>\n    ),\n    after: (\n      <React.Fragment>\n        {draggable && platform === 'ios' && dragger}\n        {after}\n      </React.Fragment>\n    ),\n  };\n\n  if (removable) {\n    return (\n      <Removable\n        className={classNames(cellClasses, className)}\n        style={style}\n        getRootRef={rootElRef}\n        removePlaceholder={removePlaceholder}\n        onRemove={(e) => onRemove?.(e, rootElRef.current)}\n        toggleButtonTestId={toggleButtonTestId}\n        removeButtonTestId={removeButtonTestId}\n        disabled={disabled}\n      >\n        {platform === 'ios' ? (\n          ({ isRemoving }) => {\n            return (\n              <SimpleCell {...simpleCellProps} {...(isRemoving ? { onClick: undefined } : {})} />\n            );\n          }\n        ) : (\n          <SimpleCell {...simpleCellProps} />\n        )}\n      </Removable>\n    );\n  }\n\n  return (\n    <div className={classNames(cellClasses, className)} style={style} ref={rootElRef}>\n      <SimpleCell {...simpleCellProps} />\n    </div>\n  );\n};\n\nCell.Checkbox = CellCheckbox;\n"],"names":["React","classNames","useExternRef","usePlatform","Removable","SimpleCell","CellCheckbox","CellDragger","DEFAULT_DRAGGABLE_LABEL","styles","Cell","mode","onRemove","removePlaceholder","onDragFinish","before","after","disabled","draggable","Component","ComponentProps","onChange","name","value","checked","defaultChecked","getRootRef","draggerLabel","className","style","toggleButtonTestId","removeButtonTestId","draggerTestId","href","hrefProp","restProps","dragging","setDragging","useState","selectable","removable","undefined","platform","rootElRef","dragger","elRef","controlNoBefore","onDragStateChange","data-testid","checkbox","checkboxProps","hasActive","cellClasses","host","ios","simpleCellProps","hasHover","content","Fragment","e","current","isRemoving","onClick","div","ref","Checkbox"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,YAAY,QAAQ,8BAA2B;AACxD,SAASC,WAAW,QAAQ,6BAA0B;AAEtD,SAASC,SAAS,QAA6B,4BAAyB;AACxE,SAASC,UAAU,QAA8B,8BAA2B;AAC5E,SAASC,YAAY,QAAgC,iCAA8B;AACnF,SAASC,WAAW,QAAQ,+BAA4B;AACxD,SAASC,uBAAuB,QAAQ,iBAAc;AACtD,OAAOC,YAAY,oBAAoB;AA8CvC;;CAEC,GACD,OAAO,MAAMC,OAET,CAAC,EACHC,IAAI,EACJC,QAAQ,EACRC,oBAAoB,SAAS,EAC7BC,YAAY,EACZC,MAAM,EACNC,KAAK,EACLC,QAAQ,EACRC,SAAS,EACTC,WAAWC,cAAc,EACzBC,QAAQ,EACRC,IAAI,EACJC,KAAK,EACLC,OAAO,EACPC,cAAc,EACdC,UAAU,EACVC,eAAenB,uBAAuB,EACtCoB,SAAS,EACTC,KAAK,EACLC,kBAAkB,EAClBC,kBAAkB,EAClBC,aAAa,EACbC,MAAMC,QAAQ,EACd,GAAGC,WACO;IACV,MAAM,CAACC,UAAUC,YAAY,GAAGrC,MAAMsC,QAAQ,CAAC;IAC/C,MAAMC,aAAa5B,SAAS;IAC5B,MAAM6B,YAAY7B,SAAS;IAC3B,MAAMQ,YAAYoB,aAAa,UAAUnB;IACzC,MAAMa,OAAOM,aAAaE,YAAYP;IAEtC,MAAMQ,WAAWvC;IAEjB,MAAMwC,YAAYzC,aAAawB;IAE/B,MAAMkB,UAAU1B,0BACd,KAACX;QACCsC,OAAOF;QACPf,WAAW3B,WAAWQ,OAAOmC,OAAO,EAAE,CAAC7B,UAAU,CAACwB,cAAc9B,OAAOqC,eAAe;QACtFC,mBAAmBV;QACnBvB,cAAcA;QACdkC,eAAahB;kBAEZL;SAED;IAEJ,IAAIsB;IACJ,IAAIV,YAAY;QACd,MAAMW,gBAAmC;YACvC5B;YACAC;YACAE;YACAD;YACAP;YACAI;QACF;QACA4B,yBACE,KAAC3C;YACCsB,WAAW3B,WAAWQ,OAAOwC,QAAQ,EAAE,CAAClC,UAAUN,OAAOqC,eAAe;YACvE,GAAGI,aAAa;;IAGvB;IAEA,MAAMC,YAAY,CAAClC,YAAY,CAACmB;IAEhC,MAAMgB,cAAcnD,WAClBQ,OAAO4C,IAAI,EACXjB,YAAY3B,OAAO2B,QAAQ,EAC3BM,aAAa,SAASjC,OAAO6C,GAAG,EAChCd,aAAa/B,OAAO+B,SAAS;IAG/B,MAAMe,kBAAmC;QACvCJ,WAAWA;QACXK,UAAUL,aAAa,CAACX;QACxBvB;QACAgB;QACA,GAAGE,SAAS;QACZP,WAAWnB,OAAOgD,OAAO;QACzB,0DAA0D;QAC1D,uEAAuE;QACvE,gFAAgF;QAChF,iCAAiC;QACjC,GAAItC,aAAa;YAAEA;QAAU,CAAC;QAC9BJ,sBACE,MAACf,MAAM0D,QAAQ;;gBACZxC,aAAawB,aAAa,SAASE;gBACnCL,cAAcU;gBACdlC;;;QAGLC,qBACE,MAAChB,MAAM0D,QAAQ;;gBACZxC,aAAawB,aAAa,SAASE;gBACnC5B;;;IAGP;IAEA,IAAIwB,WAAW;QACb,qBACE,KAACpC;YACCwB,WAAW3B,WAAWmD,aAAaxB;YACnCC,OAAOA;YACPH,YAAYiB;YACZ9B,mBAAmBA;YACnBD,UAAU,CAAC+C,IAAM/C,WAAW+C,GAAGhB,UAAUiB,OAAO;YAChD9B,oBAAoBA;YACpBC,oBAAoBA;YACpBd,UAAUA;sBAETyB,aAAa,QACZ,CAAC,EAAEmB,UAAU,EAAE;gBACb,qBACE,KAACxD;oBAAY,GAAGkD,eAAe;oBAAG,GAAIM,aAAa;wBAAEC,SAASrB;oBAAU,IAAI,CAAC,CAAC;;YAElF,kBAEA,KAACpC;gBAAY,GAAGkD,eAAe;;;IAIvC;IAEA,qBACE,KAACQ;QAAInC,WAAW3B,WAAWmD,aAAaxB;QAAYC,OAAOA;QAAOmC,KAAKrB;kBACrE,cAAA,KAACtC;YAAY,GAAGkD,eAAe;;;AAGrC,EAAE;AAEF7C,KAAKuD,QAAQ,GAAG3D"}

package/dist/cssm/components/Cell/CellCheckbox/CellCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Cell/CellCheckbox/CellCheckbox.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport {\n  Icon20CheckBoxOff,\n  Icon20CheckBoxOn,\n  Icon20CheckCircleOff,\n  Icon20CheckCircleOn,\n  Icon24CheckBoxOff,\n  Icon24CheckBoxOn,\n  Icon24CheckCircleOff,\n  Icon24CheckCircleOn,\n} from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../../hooks/usePlatform';\nimport type { HasRef, HasRootRef } from '../../../types';\nimport { AdaptiveIconRenderer } from '../../AdaptiveIconRenderer/AdaptiveIconRenderer';\nimport { VisuallyHidden } from '../../VisuallyHidden/VisuallyHidden';\nimport type { CellProps } from '../Cell';\nimport styles from './CellCheckbox.module.css';\n\nconst CheckBoxOn = () => (\n  <AdaptiveIconRenderer IconCompact={Icon20CheckBoxOn} IconRegular={Icon24CheckBoxOn} />\n);\n\nconst CheckBoxOff = () => (\n  <AdaptiveIconRenderer IconCompact={Icon20CheckBoxOff} IconRegular={Icon24CheckBoxOff} />\n);\n\nconst CheckCircleOn = () => (\n  <AdaptiveIconRenderer IconCompact={Icon20CheckCircleOn} IconRegular={Icon24CheckCircleOn} />\n);\n\nconst CheckCircleOff = () => (\n  <AdaptiveIconRenderer IconCompact={Icon20CheckCircleOff} IconRegular={Icon24CheckCircleOff} />\n);\n\nfunction useTypeIcon(type: NonNullable<CellCheckboxProps['type']>) {\n  const platform = usePlatform();\n\n  if (type !== 'auto') {\n    return type;\n  }\n\n  if (platform === 'ios' || platform === 'vkcom') {\n    return 'circle';\n  }\n\n  return 'square';\n}\n\nexport interface CellCheckboxProps\n  extends Pick<CellProps, 'defaultChecked' | 'checked'>,\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HasRootRef<HTMLSpanElement>,\n    HasRef<HTMLInputElement> {\n  /**\n   * Вид чекбокса. Если auto, то зависит от платформы.\n   */\n  type?: 'auto' | 'circle' | 'square';\n}\n\nexport const CellCheckbox = ({\n  getRootRef,\n  getRef,\n  className,\n  style,\n  type = 'auto',\n  ...restProps\n}: CellCheckboxProps): React.ReactNode => {\n  const typeIcon = useTypeIcon(type);\n\n  const IconOff = typeIcon === 'circle' ? CheckCircleOff : CheckBoxOff;\n  const IconOn = typeIcon === 'circle' ? CheckCircleOn : CheckBoxOn;\n\n  return (\n    <span className={classNames(styles.host, className)} style={style} ref={getRootRef}>\n      <VisuallyHidden\n        {...restProps}\n        Component=\"input\"\n        type=\"checkbox\"\n        className={styles.input}\n        getRootRef={getRef}\n      />\n      <span className={classNames(styles.icon, styles.iconOff)} aria-hidden>\n        <IconOff />\n      </span>\n      <span className={classNames(styles.icon, styles.iconOn)} aria-hidden>\n        <IconOn />\n      </span>\n    </span>\n  );\n};\n"],"names":["Icon20CheckBoxOff","Icon20CheckBoxOn","Icon20CheckCircleOff","Icon20CheckCircleOn","Icon24CheckBoxOff","Icon24CheckBoxOn","Icon24CheckCircleOff","Icon24CheckCircleOn","classNames","usePlatform","AdaptiveIconRenderer","VisuallyHidden","styles","CheckBoxOn","IconCompact","IconRegular","CheckBoxOff","CheckCircleOn","CheckCircleOff","useTypeIcon","type","platform","CellCheckbox","getRootRef","getRef","className","style","restProps","typeIcon","IconOff","IconOn","span","host","ref","Component","input","icon","iconOff","aria-hidden","iconOn"],"mappings":"AAAA;;AAGA,SACEA,iBAAiB,EACjBC,gBAAgB,EAChBC,oBAAoB,EACpBC,mBAAmB,EACnBC,iBAAiB,EACjBC,gBAAgB,EAChBC,oBAAoB,EACpBC,mBAAmB,QACd,mBAAmB;AAC1B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,WAAW,QAAQ,gCAA6B;AAEzD,SAASC,oBAAoB,QAAQ,qDAAkD;AACvF,SAASC,cAAc,QAAQ,yCAAsC;AAErE,OAAOC,YAAY,4BAA4B;AAE/C,MAAMC,aAAa,kBACjB,KAACH;QAAqBI,aAAab;QAAkBc,aAAaV;;AAGpE,MAAMW,cAAc,kBAClB,KAACN;QAAqBI,aAAad;QAAmBe,aAAaX;;AAGrE,MAAMa,gBAAgB,kBACpB,KAACP;QAAqBI,aAAaX;QAAqBY,aAAaR;;AAGvE,MAAMW,iBAAiB,kBACrB,KAACR;QAAqBI,aAAaZ;QAAsBa,aAAaT;;AAGxE,SAASa,YAAYC,IAA4C;IAC/D,MAAMC,WAAWZ;IAEjB,IAAIW,SAAS,QAAQ;QACnB,OAAOA;IACT;IAEA,IAAIC,aAAa,SAASA,aAAa,SAAS;QAC9C,OAAO;IACT;IAEA,OAAO;AACT;AAaA,OAAO,MAAMC,eAAe,CAAC,EAC3BC,UAAU,EACVC,MAAM,EACNC,SAAS,EACTC,KAAK,EACLN,OAAO,MAAM,EACb,GAAGO,WACe;IAClB,MAAMC,WAAWT,YAAYC;IAE7B,MAAMS,UAAUD,aAAa,WAAWV,iBAAiBF;IACzD,MAAMc,SAASF,aAAa,WAAWX,gBAAgBJ;IAEvD,qBACE,MAACkB;QAAKN,WAAWjB,WAAWI,OAAOoB,IAAI,EAAEP;QAAYC,OAAOA;QAAOO,KAAKV;;0BACtE,KAACZ;gBACE,GAAGgB,SAAS;gBACbO,WAAU;gBACVd,MAAK;gBACLK,WAAWb,OAAOuB,KAAK;gBACvBZ,YAAYC;;0BAEd,KAACO;gBAAKN,WAAWjB,WAAWI,OAAOwB,IAAI,EAAExB,OAAOyB,OAAO;gBAAGC,aAAW;0BACnE,cAAA,KAACT;;0BAEH,KAACE;gBAAKN,WAAWjB,WAAWI,OAAOwB,IAAI,EAAExB,OAAO2B,MAAM;gBAAGD,aAAW;0BAClE,cAAA,KAACR;;;;AAIT,EAAE"}
+{"version":3,"sources":["../../../../../src/components/Cell/CellCheckbox/CellCheckbox.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport {\n  Icon20CheckBoxOff,\n  Icon20CheckBoxOn,\n  Icon20CheckCircleOff,\n  Icon20CheckCircleOn,\n  Icon24CheckBoxOff,\n  Icon24CheckBoxOn,\n  Icon24CheckCircleOff,\n  Icon24CheckCircleOn,\n} from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../../hooks/usePlatform';\nimport type { HasRef, HasRootRef } from '../../../types';\nimport { AdaptiveIconRenderer } from '../../AdaptiveIconRenderer/AdaptiveIconRenderer';\nimport { VisuallyHidden } from '../../VisuallyHidden/VisuallyHidden';\nimport type { CellProps } from '../Cell';\nimport styles from './CellCheckbox.module.css';\n\nconst CheckBoxOn = () => (\n  <AdaptiveIconRenderer IconCompact={Icon20CheckBoxOn} IconRegular={Icon24CheckBoxOn} />\n);\n\nconst CheckBoxOff = () => (\n  <AdaptiveIconRenderer IconCompact={Icon20CheckBoxOff} IconRegular={Icon24CheckBoxOff} />\n);\n\nconst CheckCircleOn = () => (\n  <AdaptiveIconRenderer IconCompact={Icon20CheckCircleOn} IconRegular={Icon24CheckCircleOn} />\n);\n\nconst CheckCircleOff = () => (\n  <AdaptiveIconRenderer IconCompact={Icon20CheckCircleOff} IconRegular={Icon24CheckCircleOff} />\n);\n\nfunction useTypeIcon(type: NonNullable<CellCheckboxProps['type']>) {\n  const platform = usePlatform();\n\n  if (type !== 'auto') {\n    return type;\n  }\n\n  if (platform === 'ios' || platform === 'vkcom') {\n    return 'circle';\n  }\n\n  return 'square';\n}\n\nexport interface CellCheckboxProps\n  extends Pick<CellProps, 'defaultChecked' | 'checked'>,\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HasRootRef<HTMLSpanElement>,\n    HasRef<HTMLInputElement> {\n  /**\n   * Вид чекбокса. Если auto, то зависит от платформы.\n   */\n  type?: 'auto' | 'circle' | 'square' | undefined;\n}\n\nexport const CellCheckbox = ({\n  getRootRef,\n  getRef,\n  className,\n  style,\n  type = 'auto',\n  ...restProps\n}: CellCheckboxProps): React.ReactNode => {\n  const typeIcon = useTypeIcon(type);\n\n  const IconOff = typeIcon === 'circle' ? CheckCircleOff : CheckBoxOff;\n  const IconOn = typeIcon === 'circle' ? CheckCircleOn : CheckBoxOn;\n\n  return (\n    <span className={classNames(styles.host, className)} style={style} ref={getRootRef}>\n      <VisuallyHidden\n        {...restProps}\n        Component=\"input\"\n        type=\"checkbox\"\n        className={styles.input}\n        getRootRef={getRef}\n      />\n      <span className={classNames(styles.icon, styles.iconOff)} aria-hidden>\n        <IconOff />\n      </span>\n      <span className={classNames(styles.icon, styles.iconOn)} aria-hidden>\n        <IconOn />\n      </span>\n    </span>\n  );\n};\n"],"names":["Icon20CheckBoxOff","Icon20CheckBoxOn","Icon20CheckCircleOff","Icon20CheckCircleOn","Icon24CheckBoxOff","Icon24CheckBoxOn","Icon24CheckCircleOff","Icon24CheckCircleOn","classNames","usePlatform","AdaptiveIconRenderer","VisuallyHidden","styles","CheckBoxOn","IconCompact","IconRegular","CheckBoxOff","CheckCircleOn","CheckCircleOff","useTypeIcon","type","platform","CellCheckbox","getRootRef","getRef","className","style","restProps","typeIcon","IconOff","IconOn","span","host","ref","Component","input","icon","iconOff","aria-hidden","iconOn"],"mappings":"AAAA;;AAGA,SACEA,iBAAiB,EACjBC,gBAAgB,EAChBC,oBAAoB,EACpBC,mBAAmB,EACnBC,iBAAiB,EACjBC,gBAAgB,EAChBC,oBAAoB,EACpBC,mBAAmB,QACd,mBAAmB;AAC1B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,WAAW,QAAQ,gCAA6B;AAEzD,SAASC,oBAAoB,QAAQ,qDAAkD;AACvF,SAASC,cAAc,QAAQ,yCAAsC;AAErE,OAAOC,YAAY,4BAA4B;AAE/C,MAAMC,aAAa,kBACjB,KAACH;QAAqBI,aAAab;QAAkBc,aAAaV;;AAGpE,MAAMW,cAAc,kBAClB,KAACN;QAAqBI,aAAad;QAAmBe,aAAaX;;AAGrE,MAAMa,gBAAgB,kBACpB,KAACP;QAAqBI,aAAaX;QAAqBY,aAAaR;;AAGvE,MAAMW,iBAAiB,kBACrB,KAACR;QAAqBI,aAAaZ;QAAsBa,aAAaT;;AAGxE,SAASa,YAAYC,IAA4C;IAC/D,MAAMC,WAAWZ;IAEjB,IAAIW,SAAS,QAAQ;QACnB,OAAOA;IACT;IAEA,IAAIC,aAAa,SAASA,aAAa,SAAS;QAC9C,OAAO;IACT;IAEA,OAAO;AACT;AAaA,OAAO,MAAMC,eAAe,CAAC,EAC3BC,UAAU,EACVC,MAAM,EACNC,SAAS,EACTC,KAAK,EACLN,OAAO,MAAM,EACb,GAAGO,WACe;IAClB,MAAMC,WAAWT,YAAYC;IAE7B,MAAMS,UAAUD,aAAa,WAAWV,iBAAiBF;IACzD,MAAMc,SAASF,aAAa,WAAWX,gBAAgBJ;IAEvD,qBACE,MAACkB;QAAKN,WAAWjB,WAAWI,OAAOoB,IAAI,EAAEP;QAAYC,OAAOA;QAAOO,KAAKV;;0BACtE,KAACZ;gBACE,GAAGgB,SAAS;gBACbO,WAAU;gBACVd,MAAK;gBACLK,WAAWb,OAAOuB,KAAK;gBACvBZ,YAAYC;;0BAEd,KAACO;gBAAKN,WAAWjB,WAAWI,OAAOwB,IAAI,EAAExB,OAAOyB,OAAO;gBAAGC,aAAW;0BACnE,cAAA,KAACT;;0BAEH,KAACE;gBAAKN,WAAWjB,WAAWI,OAAOwB,IAAI,EAAExB,OAAO2B,MAAM;gBAAGD,aAAW;0BAClE,cAAA,KAACR;;;;AAIT,EAAE"}

package/dist/cssm/components/Cell/CellDragger/CellDragger.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Cell/CellDragger/CellDragger.tsx"],"sourcesContent":["'use client';\n/* eslint-disable jsdoc/require-jsdoc */\n\nimport { Icon24Reorder, Icon24ReorderIos } from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport {\n  type DraggableProps,\n  type UseDraggableProps,\n  useDraggableWithDomApi,\n} from '../../../hooks/useDraggableWithDomApi';\nimport { usePlatform } from '../../../hooks/usePlatform';\nimport { useIsomorphicLayoutEffect } from '../../../lib/useIsomorphicLayoutEffect';\nimport type { HTMLAttributesWithRootRef } from '../../../types';\nimport { Touch } from '../../Touch/Touch';\nimport { VisuallyHidden } from '../../VisuallyHidden/VisuallyHidden';\nimport styles from './CellDragger.module.css';\n\ninterface CellDraggerProps\n  extends UseDraggableProps,\n    Omit<HTMLAttributesWithRootRef<HTMLElement>, keyof DraggableProps> {\n  disabled?: boolean;\n  onDragStateChange?: (dragging: boolean) => void;\n}\n\nexport const CellDragger = ({\n  elRef,\n  disabled,\n  className,\n  onDragStateChange,\n  onDragFinish,\n  children,\n  ...restProps\n}: CellDraggerProps): React.ReactNode => {\n  const platform = usePlatform();\n  const Icon = platform === 'ios' ? Icon24ReorderIos : Icon24Reorder;\n\n  const { dragging, onDragStart, onDragMove, onDragEnd } = useDraggableWithDomApi({\n    elRef,\n    onDragFinish,\n  });\n\n  useIsomorphicLayoutEffect(() => {\n    if (onDragStateChange) {\n      onDragStateChange(dragging);\n    }\n  }, [dragging, onDragStateChange]);\n\n  return (\n    <Touch\n      className={classNames(styles.host, className)}\n      onStart={disabled ? undefined : onDragStart}\n      onMoveY={disabled ? undefined : onDragMove}\n      onEnd={disabled ? undefined : onDragEnd}\n      {...restProps}\n    >\n      {children && <VisuallyHidden>{children}</VisuallyHidden>}\n      <Icon className={styles.icon} />\n    </Touch>\n  );\n};\n"],"names":["Icon24Reorder","Icon24ReorderIos","classNames","useDraggableWithDomApi","usePlatform","useIsomorphicLayoutEffect","Touch","VisuallyHidden","styles","CellDragger","elRef","disabled","className","onDragStateChange","onDragFinish","children","restProps","platform","Icon","dragging","onDragStart","onDragMove","onDragEnd","host","onStart","undefined","onMoveY","onEnd","icon"],"mappings":"AAAA;;AACA,sCAAsC,GAEtC,SAASA,aAAa,EAAEC,gBAAgB,QAAQ,mBAAmB;AACnE,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAGEC,sBAAsB,QACjB,iDAAwC;AAC/C,SAASC,WAAW,QAAQ,gCAA6B;AACzD,SAASC,yBAAyB,QAAQ,4CAAyC;AAEnF,SAASC,KAAK,QAAQ,uBAAoB;AAC1C,SAASC,cAAc,QAAQ,yCAAsC;AACrE,OAAOC,YAAY,2BAA2B;AAS9C,OAAO,MAAMC,cAAc,CAAC,EAC1BC,KAAK,EACLC,QAAQ,EACRC,SAAS,EACTC,iBAAiB,EACjBC,YAAY,EACZC,QAAQ,EACR,GAAGC,WACc;IACjB,MAAMC,WAAWb;IACjB,MAAMc,OAAOD,aAAa,QAAQhB,mBAAmBD;IAErD,MAAM,EAAEmB,QAAQ,EAAEC,WAAW,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGnB,uBAAuB;QAC9EO;QACAI;IACF;IAEAT,0BAA0B;QACxB,IAAIQ,mBAAmB;YACrBA,kBAAkBM;QACpB;IACF,GAAG;QAACA;QAAUN;KAAkB;IAEhC,qBACE,MAACP;QACCM,WAAWV,WAAWM,OAAOe,IAAI,EAAEX;QACnCY,SAASb,WAAWc,YAAYL;QAChCM,SAASf,WAAWc,YAAYJ;QAChCM,OAAOhB,WAAWc,YAAYH;QAC7B,GAAGN,SAAS;;YAEZD,0BAAY,KAACR;0BAAgBQ;;0BAC9B,KAACG;gBAAKN,WAAWJ,OAAOoB,IAAI;;;;AAGlC,EAAE"}
+{"version":3,"sources":["../../../../../src/components/Cell/CellDragger/CellDragger.tsx"],"sourcesContent":["'use client';\n/* eslint-disable jsdoc/require-jsdoc */\n\nimport { Icon24Reorder, Icon24ReorderIos } from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport {\n  type DraggableProps,\n  type UseDraggableProps,\n  useDraggableWithDomApi,\n} from '../../../hooks/useDraggableWithDomApi';\nimport { usePlatform } from '../../../hooks/usePlatform';\nimport { useIsomorphicLayoutEffect } from '../../../lib/useIsomorphicLayoutEffect';\nimport type { HTMLAttributesWithRootRef } from '../../../types';\nimport { Touch } from '../../Touch/Touch';\nimport { VisuallyHidden } from '../../VisuallyHidden/VisuallyHidden';\nimport styles from './CellDragger.module.css';\n\ninterface CellDraggerProps\n  extends UseDraggableProps,\n    Omit<HTMLAttributesWithRootRef<HTMLElement>, keyof DraggableProps> {\n  disabled?: boolean | undefined;\n  onDragStateChange?: ((dragging: boolean) => void) | undefined;\n}\n\nexport const CellDragger = ({\n  elRef,\n  disabled,\n  className,\n  onDragStateChange,\n  onDragFinish,\n  children,\n  ...restProps\n}: CellDraggerProps): React.ReactNode => {\n  const platform = usePlatform();\n  const Icon = platform === 'ios' ? Icon24ReorderIos : Icon24Reorder;\n\n  const { dragging, onDragStart, onDragMove, onDragEnd } = useDraggableWithDomApi({\n    elRef,\n    onDragFinish,\n  });\n\n  useIsomorphicLayoutEffect(() => {\n    if (onDragStateChange) {\n      onDragStateChange(dragging);\n    }\n  }, [dragging, onDragStateChange]);\n\n  return (\n    <Touch\n      className={classNames(styles.host, className)}\n      onStart={disabled ? undefined : onDragStart}\n      onMoveY={disabled ? undefined : onDragMove}\n      onEnd={disabled ? undefined : onDragEnd}\n      {...restProps}\n    >\n      {children && <VisuallyHidden>{children}</VisuallyHidden>}\n      <Icon className={styles.icon} />\n    </Touch>\n  );\n};\n"],"names":["Icon24Reorder","Icon24ReorderIos","classNames","useDraggableWithDomApi","usePlatform","useIsomorphicLayoutEffect","Touch","VisuallyHidden","styles","CellDragger","elRef","disabled","className","onDragStateChange","onDragFinish","children","restProps","platform","Icon","dragging","onDragStart","onDragMove","onDragEnd","host","onStart","undefined","onMoveY","onEnd","icon"],"mappings":"AAAA;;AACA,sCAAsC,GAEtC,SAASA,aAAa,EAAEC,gBAAgB,QAAQ,mBAAmB;AACnE,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAGEC,sBAAsB,QACjB,iDAAwC;AAC/C,SAASC,WAAW,QAAQ,gCAA6B;AACzD,SAASC,yBAAyB,QAAQ,4CAAyC;AAEnF,SAASC,KAAK,QAAQ,uBAAoB;AAC1C,SAASC,cAAc,QAAQ,yCAAsC;AACrE,OAAOC,YAAY,2BAA2B;AAS9C,OAAO,MAAMC,cAAc,CAAC,EAC1BC,KAAK,EACLC,QAAQ,EACRC,SAAS,EACTC,iBAAiB,EACjBC,YAAY,EACZC,QAAQ,EACR,GAAGC,WACc;IACjB,MAAMC,WAAWb;IACjB,MAAMc,OAAOD,aAAa,QAAQhB,mBAAmBD;IAErD,MAAM,EAAEmB,QAAQ,EAAEC,WAAW,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGnB,uBAAuB;QAC9EO;QACAI;IACF;IAEAT,0BAA0B;QACxB,IAAIQ,mBAAmB;YACrBA,kBAAkBM;QACpB;IACF,GAAG;QAACA;QAAUN;KAAkB;IAEhC,qBACE,MAACP;QACCM,WAAWV,WAAWM,OAAOe,IAAI,EAAEX;QACnCY,SAASb,WAAWc,YAAYL;QAChCM,SAASf,WAAWc,YAAYJ;QAChCM,OAAOhB,WAAWc,YAAYH;QAC7B,GAAGN,SAAS;;YAEZD,0BAAY,KAACR;0BAAgBQ;;0BAC9B,KAACG;gBAAKN,WAAWJ,OAAOoB,IAAI;;;;AAGlC,EAAE"}

package/dist/cssm/components/CellButton/CellButton.js

@@ -1,8 +1,20 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { classNames } from "@vkontakte/vkjs";
-import { SimpleCell } from "../SimpleCell/SimpleCell.js";
-import "../SimpleCell/SimpleCell.module.css";
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { classNames, hasReactNode } from "@vkontakte/vkjs";
+import { useAdaptivity } from "../../hooks/useAdaptivity.js";
+import { usePlatform } from "../../hooks/usePlatform.js";
+import { Chevron } from "../SimpleCell/Chevron/Chevron.js";
+import { Tappable } from "../Tappable/Tappable.js";
+import { Footnote } from "../Typography/Footnote/Footnote.js";
+import { Headline } from "../Typography/Headline/Headline.js";
+import { Subhead } from "../Typography/Subhead/Subhead.js";
+import { VisuallyHidden } from "../VisuallyHidden/VisuallyHidden.js";
 import styles from "./CellButton.module.css";
+const densityClassNames = {
+    none: styles.densityNone,
+    compact: styles.densityCompact
+};
 export const appearanceClassNames = {
     accent: styles.appearanceAccent,
     neutral: styles.appearanceNeutral,
@@ -10,10 +22,106 @@ export const appearanceClassNames = {
 };
 /**
  * @see https://vkui.io/components/cell-button
- */ export const CellButton = ({ centered = false, appearance = 'accent', className, ...restProps })=>{
-    return /*#__PURE__*/ _jsx(SimpleCell, {
+ */ export const CellButton = ({ badgeBeforeTitle, badgeAfterTitle, badgeBeforeSubtitle, badgeAfterSubtitle, before, indicator, children, after, chevron, multiline, overTitle, subtitle, extraSubtitle, chevronSize = 'm', centered = false, appearance = 'accent', ...restProps })=>{
+    const platform = usePlatform();
+    const hasChevron = chevron === 'always' || chevron === 'auto' && platform === 'ios';
+    const hasAfter = hasReactNode(after) || hasChevron;
+    const { density = 'none' } = useAdaptivity();
+    return /*#__PURE__*/ _jsxs(Tappable, {
         ...restProps,
-        className: classNames(styles.host, appearanceClassNames[appearance], centered && styles.centered, className)
+        baseClassName: classNames(styles.host, restProps.disabled && styles.disabled, density !== 'regular' && densityClassNames[density], multiline && styles.mult, appearanceClassNames[appearance], centered && styles.centered),
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                className: styles.before,
+                children: before
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: styles.middle,
+                children: [
+                    overTitle && /*#__PURE__*/ _jsxs(Subhead, {
+                        Component: "span",
+                        className: classNames(styles.text, styles.overTitle),
+                        children: [
+                            overTitle,
+                            /*#__PURE__*/ _jsx(VisuallyHidden, {
+                                children: " "
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: styles.content,
+                        children: [
+                            badgeBeforeTitle && /*#__PURE__*/ _jsx("span", {
+                                className: styles.badge,
+                                children: badgeBeforeTitle
+                            }),
+                            /*#__PURE__*/ _jsxs(Headline, {
+                                Component: "span",
+                                className: styles.children,
+                                weight: "3",
+                                children: [
+                                    children,
+                                    /*#__PURE__*/ _jsx(VisuallyHidden, {
+                                        children: " "
+                                    })
+                                ]
+                            }),
+                            hasReactNode(badgeAfterTitle) && /*#__PURE__*/ _jsx("span", {
+                                className: styles.badge,
+                                children: badgeAfterTitle
+                            })
+                        ]
+                    }),
+                    subtitle && /*#__PURE__*/ _jsxs("div", {
+                        className: styles.content,
+                        children: [
+                            badgeBeforeSubtitle && /*#__PURE__*/ _jsx("span", {
+                                className: styles.badge,
+                                children: badgeBeforeSubtitle
+                            }),
+                            /*#__PURE__*/ _jsxs(Footnote, {
+                                normalize: false,
+                                className: classNames(styles.text, styles.subtitle),
+                                children: [
+                                    subtitle,
+                                    /*#__PURE__*/ _jsx(VisuallyHidden, {
+                                        children: " "
+                                    })
+                                ]
+                            }),
+                            badgeAfterSubtitle && /*#__PURE__*/ _jsx("span", {
+                                className: styles.badge,
+                                children: badgeAfterSubtitle
+                            })
+                        ]
+                    }),
+                    extraSubtitle && /*#__PURE__*/ _jsxs(Footnote, {
+                        className: classNames(styles.text, styles.extraSubtitle),
+                        children: [
+                            extraSubtitle,
+                            /*#__PURE__*/ _jsx(VisuallyHidden, {
+                                children: " "
+                            })
+                        ]
+                    })
+                ]
+            }),
+            hasReactNode(indicator) && /*#__PURE__*/ _jsx(Headline, {
+                Component: "span",
+                weight: "3",
+                className: styles.indicator,
+                children: indicator
+            }),
+            hasAfter && /*#__PURE__*/ _jsxs("div", {
+                className: styles.after,
+                children: [
+                    after,
+                    hasChevron && /*#__PURE__*/ _jsx(Chevron, {
+                        size: chevronSize
+                    })
+                ]
+            })
+        ]
     });
 };
 

package/dist/cssm/components/CellButton/CellButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/CellButton/CellButton.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { SimpleCell, type SimpleCellProps } from '../SimpleCell/SimpleCell';\nimport '../SimpleCell/SimpleCell.module.css';\nimport styles from './CellButton.module.css';\n\nexport const appearanceClassNames = {\n  accent: styles.appearanceAccent,\n  neutral: styles.appearanceNeutral,\n  negative: styles.appearanceNegative,\n};\n\nexport interface CellButtonProps extends SimpleCellProps {\n  /**\n   * > Режим `centered` переопределяет токен для темы `\"accent\"`.\n   */\n  appearance?: 'accent' | 'neutral' | 'negative';\n  /**\n   * Возможность центрирования содержимого компонента.\n   */\n  centered?: boolean;\n}\n\n/**\n * @see https://vkui.io/components/cell-button\n */\nexport const CellButton = ({\n  centered = false,\n  appearance = 'accent',\n  className,\n  ...restProps\n}: CellButtonProps): React.ReactNode => {\n  return (\n    <SimpleCell\n      {...restProps}\n      className={classNames(\n        styles.host,\n        appearanceClassNames[appearance],\n        centered && styles.centered,\n        className,\n      )}\n    />\n  );\n};\n"],"names":["classNames","SimpleCell","styles","appearanceClassNames","accent","appearanceAccent","neutral","appearanceNeutral","negative","appearanceNegative","CellButton","centered","appearance","className","restProps","host"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,UAAU,QAA8B,8BAA2B;AAC5E,OAAO,sCAAsC;AAC7C,OAAOC,YAAY,0BAA0B;AAE7C,OAAO,MAAMC,uBAAuB;IAClCC,QAAQF,OAAOG,gBAAgB;IAC/BC,SAASJ,OAAOK,iBAAiB;IACjCC,UAAUN,OAAOO,kBAAkB;AACrC,EAAE;AAaF;;CAEC,GACD,OAAO,MAAMC,aAAa,CAAC,EACzBC,WAAW,KAAK,EAChBC,aAAa,QAAQ,EACrBC,SAAS,EACT,GAAGC,WACa;IAChB,qBACE,KAACb;QACE,GAAGa,SAAS;QACbD,WAAWb,WACTE,OAAOa,IAAI,EACXZ,oBAAoB,CAACS,WAAW,EAChCD,YAAYT,OAAOS,QAAQ,EAC3BE;;AAIR,EAAE"}
+{"version":3,"sources":["../../../../src/components/CellButton/CellButton.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport type { HasComponent } from '../../types';\nimport { Chevron } from '../SimpleCell/Chevron/Chevron';\nimport { Tappable, type TappableOmitProps } from '../Tappable/Tappable';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './CellButton.module.css';\n\nconst densityClassNames = {\n  none: styles.densityNone,\n  compact: styles.densityCompact,\n};\n\nexport const appearanceClassNames = {\n  accent: styles.appearanceAccent,\n  neutral: styles.appearanceNeutral,\n  negative: styles.appearanceNegative,\n};\n\ninterface CellButtonOwnProps extends HasComponent {\n  /**\n   * Иконка 28 или `<Avatar size={28|32|40|48|72} />`.\n   */\n  before?: React.ReactNode | undefined;\n  /**\n   * Иконка 12 или `<Badge />`. Добавится слева от текста `children`.\n   */\n  badgeBeforeTitle?: React.ReactNode | undefined;\n  /**\n   * Иконка 12 или `<Badge />`. Добавится справа от текста `children`.\n   */\n  badgeAfterTitle?: React.ReactNode | undefined;\n  /**\n   * Иконка 12. Добавится слева от текста `subtitle`.\n   */\n  badgeBeforeSubtitle?: React.ReactNode | undefined;\n  /**\n   * Иконка 12. Добавится справа от текста `subtitle`.\n   */\n  badgeAfterSubtitle?: React.ReactNode | undefined;\n  /**\n   * Контейнер для текста справа от `children`.\n   */\n  indicator?: React.ReactNode | undefined;\n  /**\n   * Дополнительная строка текста над `children`.\n   */\n  overTitle?: React.ReactNode | undefined;\n  /**\n   * Дополнительная строка текста под `children`.\n   */\n  subtitle?: React.ReactNode | undefined;\n  /**\n   * Дополнительная строка текста под `children` и `subtitle`.\n   */\n  extraSubtitle?: React.ReactNode | undefined;\n  /**\n   * Иконка 24|28 или `<Switch />`. Располагается справа от `indicator`.\n   */\n  after?: React.ReactNode | undefined;\n  /**\n   * Блокировка взаимодействия с компонентом.\n   */\n  disabled?: boolean | undefined;\n  /**\n   * Управляет видимостью иконки шеврона `›`.\n   *\n   * - `auto` - добавляет шеврон справа только для платформы `ios`;\n   * - `always` - всегда показывает шеврон.\n   */\n  chevron?: 'auto' | 'always' | undefined;\n  /**\n   * Размер chevron.\n   */\n  chevronSize?: 's' | 'm' | undefined;\n  /**\n   * Включает многострочный режим для отображения текста.\n   */\n  multiline?: boolean | undefined;\n  /**\n   * > Режим `centered` переопределяет токен для темы `\"accent\"`.\n   */\n  appearance?: 'accent' | 'neutral' | 'negative' | undefined;\n  /**\n   * Возможность центрирования содержимого компонента.\n   */\n  centered?: boolean | undefined;\n}\n\nexport interface CellButtonProps extends CellButtonOwnProps, TappableOmitProps {}\n\n/**\n * @see https://vkui.io/components/cell-button\n */\nexport const CellButton = ({\n  badgeBeforeTitle,\n  badgeAfterTitle,\n  badgeBeforeSubtitle,\n  badgeAfterSubtitle,\n  before,\n  indicator,\n  children,\n  after,\n  chevron,\n  multiline,\n  overTitle,\n  subtitle,\n  extraSubtitle,\n  chevronSize = 'm',\n  centered = false,\n  appearance = 'accent',\n  ...restProps\n}: CellButtonProps): React.ReactNode => {\n  const platform = usePlatform();\n\n  const hasChevron = chevron === 'always' || (chevron === 'auto' && platform === 'ios');\n\n  const hasAfter = hasReactNode(after) || hasChevron;\n  const { density = 'none' } = useAdaptivity();\n\n  return (\n    <Tappable\n      {...restProps}\n      baseClassName={classNames(\n        styles.host,\n        restProps.disabled && styles.disabled,\n        density !== 'regular' && densityClassNames[density],\n        multiline && styles.mult,\n        appearanceClassNames[appearance],\n        centered && styles.centered,\n      )}\n    >\n      <div className={styles.before}>{before}</div>\n      <div className={styles.middle}>\n        {overTitle && (\n          <Subhead Component=\"span\" className={classNames(styles.text, styles.overTitle)}>\n            {overTitle}\n            <VisuallyHidden>&nbsp;</VisuallyHidden>\n          </Subhead>\n        )}\n        <div className={styles.content}>\n          {badgeBeforeTitle && <span className={styles.badge}>{badgeBeforeTitle}</span>}\n          <Headline Component=\"span\" className={styles.children} weight=\"3\">\n            {children}\n            <VisuallyHidden>&nbsp;</VisuallyHidden>\n          </Headline>\n          {hasReactNode(badgeAfterTitle) && <span className={styles.badge}>{badgeAfterTitle}</span>}\n        </div>\n        {subtitle && (\n          <div className={styles.content}>\n            {badgeBeforeSubtitle && <span className={styles.badge}>{badgeBeforeSubtitle}</span>}\n            <Footnote normalize={false} className={classNames(styles.text, styles.subtitle)}>\n              {subtitle}\n              <VisuallyHidden>&nbsp;</VisuallyHidden>\n            </Footnote>\n            {badgeAfterSubtitle && <span className={styles.badge}>{badgeAfterSubtitle}</span>}\n          </div>\n        )}\n        {extraSubtitle && (\n          <Footnote className={classNames(styles.text, styles.extraSubtitle)}>\n            {extraSubtitle}\n            <VisuallyHidden>&nbsp;</VisuallyHidden>\n          </Footnote>\n        )}\n      </div>\n      {hasReactNode(indicator) && (\n        <Headline Component=\"span\" weight=\"3\" className={styles.indicator}>\n          {indicator}\n        </Headline>\n      )}\n      {hasAfter && (\n        <div className={styles.after}>\n          {after}\n          {hasChevron && <Chevron size={chevronSize} />}\n        </div>\n      )}\n    </Tappable>\n  );\n};\n"],"names":["React","classNames","hasReactNode","useAdaptivity","usePlatform","Chevron","Tappable","Footnote","Headline","Subhead","VisuallyHidden","styles","densityClassNames","none","densityNone","compact","densityCompact","appearanceClassNames","accent","appearanceAccent","neutral","appearanceNeutral","negative","appearanceNegative","CellButton","badgeBeforeTitle","badgeAfterTitle","badgeBeforeSubtitle","badgeAfterSubtitle","before","indicator","children","after","chevron","multiline","overTitle","subtitle","extraSubtitle","chevronSize","centered","appearance","restProps","platform","hasChevron","hasAfter","density","baseClassName","host","disabled","mult","div","className","middle","Component","text","content","span","badge","weight","normalize","size"],"mappings":"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"}

package/dist/cssm/components/CellButton/CellButton.module.css

@@ -1,14 +1,173 @@
 .host {
   box-sizing: border-box;
+  display: flex;
+  align-items: center;
   inline-size: 100%;
+  min-block-size: 48px;
   padding-block: 0;
+  padding-inline: var(--vkui--size_base_padding_horizontal--regular);
   margin: 0;
+  color: var(--vkui--color_text_primary);
   text-align: start;
+  white-space: nowrap;
   text-decoration: none;
   background: transparent;
   border: 0;
 }
 
+.mult {
+  white-space: normal;
+}
+
+.mult .children {
+  text-overflow: initial;
+}
+
+.disabled {
+  opacity: var(--vkui--opacity_disable);
+}
+
+.before {
+  display: flex;
+  align-items: center;
+  align-self: stretch;
+  padding-block: var(--vkui--spacing_size_s);
+  padding-inline-end: var(--vkui--spacing_size_xl);
+}
+
+/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
+
+.before > :global(.vkuiIcon) {
+  box-sizing: content-box;
+  padding-inline: var(--vkui--spacing_size_xs);
+}
+
+.before:empty {
+  display: none;
+}
+
+.middle {
+  display: flex;
+  flex-grow: 1;
+  flex-direction: column;
+  justify-content: center;
+  min-inline-size: 0;
+  max-inline-size: 100%;
+  padding-block: var(--vkui--spacing_size_l);
+  overflow: hidden;
+}
+
+/* stylelint-disable-next-line selector-max-universal -- gap: 2px */
+
+.middle > *:not(:first-child) {
+  margin-block-start: var(--vkui--spacing_size_2xs);
+}
+
+.overTitle {
+  color: var(--vkui--color_text_subhead);
+}
+
+.text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.subtitle,
+.extraSubtitle {
+  color: var(--vkui--color_text_secondary);
+}
+
+.host .content {
+  display: flex;
+  align-content: flex-start;
+  align-items: center;
+  justify-content: flex-start;
+  max-inline-size: 100%;
+}
+
+.children {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  color: inherit;
+}
+
+.mult .children,
+.mult .subtitle {
+  flex: 0 1 auto;
+}
+
+.badge {
+  display: inline-block;
+  flex-grow: 0;
+  flex-shrink: 0;
+  color: var(--vkui--color_icon_accent);
+}
+
+/* stylelint-disable-next-line selector-max-universal -- gap: 4px */
+
+.content > *:not(:last-child) {
+  margin-inline-end: var(--vkui--spacing_size_xs);
+}
+
+.indicator {
+  flex-shrink: 0;
+  min-inline-size: 0;
+  padding-inline-start: var(--vkui--spacing_size_xl);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  color: var(--vkui--color_text_secondary);
+  white-space: nowrap;
+}
+
+.after {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  align-self: stretch;
+}
+
+/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
+
+.after > :global(.vkuiIcon) {
+  box-sizing: content-box;
+  padding-inline-start: var(--vkui--spacing_size_s);
+}
+
+/**
+ * density="compact"
+ */
+
+.densityCompact {
+  min-block-size: 44px;
+}
+
+.densityCompact .before {
+  padding-block: var(--vkui--spacing_size_xs);
+}
+
+@media (pointer: fine) and (min-width: 768px),(max-height: 414.9px) {
+  .densityNone {
+    min-block-size: 44px;
+  }
+
+  .densityNone .before {
+    padding-block: var(--vkui--spacing_size_xs);
+  }
+}
+
+/**
+ * CMP:
+ * FormItem
+ */
+
+/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
+
+:global(.vkuiInternalFormItem) > .host {
+  margin-block: 0;
+  margin-inline: calc(-1 * var(--vkui--size_base_padding_horizontal--regular));
+}
+
 /**
  * CMP:
  * FormItem
@@ -39,15 +198,14 @@
   max-inline-size: initial;
 }
 
+.centered .before {
+  padding-inline-end: var(--vkui--spacing_size_m);
+}
+
 /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
 
-.centered :global(.vkuiIcon) {
-  padding-inline-end: var(--vkui--spacing_size_m);
-  /* компенсируем отступ заданные в SimpleCell__before */
-  margin-inline-end: calc(
-    -1 *
-    var(--vkui_internal--SimpleCell-before-inline-padding-end, var(--vkui--spacing_size_xl))
-  );
+.centered .before > :global(.vkuiIcon) {
+  padding-inline: 0;
 }
 
 .appearanceAccent {

package/dist/cssm/components/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { hasReactNode } from '@vkontakte/vkjs';\nimport { useMergeProps } from '../../hooks/useMergeProps';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { withLabelClickWrapper } from '../../lib/withLabelClickWrapper';\nimport type { HasDataAttribute, HasRootRef } from '../../types';\nimport { SelectionControl } from '../SelectionControl/SelectionControl';\nimport { SelectionControlLabel } from '../SelectionControl/SelectionControlLabel/SelectionControlLabel';\nimport type { TappableOmitProps } from '../Tappable/Tappable';\nimport { CheckboxInput, type CheckboxInputProps } from './CheckboxInput/CheckboxInput';\nimport { CheckboxSimple } from './CheckboxSimple/CheckboxSimple';\n\nconst warn = warnOnce('Checkbox');\n\nexport interface CheckboxProps\n  extends Pick<\n      CheckboxInputProps,\n      | 'indeterminate'\n      | 'defaultIndeterminate'\n      | 'IconOnCompact'\n      | 'IconOnRegular'\n      | 'IconOffCompact'\n      | 'IconOffRegular'\n      | 'IconIndeterminate'\n      | 'getRef'\n    >,\n    Pick<\n      React.ComponentProps<'input'>,\n      | 'checked'\n      | 'defaultChecked'\n      | 'disabled'\n      | 'readOnly'\n      | 'required'\n      | 'autoFocus'\n      | 'name'\n      | 'value'\n      | 'form'\n      | 'onChange'\n      | 'onFocus'\n      | 'onBlur'\n    >,\n    Omit<\n      React.LabelHTMLAttributes<HTMLLabelElement>,\n      'onChange' | 'onFocus' | 'onBlur' | 'slotProps'\n    >,\n    HasRootRef<HTMLLabelElement>,\n    Pick<\n      TappableOmitProps,\n      'hoverMode' | 'activeMode' | 'hasHover' | 'hasActive' | 'focusVisibleMode'\n    > {\n  /**\n   * Свойства, которые можно прокинуть внутрь компонента:\n   * - `root`: свойства для прокидывания в корень компонента;\n   * - `input`: свойства для прокидывания в скрытый `input`.\n   */\n  slotProps?: {\n    root?: Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'children'> &\n      HasRootRef<HTMLLabelElement> &\n      HasDataAttribute;\n    input?: React.ComponentProps<'input'> & HasRootRef<HTMLInputElement> & HasDataAttribute;\n  };\n  /**\n   * Подпись под основным текстом.\n   */\n  description?: React.ReactNode;\n  /**\n   * Контент, идущий за основным текстом.\n   */\n  titleAfter?: React.ReactNode;\n  /**\n   * Отключает отступы у чекбокса. При использовании этого свойства, значение по умолчанию для свойств `hoverMode` и `activeMode` становится `\"opacity\"`.\n   */\n  noPadding?: boolean;\n}\n\nconst CheckboxComponent = ({\n  // CheckboxProps\n  getRef,\n  description,\n  titleAfter,\n  noPadding,\n  children,\n\n  // CheckboxInputProps\n  indeterminate,\n  defaultIndeterminate,\n  IconOnCompact,\n  IconOnRegular,\n  IconOffCompact,\n  IconOffRegular,\n  IconIndeterminate,\n\n  // Tappable props\n  hoverMode,\n  activeMode,\n  hasHover,\n  hasActive,\n  focusVisibleMode,\n\n  // Input props\n  checked,\n  defaultChecked,\n  disabled,\n  readOnly,\n  required,\n  autoFocus,\n  id,\n  name,\n  value,\n  form,\n  onChange,\n  onFocus,\n  onBlur,\n\n  slotProps,\n  ...restProps\n}: CheckboxProps): React.ReactNode => {\n  const { onClick, ...rootRest } = useMergeProps(restProps, slotProps?.root);\n\n  const inputRest = useMergeProps(\n    {\n      getRootRef: getRef,\n      checked,\n      defaultChecked,\n      disabled,\n      readOnly,\n      required,\n      autoFocus,\n      id,\n      name,\n      value,\n      form,\n      onChange,\n      onFocus,\n      onBlur,\n    },\n    slotProps?.input,\n  );\n\n  return (\n    <SelectionControl\n      disabled={inputRest.disabled}\n      hoverMode={hoverMode}\n      activeMode={activeMode}\n      hasHover={hasHover}\n      hasActive={hasActive}\n      focusVisibleMode={focusVisibleMode}\n      noPadding={noPadding}\n      onClick={withLabelClickWrapper(onClick)}\n      {...rootRest}\n    >\n      <CheckboxInput\n        indeterminate={indeterminate}\n        defaultIndeterminate={defaultIndeterminate}\n        IconIndeterminate={IconIndeterminate}\n        IconOnCompact={IconOnCompact}\n        IconOnRegular={IconOnRegular}\n        IconOffCompact={IconOffCompact}\n        IconOffRegular={IconOffRegular}\n        slotProps={{ input: inputRest }}\n      />\n      <SelectionControlLabel titleAfter={titleAfter} description={description}>\n        {children}\n      </SelectionControlLabel>\n    </SelectionControl>\n  );\n};\n\n/**\n * @see https://vkui.io/components/checkbox\n */\nexport const Checkbox = (props: CheckboxProps): React.ReactNode => {\n  if (process.env.NODE_ENV === 'development' && props.getRef) {\n    warn('Свойство `getRef` устаревшее, используйте `slotProps={ input: { getRootRef: ... } }`');\n  }\n\n  const simple = !(hasReactNode(props.children) || hasReactNode(props.description));\n  if (simple) {\n    return <CheckboxSimple {...props} />;\n  }\n\n  return <CheckboxComponent {...props} />;\n};\n\nCheckbox.Input = CheckboxInput;\n"],"names":["hasReactNode","useMergeProps","warnOnce","withLabelClickWrapper","SelectionControl","SelectionControlLabel","CheckboxInput","CheckboxSimple","warn","CheckboxComponent","getRef","description","titleAfter","noPadding","children","indeterminate","defaultIndeterminate","IconOnCompact","IconOnRegular","IconOffCompact","IconOffRegular","IconIndeterminate","hoverMode","activeMode","hasHover","hasActive","focusVisibleMode","checked","defaultChecked","disabled","readOnly","required","autoFocus","id","name","value","form","onChange","onFocus","onBlur","slotProps","restProps","onClick","rootRest","root","inputRest","getRootRef","input","Checkbox","props","process","env","NODE_ENV","simple","Input"],"mappings":"AAAA;;AAGA,SAASA,YAAY,QAAQ,kBAAkB;AAC/C,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SAASC,QAAQ,QAAQ,wBAAqB;AAC9C,SAASC,qBAAqB,QAAQ,qCAAkC;AAExE,SAASC,gBAAgB,QAAQ,0CAAuC;AACxE,SAASC,qBAAqB,QAAQ,qEAAkE;AAExG,SAASC,aAAa,QAAiC,mCAAgC;AACvF,SAASC,cAAc,QAAQ,qCAAkC;AAEjE,MAAMC,OAAON,SAAS;AA+DtB,MAAMO,oBAAoB,CAAC,EACzB,gBAAgB;AAChBC,MAAM,EACNC,WAAW,EACXC,UAAU,EACVC,SAAS,EACTC,QAAQ,EAER,qBAAqB;AACrBC,aAAa,EACbC,oBAAoB,EACpBC,aAAa,EACbC,aAAa,EACbC,cAAc,EACdC,cAAc,EACdC,iBAAiB,EAEjB,iBAAiB;AACjBC,SAAS,EACTC,UAAU,EACVC,QAAQ,EACRC,SAAS,EACTC,gBAAgB,EAEhB,cAAc;AACdC,OAAO,EACPC,cAAc,EACdC,QAAQ,EACRC,QAAQ,EACRC,QAAQ,EACRC,SAAS,EACTC,EAAE,EACFC,IAAI,EACJC,KAAK,EACLC,IAAI,EACJC,QAAQ,EACRC,OAAO,EACPC,MAAM,EAENC,SAAS,EACT,GAAGC,WACW;IACd,MAAM,EAAEC,OAAO,EAAE,GAAGC,UAAU,GAAG1C,cAAcwC,WAAWD,WAAWI;IAErE,MAAMC,YAAY5C,cAChB;QACE6C,YAAYpC;QACZiB;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;IACF,GACAC,WAAWO;IAGb,qBACE,MAAC3C;QACCyB,UAAUgB,UAAUhB,QAAQ;QAC5BP,WAAWA;QACXC,YAAYA;QACZC,UAAUA;QACVC,WAAWA;QACXC,kBAAkBA;QAClBb,WAAWA;QACX6B,SAASvC,sBAAsBuC;QAC9B,GAAGC,QAAQ;;0BAEZ,KAACrC;gBACCS,eAAeA;gBACfC,sBAAsBA;gBACtBK,mBAAmBA;gBACnBJ,eAAeA;gBACfC,eAAeA;gBACfC,gBAAgBA;gBAChBC,gBAAgBA;gBAChBoB,WAAW;oBAAEO,OAAOF;gBAAU;;0BAEhC,KAACxC;gBAAsBO,YAAYA;gBAAYD,aAAaA;0BACzDG;;;;AAIT;AAEA;;CAEC,GACD,OAAO,MAAMkC,WAAW,CAACC;IACvB,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,iBAAiBH,MAAMvC,MAAM,EAAE;QAC1DF,KAAK;IACP;IAEA,MAAM6C,SAAS,CAAErD,CAAAA,aAAaiD,MAAMnC,QAAQ,KAAKd,aAAaiD,MAAMtC,WAAW,CAAA;IAC/E,IAAI0C,QAAQ;QACV,qBAAO,KAAC9C;YAAgB,GAAG0C,KAAK;;IAClC;IAEA,qBAAO,KAACxC;QAAmB,GAAGwC,KAAK;;AACrC,EAAE;AAEFD,SAASM,KAAK,GAAGhD"}
+{"version":3,"sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { hasReactNode } from '@vkontakte/vkjs';\nimport { useMergeProps } from '../../hooks/useMergeProps';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { withLabelClickWrapper } from '../../lib/withLabelClickWrapper';\nimport type { HasDataAttribute, HasRootRef } from '../../types';\nimport { SelectionControl } from '../SelectionControl/SelectionControl';\nimport { SelectionControlLabel } from '../SelectionControl/SelectionControlLabel/SelectionControlLabel';\nimport type { TappableOmitProps } from '../Tappable/Tappable';\nimport { CheckboxInput, type CheckboxInputProps } from './CheckboxInput/CheckboxInput';\nimport { CheckboxSimple } from './CheckboxSimple/CheckboxSimple';\n\nconst warn = warnOnce('Checkbox');\n\nexport interface CheckboxProps\n  extends Pick<\n      CheckboxInputProps,\n      | 'indeterminate'\n      | 'defaultIndeterminate'\n      | 'IconOnCompact'\n      | 'IconOnRegular'\n      | 'IconOffCompact'\n      | 'IconOffRegular'\n      | 'IconIndeterminate'\n      | 'getRef'\n    >,\n    Pick<\n      React.ComponentProps<'input'>,\n      | 'checked'\n      | 'defaultChecked'\n      | 'disabled'\n      | 'readOnly'\n      | 'required'\n      | 'autoFocus'\n      | 'name'\n      | 'value'\n      | 'form'\n      | 'onChange'\n      | 'onFocus'\n      | 'onBlur'\n    >,\n    Omit<\n      React.LabelHTMLAttributes<HTMLLabelElement>,\n      'onChange' | 'onFocus' | 'onBlur' | 'slotProps'\n    >,\n    HasRootRef<HTMLLabelElement>,\n    Pick<\n      TappableOmitProps,\n      'hoverMode' | 'activeMode' | 'hasHover' | 'hasActive' | 'focusVisibleMode'\n    > {\n  /**\n   * Свойства, которые можно прокинуть внутрь компонента:\n   * - `root`: свойства для прокидывания в корень компонента;\n   * - `input`: свойства для прокидывания в скрытый `input`.\n   */\n  slotProps?:\n    | {\n        root?:\n          | ((Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'children'> &\n              HasRootRef<HTMLLabelElement> &\n              HasDataAttribute) &\n              HasDataAttribute)\n          | undefined;\n        input?:\n          | (React.ComponentProps<'input'> & HasRootRef<HTMLInputElement> & HasDataAttribute)\n          | undefined;\n      }\n    | undefined;\n  /**\n   * Подпись под основным текстом.\n   */\n  description?: React.ReactNode | undefined;\n  /**\n   * Контент, идущий за основным текстом.\n   */\n  titleAfter?: React.ReactNode | undefined;\n  /**\n   * Отключает отступы у чекбокса. При использовании этого свойства, значение по умолчанию для свойств `hoverMode` и `activeMode` становится `\"opacity\"`.\n   */\n  noPadding?: boolean | undefined;\n}\n\nconst CheckboxComponent = ({\n  // CheckboxProps\n  getRef,\n  description,\n  titleAfter,\n  noPadding,\n  children,\n\n  // CheckboxInputProps\n  indeterminate,\n  defaultIndeterminate,\n  IconOnCompact,\n  IconOnRegular,\n  IconOffCompact,\n  IconOffRegular,\n  IconIndeterminate,\n\n  // Tappable props\n  hoverMode,\n  activeMode,\n  hasHover,\n  hasActive,\n  focusVisibleMode,\n\n  // Input props\n  checked,\n  defaultChecked,\n  disabled,\n  readOnly,\n  required,\n  autoFocus,\n  id,\n  name,\n  value,\n  form,\n  onChange,\n  onFocus,\n  onBlur,\n\n  slotProps,\n  ...restProps\n}: CheckboxProps): React.ReactNode => {\n  const { onClick, ...rootRest } = useMergeProps(restProps, slotProps?.root);\n\n  const inputRest = useMergeProps(\n    {\n      getRootRef: getRef,\n      checked,\n      defaultChecked,\n      disabled,\n      readOnly,\n      required,\n      autoFocus,\n      id,\n      name,\n      value,\n      form,\n      onChange,\n      onFocus,\n      onBlur,\n    },\n    slotProps?.input,\n  );\n\n  return (\n    <SelectionControl\n      disabled={inputRest.disabled}\n      hoverMode={hoverMode}\n      activeMode={activeMode}\n      hasHover={hasHover}\n      hasActive={hasActive}\n      focusVisibleMode={focusVisibleMode}\n      noPadding={noPadding}\n      onClick={withLabelClickWrapper(onClick)}\n      {...rootRest}\n    >\n      <CheckboxInput\n        indeterminate={indeterminate}\n        defaultIndeterminate={defaultIndeterminate}\n        IconIndeterminate={IconIndeterminate}\n        IconOnCompact={IconOnCompact}\n        IconOnRegular={IconOnRegular}\n        IconOffCompact={IconOffCompact}\n        IconOffRegular={IconOffRegular}\n        slotProps={{ input: inputRest }}\n      />\n      <SelectionControlLabel titleAfter={titleAfter} description={description}>\n        {children}\n      </SelectionControlLabel>\n    </SelectionControl>\n  );\n};\n\n/**\n * @see https://vkui.io/components/checkbox\n */\nexport const Checkbox = (props: CheckboxProps): React.ReactNode => {\n  if (process.env.NODE_ENV === 'development' && props.getRef) {\n    warn('Свойство `getRef` устаревшее, используйте `slotProps={ input: { getRootRef: ... } }`');\n  }\n\n  const simple = !(hasReactNode(props.children) || hasReactNode(props.description));\n  if (simple) {\n    return <CheckboxSimple {...props} />;\n  }\n\n  return <CheckboxComponent {...props} />;\n};\n\nCheckbox.Input = CheckboxInput;\n"],"names":["hasReactNode","useMergeProps","warnOnce","withLabelClickWrapper","SelectionControl","SelectionControlLabel","CheckboxInput","CheckboxSimple","warn","CheckboxComponent","getRef","description","titleAfter","noPadding","children","indeterminate","defaultIndeterminate","IconOnCompact","IconOnRegular","IconOffCompact","IconOffRegular","IconIndeterminate","hoverMode","activeMode","hasHover","hasActive","focusVisibleMode","checked","defaultChecked","disabled","readOnly","required","autoFocus","id","name","value","form","onChange","onFocus","onBlur","slotProps","restProps","onClick","rootRest","root","inputRest","getRootRef","input","Checkbox","props","process","env","NODE_ENV","simple","Input"],"mappings":"AAAA;;AAGA,SAASA,YAAY,QAAQ,kBAAkB;AAC/C,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SAASC,QAAQ,QAAQ,wBAAqB;AAC9C,SAASC,qBAAqB,QAAQ,qCAAkC;AAExE,SAASC,gBAAgB,QAAQ,0CAAuC;AACxE,SAASC,qBAAqB,QAAQ,qEAAkE;AAExG,SAASC,aAAa,QAAiC,mCAAgC;AACvF,SAASC,cAAc,QAAQ,qCAAkC;AAEjE,MAAMC,OAAON,SAAS;AAsEtB,MAAMO,oBAAoB,CAAC,EACzB,gBAAgB;AAChBC,MAAM,EACNC,WAAW,EACXC,UAAU,EACVC,SAAS,EACTC,QAAQ,EAER,qBAAqB;AACrBC,aAAa,EACbC,oBAAoB,EACpBC,aAAa,EACbC,aAAa,EACbC,cAAc,EACdC,cAAc,EACdC,iBAAiB,EAEjB,iBAAiB;AACjBC,SAAS,EACTC,UAAU,EACVC,QAAQ,EACRC,SAAS,EACTC,gBAAgB,EAEhB,cAAc;AACdC,OAAO,EACPC,cAAc,EACdC,QAAQ,EACRC,QAAQ,EACRC,QAAQ,EACRC,SAAS,EACTC,EAAE,EACFC,IAAI,EACJC,KAAK,EACLC,IAAI,EACJC,QAAQ,EACRC,OAAO,EACPC,MAAM,EAENC,SAAS,EACT,GAAGC,WACW;IACd,MAAM,EAAEC,OAAO,EAAE,GAAGC,UAAU,GAAG1C,cAAcwC,WAAWD,WAAWI;IAErE,MAAMC,YAAY5C,cAChB;QACE6C,YAAYpC;QACZiB;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;IACF,GACAC,WAAWO;IAGb,qBACE,MAAC3C;QACCyB,UAAUgB,UAAUhB,QAAQ;QAC5BP,WAAWA;QACXC,YAAYA;QACZC,UAAUA;QACVC,WAAWA;QACXC,kBAAkBA;QAClBb,WAAWA;QACX6B,SAASvC,sBAAsBuC;QAC9B,GAAGC,QAAQ;;0BAEZ,KAACrC;gBACCS,eAAeA;gBACfC,sBAAsBA;gBACtBK,mBAAmBA;gBACnBJ,eAAeA;gBACfC,eAAeA;gBACfC,gBAAgBA;gBAChBC,gBAAgBA;gBAChBoB,WAAW;oBAAEO,OAAOF;gBAAU;;0BAEhC,KAACxC;gBAAsBO,YAAYA;gBAAYD,aAAaA;0BACzDG;;;;AAIT;AAEA;;CAEC,GACD,OAAO,MAAMkC,WAAW,CAACC;IACvB,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,iBAAiBH,MAAMvC,MAAM,EAAE;QAC1DF,KAAK;IACP;IAEA,MAAM6C,SAAS,CAAErD,CAAAA,aAAaiD,MAAMnC,QAAQ,KAAKd,aAAaiD,MAAMtC,WAAW,CAAA;IAC/E,IAAI0C,QAAQ;QACV,qBAAO,KAAC9C;YAAgB,GAAG0C,KAAK;;IAClC;IAEA,qBAAO,KAACxC;QAAmB,GAAGwC,KAAK;;AACrC,EAAE;AAEFD,SAASM,KAAK,GAAGhD"}