@vkontakte/vkui 5.1.2 → 5.2.1

package/dist/cjs/hooks/useChipsSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useChipsSelect.js","names":["useChipsSelect","props","options","filterFn","getOptionLabel","getOptionValue","React","useState","opened","setOpened","focusedOptionIndex","setFocusedOptionIndex","focusedOption","setFocusedOption","useChipsInput","fieldValue","selectedOptions","chipsInputState","handleInputChange","e","filteredOptions","useMemo","filter","option","length","filteredSet","Set","selected","map","item","includes","delete"],"sources":["../../../src/hooks/useChipsSelect.ts"],"sourcesContent":["import * as React from 'react';\nimport { useChipsInput } from './useChipsInput';\nimport { ChipsSelectProps } from '../components/ChipsSelect/ChipsSelect';\nimport { ChipOption } from '../components/Chip/Chip';\n\nexport const useChipsSelect = <Option extends ChipOption>(\n  props: Partial<ChipsSelectProps<Option>>,\n) => {\n  const { options, filterFn, getOptionLabel, getOptionValue } = props;\n\n  const [opened, setOpened] = React.useState(false);\n  const [focusedOptionIndex, setFocusedOptionIndex] = React.useState<number | null>(0);\n  const [focusedOption, setFocusedOption] = React.useState<Option | null>(null);\n\n  const { fieldValue, selectedOptions, ...chipsInputState } = useChipsInput(props);\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement> | undefined) => {\n    if (!e) {\n      return;\n    }\n    chipsInputState.handleInputChange(e);\n\n    if (!opened) {\n      setOpened(true);\n      setFocusedOptionIndex(0);\n    }\n  };\n\n  let filteredOptions = React.useMemo(() => {\n    return filterFn\n      ? options!.filter((option) => filterFn(fieldValue, option, getOptionLabel))\n      : (options as Option[]);\n  }, [options, filterFn, fieldValue, getOptionLabel]);\n\n  filteredOptions = React.useMemo(() => {\n    if (!filteredOptions.length) {\n      return filteredOptions;\n    }\n\n    const filteredSet = new Set(filteredOptions);\n    const selected = selectedOptions.map((item) => getOptionValue!(item));\n\n    for (const item of filteredSet) {\n      if (selected.includes(getOptionValue!(item))) {\n        filteredSet.delete(item);\n      }\n    }\n\n    return [...filteredSet];\n  }, [filteredOptions, selectedOptions, getOptionValue]);\n\n  return {\n    ...chipsInputState,\n    fieldValue,\n    handleInputChange,\n    opened,\n    setOpened,\n    filteredOptions,\n    focusedOptionIndex,\n    setFocusedOptionIndex,\n    focusedOption,\n    setFocusedOption,\n    selectedOptions,\n  };\n};\n"],"mappings":";;;;;;;;;;;;;AAAA;AACA;AAAgD;AAIzC,IAAMA,cAAc,GAAG,SAAjBA,cAAc,CACzBC,KAAwC,EACrC;EACH,IAAQC,OAAO,GAA+CD,KAAK,CAA3DC,OAAO;IAAEC,QAAQ,GAAqCF,KAAK,CAAlDE,QAAQ;IAAEC,cAAc,GAAqBH,KAAK,CAAxCG,cAAc;IAAEC,cAAc,GAAKJ,KAAK,CAAxBI,cAAc;EAEzD,sBAA4BC,KAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;IAAA;IAA1CC,MAAM;IAAEC,SAAS;EACxB,uBAAoDH,KAAK,CAACC,QAAQ,CAAgB,CAAC,CAAC;IAAA;IAA7EG,kBAAkB;IAAEC,qBAAqB;EAChD,uBAA0CL,KAAK,CAACC,QAAQ,CAAgB,IAAI,CAAC;IAAA;IAAtEK,aAAa;IAAEC,gBAAgB;EAEtC,qBAA4D,IAAAC,6BAAa,EAACb,KAAK,CAAC;IAAxEc,UAAU,kBAAVA,UAAU;IAAEC,eAAe,kBAAfA,eAAe;IAAKC,eAAe;EAEvD,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiB,CAAIC,CAAkD,EAAK;IAChF,IAAI,CAACA,CAAC,EAAE;MACN;IACF;IACAF,eAAe,CAACC,iBAAiB,CAACC,CAAC,CAAC;IAEpC,IAAI,CAACX,MAAM,EAAE;MACXC,SAAS,CAAC,IAAI,CAAC;MACfE,qBAAqB,CAAC,CAAC,CAAC;IAC1B;EACF,CAAC;EAED,IAAIS,eAAe,GAAGd,KAAK,CAACe,OAAO,CAAC,YAAM;IACxC,OAAOlB,QAAQ,GACXD,OAAO,CAAEoB,MAAM,CAAC,UAACC,MAAM;MAAA,OAAKpB,QAAQ,CAACY,UAAU,EAAEQ,MAAM,EAAEnB,cAAc,CAAC;IAAA,EAAC,GACxEF,OAAoB;EAC3B,CAAC,EAAE,CAACA,OAAO,EAAEC,QAAQ,EAAEY,UAAU,EAAEX,cAAc,CAAC,CAAC;EAEnDgB,eAAe,GAAGd,KAAK,CAACe,OAAO,CAAC,YAAM;IACpC,IAAI,CAACD,eAAe,CAACI,MAAM,EAAE;MAC3B,OAAOJ,eAAe;IACxB;IAEA,IAAMK,WAAW,GAAG,IAAIC,GAAG,CAACN,eAAe,CAAC;IAC5C,IAAMO,QAAQ,GAAGX,eAAe,CAACY,GAAG,CAAC,UAACC,IAAI;MAAA,OAAKxB,cAAc,CAAEwB,IAAI,CAAC;IAAA,EAAC;IAAC,yDAEnDJ,WAAW;MAAA;IAAA;MAA9B,oDAAgC;QAAA,IAArBI,IAAI;QACb,IAAIF,QAAQ,CAACG,QAAQ,CAACzB,cAAc,CAAEwB,IAAI,CAAC,CAAC,EAAE;UAC5CJ,WAAW,CAACM,MAAM,CAACF,IAAI,CAAC;QAC1B;MACF;IAAC;MAAA;IAAA;MAAA;IAAA;IAED,wCAAWJ,WAAW;EACxB,CAAC,EAAE,CAACL,eAAe,EAAEJ,eAAe,EAAEX,cAAc,CAAC,CAAC;EAEtD,mEACKY,eAAe;IAClBF,UAAU,EAAVA,UAAU;IACVG,iBAAiB,EAAjBA,iBAAiB;IACjBV,MAAM,EAANA,MAAM;IACNC,SAAS,EAATA,SAAS;IACTW,eAAe,EAAfA,eAAe;IACfV,kBAAkB,EAAlBA,kBAAkB;IAClBC,qBAAqB,EAArBA,qBAAqB;IACrBC,aAAa,EAAbA,aAAa;IACbC,gBAAgB,EAAhBA,gBAAgB;IAChBG,eAAe,EAAfA;EAAe;AAEnB,CAAC;AAAC"}
+{"version":3,"file":"useChipsSelect.js","names":["useChipsSelect","props","options","filterFn","getOptionLabel","getOptionValue","React","useState","opened","setOpened","focusedOptionIndex","setFocusedOptionIndex","focusedOption","setFocusedOption","useChipsInput","fieldValue","selectedOptions","chipsInputState","handleInputChange","e","filteredOptions","useMemo","filter","option","length","filteredSet","Set","selected","map","item","includes","delete"],"sources":["../../../src/hooks/useChipsSelect.ts"],"sourcesContent":["import * as React from 'react';\nimport { ChipOption } from '../components/Chip/Chip';\nimport { ChipsSelectProps } from '../components/ChipsSelect/ChipsSelect';\nimport { useChipsInput } from './useChipsInput';\n\nexport const useChipsSelect = <Option extends ChipOption>(\n  props: Partial<ChipsSelectProps<Option>>,\n) => {\n  const { options, filterFn, getOptionLabel, getOptionValue } = props;\n\n  const [opened, setOpened] = React.useState(false);\n  const [focusedOptionIndex, setFocusedOptionIndex] = React.useState<number | null>(0);\n  const [focusedOption, setFocusedOption] = React.useState<Option | null>(null);\n\n  const { fieldValue, selectedOptions, ...chipsInputState } = useChipsInput(props);\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement> | undefined) => {\n    if (!e) {\n      return;\n    }\n    chipsInputState.handleInputChange(e);\n\n    if (!opened) {\n      setOpened(true);\n      setFocusedOptionIndex(0);\n    }\n  };\n\n  let filteredOptions = React.useMemo(() => {\n    return filterFn\n      ? options!.filter((option) => filterFn(fieldValue, option, getOptionLabel))\n      : (options as Option[]);\n  }, [options, filterFn, fieldValue, getOptionLabel]);\n\n  filteredOptions = React.useMemo(() => {\n    if (!filteredOptions.length) {\n      return filteredOptions;\n    }\n\n    const filteredSet = new Set(filteredOptions);\n    const selected = selectedOptions.map((item) => getOptionValue!(item));\n\n    for (const item of filteredSet) {\n      if (selected.includes(getOptionValue!(item))) {\n        filteredSet.delete(item);\n      }\n    }\n\n    return [...filteredSet];\n  }, [filteredOptions, selectedOptions, getOptionValue]);\n\n  return {\n    ...chipsInputState,\n    fieldValue,\n    handleInputChange,\n    opened,\n    setOpened,\n    filteredOptions,\n    focusedOptionIndex,\n    setFocusedOptionIndex,\n    focusedOption,\n    setFocusedOption,\n    selectedOptions,\n  };\n};\n"],"mappings":";;;;;;;;;;;;;AAAA;AAGA;AAAgD;AAEzC,IAAMA,cAAc,GAAG,SAAjBA,cAAc,CACzBC,KAAwC,EACrC;EACH,IAAQC,OAAO,GAA+CD,KAAK,CAA3DC,OAAO;IAAEC,QAAQ,GAAqCF,KAAK,CAAlDE,QAAQ;IAAEC,cAAc,GAAqBH,KAAK,CAAxCG,cAAc;IAAEC,cAAc,GAAKJ,KAAK,CAAxBI,cAAc;EAEzD,sBAA4BC,KAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;IAAA;IAA1CC,MAAM;IAAEC,SAAS;EACxB,uBAAoDH,KAAK,CAACC,QAAQ,CAAgB,CAAC,CAAC;IAAA;IAA7EG,kBAAkB;IAAEC,qBAAqB;EAChD,uBAA0CL,KAAK,CAACC,QAAQ,CAAgB,IAAI,CAAC;IAAA;IAAtEK,aAAa;IAAEC,gBAAgB;EAEtC,qBAA4D,IAAAC,6BAAa,EAACb,KAAK,CAAC;IAAxEc,UAAU,kBAAVA,UAAU;IAAEC,eAAe,kBAAfA,eAAe;IAAKC,eAAe;EAEvD,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiB,CAAIC,CAAkD,EAAK;IAChF,IAAI,CAACA,CAAC,EAAE;MACN;IACF;IACAF,eAAe,CAACC,iBAAiB,CAACC,CAAC,CAAC;IAEpC,IAAI,CAACX,MAAM,EAAE;MACXC,SAAS,CAAC,IAAI,CAAC;MACfE,qBAAqB,CAAC,CAAC,CAAC;IAC1B;EACF,CAAC;EAED,IAAIS,eAAe,GAAGd,KAAK,CAACe,OAAO,CAAC,YAAM;IACxC,OAAOlB,QAAQ,GACXD,OAAO,CAAEoB,MAAM,CAAC,UAACC,MAAM;MAAA,OAAKpB,QAAQ,CAACY,UAAU,EAAEQ,MAAM,EAAEnB,cAAc,CAAC;IAAA,EAAC,GACxEF,OAAoB;EAC3B,CAAC,EAAE,CAACA,OAAO,EAAEC,QAAQ,EAAEY,UAAU,EAAEX,cAAc,CAAC,CAAC;EAEnDgB,eAAe,GAAGd,KAAK,CAACe,OAAO,CAAC,YAAM;IACpC,IAAI,CAACD,eAAe,CAACI,MAAM,EAAE;MAC3B,OAAOJ,eAAe;IACxB;IAEA,IAAMK,WAAW,GAAG,IAAIC,GAAG,CAACN,eAAe,CAAC;IAC5C,IAAMO,QAAQ,GAAGX,eAAe,CAACY,GAAG,CAAC,UAACC,IAAI;MAAA,OAAKxB,cAAc,CAAEwB,IAAI,CAAC;IAAA,EAAC;IAAC,yDAEnDJ,WAAW;MAAA;IAAA;MAA9B,oDAAgC;QAAA,IAArBI,IAAI;QACb,IAAIF,QAAQ,CAACG,QAAQ,CAACzB,cAAc,CAAEwB,IAAI,CAAC,CAAC,EAAE;UAC5CJ,WAAW,CAACM,MAAM,CAACF,IAAI,CAAC;QAC1B;MACF;IAAC;MAAA;IAAA;MAAA;IAAA;IAED,wCAAWJ,WAAW;EACxB,CAAC,EAAE,CAACL,eAAe,EAAEJ,eAAe,EAAEX,cAAc,CAAC,CAAC;EAEtD,mEACKY,eAAe;IAClBF,UAAU,EAAVA,UAAU;IACVG,iBAAiB,EAAjBA,iBAAiB;IACjBV,MAAM,EAANA,MAAM;IACNC,SAAS,EAATA,SAAS;IACTW,eAAe,EAAfA,eAAe;IACfV,kBAAkB,EAAlBA,kBAAkB;IAClBC,qBAAqB,EAArBA,qBAAqB;IACrBC,aAAa,EAAbA,aAAa;IACbC,gBAAgB,EAAhBA,gBAAgB;IAChBG,eAAe,EAAfA;EAAe;AAEnB,CAAC;AAAC"}

package/dist/cjs/hooks/useDateInput.js

@@ -9,9 +9,9 @@ exports.useDateInput = useDateInput;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var React = _interopRequireWildcard(require("react"));
+var _dom = require("../lib/dom");
 var _useBooleanState2 = require("./useBooleanState");
 var _useGlobalEventListener = require("./useGlobalEventListener");
-var _dom = require("../lib/dom");
 function useDateInput(_ref) {
   var maxElement = _ref.maxElement,
     refs = _ref.refs,

package/dist/cjs/hooks/useDateInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDateInput.js","names":["useDateInput","maxElement","refs","autoFocus","disabled","elementsConfig","onChange","onInternalValueChange","getInternalValue","value","useDOM","document","useBooleanState","open","openCalendar","setTrue","closeCalendar","setFalse","rootRef","React","useRef","calendarRef","useState","internalValue","setInternalValue","focusedElement","setFocusedElement","window","removeFocusFromField","useCallback","getSelection","removeAllRanges","handleClickOutside","e","current","contains","target","selectFirst","useGlobalEventListener","capture","useEffect","range","createRange","element","focus","selectNodeContents","selection","addRange","clear","undefined","handleFieldEnter","handleKeyDown","_value","config","test","key","length","slice","currentValue","Number","String","min","max","padStart","shiftKey","preventDefault"],"sources":["../../../src/hooks/useDateInput.ts"],"sourcesContent":["import * as React from 'react';\nimport { useBooleanState } from './useBooleanState';\nimport { useGlobalEventListener } from './useGlobalEventListener';\nimport { useDOM } from '../lib/dom';\n\nexport interface UseDateInputDependencies<T, D> {\n  maxElement: number;\n  refs: Array<React.RefObject<T>>;\n  autoFocus?: boolean;\n  disabled?: boolean;\n  value?: D;\n  elementsConfig(index: number): {\n    length: number;\n    min: number;\n    max: number;\n  };\n  onInternalValueChange(value: string[]): void;\n  getInternalValue(value?: D | undefined): string[];\n  onChange?(value?: D | undefined): void;\n}\n\nexport function useDateInput<T extends HTMLElement, D>({\n  maxElement,\n  refs,\n  autoFocus,\n  disabled,\n  elementsConfig,\n  onChange,\n  onInternalValueChange,\n  getInternalValue,\n  value,\n}: UseDateInputDependencies<T, D>) {\n  const { document } = useDOM();\n  const { value: open, setTrue: openCalendar, setFalse: closeCalendar } = useBooleanState(false);\n  const rootRef = React.useRef<HTMLDivElement>(null);\n  const calendarRef = React.useRef<HTMLDivElement>(null);\n  const [internalValue, setInternalValue] = React.useState<string[]>([]);\n  const [focusedElement, setFocusedElement] = React.useState<number | null>(null);\n  const { window } = useDOM();\n\n  const removeFocusFromField = React.useCallback(() => {\n    if (open) {\n      setFocusedElement(null);\n      closeCalendar();\n      window!.getSelection()?.removeAllRanges();\n      setInternalValue(getInternalValue(value));\n    }\n  }, [closeCalendar, getInternalValue, open, value, window]);\n\n  const handleClickOutside = React.useCallback(\n    (e: MouseEvent) => {\n      if (\n        !rootRef.current?.contains(e.target as Node | null) &&\n        !calendarRef.current?.contains(e.target as Node | null)\n      ) {\n        removeFocusFromField();\n      }\n    },\n    [removeFocusFromField],\n  );\n\n  const selectFirst = React.useCallback(() => {\n    setFocusedElement(0);\n  }, []);\n\n  useGlobalEventListener(document, 'click', handleClickOutside, {\n    capture: true,\n  });\n\n  React.useEffect(() => {\n    setInternalValue(getInternalValue(value));\n  }, [getInternalValue, value]);\n\n  React.useEffect(() => {\n    if (autoFocus) {\n      selectFirst();\n    }\n  }, [autoFocus, selectFirst]);\n\n  React.useEffect(() => {\n    if (disabled || focusedElement === null) {\n      return;\n    }\n\n    const range = window!.document.createRange();\n\n    let element = refs[focusedElement].current;\n\n    if (element) {\n      element.focus();\n      openCalendar();\n      range.selectNodeContents(element as Node);\n\n      const selection = window!.getSelection();\n      selection?.removeAllRanges();\n      selection?.addRange(range);\n    }\n  }, [disabled, focusedElement, openCalendar, refs, window]);\n\n  const clear = React.useCallback(() => {\n    onChange?.(undefined);\n    selectFirst();\n  }, [onChange, selectFirst]);\n\n  const handleFieldEnter = React.useCallback(() => {\n    if (!open) {\n      selectFirst();\n    }\n  }, [open, selectFirst]);\n\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent<HTMLSpanElement>) => {\n      if (focusedElement === null) {\n        return;\n      }\n\n      const _value = [...internalValue];\n      const config = elementsConfig(focusedElement);\n\n      if (/^\\d+$/.test(e.key)) {\n        if (_value[focusedElement].length >= config.length) {\n          _value[focusedElement] = e.key;\n        } else {\n          _value[focusedElement] += e.key;\n          if (_value[focusedElement].length >= config.length && focusedElement < maxElement) {\n            setFocusedElement(focusedElement + 1);\n          }\n        }\n      } else if (e.key === 'Backspace') {\n        if (!_value[focusedElement]) {\n          setFocusedElement(focusedElement <= 0 ? maxElement : focusedElement - 1);\n        } else {\n          _value[focusedElement] = _value[focusedElement].slice(0, -1);\n        }\n      } else if (e.key === 'ArrowDown' || e.key === 'Down') {\n        let currentValue = Number(_value[focusedElement]);\n        _value[focusedElement] = String(\n          currentValue <= config.min ? config.max : currentValue - 1,\n        ).padStart(config.length, '0');\n      } else if (e.key === 'ArrowUp' || e.key === 'Up') {\n        let currentValue = Number(_value[focusedElement]);\n        _value[focusedElement] = String(\n          currentValue >= config.max ? config.min : currentValue + 1,\n        ).padStart(config.length, '0');\n      } else if (\n        e.key === 'Enter' ||\n        (e.key === 'Tab' && focusedElement === maxElement) ||\n        (e.key === 'Tab' && e.shiftKey && focusedElement === 0)\n      ) {\n        removeFocusFromField();\n        return;\n      } else if (e.key === 'ArrowLeft' || e.key === 'Left' || (e.key === 'Tab' && e.shiftKey)) {\n        setFocusedElement(focusedElement <= 0 ? maxElement : focusedElement - 1);\n      } else if (e.key === 'ArrowRight' || e.key === 'Right' || e.key === 'Tab') {\n        setFocusedElement(focusedElement >= maxElement ? 0 : focusedElement + 1);\n      } else if (e.key === 'Delete' || e.key === 'Del') {\n        _value[focusedElement] = '';\n      } else {\n        return;\n      }\n\n      e.preventDefault();\n      setInternalValue(_value);\n      onInternalValueChange(_value);\n    },\n    [\n      elementsConfig,\n      focusedElement,\n      internalValue,\n      maxElement,\n      onInternalValueChange,\n      removeFocusFromField,\n    ],\n  );\n\n  return {\n    rootRef,\n    calendarRef,\n    open,\n    openCalendar,\n    closeCalendar,\n    internalValue,\n    focusedElement,\n    setFocusedElement,\n    handleKeyDown,\n    clear,\n    handleFieldEnter,\n    removeFocusFromField,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"useDateInput.js","names":["useDateInput","maxElement","refs","autoFocus","disabled","elementsConfig","onChange","onInternalValueChange","getInternalValue","value","useDOM","document","useBooleanState","open","openCalendar","setTrue","closeCalendar","setFalse","rootRef","React","useRef","calendarRef","useState","internalValue","setInternalValue","focusedElement","setFocusedElement","window","removeFocusFromField","useCallback","getSelection","removeAllRanges","handleClickOutside","e","current","contains","target","selectFirst","useGlobalEventListener","capture","useEffect","range","createRange","element","focus","selectNodeContents","selection","addRange","clear","undefined","handleFieldEnter","handleKeyDown","_value","config","test","key","length","slice","currentValue","Number","String","min","max","padStart","shiftKey","preventDefault"],"sources":["../../../src/hooks/useDateInput.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useBooleanState } from './useBooleanState';\nimport { useGlobalEventListener } from './useGlobalEventListener';\n\nexport interface UseDateInputDependencies<T, D> {\n  maxElement: number;\n  refs: Array<React.RefObject<T>>;\n  autoFocus?: boolean;\n  disabled?: boolean;\n  value?: D;\n  elementsConfig(index: number): {\n    length: number;\n    min: number;\n    max: number;\n  };\n  onInternalValueChange(value: string[]): void;\n  getInternalValue(value?: D | undefined): string[];\n  onChange?(value?: D | undefined): void;\n}\n\nexport function useDateInput<T extends HTMLElement, D>({\n  maxElement,\n  refs,\n  autoFocus,\n  disabled,\n  elementsConfig,\n  onChange,\n  onInternalValueChange,\n  getInternalValue,\n  value,\n}: UseDateInputDependencies<T, D>) {\n  const { document } = useDOM();\n  const { value: open, setTrue: openCalendar, setFalse: closeCalendar } = useBooleanState(false);\n  const rootRef = React.useRef<HTMLDivElement>(null);\n  const calendarRef = React.useRef<HTMLDivElement>(null);\n  const [internalValue, setInternalValue] = React.useState<string[]>([]);\n  const [focusedElement, setFocusedElement] = React.useState<number | null>(null);\n  const { window } = useDOM();\n\n  const removeFocusFromField = React.useCallback(() => {\n    if (open) {\n      setFocusedElement(null);\n      closeCalendar();\n      window!.getSelection()?.removeAllRanges();\n      setInternalValue(getInternalValue(value));\n    }\n  }, [closeCalendar, getInternalValue, open, value, window]);\n\n  const handleClickOutside = React.useCallback(\n    (e: MouseEvent) => {\n      if (\n        !rootRef.current?.contains(e.target as Node | null) &&\n        !calendarRef.current?.contains(e.target as Node | null)\n      ) {\n        removeFocusFromField();\n      }\n    },\n    [removeFocusFromField],\n  );\n\n  const selectFirst = React.useCallback(() => {\n    setFocusedElement(0);\n  }, []);\n\n  useGlobalEventListener(document, 'click', handleClickOutside, {\n    capture: true,\n  });\n\n  React.useEffect(() => {\n    setInternalValue(getInternalValue(value));\n  }, [getInternalValue, value]);\n\n  React.useEffect(() => {\n    if (autoFocus) {\n      selectFirst();\n    }\n  }, [autoFocus, selectFirst]);\n\n  React.useEffect(() => {\n    if (disabled || focusedElement === null) {\n      return;\n    }\n\n    const range = window!.document.createRange();\n\n    let element = refs[focusedElement].current;\n\n    if (element) {\n      element.focus();\n      openCalendar();\n      range.selectNodeContents(element as Node);\n\n      const selection = window!.getSelection();\n      selection?.removeAllRanges();\n      selection?.addRange(range);\n    }\n  }, [disabled, focusedElement, openCalendar, refs, window]);\n\n  const clear = React.useCallback(() => {\n    onChange?.(undefined);\n    selectFirst();\n  }, [onChange, selectFirst]);\n\n  const handleFieldEnter = React.useCallback(() => {\n    if (!open) {\n      selectFirst();\n    }\n  }, [open, selectFirst]);\n\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent<HTMLSpanElement>) => {\n      if (focusedElement === null) {\n        return;\n      }\n\n      const _value = [...internalValue];\n      const config = elementsConfig(focusedElement);\n\n      if (/^\\d+$/.test(e.key)) {\n        if (_value[focusedElement].length >= config.length) {\n          _value[focusedElement] = e.key;\n        } else {\n          _value[focusedElement] += e.key;\n          if (_value[focusedElement].length >= config.length && focusedElement < maxElement) {\n            setFocusedElement(focusedElement + 1);\n          }\n        }\n      } else if (e.key === 'Backspace') {\n        if (!_value[focusedElement]) {\n          setFocusedElement(focusedElement <= 0 ? maxElement : focusedElement - 1);\n        } else {\n          _value[focusedElement] = _value[focusedElement].slice(0, -1);\n        }\n      } else if (e.key === 'ArrowDown' || e.key === 'Down') {\n        let currentValue = Number(_value[focusedElement]);\n        _value[focusedElement] = String(\n          currentValue <= config.min ? config.max : currentValue - 1,\n        ).padStart(config.length, '0');\n      } else if (e.key === 'ArrowUp' || e.key === 'Up') {\n        let currentValue = Number(_value[focusedElement]);\n        _value[focusedElement] = String(\n          currentValue >= config.max ? config.min : currentValue + 1,\n        ).padStart(config.length, '0');\n      } else if (\n        e.key === 'Enter' ||\n        (e.key === 'Tab' && focusedElement === maxElement) ||\n        (e.key === 'Tab' && e.shiftKey && focusedElement === 0)\n      ) {\n        removeFocusFromField();\n        return;\n      } else if (e.key === 'ArrowLeft' || e.key === 'Left' || (e.key === 'Tab' && e.shiftKey)) {\n        setFocusedElement(focusedElement <= 0 ? maxElement : focusedElement - 1);\n      } else if (e.key === 'ArrowRight' || e.key === 'Right' || e.key === 'Tab') {\n        setFocusedElement(focusedElement >= maxElement ? 0 : focusedElement + 1);\n      } else if (e.key === 'Delete' || e.key === 'Del') {\n        _value[focusedElement] = '';\n      } else {\n        return;\n      }\n\n      e.preventDefault();\n      setInternalValue(_value);\n      onInternalValueChange(_value);\n    },\n    [\n      elementsConfig,\n      focusedElement,\n      internalValue,\n      maxElement,\n      onInternalValueChange,\n      removeFocusFromField,\n    ],\n  );\n\n  return {\n    rootRef,\n    calendarRef,\n    open,\n    openCalendar,\n    closeCalendar,\n    internalValue,\n    focusedElement,\n    setFocusedElement,\n    handleKeyDown,\n    clear,\n    handleFieldEnter,\n    removeFocusFromField,\n  };\n}\n"],"mappings":"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"}

package/dist/cjs/hooks/useFocusVisible.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFocusVisible.js","names":["useFocusVisible","useState","isFocused","setIsFocused","useContext","AppRootContext","keyboardInput","onFocus","useCallback","event","stopPropagation","onBlur","focusVisible"],"sources":["../../../src/hooks/useFocusVisible.ts"],"sourcesContent":["import { useContext, useState, useCallback, FocusEvent } from 'react';\nimport { AppRootContext } from '../components/AppRoot/AppRootContext';\n\nexport function useFocusVisible() {\n  const [isFocused, setIsFocused] = useState(false);\n  const { keyboardInput } = useContext(AppRootContext);\n\n  const onFocus = useCallback(\n    (event: FocusEvent<HTMLElement>) => {\n      event.stopPropagation();\n      setIsFocused(true);\n    },\n    [setIsFocused],\n  );\n\n  const onBlur = useCallback(\n    (event: FocusEvent<HTMLElement>) => {\n      event.stopPropagation();\n      setIsFocused(false);\n    },\n    [setIsFocused],\n  );\n\n  const focusVisible = keyboardInput && isFocused;\n\n  return {\n    focusVisible,\n    onFocus,\n    onBlur,\n  };\n}\n"],"mappings":";;;;;;;;AAAA;AACA;AAEO,SAASA,eAAe,GAAG;EAChC,gBAAkC,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAA;IAA1CC,SAAS;IAAEC,YAAY;EAC9B,kBAA0B,IAAAC,iBAAU,EAACC,8BAAc,CAAC;IAA5CC,aAAa,eAAbA,aAAa;EAErB,IAAMC,OAAO,GAAG,IAAAC,kBAAW,EACzB,UAACC,KAA8B,EAAK;IAClCA,KAAK,CAACC,eAAe,EAAE;IACvBP,YAAY,CAAC,IAAI,CAAC;EACpB,CAAC,EACD,CAACA,YAAY,CAAC,CACf;EAED,IAAMQ,MAAM,GAAG,IAAAH,kBAAW,EACxB,UAACC,KAA8B,EAAK;IAClCA,KAAK,CAACC,eAAe,EAAE;IACvBP,YAAY,CAAC,KAAK,CAAC;EACrB,CAAC,EACD,CAACA,YAAY,CAAC,CACf;EAED,IAAMS,YAAY,GAAGN,aAAa,IAAIJ,SAAS;EAE/C,OAAO;IACLU,YAAY,EAAZA,YAAY;IACZL,OAAO,EAAPA,OAAO;IACPI,MAAM,EAANA;EACF,CAAC;AACH"}
+{"version":3,"file":"useFocusVisible.js","names":["useFocusVisible","useState","isFocused","setIsFocused","useContext","AppRootContext","keyboardInput","onFocus","useCallback","event","stopPropagation","onBlur","focusVisible"],"sources":["../../../src/hooks/useFocusVisible.ts"],"sourcesContent":["import { FocusEvent, useCallback, useContext, useState } from 'react';\nimport { AppRootContext } from '../components/AppRoot/AppRootContext';\n\nexport function useFocusVisible() {\n  const [isFocused, setIsFocused] = useState(false);\n  const { keyboardInput } = useContext(AppRootContext);\n\n  const onFocus = useCallback(\n    (event: FocusEvent<HTMLElement>) => {\n      event.stopPropagation();\n      setIsFocused(true);\n    },\n    [setIsFocused],\n  );\n\n  const onBlur = useCallback(\n    (event: FocusEvent<HTMLElement>) => {\n      event.stopPropagation();\n      setIsFocused(false);\n    },\n    [setIsFocused],\n  );\n\n  const focusVisible = keyboardInput && isFocused;\n\n  return {\n    focusVisible,\n    onFocus,\n    onBlur,\n  };\n}\n"],"mappings":";;;;;;;;AAAA;AACA;AAEO,SAASA,eAAe,GAAG;EAChC,gBAAkC,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAA;IAA1CC,SAAS;IAAEC,YAAY;EAC9B,kBAA0B,IAAAC,iBAAU,EAACC,8BAAc,CAAC;IAA5CC,aAAa,eAAbA,aAAa;EAErB,IAAMC,OAAO,GAAG,IAAAC,kBAAW,EACzB,UAACC,KAA8B,EAAK;IAClCA,KAAK,CAACC,eAAe,EAAE;IACvBP,YAAY,CAAC,IAAI,CAAC;EACpB,CAAC,EACD,CAACA,YAAY,CAAC,CACf;EAED,IAAMQ,MAAM,GAAG,IAAAH,kBAAW,EACxB,UAACC,KAA8B,EAAK;IAClCA,KAAK,CAACC,eAAe,EAAE;IACvBP,YAAY,CAAC,KAAK,CAAC;EACrB,CAAC,EACD,CAACA,YAAY,CAAC,CACf;EAED,IAAMS,YAAY,GAAGN,aAAa,IAAIJ,SAAS;EAE/C,OAAO;IACLU,YAAY,EAAZA,YAAY;IACZL,OAAO,EAAPA,OAAO;IACPI,MAAM,EAANA;EACF,CAAC;AACH"}

package/dist/cjs/hooks/useMediaQueries.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMediaQueries.js","names":["storedMediaQueries","window","undefined","mediaQueries","useMediaQueries","useDOM","React","useMemo","initializeStoreOrUpdateStoreIfWindowChanges","matchMedia","bind","mediaQueryNull","desktopPlus","MEDIA_QUERIES","DESKTOP_PLUS","smallTabletPlus","SMALL_TABLET_PLUS","tablet","TABLET","smallTablet","SMALL_TABLET","mobile","MOBILE","mediumHeight","MEDIUM_HEIGHT","mobileLandscapeHeight","MOBILE_LANDSCAPE_HEIGHT"],"sources":["../../../src/hooks/useMediaQueries.ts"],"sourcesContent":["import * as React from 'react';\nimport { type MediaQueries, MEDIA_QUERIES } from '../lib/adaptivity';\nimport { mediaQueryNull } from '../lib/browser';\nimport { useDOM } from '../lib/dom';\n\ninterface StoredMediaQueries {\n  /**\n   * Постоянная ссылка на окно. Это необходима, чтобы пересоздать медиа выражение если окно вдруг измениться.\n   *\n   * > `styleguide`\n   * >\n   * > В данный момент изменения окна существует в рамках песочницы. По сути мы храним ссылку на окно ради этого кейса\n   * > в песочнице.\n   */\n  window: Window | undefined;\n  /**\n   * Хранит созданные медиа выражения.\n   *\n   * Достаточно единожды создать экземпляры `MediaQueryList`, а дальше подписываться на события\n   * через метод `addEventListener(type, listener)`.\n   *\n   * {@link https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList}\n   */\n  mediaQueries: MediaQueries | null;\n}\n\nconst storedMediaQueries: StoredMediaQueries = {\n  window: undefined,\n  mediaQueries: null,\n};\n\n/**\n * Возвращает медиа выражения определенные дизайн-системой.\n */\nexport const useMediaQueries = () => {\n  const { window } = useDOM();\n\n  return React.useMemo(\n    function initializeStoreOrUpdateStoreIfWindowChanges() {\n      if (storedMediaQueries.window === window && storedMediaQueries.mediaQueries !== null) {\n        return storedMediaQueries.mediaQueries;\n      }\n\n      const matchMedia = window ? window.matchMedia.bind(window) : mediaQueryNull;\n\n      storedMediaQueries.window = window;\n      storedMediaQueries.mediaQueries = {\n        desktopPlus: matchMedia(MEDIA_QUERIES.DESKTOP_PLUS),\n        smallTabletPlus: matchMedia(MEDIA_QUERIES.SMALL_TABLET_PLUS),\n        tablet: matchMedia(MEDIA_QUERIES.TABLET),\n        smallTablet: matchMedia(MEDIA_QUERIES.SMALL_TABLET),\n        mobile: matchMedia(MEDIA_QUERIES.MOBILE),\n        mediumHeight: matchMedia(MEDIA_QUERIES.MEDIUM_HEIGHT),\n        mobileLandscapeHeight: matchMedia(MEDIA_QUERIES.MOBILE_LANDSCAPE_HEIGHT),\n      };\n\n      return storedMediaQueries.mediaQueries;\n    },\n    [window],\n  );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAuBA,IAAMA,kBAAsC,GAAG;EAC7CC,MAAM,EAAEC,SAAS;EACjBC,YAAY,EAAE;AAChB,CAAC;;AAED;AACA;AACA;AACO,IAAMC,eAAe,GAAG,SAAlBA,eAAe,GAAS;EACnC,cAAmB,IAAAC,WAAM,GAAE;IAAnBJ,MAAM,WAANA,MAAM;EAEd,OAAOK,KAAK,CAACC,OAAO,CAClB,SAASC,2CAA2C,GAAG;IACrD,IAAIR,kBAAkB,CAACC,MAAM,KAAKA,MAAM,IAAID,kBAAkB,CAACG,YAAY,KAAK,IAAI,EAAE;MACpF,OAAOH,kBAAkB,CAACG,YAAY;IACxC;IAEA,IAAMM,UAAU,GAAGR,MAAM,GAAGA,MAAM,CAACQ,UAAU,CAACC,IAAI,CAACT,MAAM,CAAC,GAAGU,uBAAc;IAE3EX,kBAAkB,CAACC,MAAM,GAAGA,MAAM;IAClCD,kBAAkB,CAACG,YAAY,GAAG;MAChCS,WAAW,EAAEH,UAAU,CAACI,yBAAa,CAACC,YAAY,CAAC;MACnDC,eAAe,EAAEN,UAAU,CAACI,yBAAa,CAACG,iBAAiB,CAAC;MAC5DC,MAAM,EAAER,UAAU,CAACI,yBAAa,CAACK,MAAM,CAAC;MACxCC,WAAW,EAAEV,UAAU,CAACI,yBAAa,CAACO,YAAY,CAAC;MACnDC,MAAM,EAAEZ,UAAU,CAACI,yBAAa,CAACS,MAAM,CAAC;MACxCC,YAAY,EAAEd,UAAU,CAACI,yBAAa,CAACW,aAAa,CAAC;MACrDC,qBAAqB,EAAEhB,UAAU,CAACI,yBAAa,CAACa,uBAAuB;IACzE,CAAC;IAED,OAAO1B,kBAAkB,CAACG,YAAY;EACxC,CAAC,EACD,CAACF,MAAM,CAAC,CACT;AACH,CAAC;AAAC"}
+{"version":3,"file":"useMediaQueries.js","names":["storedMediaQueries","window","undefined","mediaQueries","useMediaQueries","useDOM","React","useMemo","initializeStoreOrUpdateStoreIfWindowChanges","matchMedia","bind","mediaQueryNull","desktopPlus","MEDIA_QUERIES","DESKTOP_PLUS","smallTabletPlus","SMALL_TABLET_PLUS","tablet","TABLET","smallTablet","SMALL_TABLET","mobile","MOBILE","mediumHeight","MEDIUM_HEIGHT","mobileLandscapeHeight","MOBILE_LANDSCAPE_HEIGHT"],"sources":["../../../src/hooks/useMediaQueries.ts"],"sourcesContent":["import * as React from 'react';\nimport { MEDIA_QUERIES, type MediaQueries } from '../lib/adaptivity';\nimport { mediaQueryNull } from '../lib/browser';\nimport { useDOM } from '../lib/dom';\n\ninterface StoredMediaQueries {\n  /**\n   * Постоянная ссылка на окно. Это необходима, чтобы пересоздать медиа выражение если окно вдруг измениться.\n   *\n   * > `styleguide`\n   * >\n   * > В данный момент изменения окна существует в рамках песочницы. По сути мы храним ссылку на окно ради этого кейса\n   * > в песочнице.\n   */\n  window: Window | undefined;\n  /**\n   * Хранит созданные медиа выражения.\n   *\n   * Достаточно единожды создать экземпляры `MediaQueryList`, а дальше подписываться на события\n   * через метод `addEventListener(type, listener)`.\n   *\n   * {@link https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList}\n   */\n  mediaQueries: MediaQueries | null;\n}\n\nconst storedMediaQueries: StoredMediaQueries = {\n  window: undefined,\n  mediaQueries: null,\n};\n\n/**\n * Возвращает медиа выражения определенные дизайн-системой.\n */\nexport const useMediaQueries = () => {\n  const { window } = useDOM();\n\n  return React.useMemo(\n    function initializeStoreOrUpdateStoreIfWindowChanges() {\n      if (storedMediaQueries.window === window && storedMediaQueries.mediaQueries !== null) {\n        return storedMediaQueries.mediaQueries;\n      }\n\n      const matchMedia = window ? window.matchMedia.bind(window) : mediaQueryNull;\n\n      storedMediaQueries.window = window;\n      storedMediaQueries.mediaQueries = {\n        desktopPlus: matchMedia(MEDIA_QUERIES.DESKTOP_PLUS),\n        smallTabletPlus: matchMedia(MEDIA_QUERIES.SMALL_TABLET_PLUS),\n        tablet: matchMedia(MEDIA_QUERIES.TABLET),\n        smallTablet: matchMedia(MEDIA_QUERIES.SMALL_TABLET),\n        mobile: matchMedia(MEDIA_QUERIES.MOBILE),\n        mediumHeight: matchMedia(MEDIA_QUERIES.MEDIUM_HEIGHT),\n        mobileLandscapeHeight: matchMedia(MEDIA_QUERIES.MOBILE_LANDSCAPE_HEIGHT),\n      };\n\n      return storedMediaQueries.mediaQueries;\n    },\n    [window],\n  );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAuBA,IAAMA,kBAAsC,GAAG;EAC7CC,MAAM,EAAEC,SAAS;EACjBC,YAAY,EAAE;AAChB,CAAC;;AAED;AACA;AACA;AACO,IAAMC,eAAe,GAAG,SAAlBA,eAAe,GAAS;EACnC,cAAmB,IAAAC,WAAM,GAAE;IAAnBJ,MAAM,WAANA,MAAM;EAEd,OAAOK,KAAK,CAACC,OAAO,CAClB,SAASC,2CAA2C,GAAG;IACrD,IAAIR,kBAAkB,CAACC,MAAM,KAAKA,MAAM,IAAID,kBAAkB,CAACG,YAAY,KAAK,IAAI,EAAE;MACpF,OAAOH,kBAAkB,CAACG,YAAY;IACxC;IAEA,IAAMM,UAAU,GAAGR,MAAM,GAAGA,MAAM,CAACQ,UAAU,CAACC,IAAI,CAACT,MAAM,CAAC,GAAGU,uBAAc;IAE3EX,kBAAkB,CAACC,MAAM,GAAGA,MAAM;IAClCD,kBAAkB,CAACG,YAAY,GAAG;MAChCS,WAAW,EAAEH,UAAU,CAACI,yBAAa,CAACC,YAAY,CAAC;MACnDC,eAAe,EAAEN,UAAU,CAACI,yBAAa,CAACG,iBAAiB,CAAC;MAC5DC,MAAM,EAAER,UAAU,CAACI,yBAAa,CAACK,MAAM,CAAC;MACxCC,WAAW,EAAEV,UAAU,CAACI,yBAAa,CAACO,YAAY,CAAC;MACnDC,MAAM,EAAEZ,UAAU,CAACI,yBAAa,CAACS,MAAM,CAAC;MACxCC,YAAY,EAAEd,UAAU,CAACI,yBAAa,CAACW,aAAa,CAAC;MACrDC,qBAAqB,EAAEhB,UAAU,CAACI,yBAAa,CAACa,uBAAuB;IACzE,CAAC;IAED,OAAO1B,kBAAkB,CAACG,YAAY;EACxC,CAAC,EACD,CAACF,MAAM,CAAC,CACT;AACH,CAAC;AAAC"}

package/dist/cjs/hooks/usePatchChildrenRef.js

@@ -8,9 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.usePatchChildrenRef = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var React = _interopRequireWildcard(require("react"));
-var _useExternRef = require("./useExternRef");
 var _warnOnce = require("../lib/warnOnce");
 var _useEffectDev = require("./useEffectDev");
+var _useExternRef = require("./useExternRef");
 var isDOMTypeElement = function isDOMTypeElement(element) {
   return typeof element.type === 'string';
 };

package/dist/cjs/hooks/usePatchChildrenRef.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePatchChildrenRef.js","names":["isDOMTypeElement","element","type","warn","warnOnce","usePatchChildrenRef","children","childRef","React","isValidElement","ref","props","getRootRef","patchedRef","useExternRef","useEffectDev","current","cloneElement"],"sources":["../../../src/hooks/usePatchChildrenRef.ts"],"sourcesContent":["import * as React from 'react';\nimport { useExternRef } from './useExternRef';\nimport { warnOnce } from '../lib/warnOnce';\nimport { useEffectDev } from './useEffectDev';\n\ntype ChildrenElement<T> = React.ReactElement<{ getRootRef?: React.Ref<T> }>;\n\nconst isDOMTypeElement = (element: React.ReactElement): element is React.DOMElement<any, any> => {\n  return typeof element.type === 'string';\n};\n\nconst warn = warnOnce('usePatchChildrenRef');\n\nexport const usePatchChildrenRef = <T = HTMLElement>(\n  children?: ChildrenElement<T>,\n): [React.MutableRefObject<T | null>, ChildrenElement<T> | undefined] => {\n  const childRef =\n    React.isValidElement(children) &&\n    (isDOMTypeElement(children) ? (children.ref as React.Ref<T>) : children.props.getRootRef);\n  const patchedRef = useExternRef<T>(childRef);\n\n  useEffectDev(() => {\n    if (!patchedRef.current) {\n      warn(\n        'Кажется, в children передан компонент, который не поддерживает свойство getRootRef. Мы не можем получить ссылку на корневой dom-элемент этого компонента',\n        'error',\n      );\n    }\n  }, [children?.type, patchedRef]);\n\n  return [\n    patchedRef,\n    React.isValidElement(children)\n      ? React.cloneElement(children, {\n          [isDOMTypeElement(children) ? 'ref' : 'getRootRef']: patchedRef,\n        })\n      : children,\n  ];\n};\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AAIA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIC,OAA2B,EAA4C;EAC/F,OAAO,OAAOA,OAAO,CAACC,IAAI,KAAK,QAAQ;AACzC,CAAC;AAED,IAAMC,IAAI,GAAG,IAAAC,kBAAQ,EAAC,qBAAqB,CAAC;AAErC,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmB,CAC9BC,QAA6B,EAC0C;EACvE,IAAMC,QAAQ,GACZ,aAAAC,KAAK,CAACC,cAAc,CAACH,QAAQ,CAAC,KAC7BN,gBAAgB,CAACM,QAAQ,CAAC,GAAIA,QAAQ,CAACI,GAAG,GAAoBJ,QAAQ,CAACK,KAAK,CAACC,UAAU,CAAC;EAC3F,IAAMC,UAAU,GAAG,IAAAC,0BAAY,EAAIP,QAAQ,CAAC;EAE5C,IAAAQ,0BAAY,EAAC,YAAM;IACjB,IAAI,CAACF,UAAU,CAACG,OAAO,EAAE;MACvBb,IAAI,CACF,0JAA0J,EAC1J,OAAO,CACR;IACH;EACF,CAAC,EAAE,CAACG,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEJ,IAAI,EAAEW,UAAU,CAAC,CAAC;EAEhC,OAAO,CACLA,UAAU,EACV,aAAAL,KAAK,CAACC,cAAc,CAACH,QAAQ,CAAC,gBAC1BE,KAAK,CAACS,YAAY,CAACX,QAAQ,oCACxBN,gBAAgB,CAACM,QAAQ,CAAC,GAAG,KAAK,GAAG,YAAY,EAAGO,UAAU,EAC/D,GACFP,QAAQ,CACb;AACH,CAAC;AAAC"}
+{"version":3,"file":"usePatchChildrenRef.js","names":["isDOMTypeElement","element","type","warn","warnOnce","usePatchChildrenRef","children","childRef","React","isValidElement","ref","props","getRootRef","patchedRef","useExternRef","useEffectDev","current","cloneElement"],"sources":["../../../src/hooks/usePatchChildrenRef.ts"],"sourcesContent":["import * as React from 'react';\nimport { warnOnce } from '../lib/warnOnce';\nimport { useEffectDev } from './useEffectDev';\nimport { useExternRef } from './useExternRef';\n\ntype ChildrenElement<T> = React.ReactElement<{ getRootRef?: React.Ref<T> }>;\n\nconst isDOMTypeElement = (element: React.ReactElement): element is React.DOMElement<any, any> => {\n  return typeof element.type === 'string';\n};\n\nconst warn = warnOnce('usePatchChildrenRef');\n\nexport const usePatchChildrenRef = <T = HTMLElement>(\n  children?: ChildrenElement<T>,\n): [React.MutableRefObject<T | null>, ChildrenElement<T> | undefined] => {\n  const childRef =\n    React.isValidElement(children) &&\n    (isDOMTypeElement(children) ? (children.ref as React.Ref<T>) : children.props.getRootRef);\n  const patchedRef = useExternRef<T>(childRef);\n\n  useEffectDev(() => {\n    if (!patchedRef.current) {\n      warn(\n        'Кажется, в children передан компонент, который не поддерживает свойство getRootRef. Мы не можем получить ссылку на корневой dom-элемент этого компонента',\n        'error',\n      );\n    }\n  }, [children?.type, patchedRef]);\n\n  return [\n    patchedRef,\n    React.isValidElement(children)\n      ? React.cloneElement(children, {\n          [isDOMTypeElement(children) ? 'ref' : 'getRootRef']: patchedRef,\n        })\n      : children,\n  ];\n};\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AAIA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIC,OAA2B,EAA4C;EAC/F,OAAO,OAAOA,OAAO,CAACC,IAAI,KAAK,QAAQ;AACzC,CAAC;AAED,IAAMC,IAAI,GAAG,IAAAC,kBAAQ,EAAC,qBAAqB,CAAC;AAErC,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmB,CAC9BC,QAA6B,EAC0C;EACvE,IAAMC,QAAQ,GACZ,aAAAC,KAAK,CAACC,cAAc,CAACH,QAAQ,CAAC,KAC7BN,gBAAgB,CAACM,QAAQ,CAAC,GAAIA,QAAQ,CAACI,GAAG,GAAoBJ,QAAQ,CAACK,KAAK,CAACC,UAAU,CAAC;EAC3F,IAAMC,UAAU,GAAG,IAAAC,0BAAY,EAAIP,QAAQ,CAAC;EAE5C,IAAAQ,0BAAY,EAAC,YAAM;IACjB,IAAI,CAACF,UAAU,CAACG,OAAO,EAAE;MACvBb,IAAI,CACF,0JAA0J,EAC1J,OAAO,CACR;IACH;EACF,CAAC,EAAE,CAACG,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEJ,IAAI,EAAEW,UAAU,CAAC,CAAC;EAEhC,OAAO,CACLA,UAAU,EACV,aAAAL,KAAK,CAACC,cAAc,CAACH,QAAQ,CAAC,gBAC1BE,KAAK,CAACS,YAAY,CAACX,QAAQ,oCACxBN,gBAAgB,CAACM,QAAQ,CAAC,GAAG,KAAK,GAAG,YAAY,EAAGO,UAAU,EAC/D,GACFP,QAAQ,CACb;AACH,CAAC;AAAC"}

package/dist/cjs/hooks/useTimeout.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useTimeout = useTimeout;
 var React = _interopRequireWildcard(require("react"));
-var _useIsomorphicLayoutEffect = require("../lib/useIsomorphicLayoutEffect");
 var _dom = require("../lib/dom");
+var _useIsomorphicLayoutEffect = require("../lib/useIsomorphicLayoutEffect");
 function useTimeout(cb, duration) {
   var options = React.useRef({
     cb: cb,

package/dist/cjs/hooks/useTimeout.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTimeout.js","names":["useTimeout","cb","duration","options","React","useRef","useIsomorphicLayoutEffect","current","timeout","clear","useCallback","canUseDOM","clearTimeout","set","setTimeout"],"sources":["../../../src/hooks/useTimeout.ts"],"sourcesContent":["import * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\nimport { canUseDOM } from '../lib/dom';\n\nexport function useTimeout(cb: () => any, duration: number) {\n  const options = React.useRef({ cb, duration });\n  useIsomorphicLayoutEffect(() => {\n    options.current.cb = cb;\n    options.current.duration = duration;\n  }, [cb, duration]);\n\n  const timeout = React.useRef<ReturnType<typeof setTimeout>>();\n  const clear = React.useCallback(() => {\n    if (canUseDOM && timeout?.current) {\n      clearTimeout(timeout.current);\n    }\n  }, []);\n  const set = React.useCallback(\n    (duration = options.current.duration) => {\n      clear();\n      if (canUseDOM) {\n        timeout.current = setTimeout(() => {\n          const { cb } = options.current;\n          typeof cb === 'function' && cb();\n        }, duration);\n      }\n    },\n    [clear],\n  );\n  useIsomorphicLayoutEffect(() => clear, []);\n\n  return { set, clear };\n}\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAEO,SAASA,UAAU,CAACC,EAAa,EAAEC,QAAgB,EAAE;EAC1D,IAAMC,OAAO,GAAGC,KAAK,CAACC,MAAM,CAAC;IAAEJ,EAAE,EAAFA,EAAE;IAAEC,QAAQ,EAARA;EAAS,CAAC,CAAC;EAC9C,IAAAI,oDAAyB,EAAC,YAAM;IAC9BH,OAAO,CAACI,OAAO,CAACN,EAAE,GAAGA,EAAE;IACvBE,OAAO,CAACI,OAAO,CAACL,QAAQ,GAAGA,QAAQ;EACrC,CAAC,EAAE,CAACD,EAAE,EAAEC,QAAQ,CAAC,CAAC;EAElB,IAAMM,OAAO,GAAGJ,KAAK,CAACC,MAAM,EAAiC;EAC7D,IAAMI,KAAK,GAAGL,KAAK,CAACM,WAAW,CAAC,YAAM;IACpC,IAAIC,cAAS,IAAIH,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAED,OAAO,EAAE;MACjCK,YAAY,CAACJ,OAAO,CAACD,OAAO,CAAC;IAC/B;EACF,CAAC,EAAE,EAAE,CAAC;EACN,IAAMM,GAAG,GAAGT,KAAK,CAACM,WAAW,CAC3B,YAAyC;IAAA,IAAxCR,QAAQ,uEAAGC,OAAO,CAACI,OAAO,CAACL,QAAQ;IAClCO,KAAK,EAAE;IACP,IAAIE,cAAS,EAAE;MACbH,OAAO,CAACD,OAAO,GAAGO,UAAU,CAAC,YAAM;QACjC,IAAQb,EAAE,GAAKE,OAAO,CAACI,OAAO,CAAtBN,EAAE;QACV,OAAOA,EAAE,KAAK,UAAU,IAAIA,EAAE,EAAE;MAClC,CAAC,EAAEC,QAAQ,CAAC;IACd;EACF,CAAC,EACD,CAACO,KAAK,CAAC,CACR;EACD,IAAAH,oDAAyB,EAAC;IAAA,OAAMG,KAAK;EAAA,GAAE,EAAE,CAAC;EAE1C,OAAO;IAAEI,GAAG,EAAHA,GAAG;IAAEJ,KAAK,EAALA;EAAM,CAAC;AACvB"}
+{"version":3,"file":"useTimeout.js","names":["useTimeout","cb","duration","options","React","useRef","useIsomorphicLayoutEffect","current","timeout","clear","useCallback","canUseDOM","clearTimeout","set","setTimeout"],"sources":["../../../src/hooks/useTimeout.ts"],"sourcesContent":["import * as React from 'react';\nimport { canUseDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport function useTimeout(cb: () => any, duration: number) {\n  const options = React.useRef({ cb, duration });\n  useIsomorphicLayoutEffect(() => {\n    options.current.cb = cb;\n    options.current.duration = duration;\n  }, [cb, duration]);\n\n  const timeout = React.useRef<ReturnType<typeof setTimeout>>();\n  const clear = React.useCallback(() => {\n    if (canUseDOM && timeout?.current) {\n      clearTimeout(timeout.current);\n    }\n  }, []);\n  const set = React.useCallback(\n    (duration = options.current.duration) => {\n      clear();\n      if (canUseDOM) {\n        timeout.current = setTimeout(() => {\n          const { cb } = options.current;\n          typeof cb === 'function' && cb();\n        }, duration);\n      }\n    },\n    [clear],\n  );\n  useIsomorphicLayoutEffect(() => clear, []);\n\n  return { set, clear };\n}\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAEO,SAASA,UAAU,CAACC,EAAa,EAAEC,QAAgB,EAAE;EAC1D,IAAMC,OAAO,GAAGC,KAAK,CAACC,MAAM,CAAC;IAAEJ,EAAE,EAAFA,EAAE;IAAEC,QAAQ,EAARA;EAAS,CAAC,CAAC;EAC9C,IAAAI,oDAAyB,EAAC,YAAM;IAC9BH,OAAO,CAACI,OAAO,CAACN,EAAE,GAAGA,EAAE;IACvBE,OAAO,CAACI,OAAO,CAACL,QAAQ,GAAGA,QAAQ;EACrC,CAAC,EAAE,CAACD,EAAE,EAAEC,QAAQ,CAAC,CAAC;EAElB,IAAMM,OAAO,GAAGJ,KAAK,CAACC,MAAM,EAAiC;EAC7D,IAAMI,KAAK,GAAGL,KAAK,CAACM,WAAW,CAAC,YAAM;IACpC,IAAIC,cAAS,IAAIH,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAED,OAAO,EAAE;MACjCK,YAAY,CAACJ,OAAO,CAACD,OAAO,CAAC;IAC/B;EACF,CAAC,EAAE,EAAE,CAAC;EACN,IAAMM,GAAG,GAAGT,KAAK,CAACM,WAAW,CAC3B,YAAyC;IAAA,IAAxCR,QAAQ,uEAAGC,OAAO,CAACI,OAAO,CAACL,QAAQ;IAClCO,KAAK,EAAE;IACP,IAAIE,cAAS,EAAE;MACbH,OAAO,CAACD,OAAO,GAAGO,UAAU,CAAC,YAAM;QACjC,IAAQb,EAAE,GAAKE,OAAO,CAACI,OAAO,CAAtBN,EAAE;QACV,OAAOA,EAAE,KAAK,UAAU,IAAIA,EAAE,EAAE;MAClC,CAAC,EAAEC,QAAQ,CAAC;IACd;EACF,CAAC,EACD,CAACO,KAAK,CAAC,CACR;EACD,IAAAH,oDAAyB,EAAC;IAAA,OAAMG,KAAK;EAAA,GAAE,EAAE,CAAC;EAE1C,OAAO;IAAEI,GAAG,EAAHA,GAAG;IAAEJ,KAAK,EAALA;EAAM,CAAC;AACvB"}

package/dist/cjs/hooks/useTodayDate.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTodayDate.js","names":["useTodayDate","listenDayChangesForUpdate","React","useState","Date","todayDate","setTodayDate","useEffect","timeToDayChange","getMillisecondsToTomorrow","timeout","setTimeout","clearTimeout"],"sources":["../../../src/hooks/useTodayDate.ts"],"sourcesContent":["import React from 'react';\n\nimport { getMillisecondsToTomorrow } from '../lib/date';\n\n/**\n * Опционально обновляемая дата сегодняшнего дня\n *\n * Дата - сегодня (в соответствии с системным временем)\n *\n * Часы, минуты, секунды, миллисекунды - произвольные\n *\n * @param listenDayChangesForUpdate - флаг по которому определяется, будет ли создаваться подписка на смену календарного дня\n */\nexport function useTodayDate(listenDayChangesForUpdate = false) {\n  const [todayDate, setTodayDate] = React.useState(() => new Date());\n\n  React.useEffect(() => {\n    if (!listenDayChangesForUpdate) {\n      return;\n    }\n\n    const timeToDayChange = getMillisecondsToTomorrow(todayDate);\n\n    const timeout = setTimeout(() => {\n      setTodayDate(new Date());\n    }, timeToDayChange);\n\n    return () => {\n      clearTimeout(timeout);\n    };\n  }, [listenDayChangesForUpdate, todayDate]);\n\n  return todayDate;\n}\n"],"mappings":";;;;;;;;AAAA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,YAAY,GAAoC;EAAA,IAAnCC,yBAAyB,uEAAG,KAAK;EAC5D,sBAAkCC,cAAK,CAACC,QAAQ,CAAC;MAAA,OAAM,IAAIC,IAAI,EAAE;IAAA,EAAC;IAAA;IAA3DC,SAAS;IAAEC,YAAY;EAE9BJ,cAAK,CAACK,SAAS,CAAC,YAAM;IACpB,IAAI,CAACN,yBAAyB,EAAE;MAC9B;IACF;IAEA,IAAMO,eAAe,GAAG,IAAAC,+BAAyB,EAACJ,SAAS,CAAC;IAE5D,IAAMK,OAAO,GAAGC,UAAU,CAAC,YAAM;MAC/BL,YAAY,CAAC,IAAIF,IAAI,EAAE,CAAC;IAC1B,CAAC,EAAEI,eAAe,CAAC;IAEnB,OAAO,YAAM;MACXI,YAAY,CAACF,OAAO,CAAC;IACvB,CAAC;EACH,CAAC,EAAE,CAACT,yBAAyB,EAAEI,SAAS,CAAC,CAAC;EAE1C,OAAOA,SAAS;AAClB"}
+{"version":3,"file":"useTodayDate.js","names":["useTodayDate","listenDayChangesForUpdate","React","useState","Date","todayDate","setTodayDate","useEffect","timeToDayChange","getMillisecondsToTomorrow","timeout","setTimeout","clearTimeout"],"sources":["../../../src/hooks/useTodayDate.ts"],"sourcesContent":["import React from 'react';\nimport { getMillisecondsToTomorrow } from '../lib/date';\n\n/**\n * Опционально обновляемая дата сегодняшнего дня\n *\n * Дата - сегодня (в соответствии с системным временем)\n *\n * Часы, минуты, секунды, миллисекунды - произвольные\n *\n * @param listenDayChangesForUpdate - флаг по которому определяется, будет ли создаваться подписка на смену календарного дня\n */\nexport function useTodayDate(listenDayChangesForUpdate = false) {\n  const [todayDate, setTodayDate] = React.useState(() => new Date());\n\n  React.useEffect(() => {\n    if (!listenDayChangesForUpdate) {\n      return;\n    }\n\n    const timeToDayChange = getMillisecondsToTomorrow(todayDate);\n\n    const timeout = setTimeout(() => {\n      setTodayDate(new Date());\n    }, timeToDayChange);\n\n    return () => {\n      clearTimeout(timeout);\n    };\n  }, [listenDayChangesForUpdate, todayDate]);\n\n  return todayDate;\n}\n"],"mappings":";;;;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,YAAY,GAAoC;EAAA,IAAnCC,yBAAyB,uEAAG,KAAK;EAC5D,sBAAkCC,cAAK,CAACC,QAAQ,CAAC;MAAA,OAAM,IAAIC,IAAI,EAAE;IAAA,EAAC;IAAA;IAA3DC,SAAS;IAAEC,YAAY;EAE9BJ,cAAK,CAACK,SAAS,CAAC,YAAM;IACpB,IAAI,CAACN,yBAAyB,EAAE;MAC9B;IACF;IAEA,IAAMO,eAAe,GAAG,IAAAC,+BAAyB,EAACJ,SAAS,CAAC;IAE5D,IAAMK,OAAO,GAAGC,UAAU,CAAC,YAAM;MAC/BL,YAAY,CAAC,IAAIF,IAAI,EAAE,CAAC;IAC1B,CAAC,EAAEI,eAAe,CAAC;IAEnB,OAAO,YAAM;MACXI,YAAY,CAACF,OAAO,CAAC;IACvB,CAAC;EACH,CAAC,EAAE,CAACT,yBAAyB,EAAEI,SAAS,CAAC,CAAC;EAE1C,OAAOA,SAAS;AAClB"}

package/dist/cjs/hooks/useWaitTransitionFinish.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useWaitTransitionFinish = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _dom = require("../lib/dom");
 var _vkjs = require("@vkontakte/vkjs");
+var _dom = require("../lib/dom");
 var _supportEvents = require("../lib/supportEvents");
 var useWaitTransitionFinish = function useWaitTransitionFinish() {
   var timeoutRef = React.useRef(null);

package/dist/cjs/hooks/useWaitTransitionFinish.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWaitTransitionFinish.js","names":["useWaitTransitionFinish","timeoutRef","React","useRef","useDOM","document","detach","noop","remove","useCallback","current","waitTransitionFinish","element","eventHandler","durationFallback","hidden","transitionEvent","supported","name","addEventListener","removeEventListener","clearTimeout","setTimeout"],"sources":["../../../src/hooks/useWaitTransitionFinish.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { noop } from '@vkontakte/vkjs';\nimport { transitionEvent } from '../lib/supportEvents';\n\nexport const useWaitTransitionFinish = () => {\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  const { document } = useDOM();\n  const detach = React.useRef(noop);\n\n  const remove = React.useCallback(() => {\n    detach.current();\n    detach.current = noop;\n  }, []);\n\n  const waitTransitionFinish = React.useCallback(\n    (element: HTMLElement | null, eventHandler: VoidFunction, durationFallback: number) => {\n      if (element) {\n        if (!document?.hidden && transitionEvent.supported && transitionEvent.name) {\n          remove();\n          element.addEventListener(transitionEvent.name, eventHandler);\n          detach.current = () => {\n            if (transitionEvent.name) {\n              element.removeEventListener(transitionEvent.name, eventHandler);\n            }\n          };\n        } else {\n          if (timeoutRef?.current) {\n            clearTimeout(timeoutRef.current);\n          }\n          timeoutRef.current = setTimeout(eventHandler, durationFallback);\n        }\n      }\n    },\n    [document, remove, timeoutRef],\n  );\n\n  return {\n    waitTransitionFinish,\n  };\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAEO,IAAMA,uBAAuB,GAAG,SAA1BA,uBAAuB,GAAS;EAC3C,IAAMC,UAAU,GAAGC,KAAK,CAACC,MAAM,CAAuC,IAAI,CAAC;EAC3E,cAAqB,IAAAC,WAAM,GAAE;IAArBC,QAAQ,WAARA,QAAQ;EAChB,IAAMC,MAAM,GAAGJ,KAAK,CAACC,MAAM,CAACI,UAAI,CAAC;EAEjC,IAAMC,MAAM,GAAGN,KAAK,CAACO,WAAW,CAAC,YAAM;IACrCH,MAAM,CAACI,OAAO,EAAE;IAChBJ,MAAM,CAACI,OAAO,GAAGH,UAAI;EACvB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMI,oBAAoB,GAAGT,KAAK,CAACO,WAAW,CAC5C,UAACG,OAA2B,EAAEC,YAA0B,EAAEC,gBAAwB,EAAK;IACrF,IAAIF,OAAO,EAAE;MACX,IAAI,EAACP,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAEU,MAAM,KAAIC,8BAAe,CAACC,SAAS,IAAID,8BAAe,CAACE,IAAI,EAAE;QAC1EV,MAAM,EAAE;QACRI,OAAO,CAACO,gBAAgB,CAACH,8BAAe,CAACE,IAAI,EAAEL,YAAY,CAAC;QAC5DP,MAAM,CAACI,OAAO,GAAG,YAAM;UACrB,IAAIM,8BAAe,CAACE,IAAI,EAAE;YACxBN,OAAO,CAACQ,mBAAmB,CAACJ,8BAAe,CAACE,IAAI,EAAEL,YAAY,CAAC;UACjE;QACF,CAAC;MACH,CAAC,MAAM;QACL,IAAIZ,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAES,OAAO,EAAE;UACvBW,YAAY,CAACpB,UAAU,CAACS,OAAO,CAAC;QAClC;QACAT,UAAU,CAACS,OAAO,GAAGY,UAAU,CAACT,YAAY,EAAEC,gBAAgB,CAAC;MACjE;IACF;EACF,CAAC,EACD,CAACT,QAAQ,EAAEG,MAAM,EAAEP,UAAU,CAAC,CAC/B;EAED,OAAO;IACLU,oBAAoB,EAApBA;EACF,CAAC;AACH,CAAC;AAAC"}
+{"version":3,"file":"useWaitTransitionFinish.js","names":["useWaitTransitionFinish","timeoutRef","React","useRef","useDOM","document","detach","noop","remove","useCallback","current","waitTransitionFinish","element","eventHandler","durationFallback","hidden","transitionEvent","supported","name","addEventListener","removeEventListener","clearTimeout","setTimeout"],"sources":["../../../src/hooks/useWaitTransitionFinish.ts"],"sourcesContent":["import * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { useDOM } from '../lib/dom';\nimport { transitionEvent } from '../lib/supportEvents';\n\nexport const useWaitTransitionFinish = () => {\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  const { document } = useDOM();\n  const detach = React.useRef(noop);\n\n  const remove = React.useCallback(() => {\n    detach.current();\n    detach.current = noop;\n  }, []);\n\n  const waitTransitionFinish = React.useCallback(\n    (element: HTMLElement | null, eventHandler: VoidFunction, durationFallback: number) => {\n      if (element) {\n        if (!document?.hidden && transitionEvent.supported && transitionEvent.name) {\n          remove();\n          element.addEventListener(transitionEvent.name, eventHandler);\n          detach.current = () => {\n            if (transitionEvent.name) {\n              element.removeEventListener(transitionEvent.name, eventHandler);\n            }\n          };\n        } else {\n          if (timeoutRef?.current) {\n            clearTimeout(timeoutRef.current);\n          }\n          timeoutRef.current = setTimeout(eventHandler, durationFallback);\n        }\n      }\n    },\n    [document, remove, timeoutRef],\n  );\n\n  return {\n    waitTransitionFinish,\n  };\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAEO,IAAMA,uBAAuB,GAAG,SAA1BA,uBAAuB,GAAS;EAC3C,IAAMC,UAAU,GAAGC,KAAK,CAACC,MAAM,CAAuC,IAAI,CAAC;EAC3E,cAAqB,IAAAC,WAAM,GAAE;IAArBC,QAAQ,WAARA,QAAQ;EAChB,IAAMC,MAAM,GAAGJ,KAAK,CAACC,MAAM,CAACI,UAAI,CAAC;EAEjC,IAAMC,MAAM,GAAGN,KAAK,CAACO,WAAW,CAAC,YAAM;IACrCH,MAAM,CAACI,OAAO,EAAE;IAChBJ,MAAM,CAACI,OAAO,GAAGH,UAAI;EACvB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMI,oBAAoB,GAAGT,KAAK,CAACO,WAAW,CAC5C,UAACG,OAA2B,EAAEC,YAA0B,EAAEC,gBAAwB,EAAK;IACrF,IAAIF,OAAO,EAAE;MACX,IAAI,EAACP,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAEU,MAAM,KAAIC,8BAAe,CAACC,SAAS,IAAID,8BAAe,CAACE,IAAI,EAAE;QAC1EV,MAAM,EAAE;QACRI,OAAO,CAACO,gBAAgB,CAACH,8BAAe,CAACE,IAAI,EAAEL,YAAY,CAAC;QAC5DP,MAAM,CAACI,OAAO,GAAG,YAAM;UACrB,IAAIM,8BAAe,CAACE,IAAI,EAAE;YACxBN,OAAO,CAACQ,mBAAmB,CAACJ,8BAAe,CAACE,IAAI,EAAEL,YAAY,CAAC;UACjE;QACF,CAAC;MACH,CAAC,MAAM;QACL,IAAIZ,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAES,OAAO,EAAE;UACvBW,YAAY,CAACpB,UAAU,CAACS,OAAO,CAAC;QAClC;QACAT,UAAU,CAACS,OAAO,GAAGY,UAAU,CAACT,YAAY,EAAEC,gBAAgB,CAAC;MACjE;IACF;EACF,CAAC,EACD,CAACT,QAAQ,EAAEG,MAAM,EAAEP,UAAU,CAAC,CAC/B;EAED,OAAO;IACLU,oBAAoB,EAApBA;EACF,CAAC;AACH,CAAC;AAAC"}

package/dist/cjs/index.d.ts

@@ -1,7 +1,40 @@
 import './lib/polyfills';
 import './styles/constants.css';
 import './styles/animations.css';
-import './styles/common.css';
+import './styles/adaptivity.module.css';
+export { AppRoot } from './components/AppRoot/AppRoot';
+export type { AppRootProps } from './components/AppRoot/AppRoot';
+/**
+ * Typography
+ */
+export { Title } from './components/Typography/Title/Title';
+export type { TitleProps } from './components/Typography/Title/Title';
+export { Headline } from './components/Typography/Headline/Headline';
+export type { HeadlineProps } from './components/Typography/Headline/Headline';
+export { Text } from './components/Typography/Text/Text';
+export type { TextProps } from './components/Typography/Text/Text';
+export { Paragraph } from './components/Typography/Paragraph/Paragraph';
+export type { ParagraphProps } from './components/Typography/Paragraph/Paragraph';
+export { Subhead } from './components/Typography/Subhead/Subhead';
+export type { SubheadProps } from './components/Typography/Subhead/Subhead';
+export { Footnote } from './components/Typography/Footnote/Footnote';
+export type { FootnoteProps } from './components/Typography/Footnote/Footnote';
+export { Caption } from './components/Typography/Caption/Caption';
+export type { CaptionProps } from './components/Typography/Caption/Caption';
+/**
+ * Service
+ */
+export { Tappable } from './components/Tappable/Tappable';
+export type { TappableProps } from './components/Tappable/Tappable';
+export { FixedLayout } from './components/FixedLayout/FixedLayout';
+export type { FixedLayoutProps } from './components/FixedLayout/FixedLayout';
+export { ImageBaseContext, ImageBase, getBadgeIconSizeByImageBaseSize, getFallbackIconSizeByImageBaseSize, getOverlayIconSizeByImageBaseSize, } from './components/ImageBase/ImageBase';
+export type { ImageBaseSize, ImageBaseExpectedIconProps, ImageBaseBadgeProps, ImageBaseOverlayProps, } from './components/ImageBase/ImageBase';
+/**
+ * Primitives
+ */
+export { Button } from './components/Button/Button';
+export type { ButtonProps } from './components/Button/Button';
 /**
  * Layout
  */
@@ -31,8 +64,6 @@ export { TabbarItem } from './components/TabbarItem/TabbarItem';
 export type { TabbarItemProps } from './components/TabbarItem/TabbarItem';
 export { HorizontalScroll } from './components/HorizontalScroll/HorizontalScroll';
 export type { HorizontalScrollProps } from './components/HorizontalScroll/HorizontalScroll';
-export { FixedLayout } from './components/FixedLayout/FixedLayout';
-export type { FixedLayoutProps } from './components/FixedLayout/FixedLayout';
 /**
  * Popouts
  */
@@ -67,14 +98,10 @@ export type { ModalDismissButtonProps } from './components/ModalDismissButton/Mo
 /**
  * Blocks
  */
-export { ImageBaseContext, ImageBase, getBadgeIconSizeByImageBaseSize, getFallbackIconSizeByImageBaseSize, getOverlayIconSizeByImageBaseSize, } from './components/ImageBase/ImageBase';
-export type { ImageBaseSize, ImageBaseExpectedIconProps, ImageBaseBadgeProps, ImageBaseOverlayProps, } from './components/ImageBase/ImageBase';
 export { Badge } from './components/Badge/Badge';
 export type { BadgeProps } from './components/Badge/Badge';
 export { ButtonGroup } from './components/ButtonGroup/ButtonGroup';
 export type { ButtonGroupProps } from './components/ButtonGroup/ButtonGroup';
-export { Button } from './components/Button/Button';
-export type { ButtonProps } from './components/Button/Button';
 export { IconButton } from './components/IconButton/IconButton';
 export type { IconButtonProps } from './components/IconButton/IconButton';
 export { Card } from './components/Card/Card';
@@ -85,8 +112,6 @@ export { CardScroll } from './components/CardScroll/CardScroll';
 export type { CardScrollProps } from './components/CardScroll/CardScroll';
 export { ContentCard } from './components/ContentCard/ContentCard';
 export type { ContentCardProps } from './components/ContentCard/ContentCard';
-export { CellButton } from './components/CellButton/CellButton';
-export type { CellButtonProps } from './components/CellButton/CellButton';
 export { Header } from './components/Header/Header';
 export type { HeaderProps } from './components/Header/Header';
 export { Group } from './components/Group/Group';
@@ -101,6 +126,8 @@ export { RichCell } from './components/RichCell/RichCell';
 export type { RichCellProps } from './components/RichCell/RichCell';
 export { SimpleCell } from './components/SimpleCell/SimpleCell';
 export type { SimpleCellProps } from './components/SimpleCell/SimpleCell';
+export { CellButton } from './components/CellButton/CellButton';
+export type { CellButtonProps } from './components/CellButton/CellButton';
 export { HorizontalCell } from './components/HorizontalCell/HorizontalCell';
 export type { HorizontalCellProps } from './components/HorizontalCell/HorizontalCell';
 export { Footer } from './components/Footer/Footer';
@@ -217,8 +244,6 @@ export type { DateRangeInputProps } from './components/DateRangeInput/DateRangeI
  */
 export { Div } from './components/Div/Div';
 export type { DivProps } from './components/Div/Div';
-export { Tappable } from './components/Tappable/Tappable';
-export type { TappableProps } from './components/Tappable/Tappable';
 export { Touch } from './components/Touch/Touch';
 export type { TouchProps } from './components/Touch/Touch';
 export { PanelSpinner } from './components/PanelSpinner/PanelSpinner';
@@ -236,8 +261,6 @@ export type { VisuallyHiddenInputProps } from './components/VisuallyHiddenInput/
 /**
  * Wrappers
  */
-export { AppRoot } from './components/AppRoot/AppRoot';
-export type { AppRootProps } from './components/AppRoot/AppRoot';
 export { AdaptivityProvider } from './components/AdaptivityProvider/AdaptivityProvider';
 export type { AdaptivityProviderProps } from './components/AdaptivityProvider/AdaptivityProvider';
 export { ConfigProvider } from './components/ConfigProvider/ConfigProvider';
@@ -255,23 +278,6 @@ export type { PlatformProviderProps } from './components/PlatformProvider/Platfo
  */
 export { PromoBanner } from './components/PromoBanner/PromoBanner';
 export type { PromoBannerProps } from './components/PromoBanner/PromoBanner';
-/**
- * Typography
- */
-export { Title } from './components/Typography/Title/Title';
-export type { TitleProps } from './components/Typography/Title/Title';
-export { Headline } from './components/Typography/Headline/Headline';
-export type { HeadlineProps } from './components/Typography/Headline/Headline';
-export { Text } from './components/Typography/Text/Text';
-export type { TextProps } from './components/Typography/Text/Text';
-export { Paragraph } from './components/Typography/Paragraph/Paragraph';
-export type { ParagraphProps } from './components/Typography/Paragraph/Paragraph';
-export { Subhead } from './components/Typography/Subhead/Subhead';
-export type { SubheadProps } from './components/Typography/Subhead/Subhead';
-export { Footnote } from './components/Typography/Footnote/Footnote';
-export type { FootnoteProps } from './components/Typography/Footnote/Footnote';
-export { Caption } from './components/Typography/Caption/Caption';
-export type { CaptionProps } from './components/Typography/Caption/Caption';
 /**
  * HOCs
  */
@@ -327,3 +333,4 @@ export { Popper as unstable_Popper } from './components/Popper/Popper';
 export type { PopperProps as unstable_PopperProps } from './components/Popper/Popper';
 export { ViewInfinite as unstable_ViewInfinite } from './components/View/ViewInfinite';
 export type { ViewInfiniteProps as unstable_ViewInfiniteProps } from './components/View/ViewInfinite';
+import './styles/common.css';

package/dist/cjs/index.js

@@ -982,6 +982,18 @@ Object.defineProperty(exports, "withPlatform", {
   }
 });
 require("./lib/polyfills");
+var _AppRoot = require("./components/AppRoot/AppRoot");
+var _Title = require("./components/Typography/Title/Title");
+var _Headline = require("./components/Typography/Headline/Headline");
+var _Text = require("./components/Typography/Text/Text");
+var _Paragraph = require("./components/Typography/Paragraph/Paragraph");
+var _Subhead = require("./components/Typography/Subhead/Subhead");
+var _Footnote = require("./components/Typography/Footnote/Footnote");
+var _Caption = require("./components/Typography/Caption/Caption");
+var _Tappable = require("./components/Tappable/Tappable");
+var _FixedLayout = require("./components/FixedLayout/FixedLayout");
+var _ImageBase = require("./components/ImageBase/ImageBase");
+var _Button = require("./components/Button/Button");
 var _Root = require("./components/Root/Root");
 var _View = require("./components/View/View");
 var _Panel = require("./components/Panel/Panel");
@@ -995,7 +1007,6 @@ var _Epic = require("./components/Epic/Epic");
 var _Tabbar = require("./components/Tabbar/Tabbar");
 var _TabbarItem = require("./components/TabbarItem/TabbarItem");
 var _HorizontalScroll = require("./components/HorizontalScroll/HorizontalScroll");
-var _FixedLayout = require("./components/FixedLayout/FixedLayout");
 var _PopoutWrapper = require("./components/PopoutWrapper/PopoutWrapper");
 var _Alert = require("./components/Alert/Alert");
 var _ActionSheet = require("./components/ActionSheet/ActionSheet");
@@ -1010,16 +1021,13 @@ var _ModalPage = require("./components/ModalPage/ModalPage");
 var _ModalPageHeader = require("./components/ModalPageHeader/ModalPageHeader");
 var _ModalCard = require("./components/ModalCard/ModalCard");
 var _ModalDismissButton = require("./components/ModalDismissButton/ModalDismissButton");
-var _ImageBase = require("./components/ImageBase/ImageBase");
 var _Badge = require("./components/Badge/Badge");
 var _ButtonGroup = require("./components/ButtonGroup/ButtonGroup");
-var _Button = require("./components/Button/Button");
 var _IconButton = require("./components/IconButton/IconButton");
 var _Card = require("./components/Card/Card");
 var _CardGrid = require("./components/CardGrid/CardGrid");
 var _CardScroll = require("./components/CardScroll/CardScroll");
 var _ContentCard = require("./components/ContentCard/ContentCard");
-var _CellButton = require("./components/CellButton/CellButton");
 var _Header = require("./components/Header/Header");
 var _Group = require("./components/Group/Group");
 var _Gradient = require("./components/Gradient/Gradient");
@@ -1027,6 +1035,7 @@ var _List = require("./components/List/List");
 var _Cell = require("./components/Cell/Cell");
 var _RichCell = require("./components/RichCell/RichCell");
 var _SimpleCell = require("./components/SimpleCell/SimpleCell");
+var _CellButton = require("./components/CellButton/CellButton");
 var _HorizontalCell = require("./components/HorizontalCell/HorizontalCell");
 var _Footer = require("./components/Footer/Footer");
 var _InfoRow = require("./components/InfoRow/InfoRow");
@@ -1083,7 +1092,6 @@ var _CalendarRange = require("./components/CalendarRange/CalendarRange");
 var _DateInput = require("./components/DateInput/DateInput");
 var _DateRangeInput = require("./components/DateRangeInput/DateRangeInput");
 var _Div = require("./components/Div/Div");
-var _Tappable = require("./components/Tappable/Tappable");
 var _Touch = require("./components/Touch/Touch");
 var _PanelSpinner = require("./components/PanelSpinner/PanelSpinner");
 var _PanelHeaderClose = require("./components/PanelHeaderClose/PanelHeaderClose");
@@ -1092,7 +1100,6 @@ var _PanelHeaderSubmit = require("./components/PanelHeaderSubmit/PanelHeaderSubm
 var _PanelHeaderEdit = require("./components/PanelHeaderEdit/PanelHeaderEdit");
 var _ModalCardBase = require("./components/ModalCardBase/ModalCardBase");
 var _VisuallyHiddenInput = require("./components/VisuallyHiddenInput/VisuallyHiddenInput");
-var _AppRoot = require("./components/AppRoot/AppRoot");
 var _AdaptivityProvider = require("./components/AdaptivityProvider/AdaptivityProvider");
 var _ConfigProvider = require("./components/ConfigProvider/ConfigProvider");
 var _ConfigProviderContext = require("./components/ConfigProvider/ConfigProviderContext");
@@ -1101,13 +1108,6 @@ var _appearance = require("./helpers/appearance");
 var _LocaleProvider = require("./components/LocaleProvider/LocaleProvider");
 var _PlatformProvider = require("./components/PlatformProvider/PlatformProvider");
 var _PromoBanner = require("./components/PromoBanner/PromoBanner");
-var _Title = require("./components/Typography/Title/Title");
-var _Headline = require("./components/Typography/Headline/Headline");
-var _Text = require("./components/Typography/Text/Text");
-var _Paragraph = require("./components/Typography/Paragraph/Paragraph");
-var _Subhead = require("./components/Typography/Subhead/Subhead");
-var _Footnote = require("./components/Typography/Footnote/Footnote");
-var _Caption = require("./components/Typography/Caption/Caption");
 var _withInsets = require("./hoc/withInsets");
 var _withPlatform = require("./hoc/withPlatform");
 var _useInsets = require("./hooks/useInsets");

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/index.ts"],"sourcesContent":["import './lib/polyfills';\n\nimport './styles/constants.css';\nimport './styles/animations.css';\nimport './styles/common.css';\n\n/**\n * Layout\n */\nexport { Root } from './components/Root/Root';\nexport type { RootProps } from './components/Root/Root';\nexport { View } from './components/View/View';\nexport type { ViewProps } from './components/View/View';\nexport { Panel } from './components/Panel/Panel';\nexport type { PanelProps } from './components/Panel/Panel';\nexport { PanelHeaderButton } from './components/PanelHeaderButton/PanelHeaderButton';\nexport type { PanelHeaderButtonProps } from './components/PanelHeaderButton/PanelHeaderButton';\nexport { PanelHeader } from './components/PanelHeader/PanelHeader';\nexport type { PanelHeaderProps } from './components/PanelHeader/PanelHeader';\nexport { PanelHeaderContent } from './components/PanelHeaderContent/PanelHeaderContent';\nexport type { PanelHeaderContentProps } from './components/PanelHeaderContent/PanelHeaderContent';\nexport { PanelHeaderContext } from './components/PanelHeaderContext/PanelHeaderContext';\nexport type { PanelHeaderContextProps } from './components/PanelHeaderContext/PanelHeaderContext';\nexport { SplitLayout } from './components/SplitLayout/SplitLayout';\nexport type { SplitLayoutProps } from './components/SplitLayout/SplitLayout';\nexport { SplitCol } from './components/SplitCol/SplitCol';\nexport type { SplitColProps } from './components/SplitCol/SplitCol';\nexport { Epic } from './components/Epic/Epic';\nexport type { EpicProps } from './components/Epic/Epic';\nexport { Tabbar } from './components/Tabbar/Tabbar';\nexport type { TabbarProps } from './components/Tabbar/Tabbar';\nexport { TabbarItem } from './components/TabbarItem/TabbarItem';\nexport type { TabbarItemProps } from './components/TabbarItem/TabbarItem';\nexport { HorizontalScroll } from './components/HorizontalScroll/HorizontalScroll';\nexport type { HorizontalScrollProps } from './components/HorizontalScroll/HorizontalScroll';\nexport { FixedLayout } from './components/FixedLayout/FixedLayout';\nexport type { FixedLayoutProps } from './components/FixedLayout/FixedLayout';\n\n/**\n * Popouts\n */\nexport { PopoutWrapper } from './components/PopoutWrapper/PopoutWrapper';\nexport type { PopoutWrapperProps } from './components/PopoutWrapper/PopoutWrapper';\nexport { Alert } from './components/Alert/Alert';\nexport type { AlertProps, AlertActionInterface } from './components/Alert/Alert';\nexport { ActionSheet } from './components/ActionSheet/ActionSheet';\nexport type { ActionSheetProps } from './components/ActionSheet/ActionSheet';\nexport { ActionSheetItem } from './components/ActionSheetItem/ActionSheetItem';\nexport type { ActionSheetItemProps } from './components/ActionSheetItem/ActionSheetItem';\nexport { ActionSheetDefaultIosCloseItem } from './components/ActionSheet/ActionSheetDefaultIosCloseItem';\nexport { ScreenSpinner } from './components/ScreenSpinner/ScreenSpinner';\nexport type { ScreenSpinnerProps } from './components/ScreenSpinner/ScreenSpinner';\nexport { Snackbar } from './components/Snackbar/Snackbar';\nexport type { SnackbarProps } from './components/Snackbar/Snackbar';\n\n/**\n * Modals\n */\nexport { ModalRoot } from './components/ModalRoot/ModalRootAdaptive';\nexport type { ModalRootProps } from './components/ModalRoot/ModalRootAdaptive';\nexport { withModalRootContext } from './components/ModalRoot/withModalRootContext';\nexport { ModalRootContext } from './components/ModalRoot/ModalRootContext';\nexport { ModalPage } from './components/ModalPage/ModalPage';\nexport type { ModalPageProps } from './components/ModalPage/ModalPage';\nexport { ModalPageHeader } from './components/ModalPageHeader/ModalPageHeader';\nexport type { ModalPageHeaderProps } from './components/ModalPageHeader/ModalPageHeader';\nexport { ModalCard } from './components/ModalCard/ModalCard';\nexport type { ModalCardProps } from './components/ModalCard/ModalCard';\nexport { ModalDismissButton } from './components/ModalDismissButton/ModalDismissButton';\nexport type { ModalDismissButtonProps } from './components/ModalDismissButton/ModalDismissButton';\n\n/**\n * Blocks\n */\nexport {\n  ImageBaseContext,\n  ImageBase,\n  getBadgeIconSizeByImageBaseSize,\n  getFallbackIconSizeByImageBaseSize,\n  getOverlayIconSizeByImageBaseSize,\n} from './components/ImageBase/ImageBase';\nexport type {\n  ImageBaseSize,\n  ImageBaseExpectedIconProps,\n  ImageBaseBadgeProps,\n  ImageBaseOverlayProps,\n} from './components/ImageBase/ImageBase';\nexport { Badge } from './components/Badge/Badge';\nexport type { BadgeProps } from './components/Badge/Badge';\nexport { ButtonGroup } from './components/ButtonGroup/ButtonGroup';\nexport type { ButtonGroupProps } from './components/ButtonGroup/ButtonGroup';\nexport { Button } from './components/Button/Button';\nexport type { ButtonProps } from './components/Button/Button';\nexport { IconButton } from './components/IconButton/IconButton';\nexport type { IconButtonProps } from './components/IconButton/IconButton';\nexport { Card } from './components/Card/Card';\nexport type { CardProps } from './components/Card/Card';\nexport { CardGrid } from './components/CardGrid/CardGrid';\nexport type { CardGridProps } from './components/CardGrid/CardGrid';\nexport { CardScroll } from './components/CardScroll/CardScroll';\nexport type { CardScrollProps } from './components/CardScroll/CardScroll';\nexport { ContentCard } from './components/ContentCard/ContentCard';\nexport type { ContentCardProps } from './components/ContentCard/ContentCard';\nexport { CellButton } from './components/CellButton/CellButton';\nexport type { CellButtonProps } from './components/CellButton/CellButton';\nexport { Header } from './components/Header/Header';\nexport type { HeaderProps } from './components/Header/Header';\nexport { Group } from './components/Group/Group';\nexport type { GroupProps } from './components/Group/Group';\nexport { Gradient } from './components/Gradient/Gradient';\nexport type { GradientProps } from './components/Gradient/Gradient';\nexport { List } from './components/List/List';\nexport type { ListProps } from './components/List/List';\nexport { Cell } from './components/Cell/Cell';\nexport type { CellProps } from './components/Cell/Cell';\nexport { RichCell } from './components/RichCell/RichCell';\nexport type { RichCellProps } from './components/RichCell/RichCell';\nexport { SimpleCell } from './components/SimpleCell/SimpleCell';\nexport type { SimpleCellProps } from './components/SimpleCell/SimpleCell';\nexport { HorizontalCell } from './components/HorizontalCell/HorizontalCell';\nexport type { HorizontalCellProps } from './components/HorizontalCell/HorizontalCell';\nexport { Footer } from './components/Footer/Footer';\nexport type { FooterProps } from './components/Footer/Footer';\nexport { InfoRow } from './components/InfoRow/InfoRow';\nexport type { InfoRowProps } from './components/InfoRow/InfoRow';\nexport { Gallery } from './components/Gallery/Gallery';\nexport type { GalleryProps } from './components/Gallery/Gallery';\nexport { Avatar } from './components/Avatar/Avatar';\nexport type {\n  AvatarProps,\n  AvatarBadgeProps,\n  AvatarBadgeWithPresetProps,\n  AvatarOverlayProps,\n} from './components/Avatar/Avatar';\nexport { GridAvatar } from './components/GridAvatar/GridAvatar';\nexport type { GridAvatarProps, GridAvatarBadgeProps } from './components/GridAvatar/GridAvatar';\nexport { Image } from './components/Image/Image';\nexport type { ImageProps, ImageBadgeProps, ImageOverlayProps } from './components/Image/Image';\nexport { Progress } from './components/Progress/Progress';\nexport type { ProgressProps } from './components/Progress/Progress';\nexport { Search } from './components/Search/Search';\nexport type { SearchProps } from './components/Search/Search';\nexport { Tabs } from './components/Tabs/Tabs';\nexport type { TabsProps } from './components/Tabs/Tabs';\nexport { TabsItem } from './components/TabsItem/TabsItem';\nexport type { TabsItemProps } from './components/TabsItem/TabsItem';\nexport { Spinner } from './components/Spinner/Spinner';\nexport type { SpinnerProps } from './components/Spinner/Spinner';\nexport { PullToRefresh } from './components/PullToRefresh/PullToRefresh';\nexport type { PullToRefreshProps } from './components/PullToRefresh/PullToRefresh';\nexport { Link } from './components/Link/Link';\nexport type { LinkProps } from './components/Link/Link';\nexport { Tooltip } from './components/Tooltip/Tooltip';\nexport type { TooltipProps } from './components/Tooltip/Tooltip';\nexport { TooltipContainer } from './components/Tooltip/TooltipContainer';\nexport { Counter } from './components/Counter/Counter';\nexport type { CounterProps } from './components/Counter/Counter';\nexport { UsersStack } from './components/UsersStack/UsersStack';\nexport type { UsersStackProps } from './components/UsersStack/UsersStack';\nexport { Separator } from './components/Separator/Separator';\nexport type { SeparatorProps } from './components/Separator/Separator';\nexport { Spacing } from './components/Spacing/Spacing';\nexport type { SpacingProps } from './components/Spacing/Spacing';\nexport { Placeholder } from './components/Placeholder/Placeholder';\nexport type { PlaceholderProps } from './components/Placeholder/Placeholder';\nexport { Banner } from './components/Banner/Banner';\nexport type { BannerProps } from './components/Banner/Banner';\nexport { MiniInfoCell } from './components/MiniInfoCell/MiniInfoCell';\nexport type { MiniInfoCellProps } from './components/MiniInfoCell/MiniInfoCell';\nexport { WriteBar } from './components/WriteBar/WriteBar';\nexport type { WriteBarProps } from './components/WriteBar/WriteBar';\nexport { WriteBarIcon } from './components/WriteBarIcon/WriteBarIcon';\nexport type { WriteBarIconProps } from './components/WriteBarIcon/WriteBarIcon';\nexport { SubnavigationBar } from './components/SubnavigationBar/SubnavigationBar';\nexport type { SubnavigationBarProps } from './components/SubnavigationBar/SubnavigationBar';\nexport { SubnavigationButton } from './components/SubnavigationButton/SubnavigationButton';\nexport type { SubnavigationButtonProps } from './components/SubnavigationButton/SubnavigationButton';\nexport { Pagination } from './components/Pagination/Pagination';\nexport type { PaginationProps } from './components/Pagination/Pagination';\n\n/**\n * Forms\n */\nexport { FormLayout } from './components/FormLayout/FormLayout';\nexport type { FormLayoutProps } from './components/FormLayout/FormLayout';\nexport { FormItem } from './components/FormItem/FormItem';\nexport type { FormItemProps } from './components/FormItem/FormItem';\nexport { FormField } from './components/FormField/FormField';\nexport type { FormFieldProps } from './components/FormField/FormField';\nexport { FormLayoutGroup } from './components/FormLayoutGroup/FormLayoutGroup';\nexport type { FormLayoutGroupProps } from './components/FormLayoutGroup/FormLayoutGroup';\nexport { FormStatus } from './components/FormStatus/FormStatus';\nexport type { FormStatusProps } from './components/FormStatus/FormStatus';\nexport { Switch } from './components/Switch/Switch';\nexport type { SwitchProps } from './components/Switch/Switch';\nexport { File } from './components/File/File';\nexport type { FileProps } from './components/File/File';\nexport { Input } from './components/Input/Input';\nexport type { InputProps } from './components/Input/Input';\nexport { Chip } from './components/Chip/Chip';\nexport type { ChipProps } from './components/Chip/Chip';\nexport { ChipsInput } from './components/ChipsInput/ChipsInput';\nexport type { ChipsInputProps } from './components/ChipsInput/ChipsInput';\nexport { Slider } from './components/Slider/Slider';\nexport type { SliderProps } from './components/Slider/Slider';\nexport { RangeSlider } from './components/RangeSlider/RangeSlider';\nexport type { RangeSliderProps } from './components/RangeSlider/RangeSlider';\nexport { Textarea } from './components/Textarea/Textarea';\nexport type { TextareaProps } from './components/Textarea/Textarea';\nexport { Radio } from './components/Radio/Radio';\nexport type { RadioProps } from './components/Radio/Radio';\nexport { RadioGroup } from './components/RadioGroup/RadioGroup';\nexport type { RadioGroupProps } from './components/RadioGroup/RadioGroup';\nexport { Checkbox } from './components/Checkbox/Checkbox';\nexport type { CheckboxProps } from './components/Checkbox/Checkbox';\nexport { Select } from './components/Select/Select';\nexport { SelectMimicry } from './components/SelectMimicry/SelectMimicry';\nexport type { SelectMimicryProps } from './components/SelectMimicry/SelectMimicry';\nexport { NativeSelect } from './components/NativeSelect/NativeSelect';\nexport type { NativeSelectProps } from './components/NativeSelect/NativeSelect';\nexport { CustomSelect } from './components/CustomSelect/CustomSelect';\nexport type {\n  SelectProps,\n  CustomSelectOptionInterface,\n} from './components/CustomSelect/CustomSelect';\nexport { CustomSelectOption } from './components/CustomSelectOption/CustomSelectOption';\nexport type { CustomSelectOptionProps } from './components/CustomSelectOption/CustomSelectOption';\nexport { DatePicker } from './components/DatePicker/DatePicker';\nexport type { DatePickerProps, DatePickerDateFormat } from './components/DatePicker/DatePicker';\nexport { SegmentedControl } from './components/SegmentedControl/SegmentedControl';\nexport type {\n  SegmentedControlProps,\n  SegmentedControlOptionInterface,\n  SegmentedControlValue,\n} from './components/SegmentedControl/SegmentedControl';\nexport { Calendar } from './components/Calendar/Calendar';\nexport type { CalendarProps } from './components/Calendar/Calendar';\nexport { CalendarRange } from './components/CalendarRange/CalendarRange';\nexport type { CalendarRangeProps } from './components/CalendarRange/CalendarRange';\nexport { DateInput } from './components/DateInput/DateInput';\nexport type { DateInputProps } from './components/DateInput/DateInput';\nexport { DateRangeInput } from './components/DateRangeInput/DateRangeInput';\nexport type { DateRangeInputProps } from './components/DateRangeInput/DateRangeInput';\n\n/**\n * Helpers\n */\nexport { Div } from './components/Div/Div';\nexport type { DivProps } from './components/Div/Div';\nexport { Tappable } from './components/Tappable/Tappable';\nexport type { TappableProps } from './components/Tappable/Tappable';\nexport { Touch } from './components/Touch/Touch';\nexport type { TouchProps } from './components/Touch/Touch';\nexport { PanelSpinner } from './components/PanelSpinner/PanelSpinner';\nexport type { PanelSpinnerProps } from './components/PanelSpinner/PanelSpinner';\nexport { PanelHeaderClose } from './components/PanelHeaderClose/PanelHeaderClose';\nexport { PanelHeaderBack } from './components/PanelHeaderBack/PanelHeaderBack';\nexport type { PanelHeaderBackProps } from './components/PanelHeaderBack/PanelHeaderBack';\nexport { PanelHeaderSubmit } from './components/PanelHeaderSubmit/PanelHeaderSubmit';\nexport { PanelHeaderEdit } from './components/PanelHeaderEdit/PanelHeaderEdit';\nexport type { PanelHeaderEditProps } from './components/PanelHeaderEdit/PanelHeaderEdit';\nexport { ModalCardBase } from './components/ModalCardBase/ModalCardBase';\nexport type { ModalCardBaseProps } from './components/ModalCardBase/ModalCardBase';\nexport { VisuallyHiddenInput } from './components/VisuallyHiddenInput/VisuallyHiddenInput';\nexport type { VisuallyHiddenInputProps } from './components/VisuallyHiddenInput/VisuallyHiddenInput';\n\n/**\n * Wrappers\n */\nexport { AppRoot } from './components/AppRoot/AppRoot';\nexport type { AppRootProps } from './components/AppRoot/AppRoot';\nexport { AdaptivityProvider } from './components/AdaptivityProvider/AdaptivityProvider';\nexport type { AdaptivityProviderProps } from './components/AdaptivityProvider/AdaptivityProvider';\nexport { ConfigProvider } from './components/ConfigProvider/ConfigProvider';\nexport type { ConfigProviderProps } from './components/ConfigProvider/ConfigProvider';\nexport {\n  useConfigProvider,\n  ConfigProviderContext,\n  WebviewType,\n} from './components/ConfigProvider/ConfigProviderContext';\nexport { AppearanceProvider } from './components/AppearanceProvider/AppearanceProvider';\nexport type { AppearanceProviderProps } from './components/AppearanceProvider/AppearanceProvider';\nexport { Appearance } from './helpers/appearance';\nexport { LocaleProvider } from './components/LocaleProvider/LocaleProvider';\nexport type { LocaleProviderProps } from './components/LocaleProvider/LocaleProvider';\nexport { PlatformProvider } from './components/PlatformProvider/PlatformProvider';\nexport type { PlatformProviderProps } from './components/PlatformProvider/PlatformProvider';\n\n/**\n * Advertisement\n */\nexport { PromoBanner } from './components/PromoBanner/PromoBanner';\nexport type { PromoBannerProps } from './components/PromoBanner/PromoBanner';\n\n/**\n * Typography\n */\nexport { Title } from './components/Typography/Title/Title';\nexport type { TitleProps } from './components/Typography/Title/Title';\nexport { Headline } from './components/Typography/Headline/Headline';\nexport type { HeadlineProps } from './components/Typography/Headline/Headline';\nexport { Text } from './components/Typography/Text/Text';\nexport type { TextProps } from './components/Typography/Text/Text';\nexport { Paragraph } from './components/Typography/Paragraph/Paragraph';\nexport type { ParagraphProps } from './components/Typography/Paragraph/Paragraph';\nexport { Subhead } from './components/Typography/Subhead/Subhead';\nexport type { SubheadProps } from './components/Typography/Subhead/Subhead';\nexport { Footnote } from './components/Typography/Footnote/Footnote';\nexport type { FootnoteProps } from './components/Typography/Footnote/Footnote';\nexport { Caption } from './components/Typography/Caption/Caption';\nexport type { CaptionProps } from './components/Typography/Caption/Caption';\n\n/**\n * HOCs\n */\nexport { withInsets } from './hoc/withInsets';\nexport { withPlatform } from './hoc/withPlatform';\n\n/**\n * Hooks\n */\nexport { useInsets } from './hooks/useInsets';\nexport { usePlatform } from './hooks/usePlatform';\nexport { useAdaptivity } from './hooks/useAdaptivity';\nexport {\n  type UseAdaptivityConditionalRender,\n  useAdaptivityConditionalRender,\n} from './hooks/useAdaptivityConditionalRender';\nexport {\n  type UseAdaptivityWithJSMediaQueries,\n  useAdaptivityWithJSMediaQueries,\n} from './hooks/useAdaptivityWithJSMediaQueries';\nexport { useAppearance } from './hooks/useAppearance';\nexport { usePagination } from './hooks/usePagination';\nexport { useTodayDate } from './hooks/useTodayDate';\nexport { useScrollLock } from './components/AppRoot/ScrollContext';\nexport { useNavTransition } from './components/NavTransitionContext/NavTransitionContext';\nexport { useModalRootContext } from './components/ModalRoot/useModalRootContext';\n\n/**\n * Utils\n */\nexport { classNames } from '@vkontakte/vkjs';\nexport { animate } from './lib/animate';\nexport { removeObjectKeys } from './lib/removeObjectKeys';\nexport { SSRWrapper } from './lib/SSR';\nexport type { SSRWrapperProps } from './lib/SSR';\nexport { platform, Platform } from './lib/platform';\nexport { ViewWidth, ViewHeight, SizeType } from './lib/adaptivity';\nexport { getPlatformClassName } from './helpers/getPlatformClassName';\nexport type { AdaptivityProps } from './components/AdaptivityProvider/AdaptivityContext';\nexport { calcInitialsAvatarColor } from './helpers/avatar';\nexport { CustomScrollView } from './components/CustomScrollView/CustomScrollView';\n\n/**\n * Types\n */\nexport type { AlignType, HasPlatform, HasInsets } from './types';\nexport type { NavIdProps } from './lib/getNavId';\nexport type { PlatformType } from './lib/platform';\nexport type { TransitionContextProps } from './components/NavTransitionContext/NavTransitionContext';\n\n/**\n * Unstable\n */\nexport { ChipsSelect as unstable_ChipsSelect } from './components/ChipsSelect/ChipsSelect';\nexport type { ChipsSelectProps as unstable_ChipsSelectProps } from './components/ChipsSelect/ChipsSelect';\n\nexport { Popover as unstable_Popover } from './components/Popover/Popover';\nexport type { PopoverProps as unstable_PopoverProps } from './components/Popover/Popover';\n\nexport { TextTooltip as unstable_TextTooltip } from './components/TextTooltip/TextTooltip';\nexport type { TextTooltipProps as unstable_TextTooltipProps } from './components/TextTooltip/TextTooltip';\n\nexport { RichTooltip as unstable_RichTooltip } from './components/RichTooltip/RichTooltip';\nexport type { RichTooltipProps as unstable_RichTooltipProps } from './components/RichTooltip/RichTooltip';\n\nexport { Popper as unstable_Popper } from './components/Popper/Popper';\nexport type { PopperProps as unstable_PopperProps } from './components/Popper/Popper';\n\nexport { ViewInfinite as unstable_ViewInfinite } from './components/View/ViewInfinite';\nexport type { ViewInfiniteProps as unstable_ViewInfiniteProps } from './components/View/ViewInfinite';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AASA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAMA;AAEA;AAEA;AAEA;AAEA;AACA;AAEA;AAMA;AAEA;AACA;AACA;AAEA;AAEA;AAEA;AAMA;AAaA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAOA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AACA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAMA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AACA;AAEA;AAEA;AAKA;AAEA;AAEA;AAMA;AAEA;AAEA;AAEA;AAMA;AAEA;AAEA;AAEA;AAEA;AACA;AAEA;AACA;AAEA;AAEA;AAMA;AAEA;AAEA;AAEA;AAKA;AAEA;AACA;AAEA;AAMA;AAMA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAMA;AACA;AAKA;AACA;AACA;AACA;AAIA;AAIA;AACA;AACA;AACA;AACA;AACA;AAKA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAaA;AAGA;AAGA;AAGA;AAGA;AAGA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/index.ts"],"sourcesContent":["import './lib/polyfills';\n\nimport './styles/constants.css';\nimport './styles/animations.css';\nimport './styles/adaptivity.module.css';\n\nexport { AppRoot } from './components/AppRoot/AppRoot';\nexport type { AppRootProps } from './components/AppRoot/AppRoot';\n\n/**\n * Typography\n */\nexport { Title } from './components/Typography/Title/Title';\nexport type { TitleProps } from './components/Typography/Title/Title';\nexport { Headline } from './components/Typography/Headline/Headline';\nexport type { HeadlineProps } from './components/Typography/Headline/Headline';\nexport { Text } from './components/Typography/Text/Text';\nexport type { TextProps } from './components/Typography/Text/Text';\nexport { Paragraph } from './components/Typography/Paragraph/Paragraph';\nexport type { ParagraphProps } from './components/Typography/Paragraph/Paragraph';\nexport { Subhead } from './components/Typography/Subhead/Subhead';\nexport type { SubheadProps } from './components/Typography/Subhead/Subhead';\nexport { Footnote } from './components/Typography/Footnote/Footnote';\nexport type { FootnoteProps } from './components/Typography/Footnote/Footnote';\nexport { Caption } from './components/Typography/Caption/Caption';\nexport type { CaptionProps } from './components/Typography/Caption/Caption';\n\n/**\n * Service\n */\nexport { Tappable } from './components/Tappable/Tappable';\nexport type { TappableProps } from './components/Tappable/Tappable';\nexport { FixedLayout } from './components/FixedLayout/FixedLayout';\nexport type { FixedLayoutProps } from './components/FixedLayout/FixedLayout';\nexport {\n  ImageBaseContext,\n  ImageBase,\n  getBadgeIconSizeByImageBaseSize,\n  getFallbackIconSizeByImageBaseSize,\n  getOverlayIconSizeByImageBaseSize,\n} from './components/ImageBase/ImageBase';\nexport type {\n  ImageBaseSize,\n  ImageBaseExpectedIconProps,\n  ImageBaseBadgeProps,\n  ImageBaseOverlayProps,\n} from './components/ImageBase/ImageBase';\n\n/**\n * Primitives\n */\nexport { Button } from './components/Button/Button';\nexport type { ButtonProps } from './components/Button/Button';\n\n/**\n * Layout\n */\nexport { Root } from './components/Root/Root';\nexport type { RootProps } from './components/Root/Root';\nexport { View } from './components/View/View';\nexport type { ViewProps } from './components/View/View';\nexport { Panel } from './components/Panel/Panel';\nexport type { PanelProps } from './components/Panel/Panel';\nexport { PanelHeaderButton } from './components/PanelHeaderButton/PanelHeaderButton';\nexport type { PanelHeaderButtonProps } from './components/PanelHeaderButton/PanelHeaderButton';\nexport { PanelHeader } from './components/PanelHeader/PanelHeader';\nexport type { PanelHeaderProps } from './components/PanelHeader/PanelHeader';\nexport { PanelHeaderContent } from './components/PanelHeaderContent/PanelHeaderContent';\nexport type { PanelHeaderContentProps } from './components/PanelHeaderContent/PanelHeaderContent';\nexport { PanelHeaderContext } from './components/PanelHeaderContext/PanelHeaderContext';\nexport type { PanelHeaderContextProps } from './components/PanelHeaderContext/PanelHeaderContext';\nexport { SplitLayout } from './components/SplitLayout/SplitLayout';\nexport type { SplitLayoutProps } from './components/SplitLayout/SplitLayout';\nexport { SplitCol } from './components/SplitCol/SplitCol';\nexport type { SplitColProps } from './components/SplitCol/SplitCol';\nexport { Epic } from './components/Epic/Epic';\nexport type { EpicProps } from './components/Epic/Epic';\nexport { Tabbar } from './components/Tabbar/Tabbar';\nexport type { TabbarProps } from './components/Tabbar/Tabbar';\nexport { TabbarItem } from './components/TabbarItem/TabbarItem';\nexport type { TabbarItemProps } from './components/TabbarItem/TabbarItem';\nexport { HorizontalScroll } from './components/HorizontalScroll/HorizontalScroll';\nexport type { HorizontalScrollProps } from './components/HorizontalScroll/HorizontalScroll';\n\n/**\n * Popouts\n */\nexport { PopoutWrapper } from './components/PopoutWrapper/PopoutWrapper';\nexport type { PopoutWrapperProps } from './components/PopoutWrapper/PopoutWrapper';\nexport { Alert } from './components/Alert/Alert';\nexport type { AlertProps, AlertActionInterface } from './components/Alert/Alert';\nexport { ActionSheet } from './components/ActionSheet/ActionSheet';\nexport type { ActionSheetProps } from './components/ActionSheet/ActionSheet';\nexport { ActionSheetItem } from './components/ActionSheetItem/ActionSheetItem';\nexport type { ActionSheetItemProps } from './components/ActionSheetItem/ActionSheetItem';\nexport { ActionSheetDefaultIosCloseItem } from './components/ActionSheet/ActionSheetDefaultIosCloseItem';\nexport { ScreenSpinner } from './components/ScreenSpinner/ScreenSpinner';\nexport type { ScreenSpinnerProps } from './components/ScreenSpinner/ScreenSpinner';\nexport { Snackbar } from './components/Snackbar/Snackbar';\nexport type { SnackbarProps } from './components/Snackbar/Snackbar';\n\n/**\n * Modals\n */\nexport { ModalRoot } from './components/ModalRoot/ModalRootAdaptive';\nexport type { ModalRootProps } from './components/ModalRoot/ModalRootAdaptive';\nexport { withModalRootContext } from './components/ModalRoot/withModalRootContext';\nexport { ModalRootContext } from './components/ModalRoot/ModalRootContext';\nexport { ModalPage } from './components/ModalPage/ModalPage';\nexport type { ModalPageProps } from './components/ModalPage/ModalPage';\nexport { ModalPageHeader } from './components/ModalPageHeader/ModalPageHeader';\nexport type { ModalPageHeaderProps } from './components/ModalPageHeader/ModalPageHeader';\nexport { ModalCard } from './components/ModalCard/ModalCard';\nexport type { ModalCardProps } from './components/ModalCard/ModalCard';\nexport { ModalDismissButton } from './components/ModalDismissButton/ModalDismissButton';\nexport type { ModalDismissButtonProps } from './components/ModalDismissButton/ModalDismissButton';\n\n/**\n * Blocks\n */\nexport { Badge } from './components/Badge/Badge';\nexport type { BadgeProps } from './components/Badge/Badge';\nexport { ButtonGroup } from './components/ButtonGroup/ButtonGroup';\nexport type { ButtonGroupProps } from './components/ButtonGroup/ButtonGroup';\nexport { IconButton } from './components/IconButton/IconButton';\nexport type { IconButtonProps } from './components/IconButton/IconButton';\nexport { Card } from './components/Card/Card';\nexport type { CardProps } from './components/Card/Card';\nexport { CardGrid } from './components/CardGrid/CardGrid';\nexport type { CardGridProps } from './components/CardGrid/CardGrid';\nexport { CardScroll } from './components/CardScroll/CardScroll';\nexport type { CardScrollProps } from './components/CardScroll/CardScroll';\nexport { ContentCard } from './components/ContentCard/ContentCard';\nexport type { ContentCardProps } from './components/ContentCard/ContentCard';\nexport { Header } from './components/Header/Header';\nexport type { HeaderProps } from './components/Header/Header';\nexport { Group } from './components/Group/Group';\nexport type { GroupProps } from './components/Group/Group';\nexport { Gradient } from './components/Gradient/Gradient';\nexport type { GradientProps } from './components/Gradient/Gradient';\nexport { List } from './components/List/List';\nexport type { ListProps } from './components/List/List';\nexport { Cell } from './components/Cell/Cell';\nexport type { CellProps } from './components/Cell/Cell';\nexport { RichCell } from './components/RichCell/RichCell';\nexport type { RichCellProps } from './components/RichCell/RichCell';\nexport { SimpleCell } from './components/SimpleCell/SimpleCell';\nexport type { SimpleCellProps } from './components/SimpleCell/SimpleCell';\nexport { CellButton } from './components/CellButton/CellButton';\nexport type { CellButtonProps } from './components/CellButton/CellButton';\nexport { HorizontalCell } from './components/HorizontalCell/HorizontalCell';\nexport type { HorizontalCellProps } from './components/HorizontalCell/HorizontalCell';\nexport { Footer } from './components/Footer/Footer';\nexport type { FooterProps } from './components/Footer/Footer';\nexport { InfoRow } from './components/InfoRow/InfoRow';\nexport type { InfoRowProps } from './components/InfoRow/InfoRow';\nexport { Gallery } from './components/Gallery/Gallery';\nexport type { GalleryProps } from './components/Gallery/Gallery';\nexport { Avatar } from './components/Avatar/Avatar';\nexport type {\n  AvatarProps,\n  AvatarBadgeProps,\n  AvatarBadgeWithPresetProps,\n  AvatarOverlayProps,\n} from './components/Avatar/Avatar';\nexport { GridAvatar } from './components/GridAvatar/GridAvatar';\nexport type { GridAvatarProps, GridAvatarBadgeProps } from './components/GridAvatar/GridAvatar';\nexport { Image } from './components/Image/Image';\nexport type { ImageProps, ImageBadgeProps, ImageOverlayProps } from './components/Image/Image';\nexport { Progress } from './components/Progress/Progress';\nexport type { ProgressProps } from './components/Progress/Progress';\nexport { Search } from './components/Search/Search';\nexport type { SearchProps } from './components/Search/Search';\nexport { Tabs } from './components/Tabs/Tabs';\nexport type { TabsProps } from './components/Tabs/Tabs';\nexport { TabsItem } from './components/TabsItem/TabsItem';\nexport type { TabsItemProps } from './components/TabsItem/TabsItem';\nexport { Spinner } from './components/Spinner/Spinner';\nexport type { SpinnerProps } from './components/Spinner/Spinner';\nexport { PullToRefresh } from './components/PullToRefresh/PullToRefresh';\nexport type { PullToRefreshProps } from './components/PullToRefresh/PullToRefresh';\nexport { Link } from './components/Link/Link';\nexport type { LinkProps } from './components/Link/Link';\nexport { Tooltip } from './components/Tooltip/Tooltip';\nexport type { TooltipProps } from './components/Tooltip/Tooltip';\nexport { TooltipContainer } from './components/Tooltip/TooltipContainer';\nexport { Counter } from './components/Counter/Counter';\nexport type { CounterProps } from './components/Counter/Counter';\nexport { UsersStack } from './components/UsersStack/UsersStack';\nexport type { UsersStackProps } from './components/UsersStack/UsersStack';\nexport { Separator } from './components/Separator/Separator';\nexport type { SeparatorProps } from './components/Separator/Separator';\nexport { Spacing } from './components/Spacing/Spacing';\nexport type { SpacingProps } from './components/Spacing/Spacing';\nexport { Placeholder } from './components/Placeholder/Placeholder';\nexport type { PlaceholderProps } from './components/Placeholder/Placeholder';\nexport { Banner } from './components/Banner/Banner';\nexport type { BannerProps } from './components/Banner/Banner';\nexport { MiniInfoCell } from './components/MiniInfoCell/MiniInfoCell';\nexport type { MiniInfoCellProps } from './components/MiniInfoCell/MiniInfoCell';\nexport { WriteBar } from './components/WriteBar/WriteBar';\nexport type { WriteBarProps } from './components/WriteBar/WriteBar';\nexport { WriteBarIcon } from './components/WriteBarIcon/WriteBarIcon';\nexport type { WriteBarIconProps } from './components/WriteBarIcon/WriteBarIcon';\nexport { SubnavigationBar } from './components/SubnavigationBar/SubnavigationBar';\nexport type { SubnavigationBarProps } from './components/SubnavigationBar/SubnavigationBar';\nexport { SubnavigationButton } from './components/SubnavigationButton/SubnavigationButton';\nexport type { SubnavigationButtonProps } from './components/SubnavigationButton/SubnavigationButton';\nexport { Pagination } from './components/Pagination/Pagination';\nexport type { PaginationProps } from './components/Pagination/Pagination';\n\n/**\n * Forms\n */\nexport { FormLayout } from './components/FormLayout/FormLayout';\nexport type { FormLayoutProps } from './components/FormLayout/FormLayout';\nexport { FormItem } from './components/FormItem/FormItem';\nexport type { FormItemProps } from './components/FormItem/FormItem';\nexport { FormField } from './components/FormField/FormField';\nexport type { FormFieldProps } from './components/FormField/FormField';\nexport { FormLayoutGroup } from './components/FormLayoutGroup/FormLayoutGroup';\nexport type { FormLayoutGroupProps } from './components/FormLayoutGroup/FormLayoutGroup';\nexport { FormStatus } from './components/FormStatus/FormStatus';\nexport type { FormStatusProps } from './components/FormStatus/FormStatus';\nexport { Switch } from './components/Switch/Switch';\nexport type { SwitchProps } from './components/Switch/Switch';\nexport { File } from './components/File/File';\nexport type { FileProps } from './components/File/File';\nexport { Input } from './components/Input/Input';\nexport type { InputProps } from './components/Input/Input';\nexport { Chip } from './components/Chip/Chip';\nexport type { ChipProps } from './components/Chip/Chip';\nexport { ChipsInput } from './components/ChipsInput/ChipsInput';\nexport type { ChipsInputProps } from './components/ChipsInput/ChipsInput';\nexport { Slider } from './components/Slider/Slider';\nexport type { SliderProps } from './components/Slider/Slider';\nexport { RangeSlider } from './components/RangeSlider/RangeSlider';\nexport type { RangeSliderProps } from './components/RangeSlider/RangeSlider';\nexport { Textarea } from './components/Textarea/Textarea';\nexport type { TextareaProps } from './components/Textarea/Textarea';\nexport { Radio } from './components/Radio/Radio';\nexport type { RadioProps } from './components/Radio/Radio';\nexport { RadioGroup } from './components/RadioGroup/RadioGroup';\nexport type { RadioGroupProps } from './components/RadioGroup/RadioGroup';\nexport { Checkbox } from './components/Checkbox/Checkbox';\nexport type { CheckboxProps } from './components/Checkbox/Checkbox';\nexport { Select } from './components/Select/Select';\nexport { SelectMimicry } from './components/SelectMimicry/SelectMimicry';\nexport type { SelectMimicryProps } from './components/SelectMimicry/SelectMimicry';\nexport { NativeSelect } from './components/NativeSelect/NativeSelect';\nexport type { NativeSelectProps } from './components/NativeSelect/NativeSelect';\nexport { CustomSelect } from './components/CustomSelect/CustomSelect';\nexport type {\n  SelectProps,\n  CustomSelectOptionInterface,\n} from './components/CustomSelect/CustomSelect';\nexport { CustomSelectOption } from './components/CustomSelectOption/CustomSelectOption';\nexport type { CustomSelectOptionProps } from './components/CustomSelectOption/CustomSelectOption';\nexport { DatePicker } from './components/DatePicker/DatePicker';\nexport type { DatePickerProps, DatePickerDateFormat } from './components/DatePicker/DatePicker';\nexport { SegmentedControl } from './components/SegmentedControl/SegmentedControl';\nexport type {\n  SegmentedControlProps,\n  SegmentedControlOptionInterface,\n  SegmentedControlValue,\n} from './components/SegmentedControl/SegmentedControl';\nexport { Calendar } from './components/Calendar/Calendar';\nexport type { CalendarProps } from './components/Calendar/Calendar';\nexport { CalendarRange } from './components/CalendarRange/CalendarRange';\nexport type { CalendarRangeProps } from './components/CalendarRange/CalendarRange';\nexport { DateInput } from './components/DateInput/DateInput';\nexport type { DateInputProps } from './components/DateInput/DateInput';\nexport { DateRangeInput } from './components/DateRangeInput/DateRangeInput';\nexport type { DateRangeInputProps } from './components/DateRangeInput/DateRangeInput';\n\n/**\n * Helpers\n */\nexport { Div } from './components/Div/Div';\nexport type { DivProps } from './components/Div/Div';\nexport { Touch } from './components/Touch/Touch';\nexport type { TouchProps } from './components/Touch/Touch';\nexport { PanelSpinner } from './components/PanelSpinner/PanelSpinner';\nexport type { PanelSpinnerProps } from './components/PanelSpinner/PanelSpinner';\nexport { PanelHeaderClose } from './components/PanelHeaderClose/PanelHeaderClose';\nexport { PanelHeaderBack } from './components/PanelHeaderBack/PanelHeaderBack';\nexport type { PanelHeaderBackProps } from './components/PanelHeaderBack/PanelHeaderBack';\nexport { PanelHeaderSubmit } from './components/PanelHeaderSubmit/PanelHeaderSubmit';\nexport { PanelHeaderEdit } from './components/PanelHeaderEdit/PanelHeaderEdit';\nexport type { PanelHeaderEditProps } from './components/PanelHeaderEdit/PanelHeaderEdit';\nexport { ModalCardBase } from './components/ModalCardBase/ModalCardBase';\nexport type { ModalCardBaseProps } from './components/ModalCardBase/ModalCardBase';\nexport { VisuallyHiddenInput } from './components/VisuallyHiddenInput/VisuallyHiddenInput';\nexport type { VisuallyHiddenInputProps } from './components/VisuallyHiddenInput/VisuallyHiddenInput';\n\n/**\n * Wrappers\n */\nexport { AdaptivityProvider } from './components/AdaptivityProvider/AdaptivityProvider';\nexport type { AdaptivityProviderProps } from './components/AdaptivityProvider/AdaptivityProvider';\nexport { ConfigProvider } from './components/ConfigProvider/ConfigProvider';\nexport type { ConfigProviderProps } from './components/ConfigProvider/ConfigProvider';\nexport {\n  useConfigProvider,\n  ConfigProviderContext,\n  WebviewType,\n} from './components/ConfigProvider/ConfigProviderContext';\nexport { AppearanceProvider } from './components/AppearanceProvider/AppearanceProvider';\nexport type { AppearanceProviderProps } from './components/AppearanceProvider/AppearanceProvider';\nexport { Appearance } from './helpers/appearance';\nexport { LocaleProvider } from './components/LocaleProvider/LocaleProvider';\nexport type { LocaleProviderProps } from './components/LocaleProvider/LocaleProvider';\nexport { PlatformProvider } from './components/PlatformProvider/PlatformProvider';\nexport type { PlatformProviderProps } from './components/PlatformProvider/PlatformProvider';\n\n/**\n * Advertisement\n */\nexport { PromoBanner } from './components/PromoBanner/PromoBanner';\nexport type { PromoBannerProps } from './components/PromoBanner/PromoBanner';\n\n/**\n * HOCs\n */\nexport { withInsets } from './hoc/withInsets';\nexport { withPlatform } from './hoc/withPlatform';\n\n/**\n * Hooks\n */\nexport { useInsets } from './hooks/useInsets';\nexport { usePlatform } from './hooks/usePlatform';\nexport { useAdaptivity } from './hooks/useAdaptivity';\nexport {\n  type UseAdaptivityConditionalRender,\n  useAdaptivityConditionalRender,\n} from './hooks/useAdaptivityConditionalRender';\nexport {\n  type UseAdaptivityWithJSMediaQueries,\n  useAdaptivityWithJSMediaQueries,\n} from './hooks/useAdaptivityWithJSMediaQueries';\nexport { useAppearance } from './hooks/useAppearance';\nexport { usePagination } from './hooks/usePagination';\nexport { useTodayDate } from './hooks/useTodayDate';\nexport { useScrollLock } from './components/AppRoot/ScrollContext';\nexport { useNavTransition } from './components/NavTransitionContext/NavTransitionContext';\nexport { useModalRootContext } from './components/ModalRoot/useModalRootContext';\n\n/**\n * Utils\n */\nexport { classNames } from '@vkontakte/vkjs';\nexport { animate } from './lib/animate';\nexport { removeObjectKeys } from './lib/removeObjectKeys';\nexport { SSRWrapper } from './lib/SSR';\nexport type { SSRWrapperProps } from './lib/SSR';\nexport { platform, Platform } from './lib/platform';\nexport { ViewWidth, ViewHeight, SizeType } from './lib/adaptivity';\nexport { getPlatformClassName } from './helpers/getPlatformClassName';\nexport type { AdaptivityProps } from './components/AdaptivityProvider/AdaptivityContext';\nexport { calcInitialsAvatarColor } from './helpers/avatar';\nexport { CustomScrollView } from './components/CustomScrollView/CustomScrollView';\n\n/**\n * Types\n */\nexport type { AlignType, HasPlatform, HasInsets } from './types';\nexport type { NavIdProps } from './lib/getNavId';\nexport type { PlatformType } from './lib/platform';\nexport type { TransitionContextProps } from './components/NavTransitionContext/NavTransitionContext';\n\n/**\n * Unstable\n */\nexport { ChipsSelect as unstable_ChipsSelect } from './components/ChipsSelect/ChipsSelect';\nexport type { ChipsSelectProps as unstable_ChipsSelectProps } from './components/ChipsSelect/ChipsSelect';\n\nexport { Popover as unstable_Popover } from './components/Popover/Popover';\nexport type { PopoverProps as unstable_PopoverProps } from './components/Popover/Popover';\n\nexport { TextTooltip as unstable_TextTooltip } from './components/TextTooltip/TextTooltip';\nexport type { TextTooltipProps as unstable_TextTooltipProps } from './components/TextTooltip/TextTooltip';\n\nexport { RichTooltip as unstable_RichTooltip } from './components/RichTooltip/RichTooltip';\nexport type { RichTooltipProps as unstable_RichTooltipProps } from './components/RichTooltip/RichTooltip';\n\nexport { Popper as unstable_Popper } from './components/Popper/Popper';\nexport type { PopperProps as unstable_PopperProps } from './components/Popper/Popper';\n\nexport { ViewInfinite as unstable_ViewInfinite } from './components/View/ViewInfinite';\nexport type { ViewInfiniteProps as unstable_ViewInfiniteProps } from './components/View/ViewInfinite';\n\nimport './styles/common.css';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAMA;AAMA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAMA;AAEA;AAEA;AAiBA;AAMA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAMA;AAEA;AAEA;AAEA;AAEA;AACA;AAEA;AAMA;AAEA;AACA;AACA;AAEA;AAEA;AAEA;AAMA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAOA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AACA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAMA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AACA;AAEA;AAEA;AAKA;AAEA;AAEA;AAMA;AAEA;AAEA;AAEA;AAMA;AAEA;AAEA;AAEA;AACA;AAEA;AACA;AAEA;AAEA;AAMA;AAEA;AAEA;AAKA;AAEA;AACA;AAEA;AAMA;AAMA;AACA;AAKA;AACA;AACA;AACA;AAIA;AAIA;AACA;AACA;AACA;AACA;AACA;AAKA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAaA;AAGA;AAGA;AAGA;AAGA;AAGA"}